/* Reset Style */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
  text-decoration:none;}

:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* */


/* Navigation */

.breadcrumb {position:absolute;left:22px;top:8px;font-size:11px;color:#aaa}
.breadcrumb a {color:#888}
.breadcrumb a:hover {text-decoration:underline}
.breadcrumb span {}

#container {width:986px;margin:22px auto;border:5px solid #9d9ea0;font-family:arial,helvetica,sans-serif}

#header {height:153px;position:relative;background-repeat:no-repeat;background-position:top left;background-image:url('/static/images/awi_headpic.jpg');}
#home {display:block;width:338px;height:69px;background:url('/static/images/AWI.gif') no-repeat;position:absolute;right:22px;top:28px}
 
.noShow {display:none}
.hnav {height:28px;position:absolute;bottom:0;left:0;border:1px solid #fecc37;border-width:1px 0;background:#fecc37;display:block;width:100%}
.hnav li {float:left;position:relative;border-right:1px solid #fff}
.hnav li#cat1 a {padding-left:22px}
.hnav li a {display:block;text-align:left;font:600 14px/28px arial,helvetica,sans-serif;text-decoration:none;color:#2c2515;padding:0 11px}
.hnav li ul li a:hover {background:#FECC37 !important}
.hnav ul li {background:#FFF5D7;width:240px;border-top:1px solid #fecc37}
.hnav ul a {font-size:12px;line-height:14px;padding:6px 12px;width:217px;}
.hnav ul {visibility:hidden;position:absolute;top:28px;left:-1px;width:241px;z-index:12;}
.hnav ul, .hnav ul ul {border:1px solid #fecc37 !important;border-top:0 !important;width:241px}
.hnav ul ul{left:241px;top:-1px}
.hnav li a:hover {color:#000}
.hnav ul li a:hover {color:#2c2515}
.hnav li ul li ul {display:none !important}

#vnav {margin-top:4px;}
#vnav li {margin-bottom:1px;}
#vnav li.sub {}
#vnav li.sub a {padding-left:12px;font-size:11px;}
#vnav li a {color:#000;padding:4px 6px;display:block;background:#FECC37;}
#vnav li a:hover {background:#FFF5D7;}
#vnav li.active a {background:#fff5d7;color:#000;}

#Cat #cat1 {background:#fff5d7}
#cat6 ul li ul {left:-243px}
 
.hnav li:hover ul,.hnav a:hover ul,.hnav :hover ul :hover ul,.hnav :hover ul :hover ul :hover ul,* html .hnav li:hover ul li:hover ul,* html .hnav li:hover ul li:hover ul li:hover ul{visibility:visible}
.hnav :hover ul ul,.hnav :hover ul :hover ul ul,* html .hnav li:hover ul ul{visibility:hidden}

#main {position:relative;}
#lcol {float:left;width:692px;margin-left:20px;margin-top:30px}
#rcol {float:right;width:228px;margin-right:20px}
#rcol.margin {margin-top:30px;margin-bottom:20px}

/* Typo */

#lcol h1, #lcol h1 a, #rcol h1 {font-size:34px;color:#9e9ea0;margin-bottom:20px}
#rcol h1 {margin-top:30px}

#rcol {font-size:12px}
#rcol h3 {font-size:15px;line-height:22px;font-weight:600;color:#05779c;border-bottom:1px solid #9d9d9d}
#rcol ul {font-size:12px;line-height:20px;margin-bottom:20px}
#rcol ul span {color:#000;margin-right:3px;font-weight:300}
#courses li {border-bottom:1px solid #9d9d9d;padding:6px 0;}
#courses li a {color:#f5763f;color:#C9951B}
#courses li a:hover, #news li a:hover {text-decoration:underline}
#courses li .commences {font-size:11px}
#news {}
#news li, #studies li {padding:6px 0}
#news li a, #studies li a {color:#C9951B;font-weight:300;display:block;}
#rcol p {margin-top:6px;line-height:20px}
#nl_mail {background:#eebf33;width:214px;border:7px solid #eebf33;border-width:5px 7px;margin:6px 0}
#nl_sub, #nl_unsub {cursor:pointer;text-transform:uppercase;font-weight:600}
#nl_sub:hover, #nl_unsub:hover {color:#F5763F}

#lcol h3 {font-size:17px;font-weight:300}
.absatz {font-size:13px;line-height:20px;margin-bottom:20px}
.absatz a, table a, #rcol a {color:#C9951B}
.absatz a:hover, table a:hover {text-decoration:underline}

/* Positionierungen */

.lpic {float:left;margin-right:20px}
.rpic {float:right;margin-left:20px}
.mpic {display:block;text-align:center;}
.lpic, .rpic, .mpic {margin-bottom:12px}
.imgwrap .caption {display:block;font-size:12px;font-style:italic;color:#aaa}

/* Tabellen */

#lcol table {font-size:12px}
#lcol table a:hover {text-decoration:underline}
.table1 {border-spacing:2px;margin-bottom:20px}
.table1 tr:nth-child(even) td.content {background:#e8e8e8}
.table1 td {padding:10px;color:#444}
.table1 td.head {background:#FECC37}
.table1 td.content {background:#f8f8f8}

.table2 {border-spacing:8px;background:#f2f2f2}
.table2 td {padding:10px 12px;border:1px solid #ddd;background:#fff}
.table2 td a {font-weight:600}
.table2 td span {display:block;margin-left:18px;margin-top:10px}

/* Newsletter */

#newsletter {font-size:12px}

/* Allgemeines */

strong {font-weight:600}
em {font-style:italic}
#lcol ul {list-style:square outside;margin-left:20px;font-size:12px;margin-bottom:20px;line-height:20px}
#lcol ul li {margin-bottom:10px}
#lcol ul a {color:#C9951B}
#lcol ul a:hover {text-decoration:underline}
a[href^=mailto] {padding-left:17px;background:url('/static/images/mail_logo.gif') no-repeat left center;text-decoration:none}
a[href^=mailto]:hover {text-decoration:underline}
a[target=_blank] {padding-left:17px;background:url('/static/images/blank_logo.gif') no-repeat 1px}
a[href$=pdf] {padding:2px 0 2px 20px;background:url('/static/images/pdf_logo.gif') no-repeat left center;margin:-2px 0;color:#EC7D45 !important}
a#hm1[href$=pdf] {padding:0;margin:0;}
h1 a, #footer a {background:none !important;padding:0}
table a[href$=pdf] {display:block}
ul:empty, li:empty {display:none}
#lcol h1 a {padding:0}
#lcol h1 a:hover {color:#FECC37}
u {text-decoration:underline}

/* Startseite */

#home_menu {margin-top:50px;width:640px}
.hmenu {display:block;position:relative;width:212px;height:192px;margin:0 1px 1px 0;background-repeat:no-repeat;background-position:top left;opacity:0.8}
.hmenu:hover {opacity:1}
#hm1 {float:right;height:386px}
#hm2, #hm3, #hm4, #hm5 {float:left}
#hm4 {clear:left}
.hmenu span {position:absolute;top:0;left:0;background:#fdca39;color:#282810;text-transform:uppercase;padding:6px 11px;font-size:14px;font-weight:600;border:1px solid #eebf33}
.hmenu:hover span {background:#FFF5D7}
.more, #nl_sub, #nl_unsub {background:url('/static/images/bg_more.gif') no-repeat left 4px;padding-left:17px}
#news .more, #studies .more {background-position:left 7px;}
#nl_sub {border-right:1px solid #666;padding-right:8px;margin-right:4px}

/* Kontaktformular */

.kontakt {font:300 12px/20px arial,helvetica,sans-serif}
.kontakt span {color:#E32D02;margin-left:3px}
.kontakt th, .kontakt td, .kontakt p {vertical-align:top;color:#475159}
.kontakt form {margin:18px 0}
.kontakt .left {padding-right:42px}
.kontakt input, .kontakt textarea {width:420px;padding:2px;margin:0 0 4px 0;border:1px solid #ddd;background:#fafafa;}
.kontakt input:focus, .kontakt textarea:focus {background:#fff;border-color:#aaa}
.kontakt textarea {overflow:hidden}
.kontakt .reset, .kontakt .submit {width:100px !important;background:#f2f2f2;float:right;margin-left:3px;font:600 11px/20px arial,helvetica,sans-serif;color:#444}
.kontakt .reset:hover {background:#E32D02;color:#fff;}
.kontakt .submit:hover {background:#FECC37;color:#fff;}
.kontakt p.alert {color:#E32D02 !important;font-size:11px !important}
.kontakt p.hinweis {font-size:11px !important}

/* Rahmenstoffplan / Vorlesungsplan */

body.curriculum, body.schedule {background:#FFC32D}
body.curriculum center > table, body.schedule center > table {padding:30px;margin:0 auto;font:12px/20px arial,helvetica,sans-serif;background:#fff;border:5px solid #FFB320;border-width:0 5px}
.curriculum td.head, .schedule td.head {font-size:14px;font-weight:600;padding-bottom:20px}
.curriculum table table tr, .schedule table table tr {line-height:20px}
.curriculum table table td:first-child {color:#666}
.schedule table table td {padding:4px}
.schedule table table tr:first-child td {background:#ccc}
.schedule table table tr:nth-child(4n) {background:#eee}
.schedule table table tr:nth-child(odd) {background:#fff}
.schedule table table tr td:nth-child(2) {font-weight:600;padding:4px 10px}
.schedule .nav td {background:transparent !important}
.curriculum .nav, .schedule .nav {padding-top:20px;border-top:2px dotted #ccc}
.curriculum .nav a, .schedule .nav a {color:#ec7d45}
.curriculum .nav a:hover, .schedule .nav a:hover {text-decoration:underline}
.curriculum .back, .schedule .back {display:block;padding-bottom:10px}

/* Anfahrt */

#map {background:#fff;border:5px solid #666}
#formcontainer {background:#f0f0f0;padding:15px;border:1px solid #ddd;margin-bottom:20px}
#formcontainer, #directions {font:12px/20px arial,helvetica,sans-serif}
#directions {padding:0 !important}
#formcontainer form {float:left}
a#print {float:right;padding-left:24px;background:url('/static/images/print.gif') no-repeat left;margin-top:2px;color:#C9951B;font-size:11px}
a#print:hover {text-decoration:underline}
input#fromAddress {margin-left:8px;width:300px}
input#fromAddress, input#getRoute {border:1px solid #ccc;border-color:#ccc #eee #eee #ccc;padding:3px}
input#getRoute {cursor:pointer;color:#666;background:#fff;font-weight:600;width:160px}
input#getRoute:hover {color:#000;background:#FECC37}
.googledir div table tr {background:#fff}
.googledir b {font-weight:600}
#fromLabel {color:#999}
*+html #fromLabel {position:relative;top:4px}
* html #fromLabel {position:relative;top:4px}



#footer {background:#9d9ea0;padding:10px 5px 7px 22px;color:#fff;font-size:12px;line-height:20px;}
#footer a {color:#fff}
#footer a:hover {text-decoration:underline}
#footer p {float:left}
#footer span {float:right;width:242px}
.fnav {color:#FECC37 !important;margin-right:30px;font-weight:600}


/* IE Haxx */

* html .hnav {behavior:url('/static/csshover3.htc')}
*+html #header {z-index:100}
* html #header {z-index:100}
*+html .hnav ul {top:27px}
* html .hnav ul {top:27px} 
*+html #rcol form .button {width:48%;font-size:11px}
* html #rcol form .button {width:48%;font-size:11px}

* html #lcol, * html rcol {display:inline}
* html #footer p {width:598px}
* html #rcol {display:inline}


/* Clearfix */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
