/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
/*
* {
  padding: 0;
  margin: 0;
}*/


body {
  font-size: 82.5%;
  background: #fff url(../bilder/back_main.jpg) center top no-repeat;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
  text-align: left;
}


* {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {

}

h1 {background: url(../bilder/back_h1.png) top left repeat-x;font-size:1.3em;padding: 5px 0 0 10px;height:36px;	}

h2 { color:#CC0000; font-size:1.2em; margin: 16px 0 5px 0;}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear { clear: both;}
.versteckt, .no_screen { display: none;}

/*----------------------------------------------------------------*/
/* Seite */
/*----------------------------------------------------------------*/
#styleline {width:100%; height:40px; background:url(../bilder/back_styleline.png) top repeat-x; position:absolute; top:175px; z-index:1;}
#wrap {width:808px; left: 50%; margin-left: -404px; z-index:2; position: absolute;}
.innerwrapper {}
#header {height:136px; background:url(../bilder/back_header.png) bottom center no-repeat; }
#header #logo {width:350px;padding: 9px 0 0 5px;}
#site {background:url(../bilder/back_site.png) top center no-repeat; min-height:550px;}
#links {width:222px; float:left;}
#inhalt {width:520px;min-height:450px; float:right; padding:90px 33px 0 0;}
#inhalt li { padding-left:40px; margin: 8px 0; background:url(../bilder/back_inhalte_li.gif) left top no-repeat;}
#footer {clear:both; height:132px; background:url(../bilder/back_footer.png) top center no-repeat; padding:30px 0 0 0; text-align:center;}
#footer p{text-align:center;}
#referenzen_container { margin:20px 0 10px 9px;}

/*----------------------------------------------------------------*/
/* Iconnavi */
/*----------------------------------------------------------------*/

#iconnavi { float:right; width:350px;;}
#iconnavi ul {}
#iconnavi li { float:right; display: inline;}
/*#iconnavi li.first { float:left; display: inline; padding: 0;}
#iconnavi li.first a {padding:5px 0 0 0; text-decoration:none; color: #333333;}*/
#iconnavi li a { display:block; padding: 5px 0 0 20px; text-decoration:none; color: #333333;}
#iconnavi li a:hover {}
#iconnavi li.selected a:hover {}

/*----------------------------------------------------------------*/
/* topnavi */
/*----------------------------------------------------------------*/
#topnavi { margin: 18px 0 0 8px;position: relative;}
#topnavi li {display:block; font-size:1.2em;}
#topnavi li a { display:block; padding: 6px 0 6px 45px; text-decoration:none; color:#FFFFFF; background:url(../bilder/back_topnav_li_a.gif) top left no-repeat;}
#topnavi li a:hover { background:#b75b5b url(../bilder/back_topnav_li_a.gif) top left no-repeat;}
#topnavi li.selected a {background:#b75b5b url(../bilder/back_topnav_li_a.gif) top left no-repeat; }

#topnavi ul { margin: 0 0 0 0;}
#topnavi li ul li {font-size:0.8em;}
#topnavi li.selected ul li a {display:block; padding: 6px 0 6px 55px; font-weight:normal; text-decoration:none; color:#FFFFFF; background:#a73939;}
#topnavi li.selected ul li a:hover {background: #990000;}
#topnavi li.selected ul li.selected a {background: #990000;}

/*----------------------------------------------------------------*/
/* kontakformular */ 
/*----------------------------------------------------------------*/
table.kontaktformular { margin: 0 0 0 30px;}

/*Die Feldlabel*/
.spalte-1 { width: 100px; height: 30px;}

.spalte-2 select.default { width: 300px; border:#990000 1px solid; height:20px; }
.spalte-2 select.default:hover {border: #FF6600 1px solid; background: #FFFEF0;}

/*die inputfelder*/
.spalte-2 .default { width: 300px; border:#990000 1px solid; height:20px; }
.spalte-2 .default:hover {border: #FF6600 1px solid; background: #FFFEF0;}

/*das Textareafeld für die Nachricht*/
.spalte-2 textarea.default { width: 300px; border:#990000 1px solid; height:70px; margin-top:4px;}
.spalte-2 textarea.default:hover {border: #FF6600 1px solid; background: #FFFEF0;}

.cx_pflicht { color:#CC0000;}

/*die Buttons*/
td.buttons {}
input.submit_send { float:left;  text-align: center; margin: 20px 0 10px 100px; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;}
input.submit_send:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}
input.submit_clear { float:right; text-align: center; margin: 20px 0 10px 0; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;} 
input.submit_clear:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}


/*----------------------------------------------------------------*/
/* Home tabelle */ 
/*----------------------------------------------------------------*/

#home { width:100%;}
#home a.textlink { 
	display:block; 
	background:#FFFFFF; 
	padding:5px 0 3px; 0; 
	text-align:center; 
	text-decoration:none; 
	width:114px; 
	height:16px; 
	color:#999999; 
	font-weight:bold; 
	font-variant:small-caps;
}
#home a.textlink:hover { 
	background: #990000; 
	color:#FFF; 
}
/*----------------------------------------------------------------*/
/* Home tabelle */ 
/*----------------------------------------------------------------*/

/*thumb Ausgabe*/
.bildergalerie dt { padding:5px;}
.bildergalerie a { display:block; background:url(../bilder/back_galerie_thumb.png) center center no-repeat;}
.bildergalerie img { border:#fff 2px solid; margin:7px; }

#gallerie_pic {text-align:center; padding: 0 0 0 6px;}
#gallerie_pic a { display:block; background:url(../bilder/back_galerie_randomthumb.png) bottom no-repeat;}
#gallerie_pic img { border:#fff 6px solid; border-bottom:#fff 15px solid; margin:7px; }
#gallerie_pic p a.textlink { display:block; }