@import url(ie.css);

  /* -----------------------------------------------------------------------------
   Webblüte - Design & mehr:
   Seiten-Layout
   
   Autor: Regina Bauer, bauer@webbluete.de
   Datum: 01.06.2007
   -----------------------------------------------------------------------------
   3-Spaltendesign
   -----------------------------------------------------------------------------
   - Farben -
   Hintergrund Seite: #40A0DC 
   Fliesstext: #000 (schwarz)
   h1 h2: #034E8F (dunkelblau)
   Linkfarbe Fliesstext: #40A0DC, hover: #034E8F
   -----------------------------------------------------------------------------
*/



* {
margin: 0;
padding: 0;
font-size: 101%;
}
html {
height: 100%;
margin-bottom: 1px;
}
body {
font: 1em Arial, Helvetica, sans-serif;
color: #000;
background: #40A0DC;
}
h1 {
font: normal 1.8em Georgia, 'Times New Roman', serif;
color: #034E8F;
margin: 0 20px 20px 0;
padding: 5px 0 0 0;
}

h2 {
font-size: 1.1em;
color: #777777;
font-weight: normal;
padding: 5px 0 5px 0;
}

h3 {
font-size: 1em;
color: #034E8F;
font-weight: bold;
padding: 5px 0 5px 0;
}

h4, h5, h6 {
font-size: 0.9em;
font-weight: bold;
color: #777777;
}

p, a, li {
font-size: 0.80em;
line-height: 1.4em;
}

p a, li a, li p {
font-weight: bold;
font-size: 100%;
}

tr, td {
font-size: 0.9em;
line-height: 1.1em;
padding: 3px;
}

td {
	border: 1px solid #DCDDDE;
}

table {
	border: 1px solid #DCDDDE;
}

form{
	font-size: 0.8em;
}

a img {
background: transparent;
border: 0 none;
}

#content a:link, #content a:visited {
color: #40A0DC;
background-color: transparent;
text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
color: #034E8F;
background-color: transparent;
text-decoration: underline;
}

#logo a > img  {
display: block;
margin: 0;
margin-top:20px;
padding: 0;
background: transparent;
border: 0 none;
text-decoration: none;
}

blockquote {
color:#777777;
font: normal 0.9em Arial, Helvetica, sans-serif; 
padding: 15px;
}

html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dashed #40A0DC;
}
/***********************************************/
/**************** IDs **************************/
/***********************************************/
#site {
position: relative;
color: #000;
background: #034E8F;
width: 900px;
margin: 20px auto 0 auto;
/*border-left: 1px #fff solid;
border-right: 1px #fff solid;
border-bottom: 1px #fff solid;*/
}

#header {
width: 900px;
height: 168px;
background: #DCDDDE;
}

#logo {
position: absolute;
top: 0px;
left: 0;
width: 270px;
color: #fff;
background: #dcddde;
height: 168px;
}

#logo img {
margin-top: 20px;
}

#group {
position: absolute;
top: 20px;
left: 300px;
width: 495px;
color: #034E8F;
background: transparent;
height: 168px;	
font-weight: bold;
}

#group ul{
list-style-image: url(../bilder/rechteck_transparent.gif);
}

#group li{
line-height: 2em;
}

#imagezeile {
position: relative;
left: 0;
width: 900px;
height: 92px;
color: #777777;
background: #e6e7e8;
}

#zitat {
float: left;
left: 0;
width: 270px;
height: 92px;
color: #777777;
background: #e6e7e8;
}
#bild {
position: absolute;
top: 0;
left: 270px;
height: 92px;
width: 495px;
color: #fff;
background: transparent;
}

/*a {text-decoration: none;}*/
	a:link,  a:active, a:visited {color: White;}
	a:hover {color: #40A0DC;}

/*******************************************
***************Hilfsnavigation**************
********************************************/

#metanavi {
position: absolute;
top: 20px;
left: 790px;
width: 115px;
color: #777777;
background: transparent;
	
}
#metanavi > ul > li >a, #metanavi > ul > li > a:link,#metanavi > ul > li > a:visited {
color: #777777;
background-color: transparent;
text-decoration: none;
}

#metanavi > ul > li > a:hover,#metanavi > ul > li >  a:active,#metanavi > ul > li >  a:focus {
color: #40A0DC;
background-color: transparent;
text-decoration: underline;
}

#metanavi ul {
list-style-image: url(../bilder/pfeil_grau_transparent.gif);
}
.act {
color: #40A0DC;
}


/******************************/
#main {
/*float:left;*/
margin-left: 270px;
margin-bottom:3px;
width: 465px;
color: #000;
background: #fff;
padding: 15px;
min-height: 300px;
}


#content ul {
list-style-image: url(../bilder/rechteck_transparent.gif);
margin-left: 15px;
}

#content ol {
margin-left: 25px;
}

#content li {
line-height: 1.8em;	
}

/***************************************
*********Hauptnavigation****************
***************************************/

#navigation {
position: absolute;
top: 280px;
left: 80px;
width: 145px;
color: #fff;
background: #034e8f;
}

#navigation ul {
		margin: 0 0 0 10px;
		padding: 0em;
	}
	
#navigation li {
		margin: 0.3em 0em 0em 0em;
		padding: 0em;
		list-style-image: url(../bilder/pfeil_weiss_transparent.gif);
}
	
#navigation .act {
		color: #40A0DC;
}
	
#navigation li li {
		margin: 0.3em 0em 0em 1em;
		padding: 0em;
}
	
#navigation a {
		text-decoration: none;
}
	
	/** Main Navigation with divs */
	
#navigation div {
		margin: 0.3em 0em 0em 0em;
		padding: 0em 0em 0em 1.5em;
		background-image: url(../bilder/pfeil_weiss_transparent.gif);
		background-repeat: no-repeat;
		background-color: transparent;
}

#navigation div.act {
		background-image: url(../bilder/pfeil_weiss_transparent.gif);
}
	
#navigation div.level2 {
		margin-left: 15px;
}
	



/*********2. Menuebene ******/
ul#menu > ul#untermenu > li >a, ul#menu > ul#untermenu > li >a:link,ul#menu > ul#untermenu > li >a:visited {
color: #fff;
font-size: 1em;
font-weight: normal;
text-decoration: none;
}

ul#menu > ul#untermenu > li >a:hover,ul#menu > ul#untermenu > li >a:active,ul#menu > li >a:focus {
color: #40A0DC;
background-color: transparent;
text-decoration: underline;
}

/**************Rechte Spalte*******************/
/*#column {
float: right;
width: 115px;
color: #000;
background: transparent;
}*/

/*****************************/
/**** Allgemeine Klassen ******/
/*****************************/

.fusszeile {
clear: both;
display: block;
padding-bottom: 3px;
padding-left: 282px;
font-size: 0.85em;
color:#E6E7E8; 
}

.no_link {
	color: #40A0DC;
	font-weight: bold;
	list-style: none;
}


#mitarbeiter tr, #mitarbeiter td {
font-size: 0.9em;
line-height: 1.1em;
padding: 0px;
}

#mitarbeiter td {
	border: 0 none;
}

#mitarbeiter table {
padding: 0;

	border: 0 none;
}


a[href^="http:"] {
  background: url(../bilder/link_extern.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="https:"] {
  background: url(../bilder/link_extern.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.haehner-group.com"], 
{
  background-image: none;
  padding-right: 0;
}

/* Formulare  */
#formular p {
margin-left: 0;
}
.form1 {
display: block;
height: 1.2em;
width: 200px;
margin: 10px 1px 1px 0px;
font-size: 80%;	
}
.form2 {
color: #777777;
font-size: 0.9em;
width: 250px;
border: 1px solid #034E8F;
margin: 0 0 0 0px;
padding: 5px;
}
.form3 {
width: 130px;
border-top: 1px none #39c;
border-right: 1px none #39c;
border-bottom: 1px solid #39c;
border-left: 1px solid #39c;
margin: 0 0 0 0px;
padding: 2px;
}
.form4 {
border: 1px solid #034E8F;
height: 80px;
width: 400px;
padding: 5px;
margin-left: 0px;
}
.checkbox {
font-size: 100%;
padding: 5px 5px 5px 0px;
margin-left: 0px;
}
.checkbox span {
padding-left:0px;
vertical-align: middle;
}
.checkb {
vertical-align: middle;
}
textarea {
color : #777777;
background: transparent; 
}
.sendbutton {
margin: 10px 0 0 0px;
background: #40A0DC;
border-style: solid;
border-width: 1px;
border-color: #ccc #aaa #999 #ccc;
}