/* [ TITEL    ] Arbeitsgemeinschaft Notfallmedizin e. V. */
/* [ AUTOR    ] Martin Althaus, web@martinalthaus.de     */
/* [ URSPRUNG ] 31.03.2006                               */
/* [ REVISION ] 02.09.2006                               */
/* [ VERSION  ] v4.0r7                                   */

/* ---[ Standard-Tags ]--------------------------------- */
*{
 margin:0;
 padding:0;
 font:normal 12px verdana,arial,sans-serif;
 line-height:17px;
}

b{
 font-weight:bold;
}

html{
 height:101%;
}

body{
 padding:0 66px 0 66px;
 background:url(../imgs/body.jpg) repeat-x #2f529f;
 min-width:770px;
}

p{
 margin-top:17px;
}

img{
 border:0;
}

ul{
 margin:17px 0 17px 0;
 list-style:none;
}

a{
 color:#0066cc;
 text-decoration:none;
}

a:hover{
 color:#003399;
}

/* ...[ Formulare ]..................................... */

form{
 line-height:13px;
 text-align:left;
}

fieldset{
 border:0px;
 border-top:1px dotted #92a4cd;
 border-left:1px dotted #92a4cd;
 padding:0 10px 10px 10px;
 margin-bottom:10px;
}

legend{
 font:bold 11px arial,sans-serif;
 letter-spacing:1px;
 color:#666666;
 /* IE zieht (nur?) gepunktete Linie durch => Hintergrundfarbe setzen */
 background-color:white;
 border:0;
 padding:1px 5px 2px 5px;
}

label{
 padding-top:10px;
 margin:0 0 2px 0;
 display:block;
 color:#737373;
}

label strong{
 font-weight:bold;
 color:#ff6600;
}

input,
textarea,
select,
button{; width:60%;
 color:#000000;
 border-top:1px solid #92a4cd;
 border-right:1px solid #6882bb;
 border-bottom:1px solid #3355a0;
 border-left:1px solid #8398c7;
}

button{
 width:auto;
 background:url(../imgs/input_text.gif) repeat-x top left;
 padding:0 2px 0 2px;
 margin-left:10px;
 cursor:pointer;
 vertical-align:top;
}

button:hover{
 background:url(../imgs/input_submit.gif) repeat-x right -63px;
}

input{
 background:url(../imgs/input_text.gif) repeat-x top left;
 padding:1px;
}

select{
 background:url(../imgs/input_text.gif) repeat-x top left;
 padding:1px;
}

select option{
 background-color:white;
}

textarea{
 background:url(../imgs/input_text.gif) repeat-x bottom left;
 padding:1px;
}

input.submit{
 cursor:pointer;
 width:auto;
 padding:0 10px 0 15px;
 margin:0 0 0 13px;
 background:url(../imgs/input_submit.gif) repeat-x left -15px;
}

input.submit:hover{
 background:url(../imgs/input_submit.gif) repeat-x left -63px;
}

input.checkbox{
 border:0;
 background:none;
 cursor:pointer;
 width:auto;
 margin:0 5px 0 0;
}

strong.pflicht{ color:#ff6600;
}

/* ...[ DIVs Gestalter ]................................ */

div#box1{
 clear:both;
 background:url(../imgs/box1.gif) repeat-y top left #ffffff;
}

div#box2{
 background:url(../imgs/box2.gif) repeat-y top right;
}

/* ...[ Layout-Workaround für FF ]...................... */

div#ff{
 overflow:hidden;
 width:1px; /* ohne Angabe Fehldarstellung im IE */
 margin-top:-1px; /* löscht height:1px von ff_innen  */
}

div#ff_innen{
 height:1px; /* IE akzeptiert height:0 nicht */
 overflow:hidden;
}

/* ...[ DIV kopf ]...................................... */

div#kopf_links{
 float:left;
 width:430px;
 height:75px;
 letter-spacing:1px;
 background:url(../imgs/logo_wort.gif) no-repeat 25px 30px;
}

div#kopf_rechts{
 position:relative;
 float:right;
 width:120px;
 height:75px;
 background:#667595;
}

div#kopf_rechts_innen{
 position:absolute;
 bottom:10px;
 right:5px;
 text-align:right;
}

div#kopf_rechts_innen ul{
 margin:0;
}

div#kopf_rechts_innen a{
 color:#b5c2dd;
 font-size:10px;
}

div#kopf_rechts_innen a:hover{
 color:white;
}

/* ...[ DIVs oben ]..................................... */

div#oben *{
 line-height:18px;
}

div#oben{
 clear:both;
 background:url(../imgs/oben.gif) repeat-x #3355a0;
 margin-left:19px;
}

div#oben_links{
 float:left;
}

div#oben_links ul{
 margin:0 0 0 74px;
}

div#oben_links ul li{
 display:inline;
}

div#oben_links ul li.rechts{
 border:none;
}

div#oben_links a{
 color:white;
 padding:2px 5px 2px 5px;
 background:url(../imgs/a_oben.gif) repeat-x #3355a0;
 border-left:1px solid black;
 border-right:1px solid #cccccc;
}

div#oben_links a:hover,div#oben a:hover.aktiv{
 background-position:0 -42px;
 background-color:#ff4c01;
 color:white;
}

div#oben_links a.aktiv{
 color:#b5c2dd;
 color:#ffcc00;
}

div#oben_rechts{
 float:right;
 width:120px;
 background:url(../imgs/oben_rechts.gif) repeat-x #7088bd;
}

div#oben .linie1,div#oben .linie2{
 clear:both;
 height:1px;
 overflow:hidden;
 background:#2f529f;
}

div#oben .linie2{
 background:black;
}

/* ...[ DIVs Menü links ]............................... */

div#logo{
 height:76px;
 width:76px;
 margin:10px 0 0 53px;
 background:url(../imgs/logo_bild.gif) no-repeat;
}

div#menu_links{
 float:left;
 margin-bottom:30px;
}

div#menu_links .innen{
 width:170px;
 overflow:hidden;
}

div#menu_links ul{
 margin:10px 0 0;
}

div#menu_links ul li{
 padding:2px 0 2px 0;
}

div#menu_links ul li div{
 margin:10px 0 5px 25px;
 font-weight:bold;
 color:#666666;
}

div#menu_links ul li a{
 display:block;
 line-height:18px;
 color:#ffffff;
 padding:0 10px 0 25px;
 background:url(../imgs/a_menu_links.jpg) no-repeat 0 -28px #666666;
}

div#menu_links ul li a:hover,div#menu_links ul li a:hover.aktiv{
 color:#000000;
 background-position:0 -96px;
 background-color:#ffcc00;
}

div#menu_links ul li a.aktiv{
 background-position:0 -166px;
}


div#menu_links p{
 font-size:11px;
 line-height:13px;
 padding:0 5px 0 25px;
 margin:10px 0 10px 0;
}

/* ...[ DIV Inhalt ].................................... */

div#inhalt{
 margin:0 120px 30px 0;
 line-height:17px;
}

/* Hack IE-Bug 3 Pixel Text-Jog */
* html #inhalt h*,* html #inhalt p{
 height:1%;
}

div#inhalt p{
 margin:17px 0 10px 0;
 padding:0;
}

div#inhalt p.vertikal6{
 min-height:102px;
}

div#inhalt p.vertikal7{
 min-height:119px;
}

div#inhalt p.vertikal8{
 min-height:136px;
}

/* Test im IE6 steht noch aus */
* html #inhalt p.vertikal6{
 height:102px;
}

/* Test im IE6 steht noch aus */
* html #inhalt p.vertikal7{
 height:119px;
}

/* Test im IE6 steht noch aus */
* html #inhalt p.vertikal8{
 height:136px;
}

div#inhalt a{
 font-weight:bold;
 background:url(../imgs/a_intern.gif) no-repeat 0 5px;
 border-bottom:1px dotted #ffcc00;
 padding-left:15px;
}

div#inhalt a:hover{
 background-position:0 -28px;
 border-bottom:1px dotted #cc9900;
}

div#inhalt a.extern{
 background:url(../imgs/a_extern.gif) no-repeat 0 3px;
 padding-left:17px;
}

div#inhalt a:hover.extern{
 background-position:0 -28px;
}

div#inhalt a.mail{
 background:url(../imgs/a_mail.gif) no-repeat 0 3px;
 padding-left:17px;
}

div#inhalt a:hover.mail{
 background-position:0 -28px;
}

div#inhalt a.ohne{
 background:none;
 padding:0;
}

/* Test im IE6 steht noch aus */
/* IE schiebt linkes Menü nach ganz links, wenn inhalt kürzer als menu */
* html #inhalt .innen{
 height:800px;
}

div#inhalt .innen{
 position:relative;
 padding:1px 20px 20px 20px;
 margin:0 0 0 170px;
}

div#inhalt h1,div#inhalt h2,div#inhalt h3,div#inhalt h4,div#inhalt h5,div#inhalt h6{
 font:normal 18px arial,sans-serif;
 letter-spacing:1px;
 font-style:normal;
 text-indent:20px;
}

div#inhalt h1{
 margin:25px 0 17px 0;
 color:#ff6600;
 padding:2px 0 2px 0;
 background:url(../imgs/h1_inhalt.gif) no-repeat left top;
}

div#inhalt h2{
 margin:25px 0 15px 0;
 font-weight:bold;
 font-size:15px;
 color:#999999;
 background:url(../imgs/h2_inhalt.gif) no-repeat left 2px;
}

div#inhalt h3{
 margin:25px 0 15px 0;
 font-weight:bold;
 font-size:13px;
 text-indent:0;
 color:#8293b9;
}

div#inhalt h1.fehler{
 padding-top:0;
 color:#cc3333;
 background:url(../imgs/h1_fehler.gif) no-repeat left 3px;
}

div#inhalt ul.haken{
 margin-left:24px;
}

div#inhalt ul.haken li{
 background:url(../imgs/li_haken.gif) no-repeat left center;
 padding-left:20px;
}

div#inhalt ul.haken a{
 font-weight:normal;
 background:none;
 padding:0;
 border-bottom:1px dotted #ffcc00;
}

div#inhalt ul.haken a:hover{
 border-bottom:1px dotted #cc9900;
 padding:0;
}

div#inhalt ul.fehler li{
 background:url(../imgs/li_fehler.gif) no-repeat left center;
 padding-left:20px;
}

div#inhalt ul.normal li{
 background:url(../imgs/li_normal.gif) no-repeat left 6px;
 padding-left:20px;
}

div#inhalt ul.normal li.ebene2{
 background:url(../imgs/li_normal.gif) no-repeat 20px 6px;
 padding-left:40px;
}

div#inhalt li.abstand{
 margin-bottom:17px;
}

div#inhalt ol{
 /* margin nicht zusammenfassen, IE löscht sonst Einrückung oder stellt bei 'auto' falsch dar */
 /* list-style-type decimal (1, 2, 3), upper-roman (I, II, III), lower-roman (i, ii, iii), upper-alpha (A, B, C), lower-alpha (a, b, c) */
 padding-left:42px;
 margin-top:17px;
 margin-bottom:17px;
 /* Mozilla interpretiert padding für die Einrückung */
}

div#inhalt label.fehler{
 color:#cc3333;
 font-weight:bold;
}

div#inhalt span.kommentar{
 display:block;
 color:#999999;
 font-size:11px;
 font-style:italic;
 padding:10px 0 1px 0;
 text-align:right;
 background:url(../imgs/span_kommentar.gif) repeat-x left bottom;
}

div#inhalt span.kommentar a{
 font-weight:normal;
 border:0;
 background:none;
 padding:0;
}

div#inhalt span.kommentar a:hover{
 border:0;
}

div#inhalt span.kommentar span.autor{
 padding:2px 0 2px 16px;
 background:url(../imgs/k_autor.gif) no-repeat left center;
}

div#inhalt span.kommentar span.anzahl{
 margin-left:10px;
 padding:2px 0 2px 20px;
 background:url(../imgs/k_anzahl.gif) no-repeat left center;
}

div#inhalt span.kommentar span.neu{
 margin-left:10px;
 padding:2px 0 2px 18px;
 background:url(../imgs/k_neu.gif) no-repeat left center;
}

/* ...[ DIV Rechts ].................................... */

div#rechts{
 margin:20px 0 30px 0;
 padding:0;
 float:right;
 width:120px;
 font-size:11px;
 overflow:hidden;
}

/* ...[ DIVs unten ].................................... */

div#unten *{ 
 font-size:10px;
 line-height:14px;
}

div#unten a:hover{
 color:#222222;
}

div#unten_links{
 float:left;
 padding:2px;
 color:#666666;
 text-indent:190px;
}

div#unten_rechts{
 line-height:18px;
 float:right;
 width:120px;
 background:url(../imgs/oben_rechts.gif) repeat-x #7088bd;
}

div#unten_linie,div#unten_abschluss{
 clear:both;
 height:1px;
 overflow:hidden;
 background:url(../imgs/unten_linie.gif) repeat-x;
}

div#unten_abschluss{
 background:#2f529f;
}

/* ...[ Klassen Grafiken ].............................. */

img.rechts{
 float:right;
 margin:0 0 0 20px;
}

img.links{
 float:left;
 margin:0 20px 0 0;
}

img.rechts_rahmen{
 float:right;
 margin:0 0 0 7px;
 border:2px solid #dddddd;
}

img.links_rahmen{
 float:left;
 margin:0 7px 0 0;
 border:2px solid #dddddd;
}

img.rahmen{
 border:2px solid #dddddd;
}

/* ---[ Infos ]----------------------------------------- */

/* dunkelgelb #ffcc00                                    */
/* braungelb  #cc9900                                    */
/* dunkelgrau #666666                                    */
/* mittelgrau #cccccc                                    */
/* dunkelrot  #cc3333                                    */
/* mittelblau #0066cc                                    */
/* dunkelblau #003399                                    */
