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

/* --------------- Body ---------------*/
body { background: url(images/bg_body.jpg) left top repeat-x #393831; ; text-align: center; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #393831; font-size: 12px; }

div.couter {width: 910px; margin: 0px auto 0px auto; text-align: left; }

/* --------------- Header / Logo ---------------*/
#cheader {width: 910px; height: 100px; clear: left; float: left; overflow: hidden; }
#logo {clear: left;float: left; width: 240px; height: 100px; margin: 0px 160px 0px 0px;}
#logo a {display: block; float: left; width: 240px; height: 100px; background: url(images/logo.jpg) left top no-repeat;}
#logo a span {display: none; }

/* --------------- Hauptmenue ---------------*/
#hm {float: left; width:500px; margin: 33px 0px 0px 0px;}
#hm ul {list-style-type: none; }
#hm ul li{float: left; }
#hm ul li a{display: block; width: 90px; height: 32px; margin: 0px 0px 0px 10px; padding: 8px 0px 0px 0px; text-align: center; color: #fff; text-decoration: none; }
#hm ul li a:hover{background: url(images/bg_hm_over.png) left top no-repeat; }
#hm ul li a.active, #hm ul li a.active:hover{background: url(images/bg_hm.png) left top no-repeat; }

/* --------------- Slideshow ---------------*/
#cslide {clear: left; float: left; width: 910px; height: 140px; padding: 30px 0px 30px 0px; }
#cslide a.prev {float: left; display: block; height: 140px; width: 60px; background: url(images/prev01.png) left center no-repeat; }
#cslide a.next {float: left; display: block; height: 140px; width: 60px; background: url(images/next01.png) right center no-repeat; }
#cslide div.slide { position:relative; float: left; overflow:hidden; width: 790px; height:140px;}
#cslide #displays {position:absolute; width:20000em;	clear:both; }
#cslide #displays div{ float:left; width:790px; height:140px; } 
#cslide #displays div img{ float:left; width:314px; height:134px; border: 3px solid #CACEA1;} 
#cslide #displays div div.info{ float:left; width:440px; height:140px; margin: 0px 0px 0px 30px; color: #fff; line-height: 1.5em;} 
#cslide #displays div div.info h1{ margin: 0px 0px 10px 0px; font-family: Impact, Arial, Tahoma, sans-serif; font-weight: normal; font-size: 24px; color: #518771; text-transform: uppercase; }
#cslide #displays div div.info h1 span.clean{color: #F2F8C7; text-transform: lowercase;}
#cslide #displays div div.info h1 span.business{color: #fff; text-transform: lowercase;}
#cslide #displays div div.info a.more {display: block; clear: left; float: left; width: 122px; height: 25px; margin: 20px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url(images/bg_more.png) left top no-repeat; color: #fff; text-decoration: none; text-align: center; }
 
/* --------------- Content ---------------*/
#cccontent { clear: left; float: left; width: 100%;  background-color: #fff; }
#ccontent {width: 910px; margin: 0px auto 0px auto; text-align: left; }

#content { float: left; width: 575px; margin: 20px 44px 30px 0px; line-height: 1.5em; }
#content h1 {font-size: 26px; margin: 0px 0px 1em 0px; font-weight: normal; text-transform: lowercase; }
#content h1 span {color: #5A927B; }
#content p {margin: 0px 0px 1em 0px; }
#content a{color: #5A927B; }

#content h2 {font-size: 22px; margin: 0.5em 0px 0.5em 0px; color: #5A927B; font-weight: normal; }
#content h3 {font-size: 18px; margin: 0.5em 0px 0.5em 0px; color: #5A927B; font-weight: normal; }
#content h4 {font-size: 14px; margin: 0.5em 0px 0.5em 0px; color: #5A927B; font-weight: normal; }
#content h5 {font-size: 14px; margin: 0.5em 0px 0.5em 0px; color: #000; font-weight: bold; }

#content ul {margin: 10px 0px 20px 40px; }
#content ol {margin: 10px 0px 20px 40px; }

#content blockquote {margin: 10px 0px 10px 0px; padding: 20px; background-color: #F2F8C7; }

/* --------------- rechtes Menue ---------------*/
#rightmenue {float: left; width: 210px; margin: 30px 0px 30px 0px; padding: 0px 0px 0px 60px; background: url(images/bg_rightmenue.png) left 35px no-repeat; }
#rightmenue h2 {font-size: 24px; margin: 0px 0px 0px 0px; font-weight: normal; text-transform: lowercase; color: #5A927B; }
#rightmenue ul {list-style-type: none; margin: 0px 0px 20px 0px; }
#rightmenue ul li {padding: 7px 0px 7px 0px; border-bottom: 1px solid #ccc; }
#rightmenue ul li a {text-decoration: none; color: #393831; }

#rightmenue div.news h3 {font-size: 11px; font-weight: bold; margin: 10px 0px 5px 0px; }
#rightmenue div.news {font-size: 11px; }
#rightmenue div.news a.more {color: #5A927B; }
#rightmenue p a{color: #5A927B; }


/* --------------- Fusszeile ---------------*/
#footer {clear: left; padding: 10px 0px 10px 0px;color: #727168; font-size: 11px;}
#footer a {color: #727168;}
#footer p {float: left; }
#footer ul {float: right; list-style-type: none; margin: 0px 15px 0px 0px; }
#footer ul li{float: left; }
#footer ul li a{padding: 0px 5px 0px 5px; border-right: 1px solid #727168; text-decoration: none; }
#footer ul li a.hover{text-decoration: underline; }


/* --------------- Formulare ---------------*/
#kontaktform { clear: left; float: left; line-height: normal; width: 500px; 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: right; }
#kontaktform label.plabel { color: #555; font-weight: bold; }
#kontaktform input, #kontaktform select, #kontaktform textarea { float: left; width: 386px; margin: 5px 0px 0px 0px; border: 1px solid #dedede; }
#kontaktform select{ width: 200px; color: #555; }
#kontaktform input{ padding: 2px 4px 2px 4px; color: #555; }
#kontaktform textarea{ padding: 2px 4px 2px 4px; height: 100px; color: #555; }
#kontaktform select{ width: 395px; }
#kontaktform input.submit { width: auto; float: right; margin: 10px 5px 0px 0px; padding: 2px 10px 2px 10px; background-color: #393831; color: #fff; }
#kontaktform input.reset { width: auto; float: right; margin: 10px 0px 0px 0px; border: 1px solid #63656B; background-color: #D4D8A9; padding: 2px 10px 2px 10px; color: #555; }