/* hier sind festen Werte, definiert,
   um jedem Browser zu erklaeren, was ich gerne haette
*/

table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	outline:none;
}


.center
{	text-align:center;
}

.right
{	float:right;
	display:inline;
}

.left
{	float:left;
	display:inline;
}


html
{	height:100%;
}



body
{	color:#000000;
	font-size:12px;
	background-image:url(../img/body.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;

}



img
{	border-width:0px;
}

.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

/* die erste navigation*/

#top_nav
{	height:20px;
	overflow:hidden;
	width:890px;
	margin:auto;
	padding:12px 18px 0px 0px;
	text-align:right;
	color:#ffffff;
	font-size:10px;
}


#top_nav a,
#top_nav a:link,
#top_nav a:visited,
#top_nav a:active
{	color:#ffffff;
	text-decoration:none;
}

#top_nav a:hover
{	text-decoration:underline;
}

#home_link
{	position:absolute;
	height:140px;
	width:155px;
	top:10px;
	left:10px;
	z-index:1;
}

/* die positionierung des layouts */

#layout
{	width:908px;
	overflow:hidden;
	margin:auto;
	background-image:url(../img/layout.png);
	background-repeat:repeat-y;
}

#main
{	width:908px;
	background-image:url(../img/main.jpg);
	background-repeat:no-repeat;
	min-height:455px;
}
/* speziell für den IE6 */
* html #main
{	height:455px;
}


/* der footer */

#footer
{	width:908px;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	height:25px;
	overflow:hidden;
	margin:auto;
}

/* die rechte seite */
#right
{	width:721px;
	float:right;
	overflow:hidden;
	padding:8px 10px 0px 0px;
	display:inline;
}

/* der header im rechten bereich */
.header
{	width:100%;
	height:146px;
	overflow:hidden;	
	background-color:#f6f6f6;
}

/* der content */
.content
{	padding:24px 34px 34px 20px;
	min-height:400px;
	color:#333333;
	font-size:12px;
}


.content h1,.content h2,.content h3
{	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #333333;
	padding-top:10px;
}

.content p
{	padding:20px 0px 10px 0px;
}


.content ul
{	list-style-type:none;
	list-style-position:outside;
	padding:6px 0px 6px 0px;
}

.content li
{	background-image:url(../img/content_li.png);
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding:7px 0px 7px 15px;
}

.content a,
.content a:link,
.content a:visited,
.content a:active
{	color:#ff0000;
	text-decoration:underline;
}

.content a:hover
{	text-decoration:none;
}


/* linke und rechte Bilder im content */
img.left
{	margin:0px 20px 10px 0px;
}

img.right
{	margin:0px 0px 10px 20px;
}

.content strong
{	color:#000001;
}


/* das copyright im linkem bereich */
.copyright
{	font-size:10px;
	color:#999999;
	padding-left:35px;
	clear:both;
}

.copyright a,
.copyright a:link,
.copyright a:visited,
.copyright a:active
{	color:#999999;
	text-decoration:none;
}


.copyright a:hover
{	text-decoration:underline;
}



/* der linke Bereich */
#left
{	width:155px;
	display:inline;
	float:left;
	overflow:hidden;
	position:relative;
	padding:190px 0px 10px 13px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:14px 12px;
}


#left ul
{	list-style-type:none;
	list-style-position:outside;
	padding-left:10px;
	width:126px;
	overflow:hidden;
}

#left ul ul
{	padding-left:17px;
	width:110px;
	overflow:hidden;
}


#left ul a,
#left ul  a:link,
#left ul  a:visited,
#left ul  a:active
{	color:#000106;
	text-decoration:none;
	padding:7px 0px 7px 17px;
	display:block;
	width:100%;
	font-size:12px;
	background-image:url(../img/left_li_a.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
}

#left ul  a:hover
{	color:#ff0000;
	background-image:url(../img/left_li_a_hover.png);
}

#left ul a
{	font-weight:bold !important;
}

#left ul ul a
{	font-weight:normal !important;
}


#left ul a.active
{	font-weight:bold !important;
	color:#ff0000  !important;
	background-image:url(../img/left_li_a_hover.png) !important;
}

#left ul ul a.active
{	font-weight:normal !important;
	color:#ff0000 !important;
	background-image:url(../img/left_li_a_hover.png) !important;
}

