/* --------------- Einstellung für alle Elemente ---------------*/
html * { margin: 0; padding:0; }

/* --------------- Body ---------------*/
body {
	background: url(images/bg_cheader_white.jpg) repeat-x left top;
	text-align: center;
	font-family: Arial, Trebuchet, Verdana, Helvetica, Tahoma, sans-serif;
	color: #000000;
	font-size: 12px;
}

div.page {width: 910px; margin: 0px auto 0px auto; }
#cheader {clear: left; float: left; width: 910px; height: 70px; overflow: hidden; text-align: left;}
#logo {clear: left; float: left; width: 400px; height: 70px; margin: 0px 0px 0px 0px;}
#logo a {float: left; display: block; width: 400px; height: 70px; background: url(images/logo.png) left top no-repeat;}
#logo a span {display: none;}

#hm {float: left; width: 310px; margin: 32px 0px 0px 183px; overflow: hidden;}
#hm ul {list-style-type: none;}
#hm ul li {float: left; margin: 10px 0px 0px 2px;}
#hm ul li a {
	display: block;
	width: 60px;
	float: left;
	text-align: center;
	color: #000000;
	text-decoration: none;
}
#hm ul li a.active {
	color: #808080;
}

#cccontent {
	clear: left;
	float: left;
	width: 100%;
	padding: 15px 0px 20px 0px;
	overflow: hidden;
	text-align: left;
	background-color: #FFFFFF;
}
#ccontent {width: 910px; margin: 0px auto 0px auto; overflow: hidden; text-align: justify; }
#content {clear: both; float: left; width: 740px; height: 558px; overflow: hidden; margin: 50px 20px 0px 0px; }
#content h1{ font-size: 24px; font-weight: normal; margin: 0px 0px 0.5em 0px;}
#content h1 span.color{ color: #444; }
#content h2{ font-size: 18px; font-weight: normal; color: #444; margin: 0px 0px 0.5em 0px;}
#content h3{ font-size: 14px; font-weight: normal; color: #444; margin: 0px 0px 0.5em 0px;}
#content h4{ font-size: 12px; font-weight: bold; margin: 0px 0px 0.5em 0px;}
#content p{ clear: both; margin: 0px 0px 1em 0px; }
#content a{ color: #444; }
#content ul{ margin: 5px 0px 5px 40px; }
#content ol{ margin: 5px 0px 5px 40px; }
#content img{
	float: left;
	padding: 3px;
	margin: 0px 10px 20px 0px;
}

#rightmenue {float: left; width: 290px; overflow: hidden; margin: 10px 10px 10px 0px; }
#rightmenue h2{ font-size: 18px; font-weight: normal; color: #444; margin: 0px 0px 0.5em 0px;}
#rightmenue ul {list-style-type: none; }
#rightmenue ul li{padding: 10px 0px 10px 18px; background: url(images/pointer01.png) left 12px no-repeat;}
#rightmenue ul li a{color: #444; text-decoration: none; }
#rightmenue ul li a.active:hover{color: #444; text-decoration: none; }
#rightmenue ul li a.active{color: #444; text-decoration: none; }
#rightmenue ul li a:hover{text-decoration: underline; }

#nav {clear: both; width: 910px; float: left; font-size: 11px; }
#picnav {
	float: left;
	width: 80px;
	padding: 4px 10px 10px 0px;
	background-color: #FFFFFF;
}
#picnav a {
	display: block;
	float: left;
	text-decoration: none;
	color: #000000;
}
#picnav a.right {float: right;}

#pagenav {float: left; width: 100px; margin: 0px 0px 0px 510px;}
#pagenav a{
	display: block;
	float: left;
	margin: 0px 14px 0px 0px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	font-size: 12px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 0px 8px 0px 8px;
}
#pagenav a.active{
	color: #808080;
}

#pics {clear: both; float: left; width: 910px; overflow: hidden;}
#maxpic {
	position: relative;
	float: left;
	width: 580px;
	height: 520px;
	overflow: hidden;
	margin: 0px 20px 0px 0px;
}

#pics ul.minpics {float: left; width: 310px; height: 310px;}
#pics ul.minpics li {float: left;
	width: 64px;
	height: 64px;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
}
#pics ul.minpics li img {}

#description {
	position: relative;
	margin: 20px 0px 0px 0px;
	float: left;
	width: 290px;
	height: 200px;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: justify;
}

#um {float: left; width: 910px; margin: 20px 0px 0px 0px; overflow: hidden; }
#um ul {list-style-type: none;}
#um ul li {float: left; margin: 0px 0px 0px 0px;}
#um ul li a {
	display: block;
	width: 147px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	color: #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	text-decoration: none;
}
#um ul li a.active {
	color: #808080;
}

#cfooter {
	clear: left;
	float: left;
	overflow: hidden;
	height: 30px;
	text-align: left;
}
#ccopyright {clear: left; float: left; width: 300px; margin: 5px auto 0px auto; padding: 5px 0px 0px 0px; text-align: left; color: #000000; font-weight: normal; font-size: 11px;}