/************** Basis-Stylesheet ***********
blau (linkfarbe) #00C8FF
hellgrau (ränder, linien) #E5E5E5
dunkelgrau (text news) #999999
schwarz (text) #000000
*/

html
{
height:100%;
}

body 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background: #FFFFFF url(../grafik/body_hg.gif) repeat-x; 
	color: #000000;
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre 
{
	margin: 0;
	padding: 0;
}

img
{
	border:0px;
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, li 
{
	font-weight: normal;
	font-size: 11px;
	line-height:15px;
}

h1
{
	margin-bottom:25px;
	font-size: 14px;
	font-weight:bold;
}

h2
{
	font-weight: bold;
	margin-top:10px;
	margin-bottom:2px;
		font-weight:bold;
}


p
{
	margin-bottom:5px;
}

dt 
	{
	width:70px;
	clear:both; 
	float:left;
	}
dd {
	width:150px;	
	padding-left:8px;
	float:left;
	}
dl {margin:0px; padding:0px;}


/************** Container-Stylesheet ************/

#portal { 
	background-color:#a6a6a6;
	}

 
#portalcontent
{ 		
	width:100%;
	background: #fff url(../grafik/portal-streifen.jpg);
	height:650px;
	position:absolute;  
	text-align:center;
	margin:auto;
  
}




#container 
{
	width:748px;
	margin:auto;
	border:1px solid #E5E5E5;
}

#header-home, #header-
{ 
	width:748px;
	background: #FFFFFF url(../grafik/header-home.jpg) no-repeat; 
	height: 249px;
}


#navigation
{ 
	width:748px;
	height:46px;
}
	
#content 
{ 
	background: #FFFFFF url(../grafik/mittellinie.gif) 285px 0px no-repeat; 
	float:left;
	width:689px;
	padding:20px 20px 20px 39px ;
}

#content-left
{ 
/*	background: #FFff00; */
	width:235px;
	float:left;
	margin-right:30px;
}

#content-right
{ 
/*	background: #00ff00; */
	width:424px;
	float:left;
}

#clear
{
	clear: both;
}

.clear
{
	clear: both;
}


#footer
{ 
	background: #FFFFFF url(../grafik/banner-unten.gif)  bottom right no-repeat; 
	color:#df7c09;	
	width:100%;
	padding-top:30px;
	text-align:center;
	clear:both;
	height: 25px; 
}  

/************** Allgemeine Textformate Stylesheet ************/

a
{
	color: #00C8FF;
	text-decoration:none;
	font-weight:bold;
}



/************** Spezielle Textformate Stylesheet ************/

.wichtig
{
color:#FF0000;
}

.fett
{
font-weight:bold;
}

#referenz
{
	margin:auto;
	width:200px;
	margin-top:35px;
}

#referenz a
{
	font-weight:normal;
	font-size:0.7em;

}
/************** Links-Stylesheet ************/

#footer a
{
display:block;
	font-size: 0.8em;
	color:#E5E5E5;
	text-align:right;
	margin-right:20px;
}



/************** Absatz-Stylesheet ************/

/************** Liste-Stylesheet ************/

#navigation ul 
{
	list-style:none;
}

#navigation li 
{	
	float:left;
}

#navigation li a, #navigation li
{	
	height:46px;
	display:block;
}
#navigation li.leerleft {	background: #ffffff url(../grafik/but-leer-links.gif) no-repeat;	width:39px;}
#navigation li.leerright {	background: #ffffff url(../grafik/but-leer-rechts.gif) no-repeat;	width:45px;}

#navigation li.home a{	background: #ffffff url(../grafik/but-home1.gif) no-repeat;	width:54px;}
#navigation li.home a.aktiv, #navigation li.home a:hover{	background: #ffffff url(../grafik/but-home2.gif) no-repeat;}

#navigation li.unternehmen a{	background: #ffffff url(../grafik/but-unternehmen1.gif) no-repeat;	width:97px;}
#navigation li.unternehmen a.aktiv, #navigation li.unternehmen a:hover{	background: #ffffff url(../grafik/but-unternehmen2.gif) no-repeat;}

#navigation li.leistungsprofil a{	background: #ffffff url(../grafik/but-leistung1.gif) no-repeat;	width:105px;}
#navigation li.leistungsprofil a.aktiv, #navigation li.leistungsprofil a:hover{	background: #ffffff url(../grafik/but-leistung2.gif) no-repeat;}

#navigation li.projekte a{	background: #ffffff url(../grafik/but-projekte1.gif) no-repeat;	width:69px;}
#navigation li.projekte a.aktiv, #navigation li.projekte a:hover{	background: #ffffff url(../grafik/but-projekte2.gif) no-repeat;}

#navigation li.wettbewerbe a{	background: #ffffff url(../grafik/but-wettbewerbe1.gif) no-repeat;	width:96px;}
#navigation li.wettbewerbe a.aktiv, #navigation li.wettbewerbe a:hover{	background: #ffffff url(../grafik/but-wettbewerbe2.gif) no-repeat;}

#navigation li.referenzen a{	background: #ffffff url(../grafik/but-referenzen1.gif) no-repeat;	width:84px;}
#navigation li.referenzen a.aktiv, #navigation li.referenzen a:hover{	background: #ffffff url(../grafik/but-referenzen2.gif) no-repeat;}

#navigation li.kontakt a{	background: #ffffff url(../grafik/but-kontakt1.gif) no-repeat;	width:64px;}
#navigation li.kontakt a.aktiv, #navigation li.kontakt a:hover{	background: #ffffff url(../grafik/but-kontakt2.gif) no-repeat;}

#navigation li.asconsult a{	background: #ffffff url(../grafik/but-asconsult1.gif) no-repeat;	width:95px;}
#navigation li.asconsult a.aktiv, #navigation li.asconsult a:hover{	background: #ffffff url(../grafik/but-asconsult2.gif) no-repeat;}


/* Formular*/
label, input, textarea, legend, select
{ 
	display: block;
	float:left;
	margin-bottom:5px;
	font-size: 11px;
}

textarea
{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

label, legend
{  
	clear:left;
	padding-right: 10px;
	width:100px;

	font-size:11px;
	/*color:#7ab51d;*/

} 

.leftimg
{
	float:left;
	padding-right:5px;
}



.fehler {border:1px solid red;}
p.error {color:red;}
form {width:350px;}
.admin {width:740px;}
fieldset {border:0px; }


h1 span {
display: block;
height: 0;
overflow: hidden;
width: 0;
}