/* 
Created on : 27.11.2008, 19:34:27
*/
html, body {height:100%;margin:0;padding:0;background:#CFCFCF}
#seite {width:970px;min-height:100%;margin:0 auto;position:relative;background:#DDDDDD;}
*:focus {-moz-outline:none;outline:none}


/* Print Klasse nicht anzeigen */
.print{display:none;}

/* Kopf */
#kopf2{height:30px;background:#777777}

/* Navigation */
#navigation{list-style:none;margin:10px 0 0 30px;padding:0;}
#navigation a {outline:none}
#navigation li{display: inline; margin:0 10px 0 0;}
#navigation li span{display:none;}
#navigation li img{border:0}
.projekte {margin:2px 0 0 167px !important;width:500px;}
.kontakt {margin:2px 0 0 247px !important;width:500px;}

#logo{margin:0;padding:0;float:right;}
#logo img{border:0;padding:0 30px 0 0;}

/* Contentbereich */
#hauptteil {margin:10px 280px 10px 30px;padding-bottom:100px;text-align:justify}
#hauptteil_start{position:absolute;height:500px;width:910px;left: 50%;top: 50%;margin-top:-250px;margin-left:-455px;}

.hauptteil_img{width:300px;}
.hauptteil_img p{margin:2px 0 4px 0;text-align:left}
.hauptteil_img h2{margin:0;text-align:left}
.hauptteil_img img{border:0}
.hauptteil_img.r{float:right;text-align:right;margin-left:30px}
.hauptteil_img.l{float:left;text-align:left;margin-right:30px}

.hauptteil_img_small{width:150px; }
.hauptteil_img_small img {border: 0;}
.hauptteil_img_small.l{float:left;text-align:left;margin-right:30px}
.hauptteil_img_small_i h2{margin:0;padding:0}
.hauptteil_img_small_i p{margin:0;padding:0}

#hauptteil a:link, #hauptteil a:active, #hauptteil a:visited {text-decoration: underline; color:#777}
#hauptteil a:hover {color: #333 !important}

/* ++++ Listen ++++ */
#hauptteil li  {list-style-image:url(../../images/bullets-5.gif); margin: 0 0 8px -28px; text-align: left;}
*+html #hauptteil li{list-style-image:url(../../images/bullets-6.gif); margin: 0 0 8px -23px;}

#hauptteil .navigations_liste{list-style:none;margin:6px 0 0 0;padding:0}
#hauptteil .navigations_liste li{display: inline; margin:0 6px 0 0;}
#hauptteil .navigations_liste li a{font-weight:normal;text-decoration:underline;color:#777}

/*Slideshow Liste*/
#slideshow{padding:0;margin:0}

/* Formular */
#formular{width:440px;float:left;}
#kontaktadresse{width:200px;padding-left:10px;float:right;}

.formular_data{float:left;margin:4px 0 4px 0;}
.formular_data label{float:left;width:140px;}
.formular_data input{height: 14px;}
.formular_data select {height: 20px; border: 1px solid #FFF; padding: 2px 0;}
.formular_data textarea{width:280px;}
.formular_data input, .formular_data checkbox, .formular_data textarea {border: 1px solid #FFF; padding: 3px;}
.formular_ende{float:left;}
.formular_ende.r{float:right !important;padding:0 10px 0 0;}
.kl_input{width:40px }
.m_input{width:134px}
.l_input{width:280px}
.mm_input{width:228px}
.button-aktiv, .button {border-top: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF;border-left: 1px solid #CFCFCF;border-bottom: 2px solid #777;background-color: #777; font-size: 12px; height: 22px !important;}
.button {color: #CFCFCF;}
.button-aktiv {color: #FFF;}
#sicherheitscode {float: left; margin-right: 10px;	}

/* Fuss */
#fuss {position:absolute;bottom:0;left:0;width:100%;height:36px;}
#fuss_l{float:left;padding-left:30px;}
#fuss_l a:link, #fuss_l a:active, #fuss_l a:visited {text-decoration: none; color: #777;}
#fuss_l a:hover {text-decoration: underline; color: #333;}

.fuss_l_start{color:#DDD}
.fuss_l_start a:link, .fuss_l_start a:active, .fuss_l_start a:visited{color:#DDD !important}
.fuss_l_start a:hover {color: #fff !important}

#fuss_r{float:right;padding-right:30px;}
#fuss_r a:link, #fuss_r a:active, #fuss_r a:visited {text-decoration: none; color:#777}
.fuss_r_start a:link, .fuss_r_start a:active, .fuss_r_start a:visited {color:#DDD !important}


/* IE FIX */
* html #seite {height:100%;}
* html #fuss {bottom:-1px;}

* html #platzhalter {height:500px;width:910px;}

.cl{clear:both;}


/* ---- Typo, Links ---- */
body, form {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #777;}
strong {font-weight: normal; color: #333;}

input, textarea, select {background-color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #777;}

h1, h2, h3 {font-size: 12px; font-weight: normal; color: #333;}
h1, h3 {margin: 10px 0; }
h2 {margin: 30px 0 10px 0; }

p a:link, p a:active,  p a:visited {text-decoration: underline; color: #777;}
p a:hover {text-decoration: underline; color: #333;}

.hinweis {font-style: italic; color: #999;}
#map {font-size: 12px; text-align: left; margin: 0px 0 0px 0px;}