/*
	ias_web_div.css
	#####################
	Updated: 24. August 2007
*/
/* ### Allgemeines ################################################################## */
/* Fehler: in Bildercontainer links, mit Bild verschiebung, mit Text keine Verschiebung #####*/


/* ### Hintergrundfarbe + Abstand ################################################################## */
/* Wichtig, dem body immer margin + padding 0 zuweisen, kein Browserrand #####*/

html, body {
	background-color:#003854;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
}

/* margin:xy steht fÙr Zeilenabstand!!!! #####*/

p { 
	margin:0px;
	margin-bottom:3px; /* die untere Angabe hebt quasi die obere wieder auf. #####*/
	}

* html p { 
	margin-bottom:2px; /* Hack, nur wenn IE6 falsch anzeigt. Wichtig, nur eine der Sternchen Angaben verwenden.  ( #####*/
}


/* ### Farben ################################################################## */

.gruen {
	color:#8a9085;
}
.gruen_hell {
	color:#dcded9;
}
.rot {
	color:#c7341b;
}


/* ### Text ################################################################## */



/* Container ################################################################## */


#body_main { /* Elternelement 1.  ## */
	background-color:#dcded9;/* Hintergrundfarbe wg. Blitzer bei IE6 unten re  ## */
	width:879px;
	height:567px;
	margin:0px;
	padding:0px;
	text-align:left;
	display:block;
}

#body_links { /* Elternelement 2.  ## */
	background-color:#8a9085;
	width:11px;
    height:567px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	background-image:	     url(file:///Macintosh%20HD/Users/utarometsch/02_Webside/IAS/webseite/bilder/ecke_oben.jpg);
	background-repeat:	no-repeat;
	background-position:top;
	float:left;
}
* html #body_links{ /* Hack für IE6 .  ## */
    height:575px;	
}



#body_mitte { /* Elternelement 3.  ## */
	background-color:white;
	width:857px;
    height:567px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}

/* ####### */
#mitte_header {
	background-color:#8a9085;
	width:857px;
    height:150px;
    margin:0px;
	padding-top:11px; /* Komischerweise muß nichts abgezogen werden.  ## */
    text-align:left;
	display:block;
}

#mitte_header_flamme {
	background-color:white;
	width:434px;
    height:20px;
    margin:0px;
	padding-top:130px;/* Von Gesamthöhe/Breite abziehen.  ## */
	padding-left:208px;
    text-align:left;
	display:block;
	float:left;
	background-image:          url(file:///Macintosh%20HD/Users/utarometsch/02_Webside/IAS/webseite/bilder/flamme.jpg);
	
}
* html #mitte_header_flamme { 
	width:642px; /* Hack für IE6 .  ## */
	height:150px; /* Hack für IE6. ## */	
}
#mitte_header_logo{
	width:215px;
	height:150px;
	margin:0px;
	padding:0px;
	text-align:left;
	display:block;
	float:left;
	background-image:          url(file:///Macintosh%20HD/Users/utarometsch/02_Webside/IAS/webseite/bilder/logo.jpg);
}

#mitte_header_navi {
	background-color:red;
	position:relative;
	width:300px;
	left:0px;
	top:-20px;
    height:10px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}

/* ####### */
#mitte_innenteil {
	background-color:white;
	width:857px;
    height:376px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
}

#mitte_innenteil_navi {
	background-color:#dcded9;
	width:213px;
    height:376px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
* html #mitte_innenteil_navi { /* Hack für IE6 .  ## */
    height:380px;	
}
#mitte_innenteil_streifen_li {
	background-color:#8a9085;
	width:2px;
    height:376px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;	
}
* html #mitte_innenteil_streifen_li{ /* Hack für IE6 .  ## */
    height:380px;	
}
/* Breite/Höhe padding abziehen (427pxx376px)### */
#mitte_innenteil_textbox {
	background-color:white;
	position:relative;
	width:363px;
	height:344px;
	padding-top:32px;
	padding-left:32px;
	padding-right:32px;
	margin:0px;
	text-align:left;
	display:block;
	float:left;
	overflow: auto;
	scrollbar-base-color:#eceded;
	scrollbar-3d-light-color:#eceded;
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-darkshadow-color:#eceded;
	scrollbar-face-color:#f0f0f1;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-track-color:#f0f0f1;
}

/* Für IE Scrollbar
scrollbar-base-color = Basisfarbe der Scroll-Leiste
scrollbar-3dlight-color = Farbe für 3D-Effekte
scrollbar-arrow-color = Farbe für Verschiebepfeile
scrollbar-darkshadow-color = Farbe für Schatten
scrollbar-face-color = Farbe für Oberfläche
scrollbar-highlight-color = Farbe für oberen und linken Rand
scrollbar-shadow-color = Farbe für unteren und rechten Rand
scrollbar-track-color = Farbe für freibleibenden Verschiebeweg
## */
}

* html #mitte_innenteil_textbox { 
	width:427px; /* Hack für IE6.  ## */
	height:380px; /* Hack für IE6. ## */	
}
#mitte_innenteil_streifen_re {
	background-color:#8a9085;
	width:2px;
    height:376px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
* html #mitte_innenteil_streifen_re{ /* Hack für IE6, Blitzer .  ## */
    height:380px;	
}




#mitte_innenteil_bild {
	position:relative;
	background-color:#8a9085;
	width:213px;
	height:376px;
	margin:0px;
	padding:0px;
	text-align:left;
	display:block;
	float:left;
}
* html #mitte_innenteil_bild{ /* Hack für IE6 .  ## */
    height:380px;	
}

#mitte_innenteil_bildtext {/* Hack für IE6, Blitzer. Bei Text ## */
	position:relative;
	background-color:#dcded9;
	width:213px;
    height:376px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
* html #mitte_innenteil_bildtext{ /* Hack für IE6 .  ## */
    height:380px;	
}




#body_rechts { /* Elternelement 4.  ## */
	background-color:#8a9085;
	width:11px;
    height:567px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	background-image:	     url(file:///Macintosh%20HD/Users/utarometsch/02_Webside/IAS/webseite/bilder/ecke_unten.jpg);
	background-repeat:	no-repeat;
	background-position:bottom;
	float:left;	
}
* html #body_rechts{ /* Hack für IE6, Blitzer .  ## */
    height:575px;	
}

/* ####### */
#mitte_kante {
	background-color:white;
	width:857px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
}
#mitte_kante_navi {
	background-color:#dcded9;
	width:213px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_kante_streifen_li {
	background-color:#8a9085;
	width:2px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_kante_textbox {
	background-color:white;
	width:416px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_kante_ecke {
	background-color:white;/* IE6 stand es über, daher weiß engefärbt.  ## */
	width:11px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	background-image:	     url(file:///Macintosh%20HD/Users/utarometsch/02_Webside/IAS/webseite/bilder/ecke_mitte.jpg);
	background-repeat:	no-repeat;
	background-position:bottom;
	float:left;
}
#mitte_kante_streifen_re {
	background-color:#8a9085;
	width:2px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_kante_bild {
	background-color:#8a9085;
	width:213px;
    height:11px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}

/* ####### */
#mitte_unten {
	background-color:#white;
	width:857px;
    height:19px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
}
#mitte_unten_navi {
	background-color:#8a9085;
	width:213px;
    height:19px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_unten_streifen_li {
	background-color:#8a9085;
	width:2px;
    height:19px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_unten_textbox {
	background-color:#8a9085;
	width:427px;
    height:19px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_unten_streifen_re {
	background-color:#8a9085;
	width:2px;
    height:19px;
    margin:0px;
	padding:0px;
    text-align:left;
	display:block;
	float:left;
}
#mitte_unten_navi_re {
	background-color:#8a9085;
	width:213px;
    height:19px;
    margin:0px;
    text-align:left;
	display:block;
	float:left;
}












/* TEXT NAVI ### */
.navi_inaktiv {
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
	text-decoration:none;
	word-spacing: 5px;
}
.navi_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	color:#c7341b;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
	text-decoration:none;
	word-spacing: 5px;
}

.navi_strich {
	font-family: Arial, Helvetica, sans-serif;
	color:#bdc3bf;
	font-size:15px;
	line-height:11px;
	font-weight:bolder;
	text-decoration:none;
	margin-left:4px;
	margin-right:2px;
}

/* TEXT Bildbalken rechts ### */
.text_bildbalken {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	line-height:13px;
	margin-bottom:5px;
	margin-left:32px;
	margin-right:32px;
	text-align:left;
	vertical-align:text-top;
	text-decoration: none;
}

.text_bildbalken_link {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	line-height:13px;
	margin-bottom:5px;
	margin-left:32px;
	vertical-align:text-top;
	text-align:left;
	text-decoration: underline;
}
.text_bildbalken_kursiv {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	line-height:13px;
	margin-bottom:5px;
	margin-left:32px;
	vertical-align:text-top;
	font-style: italic;
}
.text_bildbalken_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	font-size:11px;
	line-height:13px;
	margin-bottom:5px;
	margin-left:32px;
	margin-top:40px;
	vertical-align:text-top;
}

.text_bildbalken_subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	font-size:11px;
	line-height:13px;
	margin-bottom:5px;
	margin-left:32px;
	margin-top:10px;
	vertical-align:text-top;
}


/* TEXT BODY ### */

.copy {
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
	vertical-align:text-top;
}

.copy_link {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
	vertical-align:text-top;
}
.copy_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
	vertical-align:text-top;
}

.copy_subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
	vertical-align:text-top;
}