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

/* --------------- Body ---------------*/
body { background-color: #000C18; text-align: center; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #999; 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 100px 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: 500px; margin: 51px 0px 0px 0px; overflow: hidden; }
#hm ul {list-style-type: none;}
#hm ul li {float: left; margin: 0px 10px 0px 0px;}
#hm ul li a {display: block; width: 90px; height: 23px; padding: 7px 0px 0px 0px;float: left; text-align: center; color: #626B79; 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: #767F8E;}

#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: #626B79; 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: #212933; 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: #212933; }

#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: #999; 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: #ccc; }
#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: #999; 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: #999; text-decoration: none; }
#rightmenue ul li a.active, #rightmenue ul li a.active:hover{color: #ccc; text-decoration: none; }
#rightmenue ul li a:hover{text-decoration: underline; }

#pics {clear: both; float: left; width: 910px; overflow: hidden;}
#maxpic {position: relative; float: left; width: 582px; height: 372px; overflow: hidden; margin: 0px 10px 10px 0px; border: 4px solid #58606C;}
#maxpic img {width: 582px;}
.caption {display: block; position: absolute; background-color: #212933; color: #fff; width: 562px; height: 43px; padding: 10px; color: #fff; text-align: center; font-style: italic; bottom: 0px; z-index: 100000000;}
#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 {}

#nav {clear: both; width: 910px; float: left; font-size: 11px; }
#picnav {float: left; width: 570px; margin: 0px 10px 0px 0px; padding: 4px 10px 4px 10px; background-color: #363F4A;}
#picnav a {display: block; float: left; color: #fff; text-decoration: none; color: #626B79;}
#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: #363F4A; color: #626B79;}
#pagenav a.active{background-color: #07121D; color: #626B79; }


#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: #333B48; font-size: 11px; padding: 0px 5px 0px 5px;}
#cfooter div.col p{margin: 0px 0px 0.5em 0px; }
#cfooter div.col a{color: #626B79; }
#cfooter div.col img{border: 2px solid #58606C; margin: 0px 0px 10px 0px; }
#cfooter div.col h2 {color: #626B79; 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: #333B48; }
#cfooter div.col4 {text-align: right; font-size: 11px; color: #333B48;}
#cfooter div.col4 p {margin: 0px 0px 1em 0px; }
#cfooter div.col4 a {color: #333B48;}
#cfooter div.col4 p.copyright {color: #1C2430;}
#cfooter div.col4 p.copyright a {color: #1C2430;}


/* --------------- 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: #ccc; 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: #333; }
#kontaktform input{ padding: 2px 4px 2px 4px; color: #333; }
#kontaktform textarea{ padding: 2px 4px 2px 4px; height: 100px; color: #333; }
#kontaktform input.submit { width: auto; float: right; margin: 10px 5px 0px 0px; padding: 2px 10px 2px 10px; background-color: #ccc; color: #333; }
#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; }