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

/* --------------- Body ---------------*/
body { background-color: #000033;
          background-position:center;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
color: #666;
font-size: 10px;
         background-image: url(/bildgeschichten/img/bg.jpg);
        background-repeat: no-repeat;
        background-position:50px 20px;
        margin-top: 50px

}
h1{ font-size: 11px; font-weight: normal; color:#ffffff;
margin: 0px 0px 0.5em 0px;}
h2{ font-size: 14px; font-weight: bold; color:#ffffff;}

div.page {width: 910px; margin: 0px 300px 0px auto; }
#cheader {clear: right; float: left; width: 100%;  overflow: hidden; text-align: center;

	margin-top: 50px; font-size: 14px; 
  color: ffffff; }
#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: 3px 0px 30px 0px;overflow: hidden; text-align: left;  margin: 100px 10px 10px 0px; }
#ccontent {width: 930px; 
margin: 10px auto 10px auto; 
overflow: hidden; 
text-align: center; 
 }

#content {clear: both; float: left; width: 590px; overflow: hidden; margin: 0px 20px 10px 0px; }
#content h1{ font-size: 10px; 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: 437px; overflow: hidden; margin: 5px 10px 10px 0px; border: 3px solid #003366;}

#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: #003366; color: #ffffff;}
#picnav a {display: block; float: left; color: #fff; text-decoration: none; color: #ffffff;}
#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: #003366; color: #ffffff;}
#pagenav a.active{background-color: #003366; color: #ffffff; }


#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 ---------------*/