/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	font-family: arial,sans-serif;
	font-size: small;
	background-image: url(images/background_head_body.jpg);
	background-repeat: repeat-x;
	
		}
ul {
    list-style: none;
    }
STRONG {
	COLOR: #00A994;
	}
h1 {
	font-size: 14px;
	color: #00A994;
	text-decoration: none;
	}
h2 {
   background-color:#E8EBDF; 
	padding: 5px;
	width: auto;
	height: auto;
	color: #00A994;
	font-size: 14px;
	font-style: normal;
	border: 1px solid #00A994;
	margin-top: 20px;
	margin-bottom: 20px;
	}
a {
	color: #00A994;
}
a:hover {
text-decoration: none;
	}
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
div#container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 900px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	border-left: 1px solid #00A994;
	border-right: 1px solid #00A994;
}
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
div#header {
   background-image: url(images/background_head.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 170px;
	border-bottom: 1px solid #028C7C;
		}
#logo
	{
	position: relative;
	margin-top: 42px;
	HEIGHT: 120px;
	width: 900px;
	float: left;
	background-image: url(images/logo_head.jpg);
	background-repeat: no-repeat;
}	
#headerimage {
padding: 0;
position: absolute;
	margin-left: 550px;
	z-index: 1;
}
#mitteninkiel
	{
	position: absolute;
	margin-top: 36px;
	margin-left: 430px;
	HEIGHT: 74px;
	width: 123px;
	background-image: url(images/mitten_in_kiel.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}	
/*------------------------------------------------------------*
**  Sidebar
**------------------------------------------------------------*/
#sidebar {
	margin: 0 0 50px 0;
	padding: 0;
	text-align: left;
	WIDTH: 165px;
	float: left;
	background-color: White;
	border-right: 1px solid #00A994;
	}
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	position: relative;
	color: #424242;
	margin: 0px 0px 0px 165px;
	padding: 10px 20px 50px 20px; /* bottom padding for footer */
	text-align: justify;
	width: 745px; /*Längenangabe IE 5*/
	width: auto;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}
#content p {
		text-align:justify;
			}
#content a {
	color: Black;
	TEXT-DECORATION: underline;
}
#content a:hover {
	color: #00A994;
	}
.left_lieferanten {
	position: relative;
	width: 275px;
	float: left;
	padding-bottom: 10px;
	}
.right_lieferanten {
	position: relative;
	margin-left: 275px;
	}
.anker_lieferanten {
	text-align: right;
		}	
.float1 {
	text-align: center;
	font-size: 80%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #00A994;
	padding: 2px;
}
.float2 {
	text-align: center;
	font-size: 80%;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #00A994;
	padding: 2px;
}
.floatfotokontakt {
	text-align: center;
	float: left;
	margin-right: 20px;
	border: 1px solid #00A994;
	padding: 2px;
}
.floatproduktimageleft {
	text-align: center;
	font-size: 80%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #00A994;
	padding: 0px;
}
.floatproduktimageright {
	text-align: center;
	font-size: 80%;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #00A994;
	padding: 0px;
}
.floatproduktimageleftnoborder {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
.floatproduktimagerightnoborder {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}
.produktimagecenternoborder {
    width: auto;
    display: block;
    text-align: center;
	 margin: 0 auto 10px auto;
		}
.box {
   display: block;
   background-color: #E0E6F6;
	text-align: left;
	border: 1px solid #21458C;
	padding: 5px;
}	
.textpositionleft {  
   width: 60px;
	position: relative;
	text-align: left;
	float: left;
	margin: 0;
}
.textpositionright {
   float: left;
   position: relative;
	text-align: left;
			}	
.textpositionkontaktleft {  
 float:left;
	clear:both;
	display:block;
	width:120px;
	margin-bottom:10px;
	padding-left:10px;
}	
.textpositionkontaktright {
	float: left;
	display: block;
	width: 250px;
	border: 1px solid #00A994;
	background: #F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 1px;
}	
.textpositionprodukteleft {  
   float: left;
	display: block;
	width: 130px;
	}	
.textpositionproduktetright {
	margin-left: 130px;
	display: block;
	width: auto;
	}	
.textpositionprodukteleftxxl {  
   float: left;
	display: block;
	width: 200px;
	}	
.textpositionproduktetrightxxl {
	margin-left: 200px;
	display: block;
	width: auto;
	}	
.textpositionkontaktabschicken {  
   margin-left: 80px;
	text-align: center;
	float: left;
	margin: 0;
}	
.textpositionkontaktzuruecksetzen {
   margin-left: 20px;
   float: left;
  	text-align: center;
			}									
.headline1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	color: #00A994;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	}
.headline2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	color: #252525;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	}	
.headline3 {
	font-size: medium;
	color: #00A994;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
	}	
.clear {
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
}
.underline {
	clear: both;
	border-top: 1px solid #00A994;
	margin-bottom: 20px;
	margin-top: 15px;
}
.underline2 {
   height: 25px;
	clear: both;
	background-image: url(images/bg_trennlinie.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	margin-top: 5px;
	}
#button a:link {
	display: block;
	text-align: center;
	background-color: #E8EBDF;
	width: 240px;
	padding: 2px;
	border: 1px solid #00A994;
	margin-top: 0;
	margin-bottom: 2px;
	margin-left: 0;
	margin-right: auto;
	text-decoration: none;
}
#button a:hover {
	text-decoration: none;
	}
#button a:visited {
	display: block;
	text-align: center;
	background-color: #E8EBDF;
	width: 240px;
	padding: 2px;
	border: 1px solid #00A994;
	margin-top: 0;
	margin-bottom: 2px;
	margin-left: 0;
	margin-right: auto;
	text-decoration: none;
	}	
/*------------------------------------------------------------*
**  Admin
**------------------------------------------------------------*/	
.textpositionleftadmin {  
   float:left;
	clear:both;
	display:block;
	width:160px;
	padding-left:0px;
}	
.textpositionrightadmin {
	float: left;
	display: block;
	width: auto;
	border: 1px solid #00A994;
	font-family: arial,sans-serif;
	font-size: 12px;
	padding: 1px;
}	
/*------------------------------------------------------------*
**  Angebot
**------------------------------------------------------------*/	
.left {
	position: relative;
	width: 275px;
	float: left;
	}
.right {
	position: relative;
	margin-left: 275px;
	}
#left {
	position: relative;
	width: 275px;
	float: left;
		}
#right {
	position: relative;
	margin-left: 275px;
			}
.floatproduktfoto {
	border: 1px solid #00A994;
	padding: 2px;
}
.headlineangebot {
	font-size: medium;
	color: #00A994;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
	}	
.textangebot {
	font-size: medium;
	color: #00A994;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
	}
.preisnetto {
	font-size: 15px;
	color: #00A994;
	font-size: medium;
	font-weight: bold;
	border-bottom: 1px solid #00A994;
		}	
.preisbrutto {
	font-size: 15px;
	font-size: medium;
	font-weight: 100;
}	
/*------------------------------------------------------------*
**  news
**------------------------------------------------------------*/	
.floatfotonews {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #00A994;
	padding: 2px;
}
.headlineanews {
	font-size: medium;
	color: #00A994;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
	}	
/*------------------------------------------------------------*
**  Formular
**------------------------------------------------------------*/	
* html fieldset {padding: 5px;

}

fieldset {
	border: 1px solid #00A994;
    padding: 5px;
}
   legend {
	background: White;
	padding: 5px;
	border: 1px solid #00A994;
	margin-bottom: 4px;
	font-weight: bold;
	color: #00A994;
}
input,textarea {
	margin: 3px 0;
	border: 1px solid #00A994;
	background: white;
	padding: 3px 3px;
}  
label {
	margin: 5px 0 5px 0;
	} 
.kontaktdaten label {
     display: block;
     width: 6em;
     float: left;
     }
.anfrage label {
     display: block;
     width: 6em;
     float: left;
     }
input:active, input:focus, input:hover,  {
	background-color: #F0FAF9;
}
textarea:active, textarea:focus, textarea:hover,  {
	background-color: #F0FAF9;
}
.buttons {text-align: center;
	border: 1px solid #00A994;
	font-family: arial,sans-serif;
	font-size: 12px;
	padding: 5px;
	
}
a.locationCat{
	color: #00A994;
	font-weight: bold;
}
.error {
     font: 13px Verdana, Arial, Helvetica, sans-serif;
     color:red;
     font-weight:bold;
} 	  	  
/*------------------------------------------------------------*
**  Navi
**------------------------------------------------------------*/
ul#navi1
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
ul#navi1 li
{
	margin: 0;
	padding: 0;
	text-align: left;
}
ul#navi1 li a
{
	background-color: #B0DFD7;
	color: Black;
	display: block;
	height: 20px;
	padding: 3px 0 2px 15px;
	text-decoration: none;
	border-bottom: 1px solid #028C7C;
}
ul#navi1 li a:hover
{
	text-decoration: none;
	color: Black;
	background-color: White;
	}
ul#navi1 a:link,  a:visited 
{
  margin: 0;
	color: Black;
		}
ul#navi2
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
ul#navi2 li
{
	margin: 0;
	padding: 0;
	text-align: left;
}
ul#navi2 li a
{
	background-color: #DDFFFC;
	color: Black;
	display: block;
	height: 20px;
	padding: 3px 0 2px 15px;
	text-decoration: none;
	border-bottom: 1px solid #028C7C;
	}
ul#navi2 li a:hover
{
	text-decoration: none;
	color: Black;
	background-color: White;
	}
ul#navi2 a:link,  a:visited 
{
	color: Black;
		}
ul#navi3
{
	margin: 0;
	border-top: 1px solid #DAD4C2;
	border-left: 1px solid #DAD4C2;
	list-style: none;
}
ul#navi3 li
{
	border-bottom: 1px solid White;
	font-size: 10pt;
	font-family: Georgia, Times, "Times New Roman", serif;
	text-align: left;
}
ul#navi3 li a
{
	display: block;
   padding: 6px 14px;
   background: #e2ddce;
   border-right: 1px solid #DCD6C5;
   color: #303030;
   text-decoration: none;
}
ul#navi3 li a:hover
{
	background: #FFF;
	color: #00A994;
}
#navi3 a:link,  a:visited 
{
  margin: 0;
	color: Black;
		}
#navi_top ul {
   width: auto;
   float: left;
   padding-left: 0;
	position: absolute;
	margin-top: 150px;
	margin-left: 165px;
	text-align: left;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	z-index: 1;
}
#navi_top ul li  {
	display: block;
	float: left;
}
#navi_top a {
	display: block;
	border-left: 1px solid #00A994;
	padding: 0 5px 6px 5px;
	color: Black;
	text-decoration: none;
}
#navi_top a:hover {
	color: #00A994;
}
 /*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
div#footer {
	clear: both;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	background: #DDFFFC;
	border-top: 3px double #00A994;
}
div#footer p {
	padding:5px;
		margin:0;
}