/* schlecht gestaltet. http://www.schlechtgestaltet.de */

* {
margin: 0; 
padding: 0;
}

body {
font: small Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
color: #5a5a5a;
background-color: #cfd600;
text-align:center;
padding: 18px 0 0 0;
}





/* Textformatierung */

p {
font-size: 0.9em;
line-height: 157%;
margin-bottom: 13px;
margin-right: 90px;
}

h1 {
font-size: 1em;
font-weight: bold;
margin: 0 0 0.9em 0;
}

h2 {
font-size: 1.2em;
font-weight: normal;
margin: 0 0 1.2em 0;
}

h3{
padding:0 0 .5em 5em;
font-size:1em;
}

h4{
font-size: 0.8em;
font-weight:normal;
padding:0 0 .9em 6.3em;
}

a {
color: #545454;
text-decoration: none;
}

a:hover {
color: #282828;
font-weight: normal;
}

a img {
border: 0 none;
}


/* neue navi */
a.nav, a.nav:link, a.nav:visited {
width:180px;
color:#545454;
display:block;
text-decoration:none;
font-size: 12px;
margin-bottom:9px;
padding-left: 3px; border-left: 3px solid #fff;
}
a.nav:hover, a.nav:active{
width:180px;
color:#282828; 
display:block;
text-decoration:none;
font-size: 12px;
margin-bottom:9px;
padding-left: 3px; border-left: 3px solid #cfd600;}

/*
a.refnav:hover {color:#282828; background:url(Bilder/Pfeil.gif) bottom left no-repeat;}
a.refnav:active, .chosen {color:#282828; background:url(Bilder/Pfeil.gif) bottom left no-repeat;}
*/
#refnav,#leistnav{
width:180px;
}

.hervorhebung {
font-weight: bold;
}
/*
a.pfeil, a.pfeil:link, a.pfeil:hover {
padding-left:15px;
background-image:url(../Bilder/arrow.gif); 
background-repeat:no-repeat;

}
*/

.pfeil{
padding-left:17px;
background:url(../Bilder/arrow.gif) center left no-repeat;
}
#stripe {
position:relative;
width:100%;
height:540px;
background-color: #fff;
}

#main {
position:relative;
width: 900px;
text-align:left;
margin:0 auto;
}
#header{
width:100%;
position:relative;
overflow:hidden;
height:74px;
}
#logo {
position:relative;
}

#topmenue {
position:relative;
width: 290px;
height:18px;
left:600px;
top:-65px;
overflow:hidden;
}
#menuei1 {
position:absolute;
margin-right: 18px;
z-index:2;
}
#menuei2 {
position:absolute;
margin-right: 18px;
left:51px;
z-index:2;
}
#menuei3 {
position:absolute;
margin-right: 18px;
left:137px;
z-index:2;
}
#menuei4 {
position:absolute;
margin-right: 18px;
left:204px;
z-index:2;
}

#menue1chosen{
position:absolute;
z-index:3;
}
#menue2chosen{
position:absolute;
left:51px;
z-index:3;
}
#menue3chosen{
position:absolute;
left:137px;
z-index:3;
}
#menue4chosen{
position:absolute;
left:204px;
z-index:3;
}

.chosenvisible{
/*opacity:1;*/
top:0px;
}
.choseninvisible{
/*opacity:0;*/
top:-20px;
}

#content {
float:left;
position:relative;
overflow:hidden;
width:900px;
height:410px;
margin: 30px 0 30px 0;
}
#contentlayer{
width:3005px;
}
.contentbox{
width:900px;
height:410px;
float:left;
margin-right:100px;
margin-bottom:100px;
}
/*
#content h1{
margin: 1.8em 0 0.9em 0;
}
*/

.column {
float: left;
width: 26%;
padding-left:45px;
}

.column img {
float:right; 
}

#columnausgabe {
float:left;
margin: 130px 18px 0 72px;
}

#contentausgabe {
text-align:left;
padding:270px 0 0 93px;
}


.content2 {
margin: 81px 0 0 300px;
}
#contentref, #contentleist{
position:relative;
overflow:hidden;
width:617px;
height:402px;
}
#contentref img{
margin-top: 18px;
margin-bottom: 13px;
}
#contentref p{
margin-right: 30px;
}
/*
.content2 p, .content2 h1, .content2 h2, #contentref p, #contentref h1, #contentref h2{
margin: 13px 108px 0 0;
}
#contentleist p, #contentleist h1, #contentleist h2
{
margin: 7px 108px 0 0;
}
*/
/*
#contentref p{
margin: 13px 0 0 0;
}
#contentref h1{
margin: 48px 0 0 0;
}
*/
.refbox{
float:left;
width:615px;
height:400px;
margin-right:100px;
margin-bottom:100px;
}
.scrolllayer{
width:2200px;
}

#footer {
float:left;
text-align:center;
width:100%;
margin-top:3px;
}

#footer p,#footer a {
font-size:0.9em;
color: #fff;
margin: 0;
}

#footer a:hover {
color: #545454;
}

.foothover {
font-size:0.9em;
color: #545454;
}

#leistspacer{
width:100%;
height:99px;
}
#avgspacer{
width:100%;
height:80px;
}

/**************************************************************************************************
 Kontaktformular **********************************************************************************/

form {
width: 100%;
margin-top:9px;
}
form p{
font-size: 0.9em;
line-height: 85%;
}


label{
display: block;
width: 5em;
margin-top: -0.9em;
text-align: right;
font-weight:bold;
}

input, textarea, select{
	position: relative;
	top: -1.3em;
	left: 6em;
	display: block;
	border: 1px solid #d2d2d2;
	background: #f6f6f6;
	height: 1.4em;
	width: 27em;
	font: 0.9em Geneva, Helvetica, Arial, sans-serif;
}

textarea{
	height: 12em;
}

.heidi{
	position:absolute;  /* unsichtbar */
	left:-1008px;
	top:-1008px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;  
}

input.senden{
	top: 0;
	left: 6em;
	width: 9em;
	height:auto;
	background: #efefef;
	font-weight: bold;
	color: #5a5a5a;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  border: 1px solid #888;
}

/**************************************************************************************************
 Fehlerseite 404 **********************************************************************************/
 
 #content404 {
 width:580px;
 height:390px;
margin:90px 45px 0 180px;
 }