﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body{
	background-color: #FFFFFF;
	font-family: Times New Roman, Times Roman, Georgia, serif;
	font-size:  11pt;
}

#koepfe,#denke,#mache,#neue,#spuren{
	line-height: 16pt;
}

#main_wrapper{
	width: 1000px;
	padding-top: 5px;
	margin: auto;
}

#main{
	width: 974px;
	margin: auto;
}

#header_wrapper{
	width: 974px;
	height: 204px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#startseite #header_wrapper{
	width: 974px;
	height: 98px;
	margin-bottom: 0;
}

#logo{
	width: 480px;
	height: 83px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	
}

#logo a{
	width: 480px;
	height: 83px;
	display: block;
}

#startseite #logo{
	background-image: url(../assets/logo_gruen.jpg);
	background-repeat: no-repeat;
}

#koepfe #logo{
	background-image: url(../assets/logo_blau.jpg);
	background-repeat: no-repeat;
}

#denke #logo{
	background-image: url(../assets/logo_orange.jpg);
	background-repeat: no-repeat;
}

#spuren #logo{
	background-image: url(../assets/logo_gelb.jpg);
	background-repeat: no-repeat;
}

#neue #logo{
	background-image: url(../assets/logo_gruen.jpg);
	background-repeat: no-repeat;
}

#mache #logo{
	background-image: url(../assets/logo_rot.jpg);
	background-repeat: no-repeat;
}

#header{
	width: 974px;
	height: 113px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
}

#koepfe #header{
	background-image: url(../assets/header_koepfe.jpg);
}

#denke #header{
	background-image: url(../assets/header_denke.jpg);
}

#spuren #header{
	background-image: url(../assets/header_spuren.jpg);
}

#neue #header{
	background-image: url(../assets/header_neue.jpg);
}

#mache #header{
	background-image: url(../assets/header_mache.jpg);
}

*html #header{
	margin-bottom: 2px;
}

#trennlinie{
	width: 974px;
	height: 2px;
	background-image:  url(../assets/trenn_horizontal.jpg);
	background-repeat: no-repeat;
}

#content_left{
	width: 700px;
	float: left;
}

#content_right{
	width: 200px;
	float: right;
	font-size: 13pt;
}
/*NAVIGATION*/
#navi{
	width: 420px;
	height: 20px;
	float: right;
	margin-top: 72px;
}

#startseite #navi{
	margin-top: 72px;
}

#navi a{
	display: block;
	width: 84px;
	height: 20px;
}

#navi li{
	list-style-type: none;
	display: block;
	float: left;
}

#startseite .koepfe a{
	background: url(../assets/navi/koepfe.png);
}

#startseite .koepfe a:hover{
	background: url(../assets/navi/neue/koepfe.png);
}
#startseite .denke a{
	background: url(../assets/navi/denke.png);
}

#startseite .denke a:hover{
	background: url(../assets/navi/neue/denke.png);
}

#startseite .mache a{
	background: url(../assets/navi/mache.png);
}

#startseite .mache a:hover{
	background: url(../assets/navi/neue/mache.png);
}
#startseite .spuren a{
	background: url(../assets/navi/spuren.png);
}

#startseite .spuren a:hover{
	background: url(../assets/navi/neue/spuren.png);
}
#startseite .neue a{
	background: url(../assets/navi/neue.png);
}

#startseite .neue a:hover{
	background: url(../assets/navi/neue/neue.png);
}

#koepfe .koepfe a{
	background: url(../assets/navi/koepfe.png);
}

#koepfe .koepfe a:hover{
	background: url(../assets/navi/koepfe/koepfe.png);
}
#koepfe .denke a{
	background: url(../assets/navi/denke.png);
}

#koepfe .denke a:hover{
	background: url(../assets/navi/koepfe/denke.png);
}

#koepfe .mache a{
	background: url(../assets/navi/mache.png);
}

#koepfe .mache a:hover{
	background: url(../assets/navi/koepfe/mache.png);
}
#koepfe .spuren a{
	background: url(../assets/navi/spuren.png);
}

#koepfe .spuren a:hover{
	background: url(../assets/navi/koepfe/spuren.png);
}
#koepfe .neue a{
	background: url(../assets/navi/neue.png);
}

#koepfe .neue a:hover{
	background: url(../assets/navi/koepfe/neue.png);
}

#denke .koepfe a{
	background: url(../assets/navi/koepfe.png);
}

#denke .koepfe a:hover{
	background: url(../assets/navi/denke/koepfe.png);
}
#denke .denke a{
	background: url(../assets/navi/denke.png);
}

#denke .denke a:hover{
	background: url(../assets/navi/denke/denke.png);
}

#denke .mache a{
	background: url(../assets/navi/mache.png);
}

#denke .mache a:hover{
	background: url(../assets/navi/denke/mache.png);
}
#denke .spuren a{
	background: url(../assets/navi/spuren.png);
}

#denke .spuren a:hover{
	background: url(../assets/navi/denke/spuren.png);
}
#denke .neue a{
	background: url(../assets/navi/neue.png);
}

#denke .neue a:hover{
	background: url(../assets/navi/denke/neue.png);
}

#mache .koepfe a{
	background: url(../assets/navi/koepfe.png);
}

#mache .koepfe a:hover{
	background: url(../assets/navi/mache/koepfe.png);
}
#mache .denke a{
	background: url(../assets/navi/denke.png);
}

#mache .denke a:hover{
	background: url(../assets/navi/mache/denke.png);
}

#mache .mache a{
	background: url(../assets/navi/mache.png);
}

#mache .mache a:hover{
	background: url(../assets/navi/mache/mache.png);
}
#mache .spuren a{
	background: url(../assets/navi/spuren.png);
}

#mache .spuren a:hover{
	background: url(../assets/navi/mache/spuren.png);
}
#mache .neue a{
	background: url(../assets/navi/neue.png);
}

#mache .neue a:hover{
	background: url(../assets/navi/mache/neue.png);
}

#spuren .koepfe a{
	background: url(../assets/navi/koepfe.png);
}

#spuren .koepfe a:hover{
	background: url(../assets/navi/spuren/koepfe.png);
}
#spuren .denke a{
	background: url(../assets/navi/denke.png);
}

#spuren .denke a:hover{
	background: url(../assets/navi/spuren/denke.png);
}

#spuren .mache a{
	background: url(../assets/navi/mache.png);
}

#spuren .mache a:hover{
	background: url(../assets/navi/spuren/mache.png);
}
#spuren .spuren a{
	background: url(../assets/navi/spuren.png);
}

#spuren .spuren a:hover{
	background: url(../assets/navi/spuren/spuren.png);
}
#spuren .neue a{
	background: url(../assets/navi/neue.png);
}

#spuren .neue a:hover{
	background: url(../assets/navi/spuren/neue.png);
}

#neue .koepfe a{
	background: url(../assets/navi/koepfe.png);
}

#neue .koepfe a:hover{
	background: url(../assets/navi/neue/koepfe.png);
}
#neue .denke a{
	background: url(../assets/navi/denke.png);
}

#neue .denke a:hover{
	background: url(../assets/navi/neue/denke.png);
}

#neue .mache a{
	background: url(../assets/navi/mache.png);
}

#neue .mache a:hover{
	background: url(../assets/navi/neue/mache.png);
}
#neue .spuren a{
	background: url(../assets/navi/spuren.png);
}

#neue .spuren a:hover{
	background: url(../assets/navi/neue/spuren.png);
}
#neue .neue a{
	background: url(../assets/navi/neue.png);
}

#neue .neue a:hover{
	background: url(../assets/navi/neue/neue.png);
}

*html #navi li{
	margin-left: 18px;
}

/*LINKS*/

a{
	color: #000000;
	text-decoration: none;
}

#startseite a:hover{
	color: #339933;
}

#koepfe a:hover{
	color: #0099cc;
}

#koepfe .koepfe a{
	background: url(../assets/navi/koepfe/koepfe.png);
}

#mache a:hover{
	color: #cc3333;
}

#mache .mache a{
	background: url(../assets/navi/mache/mache.png);
}

#denke a:hover{
	color: #ff9900;
}

#denke .denke a{
	background: url(../assets/navi/denke/denke.png);
}

#spuren a:hover{
	color: #cccc00;
}

#spuren .spuren a{
	background: url(../assets/navi/spuren/spuren.png);
}

#neue a:hover{
	color: #339933;
}

#neue .neue a{
	background: url(../assets/navi/neue/neue.png);
}

/*SUBNAVI*/
#sub_koepfe, #sub_mache{
	text-align: left;
	padding-right: 4px;
}

#sub_koepfe li, #sub_mache li{
	clear: both;
}

#sub_mache a, #sub_koepfe a{
	color: #FFFFFF;
}
#sub_mache a:hover, #sub_koepfe a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#koepfe #sub_koepfe{
	visibility: hidden;
	background-image: url(../assets/sub_koepfe.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	top: 22px;
	left: 22px;
}


#koepfe #sub_mache{
	visibility: hidden;
	background-image: url(../assets/sub_koepfe.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	left: 190px;
	top: -50px;
}

#mache #sub_koepfe{
	visibility: hidden;
	background-image: url(../assets/sub_mache.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	top: 22px;
	left: 22px;
}


#mache #sub_mache{
	visibility: hidden;
	background-image: url(../assets/sub_mache.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	left: 190px;
	top: -50px;
}

#denke #sub_koepfe{
	visibility: hidden;
	background-image: url(../assets/sub_denke.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	top: 22px;
	left: 22px;
}


#denke #sub_mache{
	visibility: hidden;
	background-image: url(../assets/sub_denke.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	left: 190px;
	top: -50px;
}

#spuren #sub_koepfe{
	visibility: hidden;
	background-image: url(../assets/sub_spuren.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	top: 22px;
	left: 22px;
}


#spuren #sub_mache{
	visibility: hidden;
	background-image: url(../assets/sub_spuren.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	left: 190px;
	top: -50px;
}

#startseite #sub_koepfe{
	visibility: hidden;
	background-image: url(../assets/sub_neue.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	top: 22px;
	left: 22px;
}

#neue #sub_koepfe{
	visibility: hidden;
	background-image: url(../assets/sub_neue.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	top: 22px;
	left: 22px;
}

#startseite #sub_mache{
	visibility: hidden;
	background-image: url(../assets/sub_neue.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	left: 190px;
	top: -50px;
}

#neue #sub_mache{
	visibility: hidden;
	background-image: url(../assets/sub_neue.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 72px;
	position: relative;
	left: 190px;
	top: -50px;
}

/*SEITEN SPEZIFISCH*/
#content_wrapper{
	margin-top: 14px;
	margin-bottom: 4px;
	width: 974px;
	background-image: url(../assets/content_wrapper_bg.jpg);
	background-repeat: repeat-y;
}



#startseite #content_wrapper{
	margin-top: 2px;
	height: 527px;
	background-image: url(../assets/index_bg.jpg);
	background-repeat: no-repeat;
}

#startseite #content{
	width: 426px;
	margin: auto;
}


/*INDEX BALL*/
#ball{
	width: 426px;
	height: 726px;
	margin: auto;
	padding-top: 40px;
}
#ball_top{
	width: 426px;
	height: 156px;
}
#ball_center{
	width: 426px;
	height: 118px;
}
#ball_bottom{
	width: 426px;
	height: 152px;
}

/*FOOTER*/
#footer{
	width: 970px;
	height: 15px;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-left: 4px;
}

#startseite #footer{
	background: url(../assets/footerbg_gruen.jpg);
	background-repeat: repeat-x;
}

#denke #footer{
	background: url(../assets/footerbg_orange.jpg);
	background-repeat: repeat-x;
}

#koepfe #footer{
	background: url(../assets/footerbg_blau.jpg);
	background-repeat: repeat-x;
}

#spuren #footer{
	background: url(../assets/footerbg_gelb.jpg);
	background-repeat: repeat-x;
}


#mache #footer{
	background: url(../assets/footerbg_rot.jpg);
	background-repeat: repeat-x;
}

#neue #footer{
	background: url(../assets/footerbg_gruen.jpg);
	background-repeat: repeat-x;
}

#footer li{
	float: left;
	margin-right: 14px;
}

#footer a{
	color: #FFFFFF;
	margin-right: 20px;
}
#footer p {
	line-height: 15px;
}
#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
/*ALLGEMEIN*/
.trennlinie{
	margin: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#startseite .trennlinie{
	margin: auto;
	margin-top: 0;
	margin-bottom: 2px;
}

.font_white{
	color: #FFFFFF;
}

.underline_italic{
	text-decoration: underline;
	font-style: italic;
}

.hidden{
	display: none;
}

.empty {
	height: 20px;
}

#news{
	padding-top: 10px;
}



#header div { position: absolute; overflow: hidden; }

#startseite #footer {
	margin-top: -12px;
}