/* --------------- Einstellung für alle Elemente ---------------*/

html * { margin: 0; padding:0; }

/* --------------- Body ---------------*/
body { 
background: url(images/bg_cheader.jpg) 
left top repeat-x #dedede; text-align: center; 
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; 
color: #444; 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: #666; 
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: #dedede;}

#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: #666; 
padding: 0px 10px 0px 10px; 
border-right: 1px solid #666; 
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: #fff; 
border-top: 1px solid #D0D0D0; 
border-bottom: 1px solid #D0D0D0; }

#ccontent {
width: 910px; 
margin: 0px auto 0px auto;
overflow: hidden; 
text-align: left; }

#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;
color: #00B1E7; }

#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; 
border: 0px 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: #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, #rightmenue ul li a.active:hover{
color: #444; 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 #dedede;}

#maxpic img {
width: 582px;}

.caption {
display: block; 
position: absolute; 
background-color: #dedede; 
color: #666; width: 562px; 
height: 43px; 
padding: 10px; 
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 #dedede; 
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: #E5E5E5;}

#picnav a {
display: block; 
float: left; 
text-decoration: none; 
color: #666;}

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

#pagenav a.active{
background-color: #84888D; 
color: #dedede; }

#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: #444; font-size: 11px; 
padding: 0px 5px 0px 5px;}

#cfooter div.col p{
margin: 0px 0px 0.5em 0px; }

#cfooter div.col a{
color: #000; }

#cfooter div.col img{
border: 0px solid #dedede; 
margin: 0px 0px 10px 0px; }

#cfooter div.col h2 {
color: #666; 
font-weight: normal; 
font-size: 20px; 



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: #444; }
#cfooter div.col4 {text-align: right; font-size: 11px; color: #444;}
#cfooter div.col4 p {margin: 0px 0px 1em 0px; }
#cfooter div.col4 a {color: #000;}
#cfooter div.col4 p.copyright {color: #666;}
#cfooter div.col4 p.copyright a {color: #666;}


/* --------------- 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; }


/* --------------- LINKLISTE 24.12.09 ---------------*/
.linkslist ul {
list-style: none;
width: 590px;
background-color:#f5f5f5;}

.linkslist li {
list-style: none;
border-bottom: 1px solid #f3f3f3;
margin: 0;}

.linkslist li a {
border:none;
text-decoration:none !important;
display: block;
padding: 10px;}

.linkslist li a:hover{
background-image:url(images/arrow.png);
background-repeat:no-repeat;
background-position: right;}

* html .linkslist li a {
width: 590px; /* IE HACK */}

.linkslist a span{ 
color:#696969;
display: block;
font-weight: normal;}

.node{
margin:0 0 40px 0;}

.slog{
line-height:.8em;
letter-spacing:-1px;
text-transform:uppercase;
font-size:1.6em;
font-weight:bold;
color:#c0c0c0;}

h8{
margin-bottom:1em;
line-height:.65em;
letter-spacing:-1px;
font-size:1.8em;
text-transform:uppercase;
color:#ff7700;}

h7{
text-align:left;
margin:1em 0 0 0;
letter-spacing:-1px;
font-size:1.4em;
text-transform:uppercase;}