/* CSS Document */

/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
font : 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
   color : #4c4c4c;
   background: url(../images/verlauf.jpg) repeat-x;
   background-color:#c2eff9;
text-align: center; /*** Centers the design in old IE versions ***/
}

.klein
{
font-size:10px;
}

p {padding: 7px 0 7px 0;}


a:link, a:visited {
   color : #004666;
   text-decoration : underline;
   }

a:hover, a:active {
   color : #006f9f;
   text-decoration : underline;
}


h1 {
font-size: 15px;
color:#004666;
padding-bottom: 15px;
font-weight:bold;
text-transform:uppercase;
}
h2 {
font-size: 13px;
color:#004666;
padding-bottom: 2px;
font-weight:bold;
text-decoration: none;
}
h3 {
font-size: 12px;
color:#004666;
padding-bottom: 2px;
font-weight:bold;
}

.blau {
color:#004666;
}

.clear { clear: both; }

#mainContainer {
padding:0;
width: 760px;
margin: 0 auto -15px auto; /*** Centers the design ***/
min-height: 300px;
text-align: left;
background:url(../images/schatten.png) repeat-y;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
text-align: left;
}

/**************************
HEADER
**************************/
#header {
padding:12px 10px 0;
height:78px;
}

#toplogo {
margin: 12px 0 0 20px;
float:left;
}
#topimage {
margin: -5px 5px 3px 0;
float:right;
}


/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top: 45px; /*** We need to add some space for our top menu ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {

/*** No need to do anything with a one column solution ***/
}
* html .inner {
/***  And therefor no need for hacking IE either ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;

}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
margin-top:-15px;
float: left;
width: 760px;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap {
background:url(../images/schatten.png) repeat-y;
width:760px;
}

#breadcrumb {
padding: 0px 0 3px 12px;
margin: 0px 6px 0px 8px;
border-bottom:solid 1px #000;
font-size:11px;
}

#breadcrumb a:link, #breadcrumb a:visited {
   color : #004666;
   text-decoration : none;
}

#breadcrumb a:hover, #breadcrumb a:active {
   color : #006f9f;
   text-decoration : none;
}




#mainimage {
padding-bottom:15px;
}


#contentbox {
width:725px;
padding-bottom:10px;
margin: 15px 0 0 20px;
text-align: left;
}

.linkpfeil {
padding-left:12px;
 background: url(../images/linkpfeil.gif) no-repeat left;
}


#contenttext {
width: 475px;
float:left;
text-align: left;
}

.previewimage {
margin:0 0 10px 10px;
border:none;
}

#contentteaser {
float:right;
width:235px;
}

#startscreen {
margin-left:8px;
width:745px;
height:265px;
text-align:center;
 background: url(../images/bg_start.jpg) repeat-x;
}

#startteaser {
margin-left:18px;
width:745px;
}

.startteaserunten {
padding-bottom:10px;
margin:10px 11px 0px 0;
line-height:14px;
font-size:11px;
width:234px;
float: left;
}

.startteaserunten h1 {
font-weight:bold;
font-size:11px;
margin: 3px 0 5px 0;
padding-bottom:2px;
border-bottom:solid 1px #000;
}

.startteaserunten h2 {
font-size:11px;
margin: 3px 0 5px 0;
padding-bottom:2px;
}


.teaserrechts {
margin:0 0 18px 0;
line-height:14px;
font-size:11px;
width:234px;
}
.teaserrechts h1 {
font-weight:bold;
font-size:11px;
margin: 3px 0 5px 0;
padding-bottom:2px;
border-bottom:solid 1px #000;
}


/**************************
LEFT COLUMN - this is our top menu
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#labomenu {
float: left;
width: 736px;
height: 25px;
padding: 5px 5px 0 5px;
margin: -50px 0 0 8px; /*** Move the left column so it takes the positon as a top menu ***/
}
* html #labomenu {
position: relative;  /*** IE needs this  ***/

}


/**************************
FOOTER
**************************/
#footer {
width: 760px;
margin: 0 auto;
padding:15px 0 15px 10px;
font-size: 10px;
color:#004666;
text-align:center;
}

#footer a:link, a:visited {
   color : #004666;
   text-decoration: none;
}

#footer a:hover, a:active {
   color : #006f9f;
   text-decoration: none;
}

#footer_left {
padding-top:5px;
margin-left:3px;
float:left;
}
#footer_right {
padding-top:5px;
margin-right:12px;
float:right;
}


/**************************
FOOTER
**************************/


table {
	border-collapse:collapse;
	border:1px solid #afd8ea;
}
thead th {
	background: url(../images/table/bg_th.jpg) no-repeat right;
	height: 22px;
	color: #FFFFFF;
font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: center;
	border-right: 1px solid #FCF1D4;
}
tbody tr {
background: url(../images/table/bg_td1.jpg) repeat-x top;
}
tbody tr.odd {
	background: #FFF8E8 url(../images/table/bg_td2.jpg) repeat-x;
}

tbody th,td {
line-height: 1.4em;
	padding: 10px 7px;
	border-top: 1px solid #afd8ea;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}


#menu {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
a.p1, a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
a img {border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
a.p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:300px; height:300px; border:10px solid #ccc;}

#info {z-index:100; height:22em;}



   fieldset {
			 margin: 1.5em auto 10px 0;
			 
			 display: block;
		 border: 1px solid #cecece;
			 clear: both;
			 padding-bottom:6px;
			}
			
	* html fieldset {padding: 5px;}
			
   legend {background: #ffffff;
		   padding: 8px;
	   font-weight: bold;
	   margin-left:20px;
					color:#004666;
		   }

   label {margin: 5px 0;
   display: block;
					float: left;
						margin-left:10px;
   } 
   
   

   .kontaktdaten label {
						width: 150px;;
						
					   }
	
	
	.produkte label {display: block;
				    width: 230px;
				    float: left;
				   }

.produkteSet label {display: block;
				    width: 300px;
				    float: left;
				   }

.produkteSet_e label {display: block;
				    width: 280px;
				    float: left;
				   }
				   
	
	.produkte input, .produkteSet input,  .produkteSet_e input {
				    width: 20px;
				    }
	
	
		.produkte select, .produkteSet select, .produkteSet_e select {border: 1px solid #cecece;
		margin-top:5px;
		 float: left;display: block;
				    width: 60px;
					margin-right:10px;
				    }
	
	
		.produkttitel {
				    margin-left: 10px;
					font-weight:bold;
				    }
				   			   
				   
				   
					   
   input,textarea {margin: 3px 0;
						border: 1px solid #cecece;
						background: white;
						padding: 3px 3px;
				  }  
						
   input:active, input:focus, input:hover { background: #afd8ea;}


input#submit { /* den Submit-Button */background: #afd8ea;
  float: none;
  width: 475px;
  margin: 3px 0;
						border: 1px solid #cecece;
					
						padding: 5px;
}
 
 input#submit:active, input#submit:focus, input#submit:hover 
 { background: #cecece;}
 
 

#contenttext ul 
{margin: 0; padding: 0;padding-left: 1.2em;}