body {
	margin:0px ; 
	padding:0px 0px 40px 0px; 
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	border-width:0px;		
	background-color:#273785;
}

* {padding:0px; margin:0px}

div {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0 auto;
}

/* RAHMEN - start */

#rahmen {
  left:10px; 
  top:0px; 
  width:994px;   
	text-align:left;
	background-image: url(../images/hg_body.jpg); 
	background-repeat: no-repeat; 
	background-position: top center;
	text-align:left;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#FFFFFF;
	height:686px;
}

#head {
  position:relative; 
  z-index:5;
  left:0px; 
  top:0px; 
  width:100%;
}

#logo {
	background-image: url(../images/logo.gif); 
	background-repeat: no-repeat; 
	background-position: top left;
	position:relative;
	left:100px;
	top:35px;
	height:138px;
	float:left;	 
}

#logo h1 {
  color:#FFFFFF;
  font-family:Times New Roman, Times, serif;
  font-size:2.2em; 
  padding-top:60px;
  padding-left:90px;
  font-weight:bold;
  font-style:italic;
  letter-spacing:-1px;
}

#logo h2 {
  color:#C1C1C1;
  font-family:Times New Roman, Times, serif;
  font-size:0.75em; 
  padding-top:3px;
  padding-left:92px;
  font-weight:normal;
}

#leistungen {
  text-align:right;
  float:right;
  top:65px;
  right:45px;
  position:relative; 
}

#leistungen h3 {
  color:#FFFFFF;
  font-family:Times New Roman, Times, serif;
  font-size:1.2em; 
  padding-top:0px;
  padding-left:90px;
  font-weight:bold;
  font-style:italic;
  letter-spacing:-1px;
}

#content {
  position:absolute;
  width:906px;  
  height:465px;
  top:180px;
  margin-left:44px;
  background-image: url(../images/hg_head.jpg); 
	background-repeat: no-repeat; 
	background-position: top center;
	background-color:#FFFFFF;	
}


#menue {
  font-family:Verdana;
  font-size:0.8em;  
  left:110px;
  margin-top:90px;
  position:relative;
  margin-right:120px;
}

#menue a {
  padding-left:15px; padding-right:15px;
}

#menue a, #menue a:link, #menue a:visited {color:#273785; text-decoration:none; padding-bottom:7px;border-width:0px 0px 0px 0px; border-style:none; border-color:transparent}
#menue a:hover, #menue a:active, #menue a:focus {color:#273785; text-decoration:none; padding-bottom:2px; border-width:0px 0px 5px 0px; border-style:solid; border-color:#273785}

#menue a.aktiv, #menue a.aktiv:link, #menue a.aktiv:visited {color:#273785; text-decoration:none; padding-bottom:2px; border-width:0px 0px 5px 0px; border-style:solid; border-color:#273785}
#menue a.aktiv:hover, #menue a.aktiv:active, #menue a.aktiv:focus {color:#273785; text-decoration:none; padding-bottom:2px; border-width:0px 0px 5px 0px; border-style:solid; border-color:#273785}


#baukloetzer {
  position:absolute;
  width:90px;
  height:78px;
  left:5px; bottom:5px;
  background-image: url(../images/holzbausteine.jpg); 
	background-repeat: no-repeat; 
	background-position: top center;  
}




#textcontainer {
  position:absolute;
  left:100px;
}

#text {  
  width:548px;
  font-size:0.8em;
  color:#000000;
  background-image: url(../images/hg_content2.png); 
	background-repeat: repeat-y; 
	background-position: top left; 
  line-height:180%; 
  position:relative;

}

#text p.text {padding:15px 45px 15px 45px;}

#text p strong {color:#273785}

#textoben {
  clear:both;
  width:548px;
  height:54px;
  background-image: url(../images/hg_content_oben.png); 
	background-repeat: no-repeat; 
	background-position: top left; 
	position:relative;
}

#textunten {
  width:548px;
  height:54px;
  background-image: url(../images/hg_content_unten.png); 
	background-repeat: no-repeat; 
	background-position: top left; 
	position:relative;
}

#textunten p {
  font-size:0.7em; 
  color:#FFFFFF;  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:40px 30px 0px 30px;
  z-index:5;
  position:relative;
  line-height:140%;
}

#textunten p a, #textunten p a:link, #textunten p a:visited {color:#515B95; text-decoration:none;}
#textunten p a:hover, #textunten p a:active, #textunten p a:focus {color:#FFFFFF; text-decoration:none;}

#text h1 {
  font-family:Times New Roman, Times, serif;
  font-size:1.7em;
  color:#273785;
  padding:0px 0px 0px 45px;
  font-weight:normal;
  font-style:italic;
  line-height:150%;
}

#text h2 {
  font-family:Times New Roman, Times, serif;
  font-size:1.4em;
  color:#FFFFFF;
  padding:0px 0px 10px 0px;
  font-weight:normal;
  font-style:italic;
  line-height:150%;
}


#text a, #text a:link, #text a:visited {color:#273785; text-decoration:none}
#text a:hover, #text a:active, #text a:focus {color:#273785; text-decoration:underline}


#text ul {padding-left:55px; padding-right:55px;}
#text li {  
  color:#000000;  
  line-height:180%;
  padding-bottom:1.5em;
}

#text ul.sitemap {padding-left:75px; padding-right:75px;}
#text ul.sitemap ul {padding-left:35px; padding-right:35px; padding-top:1em;}

#text ul.sitemap li {  
  color:#000000;  
  line-height:180%;
  padding-bottom:1em;
}


#text div.noscriptmail {
  font-family:Times New Roman, Times, serif;
  font-size:1em;
  color:#9A9A9A;
  line-height:180%;
}
#text div.noscriptmail span {font-style:italic}

#text span.italicklein {font-size:0.8em; font-style:italic}



#slogan {
  position:absolute;
  width:770px;
  height:140px;
  background-image: url(../images/slogan.gif); 
	background-repeat: no-repeat; 
	background-position: bottom center;
	z-index:4;
}

#schrank {
  position:absolute;  
	float:right;
	width:131px;	
	text-align:right;
	background-image: url(../images/schrank_oben.png); 
	background-repeat: no-repeat; 
	background-position: top right;
	padding-top:21px;
	right:35px;
	top:80px;
	z-index:6;
}

#accordion {
  position:relative;  
	float:right;
	text-align:right;
	background-image: url(../images/schrank_unten.png); 
	background-repeat: no-repeat; 
	background-position: bottom right;
	padding-bottom:38px;
}


.toggler {  
  background-image: url(../images/schublade.png); 
	background-repeat: no-repeat; 
	background-position: top right;
	height:34px;
	cursor:pointer; cursor:hand;
	vertical-align:middle;
}

.toggler h3 {
  
}

h3.toggler strong {
  font-size:0.6em; 
  cursor: pointer; 
  color:#7F7F7F;  
  font-weight:normal;
  position:relative;
  margin-right:135px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  vertical-align:middle;
}

.element p {padding:5px; width:222px; font-size:0.7em; line-height:170%; background-color:#DBDDE5;
border:1px solid #A5A5A5}

.element p a img, .element p a:link img, .element p a:visited img {
  -moz-opacity: 0.7; filter: alpha(Opacity=70); opacity: 0.7; -khtml-opacity: 0.7; border:3px solid #273785; 
}

.element p a:hover img, .element p a:active img, .element p a:focus img {
  -moz-opacity: 1.0; filter: alpha(Opacity=100); opacity: 1.0; -khtml-opacity: 1.0; border:3px solid #273785; 
}

.element p a, .element p a:link, .element p a:visited {
  color:#273785; text-decoration:none;
}

.element p a:hover, .element p a:active, .element p a:focus {
  color:#273785; text-decoration:underline;
}

#referenz {
  position:absolute;
  width:21px;
  height:93px;
  right:10px;
  background-image: url(../images/referenzen.gif); 
	background-repeat: no-repeat; 
	background-position: top right;
}

/* BOTTOM-MENUE - start */
#bottommenue {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;  
  right:0px;
  bottom:-30px;
  position:absolute;
  color:#FFFFFF;
  z-index:4;
}

#bottommenue a {
  color:#FFFFFF;
  font-size:0.7em;
}

#bottommenue a, #bottommenue a:link, #bottommenue a:visited {color:#FFFFFF; text-decoration:none;}
#bottommenue a:hover, #bottommenue a:active, #bottommenue a:focus {color:#FFFFFF; text-decoration:underline;}

/* BOTTOM-MENUE  -ende */

/* BILDER-SLIDE start */

.right {float:right; margin:7px 0px 10px 5px; border-width:1px; border-style:solid; border-color:#273785; padding:3px; line-height:0px;}
.left {float:left; margin:7px 10px 0px 5px; border-width:1px; border-style:solid; border-color:#273785; padding:3px; line-height:0px;}

/* BILDER-SLIDE ende */





div.noscript {font-size:0.7em; color:red; font-weight:bold;}

/* SUCHBOX - ende */

abbr {border:0px solid;}
img {border:0px solid;}
p.displaynone {display:none}

div.clear {clear:both; display:block;}

.center {text-align:center}