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

/* --------------- Body ---------------*/

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



#cpage {
width: 910px; 
margin: 0px auto 0px auto; text-align: left; }


#page {
clear: both; 
float: left; 
width: 908px; 
margin: 20px 0px 5px 0px; 
padding: 1px; 
background-color: #fff; }

#cheader {position: relative;clear: both; float: left; width: 908px; height: 291px; border-top: 8px solid #ccc; background: url(../images/bg_cheader.jpg) left bottom no-repeat; }


#logo {
float: left; 
width: 260px; 
height: 71px;}

#logo a{
display: block; 
float: left; 
width: 460px; 
height: 71px; background: url(../images/logo.png) left top no-repeat;}

#logo a span{
display: none;}

#csearch{
float: right; 
height: 47px; 
margin: 24px 20px 0px 0px;}
#searchform input.input {
float: left; 
width: 260px; 
height: 20px; 
padding: 3px 0px 0px 30px; 
border: 1px solid #8d8d8d; 
border-right: none; background: url(../images/bg_searchinput.png) 5px center no-repeat;}

#searchform input.submit {
padding: 0px;
float: left;width: 57px; 
height: 25px; 
background: url(../images/bg_searchsubmit.png) left top no-repeat; 
border: none; 
color: #fff;}

#slogan {
clear: both; 
float: right; 
margin: 84px 40px 20px 0px; 
height: 76px; width: 370px; 
color: #fff; 
overflow: hidden; 
text-align: right;}

#slogan h1 {
font-size: 25px; 
font-weight: normal; 
text-transform: uppercase;}

#slogan p {line-height: 1.5em; }

#chm{
position: relative;
clear: both; 
float: left; }

#ccontent {
clear: both; 
float: left; 
width: 908px; 
margin: 0px 0px 20px 0px; }

#rightmenue {clear: both; 
float: left; width: 225px;
margin: 85px 55px 30px 29px;}

#rightmenue h2{
font-size: 18px; 
font-family: Helvetica, Arial, sans-serif, Times New Roman, Tahoma;
text-transform: uppercase; font-weight: normal; margin: 0px 0px 0.75em 0px; }
#rightmenue 
ul{
list-style-type: none; }

#rightmenue h5{
font-family: courier new, courier, Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px; 
font-weight: normal; color: #cccccc; 
margin: 0px 0px 20px 0px; }



#rightmenue ul li{
margin: 8px 0px 8px 0px; }

#rightmenue ul li a{
padding: 0px 0px 0px 25px; 
background: url(../images/p_grey.png) left 3px no-repeat; 
color: #444; 
text-decoration: none;}

#rightmenue ul li a:hover{
background: url(../images/p_black.png) left 3px no-repeat; 
color: #7F7F7F;}

#rightmenue ul li a.active:hover, #rightmenue ul li a.active{
background: url(../images/pointer.png) left 3px no-repeat; color: #00B1E7;}

#content {
float: left; width: 560px; margin: 45px 0px 30px 0px; line-height: 1.5em;}

#content h1{
font-family: Helvetica, Arial, sans-serif, Times New Roman, Tahoma, Helvetica, Arial, sans-serif;
font-size: 24px; text-transform: uppercase; 
font-weight: normal; color: #D68e1F; 
margin: 0px 0px 20px 0px; }


#content h2{
font-size: 18px; 
text-transform: none; 
font-weight: normal; 
color: #00B1E7; 
margin: 0px 0px 10px 0px; }

#content h3{
font-size: 14px; 
text-transform: none; 
font-weight: bold; 
color: #444; 
border-left: 5px solid #00B1E7; 
margin: 0px 0px 10px 0px; padding: 0px 0px 0px 5px; }

#content h4{
font-size: 12px; 
text-transform: none; 
font-weight: bold; 
color: #444; 
border-bottom: 1px solid #00B1E7; 
margin: 0px 0px 10px 0px; }

#content h5{
font-family: courier new, courier, Tahoma, Helvetica, Arial, sans-serif;
font-size: 12px; 
font-weight: normal; color: #cccccc; 
margin: 0px 0px 20px 0px; }

#content h1 span{
color: #444;}

#content p {
margin: 0px 0px 1.5em 0px; }

#content a {
color: #00B1E7; }

#content img {
float: left; 
margin: 0px 10px 10px 0px; 
padding: 3px; 
border: 0px solid #ccc;}

#content ul {
margin: 10px 0px 10px 30px; 
list-style-type: none; }

#content ul li {
background: url(../images/pointer.png) left 3px no-repeat; 
padding: 0px 0px 0px 24px;font-weight: normal;
font-size: 16px;
font-family: Times New Roman, Tahoma, Helvetica, Arial, sans-serif;}

#content ul.sitemap li li {
background: url(../images/p_black.png) 
left 3px no-repeat; 
padding: 0px 0px 0px 20px;
font-weight: bold; 
color: #444;}

#content ul.sitemap li li a {
color: #444;}

#content ul.sitemap li li li {
background: url(../images/p_grey.png) left 3px no-repeat; 
padding: 0px 0px 0px 20px;font-weight: bold;}

#content ul.sitemap li li li a {color: #666;}

#content ol {margin: 10px 0px 10px 50px; }

#cfooter {clear: both; float: left; width: 908px; color: #919191; margin: 0px 0px 20px 0px; }
#topmenue {float: left; font-size: 9px; }
#topmenue ul {list-style-type: none; }
#topmenue ul li{float: left; border-right: 1px solid #919191; }
#topmenue ul li a{color: #919191; padding: 0px 4px 0px 4px; text-decoration: none; }

#copyright {float: right; text-align: right; font-size: 9px;}
#copyright a {color: #919191; }
#copyright p.design {margin: 10px 0px 0px 0px; color: #6B6B6B;}
#copyright p.design a {color: #6B6B6B;}

/* --------------- 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: #444; 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: #00B1E7; color: #fff; }
#kontaktform input.reset { width: auto; float: right; margin: 10px 10px 0px 0px; border: 1px solid #444; background-color: #444; padding: 2px 10px 2px 10px; color: #ccc; }