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

/* --------------- Body ---------------*/
body {
	background-color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #999999;
	font-size: 12px;
}

div.page {width: 910px; margin: 0px auto 0px auto; }
#cheader {clear: left; float: left; width: 910px; height: 130px; overflow: hidden; text-align: left; }
#logo {
	clear: left;
	float: left;
	width: 310px;
	height: 130px;
	margin: 0px 0px 0px 0px;
}
#logo a {
	float: left;
	display: block;
	width: 310px;
	height: 130px;
	background: url(images/logo.png) left top no-repeat;
}
#logo a span {display: none;}
#hm {float: left; width:auto; margin: 40px 0px 0px 0px; overflow: hidden; }
#hm ul {list-style-type: none;}
#hm ul li {float: left; margin: 0px 7px 0px 0px;}
#hm ul li a {
	display: block;
	width: 90px;
	height: 23px;
	padding: 7px 0px 0px 0px;
	float: left;
	text-align: center;
	color: #FFFFCC;
	text-decoration: none;
	background: url(images/bg_hm.png) left top no-repeat;
}
#hm ul li a.active {
	background: url(images/bg_hm_active.png) left top no-repeat;
	color: #FF0033;
}

#um {float: left; width: 500px; margin: 15px 0px 0px 0px; overflow: hidden; }
#um ul {list-style-type: none;}
#um ul li {float: left;}
#um ul li a {
	color: #FFFFCC;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #626B79;
	text-decoration: none;
}
#um ul li a.active {text-decoration: underline;}

#cccontent {
	clear: left;
	float: left;
	width: 100%;
	padding: 30px 0px 30px 0px;
	overflow: hidden;
	text-align: left;
	background-color: #000000;
	border-top: 1px solid #3B4450;
	border-bottom: 1px solid #3B4450;
}
#ccontent {
	width: 910px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	text-align: left;
	background-color: #000000;
}

#content {clear: both; float: left; width: 590px; overflow: hidden; margin: 0px 20px 10px 0px; }
#content h1{ font-size: 24px; font-weight: normal; margin: 0px 0px 0.5em 0px;}
#content h1 span.color{ color: #999; }
#content h2{
	font-size: 18px;
	font-weight: normal;
	color: #999999;
	margin: 0px 0px 0.5em 0px;
}
#content h3{ font-size: 14px; font-weight: normal; color: #999; 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: #CCCCCC;
}
#content ul{ margin: 5px 0px 5px 40px; }
#content ol{ margin: 5px 0px 5px 40px; }
#content img{ float: left; border: 1px solid #666; 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: #999999;
	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: #999999;
	text-decoration: none;
}
#rightmenue ul li a.active, #rightmenue ul li a.active:hover{
	color: #CCCCCC;
	text-decoration: none;
}
#rightmenue ul li a:hover{text-decoration: underline; }
#img_src { border:0; }
#pics {clear: both; width: 910px; overflow: hidden;}
#maxpic { float: left; width: 582px; height: 372px; overflow: hidden; margin: 0px 10px 10px 0px; border: 4px solid #58606C;}
#maxpic a img { width: 582px;}
.caption {
	display: block;
	position: absolute;
	background-color: #000000;
	border:1px solid #000000;
	color: #fff;
	width: 560px;
	height: 30px;
	padding: 1px;
	color: #FFFFFF;
	text-align:center;
	font-style:italic;
	/* bottom: 0; */
	/* z-index: 100000000; */
 top: 550px;
}
#pics ul.minpics {float: left; width: 300px;}
#pics ul.minpics li {float: left; width: 86px; height: 64px; overflow: hidden; margin: 0px 10px 10px 0px; border: 2px solid #58606C; cursor: pointer;}
#pics ul.minpics li img {}

#caption h2 { margin:10px; font-size:12px; }
#nav { clear:both; width:910px; font-size: 11px; margin-top:40px; }

#picnav {
	float: left;
	width: 570px;
	margin: 0px 10px 0px 0px;
	padding: 4px 10px 4px 10px;
	background-color: #000000;
}
#picnav a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	color: #FFFF99;
}
#picnav a.right {float: right;}
#pagenav {float: left; width: 290px; }
#pagenav a{
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	text-align: center;
	padding: 4px 6px 4px 6px;
	background-color: #000000;
	color: #FFFF99;
}
#pagenav a.active{
	background-color: #07121D;
	color: #FF0033;
}


#cfooter {clear: left; float: left; width: 910px; overflow: hidden; text-align: left; padding: 20px 0px 20px 0px; }
#cfooter div.col {
	float: left;
	width: 180px;
	margin: 0px 10px 0px 0px;
	color: #FFFF99;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
}
#cfooter div.col p{margin: 0px 0px 0.5em 0px; }
#cfooter div.col a{
	color: #3300CC;
}
#cfooter div.col img{border: 2px solid #58606C; margin: 0px 0px 10px 0px; }
#cfooter div.col h2 {
	color: #FFFF99;
	font-weight: normal;
	font-size: 20px;
	text-transform: lowercase;
	margin: 0px 0px 0.5em 0px;
}
#cfooter div.col ul {list-style-type: none; }
#cfooter div.col ul li{padding: 2px 0px 2px 18px; background: url(images/pointer01.png) left 5px no-repeat;}
#cfooter div.col ul li a{
	color: #FFFF99;
}
#cfooter div.col4 {
	text-align: right;
	font-size: 11px;
	color: #FFFF99;
}
#cfooter div.col4 p {margin: 0px 0px 1em 0px; }
#cfooter div.col4 a {
	color: #D6D6D6;
}
#cfooter div.col4 p.copyright {
	color: #3300CC;
}
#cfooter div.col4 p.copyright a {
	color: #3300CC;
}


/* --------------- Formulare ---------------*/
#kontaktform { clear: left; float: left; line-height: normal; width: 460px; margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; }
#kontaktform label { clear: left; float: left; width: 100px;  margin: 5px 4px 0px 0px; text-align: left; }
#kontaktform label.plabel {
	color: #CCCCCC;
	font-weight: bold;
}
#kontaktform input, #kontaktform select, #kontaktform textarea { float: left; width: 340px; margin: 5px 0px 0px 0px; border: 1px solid #dedede; }
#kontaktform select{
	width: 348px;
	color: #000000;
}
#kontaktform input{
	padding: 2px 4px 2px 4px;
	color: #000000;
}
#kontaktform textarea{
	padding: 2px 4px 2px 4px;
	height: 100px;
	color: #000000;
}
#kontaktform input.submit {
	width: auto;
	float: right;
	margin: 10px 5px 0px 0px;
	padding: 2px 10px 2px 10px;
	background-color: #CCCCCC;
	color: #333333;
}
#kontaktform input.reset { width: auto; float: right; margin: 10px 10px 0px 0px; border: 1px solid #2F3842; background-color: #666; padding: 2px 10px 2px 10px; color: #ccc; }
.page #cfooter #col4 p {
	color: #FFC;
}
.page #cfooter #col4 p {
	color: #D6D6D6;
}