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


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

body {
	position: relative;
	background: #284485 top center;
	font: 100.01% arial, helvetica, sans-serif;
	color: #5C5C5C;
	text-align: center;/*fuer IE_quirks*/
	}


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

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


/* =Struktur
===============================================*/
#banner1{
	position:relative;
	background: url(banner1.jpg) top center no-repeat;
	width:776px; height:290px;
	margin-top: 10px;
	}/*home, impressum*/


#banner2{
	position:relative;
	background: url(banner2.jpg) top center no-repeat;
	width:776px; height:290px;
	margin-top: 10px;
	}/*leistung*/	
	
	
#banner3{
	position:relative;
	background: url(banner3.jpg) top center no-repeat;
	width:776px; height:290px;
	margin-top: 10px;
	}/*projekte*/

#banner4{
	position:relative;
	background: url(banner4.jpg) top center no-repeat;
	width:776px; height:290px;
	margin-top: 10px;
	}/*kontakt*/
	
#menu {
	position:relative;
	top:129px; left:-270px;  
	width:170px; height:150px;
	}

	
#wrapper {
	position: relative;
	background: #fff;
	color: #5C5C5C;
	margin: 5px auto;
	width: 776px;
	text-align: left;/*Aufheben von IE_quirks im BODY*/
	}

#right_box {
	position: absolute;
	right: 0;
	width: 173px;
	background: #fff;
	color: #5C5C5C;
	margin: 10px 0 5px 0;
	}



#left_box {
	background: #fff;
	color: #5C5C5C;
	margin: 0px 173px 0px 0px;
	padding-bottom: 20px;
	border-width: 0 1px 0 0;
	border-color: #D3D3D3;
	border-style: solid;
	}

#footer{
	position: relative;
	background: #284485;/*#37485A;*/
	width: 100%;
	height: 40px;
	}

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


/* =Menu
===============================================*/
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	
#menu li a {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	}	
	
	
#menu li a:link, #menu li a:visited {
	color: #727272; /*#85868A*/
	display: block;
	background: url(menu_link.gif) top left no-repeat;
	padding: 0 0 0 30px;
	text-align: left;
	line-height:250%; 
	}
	
#menu li a:hover {
	color: #727272; /*#85868A*/
	display: block;
	background: url(menu_hover.gif) top left no-repeat;
	text-align: left;
	}
	
#menu li a:active {
	color: #727272; /*#85868A*/
	display: block;
	background: url(menu_active.gif) top left no-repeat;
	text-align: left;
	}
/*=============================================*/


/* =Fontstyle 
===============================================*/
/* --- ( Linke Spalte ) ---- */
#left_box h1, 
#left_box h2, 
#left_box h3, 
#left_box h4, 
#left_box h5, 
#left_box h6, 
#left_box p, 
#left_box ul, 
#left_box li{
	text-align: left;
	margin: 0 20px 0 30px;
	}

#left_box h1 {font-size: 1.0em; color: #C10017; background: #fff; font-weight: bold; letter-spacing:0.05em; padding-top:30px;}	
#left_box h2 {font-size: 0.9em; color: #44679D; background: #fff; font-weight: bold; margin-top: 20px}
#left_box h3 {font-size: 0.75em; color: #5C5C5C; background: #fff; font-weight: bold; margin-top: 20px}

#left_box p{line-height:140%; font-size:0.8em; margin-top: 7px}

#left_box a      		{color: #1D82D2; background: #fff; text-decoration: none; cursor:pointer;}
#left_box a:link  	{color: #1D82D2; background: #fff; text-decoration: none;}
#left_box a:visited	{color: #1D82D2; background: #fff; text-decoration: none;}
#left_box a:hover 	{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px dotted #C10017;}
#left_box a:active	{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px dotted #C10017;}
#left_box a:focus 	{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px dotted #C10017;}

#left_box ul 			{line-height:140%; padding-bottom: 0.6em; margin: 7px 0 0 30px;}
#left_box .ulul		{line-height:140%; padding-bottom: 0.6em; margin: 7px 0 0 0;}
#left_box li 			{line-height:140%; font-size:0.8em; list-style-image: url(list.gif);}
#left_box .lili		{line-height:140%; font-size:1.0em; list-style-image: url(lili.gif);}

/* --- ( Rechte Spalte ) ---- */
#right_box h1, 
#right_box h2, 
#right_box h3, 
#right_box h4, 
#right_box h5, 
#right_box h6, 
#right_box p,
#right_box ul,
#right_box li
{
	text-align: left;
	margin: 0 15px 0 15px;
	}

#right_box h1 {font-size: 1.0em; color: #C10017; background: #fff; font-weight: bold; letter-spacing:0.05em; padding-top:10px;}	
#right_box h2 {font-size: 0.9em; color: #44679D; background: #fff; font-weight: bold; margin-top: 20px}
#right_box h3 {font-size: 0.8em; color: #C10017; background: #fff; font-weight: bold; margin-top: 20px}

#right_box p{line-height:140%; font-size:0.85em; margin-top: 7px;}


#right_box a      		{color: #1D82D2; background: #fff; text-decoration: none; cursor:pointer;}
#right_box a:link  		{color: #1D82D2; background: #fff; text-decoration: none;}
#right_box a:visited		{color: #C10017; background: #fff; text-decoration: none;}
#right_box a:hover 		{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px dotted #C10017;}
#right_box a:active		{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px dotted #C10017;}
#right_box a:focus 		{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px dotted #C10017;}

#right_box ul{
	margin: 10px 0 0 0;
	padding: 0; 
	width: 100%; 
	list-style: none;
	line-height:140%;
	}

#right_box li{
	font-size: 0.85em;
	font-weight: normal;
	padding: 8px 0 5px 2px;
	border-bottom: 1px solid #E2E3E6;
	background: #fff;
	list-style: none;
	}

/* --- ( Xtraklassen ) ---------------------------------------------------------------- */
#left_box .center			{text-align:center}
.bold 			{font-weight:bold; font-size: 95%}
.marker       	{background:#C10017; color:#fff;}
.markerschwarz	{background:#000; color:#fff;}
.markergelb   	{background:#ff0; color:#000;}
.line         	{border-bottom: 1px solid #d00;}
.greyline     	{border-bottom: 1px solid #828282;}   
.box    			{margin:10px 40px 0 40px; padding: 0.7em; border: 1px solid #9B9B9B; background: #F7F7F7; color: #5C5C5C;}
#left_box .small			{font-size: 60%;}
#left_box .listimgno {list-style: none; list-style-image: none;}
#right_box {
padding:0;
font-size: 80%;}
 
/*=============================================*/


/* =Footer
===============================================*/
#footertext	{
	position: relative; 
	font-size: 70%; 
	text-align: right; 
	width:776px;
	padding: 10px 20px 0 0;	
	}

#footertext p				{color: #fff; background: #284485}

#footertext a         {color: #fff; background: #284485; cursor:pointer}

#footertext a:link,    
#footertext a:visited 
{color: #fff; background: #284485; text-decoration: none;}

#footertext a:hover,
#footertext a:active,
#footertext a:focus 
{color: #fff; background: #284485; text-decoration: underline; }

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