/* ==== CSS © friebel.it - Internetdienstleistungen & eBusiness, Germany 11/2006 http://www.friebel.it ==== */


/* =Basis
===============================================*/
html, body {height: 100%; padding-bottom: 1px;}/*erzwingt im FF vertikalen Scrollbalken*/

body {
	position: relative;
	background: url(../01_layout/bg_body.jpg) top left #F5F5EB repeat-x;
	font: 100.01% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #666;
	text-align: center;/*fuer IE_quirks*/
	}

* {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 1em; 
	font-weight: normal;
	}


/*=============================================*/


/* =Struktur
===============================================*/
#textlayouthead,
#textlayout,
#briefkopf,
#printbuttons,
#textnavsub,
.but_search2
{
display: none;
}



#wrapper, #head, #contentcontainer {
	text-align: left; /*Aufheben von IE_quirks im BODY*/
	}

#wrapper {
	background: url(../01_layout/bg_wrap.jpg) top left repeat-y;
	min-height:100%;
	}

#head {
	height: 156px;
	}

	#logo {
		position: absolute;
		background: url(../01_layout/awo_logo.jpg) top left no-repeat;
		width: 245px;
		height: 156px;
		}
	
	#banner {
		height: 156px;
		}

		#topnav {
			background: url(../01_layout/bg_topnav.jpg) left no-repeat;
			margin-left: 245px;
			height: 50px;
			}
		
		#flashline {
			margin-left: 245px;
			height: 106px;
			}
		
		#flash{
			position: absolute;
			top: 50px;
			left: 245px;
			height: 96px;
			width: 740px;
			}
			
			
		#content{
			color: #666;
			top: 14px;
			padding: 0 35px 30px 60px;
			margin: 0 20px 0 20px;
			border-width: 1px 1px 1px 0;
			border-style: solid;
			border-color: #E1E1D8 #7B7B76 #B8B8B0;
			}

			
#contentcontainer {
	background: url(../01_layout/awo_kv_chemnitz.jpg) top left no-repeat;
	height: 100%;
	padding-bottom: 30px;
	}

	#leftbox {
		width: 255px;
		float: left;
		}
		
		#hauptnavi{
			position: relative;
			margin: 90px 0 0 10px;
			}
		

	#rightbox {
		margin-left: 256px;
		}

		#button_fontsize {
			position: relative;
			text-align: right;
			top: 5px;
			padding: 0 20px 5px 50px;
			margin: 0 20px 5px 30px;
			}
					
		#text_fontsize {
			position: relative;
			text-align: right;
			top: 5px;
			padding: 0 20px 0 50px;
			margin: 0 20px 0 30px;
			}
		
	
			

	#footer {
		position: relative;
		margin: 0 30px 0 20px;
		padding-bottom: 20px;
		}



/*=============================================*/


/* =Fontstyle 
===============================================*/

#content h1 {
	font-size: 0.9em; 
	color: #C90F14; 
	background: #fff; 
	font-weight: normal; 
	letter-spacing:0.05em; 
	margin: 1.4em 0 1em 0; 
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #C0BE97;
	}

#content h2 {
	font-size: 0.87em; 
	color: #8D8E56; 
	background: #fff; 
	font-weight: normal; 
	margin: 1.5em 0 1em 0;
	padding: 3em 0 0.5em 0;
	border-top: 1px solid #C0BE97; 
	border-bottom: 1px solid #C0BE97; 
	}
	
#content h3 {
	font-size: 0.77em; 
	color: #22546C; 
	background: #fff; 
	font-weight: bold; 
	margin: 1.5em 0 1em 0;
	}

#content a         {color: #FC651E; background:transparent; text-decoration: underline; cursor:pointer;}
#content a:link    {color: #FC651E; background: transparent; text-decoration: underline;}
#content a:visited {color: #FC651E; background: transparent;}
#content a:active  {color: #C90F14; background: transparent;}
#content a:hover   {color: #C90F14; background: transparent; text-decoration: none;}
	
#content a.open         {color: #C90F14; background: transparent; text-decoration: underline; cursor:pointer; font-weight: bold; font-size: 85%}
#content a:link.open    {color: #C90F14; background: transparent; text-decoration: underline;}
#content a:visited.open {color: #C90F14; background: transparent;}
#content a:active.open  {color: #C90F14; background: transparent;}
#content a:hover.open   {color: #C90F14; background: transparent; text-decoration: none;}


a.left         {color: #FC651E; background:transparent; text-decoration: underline; cursor:pointer;}
a:link.left    {color: #FC651E; background: transparent; text-decoration: underline;}
a:visited.left {color: #FC651E; background: transparent;}
a:active.left  {color: #C90F14; background: transparent;}
a:hover.left   {color: #C90F14; background: transparent; text-decoration: none;}
	


#content p {line-height:120%; font-size:0.8em; margin-bottom: 0.6em;} 
#content ul {margin-bottom: 0.6em; list-style-image: url(../01_layout/list.gif);}
/*#content ul ul {margin-bottom: 0.1em; list-style-image: url(../01_layout/list.gif);}*/
#content li {line-height:140%; font-size:0.8em; margin: 0 0 1em 2.5em;}
#content li li{font-size:100%; margin: 0 0 0.1em 1.5em;}
#content li li li{font-size:100%;}
#content ol { list-style-type: decimal; list-style-image: none;}
#content ol ol ol{list-style-type: lower-alpha; list-style-image: none;}

#button_fontsize p {padding: 0; margin: 0;}

/* --- ( Xtraklassen ) ---------------------------------------------------------------- */

.bold 				{font-weight:bold}
.marker         	{background:#d00; color:#fff;}
.markerschwarz  	{background:#000; color:#fff;}
.markergelb     	{background:#ff0; color:#000;}
.line           	{border-bottom: 1px solid #d00;}
.greyline       	{border-bottom: 1px solid #828282;}
.tuevzert       	{border: 1px solid #0533ab;}
.box            	{margin:1em; padding: 0.7em; border: 1px solid #828282; background: #F7F7F7; color: #666;}
#content .center	{text-align: center;}
.red					{color: #C90F14; background:#fff; }
.bluebold			{font-size:0.9em; color: #22546C; background: #fff; font-weight: bold; }
#content .small 	{font-size: 70%;}
#hauptnavi .small 	{font-size: 70%;}
#content .imgposition 	{ float: right; padding: 1px}
.noneFloatClear {float: none; clear: both; display: block; overflow: hidden; height: 1px; font-size: 1px; line-height: 1px;}


/*subcolums*/
.subcolumns { display:table; width:100%; table-layout:fixed; }
.subcolumns_oldgecko { width: 100%; float:left; }
.c33l {float: left; width: 33.333%;}
.c33r {float: right; margin-left: -5px; width: 33.333%;}


/* --- ( table ) ---------------------------------------------------------------- */

#content table, #content td {
	font-size: 0.87em; 
	color: #8D8E56; 
	background: #fff; 
	font-weight: normal; 
	border: 1px solid #efece7; 
	}

#content td.head {color: #8d8e56; background:#f5f5eb; font-weight: bold;}
#content td.termin {color: #8d8e56; background:#f5f5eb;}
#content td.gebucht {background:#C90F14; width: 40px}
#content td.reserviert {background:#6ab4cf; width: 40px}
/*=============================================*/



/* =Navigation
===============================================*/

/*Navigation Kopf für alle Unterseiten*/
ul#toplistmenue 											{position: relative; padding-top: 22px; margin-left: 55px; white-space: nowrap;}
#toplistmenue li											{display: inline; list-style-type: none; background: url(../01_layout/space_topmenue.jpg) top right no-repeat transparent; padding: 8px 6px 8px 5px;}
#toplistmenue a											{font-size: 0.72em; font-weight: bold; letter-spacing: 0.05em;}
#toplistmenue a:link, #toplistmenue a:visited	{color: #fff; background: transparent; text-decoration: none;}
#toplistmenue a:hover									{color: #fff; background: transparent; text-decoration: none; border-bottom: solid; border-bottom-color: #fff; border-bottom-width: 2px;}

/*Hauptnavigation links*/
#hauptnavi h1 												{background: #F5F5EB; color: #c90F14; font-size: 0.9em; margin: 1em 0 0 1em;}
#hauptnavi ul												{list-style-type: none; text-align: left;}
#hauptnavi li												{margin-left: 20px;} 
#hauptnavi ul li a.eb1									{color: #333; background: #F5F5EB url(../01_layout/mainnav_active.gif) left center no-repeat; padding-left: 15px; text-align: left; font-size: 0.7em; text-decoration: none;}
#hauptnavi ul li a.eb1:hover							{color: #333; background: #F5F5EB url(../01_layout/mainnav_on.gif) left center no-repeat;}
#hauptnavi ul li a.eb1#current						{color: #c90f14; background: #F5F5EB url(../01_layout/mainnav_active.gif) left center no-repeat;}

#hauptnavi ul li a.eb2									{color: #333; background: #F5F5EB url(../01_layout/mainnav_active2.gif) left center no-repeat; padding-left: 15px; text-align: left; font-size: 0.7em; text-decoration: none;}
#hauptnavi ul li a.eb2:hover							{color: #333; background: #F5F5EB url(../01_layout/mainnav_on2.gif) left center no-repeat;}
#hauptnavi ul li a.eb2#current						{color: #c90f14; background: #F5F5EB url(../01_layout/mainnav_active2.gif) left center no-repeat;}

#hauptnavi p {color: #333; background: #F5F5EB; padding-left: 15px; text-align: left; font-size: 0.8em; text-decoration: none;}
#hauptnavi a.open         {color: #C90F14; background: transparent; text-decoration: underline; cursor:pointer; font-weight: bold; font-size: 85%}
#hauptnavi a:link.open    {color: #C90F14; background: transparent; text-decoration: underline;}
#hauptnavi a:visited.open {color: #C90F14; background: transparent;}
#hauptnavi a:active.open  {color: #C90F14; background: transparent;}
#hauptnavi a:hover.open   {color: #C90F14; background: transparent; text-decoration: none;}
/*=============================================*/


/* =Formular
===============================================*/
fieldset {
margin: 20px 0px 10px 0px;
padding: 5px 10px;
border: 1px solid #EFECE7;
}

legend {
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #8D8E56;
padding: 2px 10px;
margin: 0px 0px 10px 0px;
font-weight: bold;
font-size:0.75em;
}

input, textarea, radio, checkbox, select {
font-size:0.8em;
}

input:focus,
textarea:focus {
background: #fff;
color: #5A5A5A;}


select {
margin: 10px 0px 0px 20px;
background: #F5F5EB;
color: #5A5A5A;
}

.cLabel {
font-size:0.8em;
}
.cCheck {
font-size:0.8em;
margin:0 0 5px 5px;
padding:0 20px 0 0
}
.cRadio {
font-size:0.8em;
margin:0 0 5px 5px;
padding:0 20px 0 0
}

label {display: block;}

form {line-height: 150%;}

.cInput {
width: 360px;
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #000;
margin: 0px 0px 9px 0px;
padding:0 20px 0 0
}

.cInputDat {
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #000;
margin: 0px 2px 9px 0px;
padding:0 20px 0 0
}

.cInputPLZ {
width: 50px;
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #000;
margin: 0px 2px 9px 0px;
padding:0 20px 0 0
}

.cInputOrt {
width: 280px;
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #000;
margin: 0px 0px 9px 0px;
padding:0 20px 0 0
}
.cInputSCode {
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #000;
margin: 0px 10px 0px 0px;
padding:0 20px 0 0
}

.cSelect {
/*width: 360px;*/
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #5A5A5A;
margin: 0px 0px 9px 0px;
font-size:0.9em;
}
.cTextarea {
width: 360px;
border: 1px solid #C0BE97;
background: #F5F5EB;
color: #5A5A5A;
font-size:0.9em;
margin: 0px 0px 9px 0px;
}

.senden {
width: 360px;
font-size:0.8em;
font-weight: bold;
margin: 15px 0px 9px 0px;
padding: 5px 0px 5px 0px;
background: #c90F14;
color: #fff;
border-top: 1px solid #69b;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #69b;
cursor: pointer;
}

.klick {
cursor: pointer;
font-size:0.8em;
}


/* --- ( Suche ) ------------------- */
.search {
	position: relative;
	text-align: right;
	padding: 0 20px 5px 0;
	margin: 0 20px 5px 0;
	}

.input_search { 
	width: 130px; 
	vertical-align: middle;
	border: 1px solid #C0BE97;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.7em; color: #2A6B11; background: #fff; font-weight: normal; padding: 1px ;
	}

.but_search { 
	vertical-align: middle;
	border: 0px none ;
	}

/*=============================================*/


/* =Suche
===============================================*/
	
em {
	font-style: normal;
}

#output a {font-weight: bold;}
.searchword,
.searchword0,
.searchword1,
.searchword2,
.searchword3,
.searchword4,
.searchword5, 
.searchword6 {color: #666; background-color: #F5F5EB}

.mod {display: block; font-size: 0.8em;}
/*=============================================*/





/* =Footer
===============================================*/
#footer				{font-size: 70%; text-align: right;}

#footer p			{color: #999; background: #F5F5EB;}
#footer a         {color: #999; background: #F5F5EB; text-decoration: none; cursor:pointer}
#footer a:link    {color: #999; background: #F5F5EB; }
#footer a:visited {color: #999; background: #F5F5EB;}
#footer a:active  {color: #999; background: #F5F5EB;}
#footer a:hover   {color: #999; background: #F5F5EB; border-bottom: solid; border-bottom-color: #c90f14; border-bottom-width: 1px;}

/*=============================================*/