<?
header("Content-Type: text/css"); 
?>
/* 	Global Reset */
/**********************************************************/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
em, img, small, strike, strong, sub, sup, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

img	{border:none; }


/* Hintergrund */


body {
	background-color: #f1f1f1;
}

.bgbild table{
	 width:144px;
	 height:105px;
}

/* Contentbg*/

#contentweiss {
	background-color: #FFF;
	width:981px;
	position:relative;
	margin: auto;
	overflow:visible;
    top:10px;
	}


/* Logo*/	
#head {
	width:960px; padding:30px 0px 0px 0px;
}
#logo {
	position:relative;
	width:890px;
	margin-left:20px;
	z-index:5;
	float:left;
	}
	

/* container-outer*/	


.container-outer{
	position:relative;
	overflow:visible;
}


/* container-left*/	


.container-left{
	position:relative;
	width:200px;
	float:left;
}


/*navi*/

#navigesamt {
	width:174px;
	text-indent:30px;
	position:relative;
    margin-top:35px;
	margin-left:20px;
}


ul#navi {
	margin:0px;
	padding:0px;
	list-style:none;
		
}


ul#navi li  {
	margin-bottom:5px;
}


ul#navi li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#606060;
	font-size:14px;
	text-decoration:none;
	border: 1px solid #e5e5e5;
	display:block;
	height:35px;
	width:174px;
	line-height:35px;
}


/*navi aktionen*/


/* 1 */


ul#navi li a.home.aktivlila{
	background-color:#deb7d8;
	font-weight:bold;
} 


ul#navi li a.home{
 background:url(../img/lila.gif) no-repeat 0 0;
}


ul#navi li a.home:hover{
	background-color:#deb7d8;
	font-weight:bold;
}


/* 2 */

ul#navi li a.about.aktivgruen{
	background-color:#e4f1c8;
	font-weight:bold;
} 


ul#navi li a.about{
 background:url(../img/gruen.gif) no-repeat 0 0;
}


ul#navi li a.about:hover{
	background-color:#e4f1c8;
		font-weight:bold;
}


/* 3 */


ul#navi li a.catalogue.aktivblaugruen{
	background-color:#b2dad8;
	font-weight:bold;
} 


ul#navi li a.catalogue{
 background:url(../img/blaugruen.gif) no-repeat 0 0;
}


ul#navi li a.catalogue:hover{
	background-color:#b2dad8;
		font-weight:bold;
}


/* 4 */


ul#navi li a.newsletter.aktivhellblau{
	background-color:#e7eef4;
	font-weight:bold;
} 


ul#navi li a.newsletter{
 background:url(../img/hellblau.gif) no-repeat 0 0;
}


ul#navi li a.newsletter:hover{
	background-color:#e7eef4;
		font-weight:bold;
}


/* 5*/


ul#navi li a.aplhaindex.aktivdunkelgruen{
	background-color:#b4c3c2;
	font-weight:bold;
} 


ul#navi li a.aplhaindex{
 background:url(../img/dunkelgruen.gif) no-repeat 0 0;
}


ul#navi li a.aplhaindex:hover{
	background-color:#b4c3c2;
		font-weight:bold;
}


/* 6*/


ul#navi li a.contact.aktivblau{
	background-color:#c1d1e7;
	font-weight:bold;
} 


ul#navi li a.contact{
 background:url(../img/blau.gif) no-repeat 0 0;
}


ul#navi li a.contact:hover{
	background-color:#c1d1e7;
		font-weight:bold;
}

/* 7 */


ul#navi li a.video.aktivgrau{
	background-color:#e8ebec;
	font-weight:bold;
} 


ul#navi li a.video{
 background:url(../img/grau.gif) no-repeat 0 0;
}


ul#navi li a.video:hover{
	background-color:#e8ebec;
		font-weight:bold;
}


/* 8 */


ul#navi li a.dealer.aktivorange{
	background-color:#ffd399;
	font-weight:bold;
} 


ul#navi li a.dealer{
 background:url(../img/orange.gif) no-repeat 0 0;
}


ul#navi li a.dealer:hover{
	background-color:#ffd399;
		font-weight:bold;
}


/* subnavi anfang*/

ul#subnavi {
	margin:0px;
	padding:0px;
	list-style:none;
		
}


ul#subnavi li  {
	margin-bottom:5px;
	margin-top: -5px;
}


ul#subnavi li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#606060;
	font-size:12px;
	text-decoration:none;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px none #e5e5e5;
	display:block;
	height:24px;
	width:158px;
	line-height:25px;
	margin-left:16px;
}


ul#subnavi li a.subcatalogue.aktivblaugruen{
	background-color:#b2dad8;
	font-weight:bold;
} 

ul#subnavi li a.subcatalogue{
/* background:url(../img/blaugruen.gif) no-repeat 0 0;*/
}

ul#subnavi li a.subcatalogue:hover{
	background-color:#b2dad8;
	font-weight:bold;
}


ul#navi li a.subaplhaindex.aktivdunkelgruen{
	background-color:#b4c3c2;
	font-weight:bold;
} 

ul#navi li a.subaplhaindex{
/* background:url(../img/dunkelgruen.gif) no-repeat 0 0;*/
}

ul#navi li a.subaplhaindex:hover{
	background-color:#b4c3c2;
	font-weight:bold;
}
/* subnavi ende*/

/*navi ende*/


/*seite*/

#seitenbereich {
	position:relative;
	width:640px;
    float:right;
    margin-right:76px;
    margin-top:30px;

	
}


#seitenbereich2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;	
}


.ulila{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#930f7f;
	}
	
	
#lilalinie{
	background-color:#930f7f;
	width:645px;
	height:2px;
	
	}
	

.ugruen{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#a5cf49;
	}
	
	
#gruenlinie{
	background-color:#a5cf49;
	width:645px;
	height:2px;
	
	}
	
	
.udunkelblau{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#3166ae;
	}
	
	
#dunkelblaulinie{
	background-color:#3166ae;
	width:645px;
	height:2px;
	
	}
	
	
.ublau{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#96b3c9;
	}
	
	
#blaulinie{
	background-color:#aec7da;
	width:645px;
	height:2px;
	
	}
	
	
.ublaugruen{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#00867d;
	}
	
	
#blaugruenlinie{
	background-color:#00867d;
	width:645px;
	height:2px;
	
	}
	
	
.ugrey{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#9d9fa0;
	}
	
	
#greylinie{
	background-color:#9d9fa0;
	width:645px;
	height:2px;
	
	}
		
	
.udunkelgruen{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#063936;
	}
	
	
#dunkelgruenlinie{
	background-color:#063936;
	width:645px;
	height:2px;
	
	}


.ugrau{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#999;
	}
	
	
#graulinie{
	background-color:#999;
	width:645px;
	height:2px;
	
	}
	
	
.uorange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ff9000;
	}
	
	
#orangelinie{
	background-color:#ff9000;
	width:645px;
	height:2px;
	
	}

#alpha_td{
border: 1px solid #e5e5e5;
width: 23px;
vertical-align:middle;
text-align:center;
}


#alpha_hover_td{
border: 1px solid #e5e5e5; 
padding: 2px;
background: #063936;
color: white;
font-size: 20px;
width: 22px;
vertical-align:middle;
text-align:center;
}


#alpha_inactive_td{
border: 1px solid #e5e5e5;
width: 23px;
vertical-align:middle;
text-align:center;
color: #e5e5e5;
}


a.alpha_link:link {color:#606060; text-decoration:none; display: block; width: 23px; padding-top: 7px; padding-bottom: 7px;}
a.alpha_link:visited {color:#606060; text-decoration:none; display: block; width: 23px; padding-top: 7px; padding-bottom: 7px;}
a.alpha_link:active {color:#606060; text-decoration:none; display: block; width: 23px; padding-top: 7px; padding-bottom: 7px;}
a.alpha_link:hover {color:white; text-decoration:none; display: block; background: #b4c3c2; width: 23px; padding-top: 7px; padding-bottom: 7px;}


a.alpha_link2:link {color:#585858; text-decoration:underline;}
a.alpha_link2:visited {color:#585858; text-decoration:underline; }
a.alpha_link2:active {color:#585858; text-decoration:underline;}
a.alpha_link2:hover {color:#585858; text-decoration:underline;}


/*bilderreihe startseite*/

#bildercontainer{
	position:relative;
	width:660px;

}
	
.bgbild{
	background-image:url(../img/bg_bilderreihe.gif);
	width:144px;
	height:107px;
	float:left;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;


	}	
	
#nlbox{
	width:175px;
	height:100px;
	position:relative;
	margin-left:20px;
	top:25px;
	}

/*seitenheader*/

#seitenheader{
	width:640px;
	height:210px;
	position:relative;
	top:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
    color:#585858;
	}

/*Blätterkatalog*/

#catclick{
	position:absolute;
	top:341px;
	font-size:16px;
	left: 480px;
	width: 150px;
	}

/*Newsletter Content*/

#newsletter{
	width:640px;
	position:relative;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#606060;
	padding:10px;
	top:20px;


}


/*about house of education*/

#abouthoe{
	width:640px;
	position:relative;
	top:20px;
}

#pager{
	width:60px;
	position:relative;
	font-size:18px;
	color:#606060;
	font-family:Arial, Helvetica, sans-serif;
	top: 30px;
	left:655px;
}

 
/*fließtext*/

#textbox{
	width:640px;
	position:relative;
	top:50px;
	}

#text
{	font-family:Arial, Helvetica, sans-serif;
    color:#585858;
    font-size:12px;
}


/*Footer*/
#footer{
	clear:both;
	width:981px;
	height:50px;
	margin-top:50px;
	position:relative;
	background-image:url(../img/verlauf.gif);

}


#footercontainer{
	clear:both;
	width:981px;
	height:20px;
	margin-left:10px;
	padding:15px 10px;
	position:relative;
}


#footer2{
	clear:both;
	width:981px;
	height:52px;
	margin-top:10px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
    color:#585858;
    font-size:11px;
   line-height: 2;

}

a.footer	 		{display:block; float:left; background:url(../img/pfeil_gruen1.gif) no-repeat; height:25px; padding-right:20px; padding-left:10px;  color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footer:link 		{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footer:visited 	{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footer:active 	{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footer:hover 		{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}

a.footertwitter	 		{display:block; float:left; padding-right:0px; padding-left:10px;  color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footertwitter:link 		{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footertwitter:visited 	{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footertwitter:active 	{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.footertwitter:hover 		{color:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}


#hoe_video{
	border: 1px solid #e5e5e5;
	}
#hoe_video:hover, #hoe_video:link, #hoe_video:visited, #hoe_video:active{
	border: 1px solid #ccc;
	background-color:#eee;
	}
#hoe_video:active{
	border: 1px solid #999;
	}
	
	
.tablehead				{background: #ffd399; color: #606060; padding: 2px 5px; border-bottom: 1px solid #ff9000; font-weight:bold;}
.tablestandard			{background: #ffffff; color: #606060; padding: 2px 5px; border-bottom: 1px solid #ff9000; font-size:11px;}
.tablestandard_zebra	{background: #fff4e6; color: #606060; padding: 2px 5px; border-bottom: 1px solid #ff9000; font-size:11px;}