html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: #fff url(../pics/bg.jpg) 0 0 no-repeat;
margin: 0;
min-height: 101%;
font-size: 101.01%;
}

h1, h2, h3, h4, h5, h6, p, br, hr, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
margin: 0;
padding: 0;
font-family:  Arial, Helvetica, Verdana, sans-serif; 
}

li li {
  font-size: 100% !important;
}

strong {
color: #000;
}

/* CONTAINER
--------------------------------------------------*/

#container {
text-align: left;
width: 650px;
margin: 50px 0 0 200px;
background: #fff;
 }
 
/*TOPNAV
-------------------------------------------------*/
div.topnav     {
position : relative;
left : 335px;
width : 300px;
padding : 0 0 0 0;
background: #fff;
}
div.topnav ul  {
float : right;
margin : 0;
padding : 0;
list-style-type : none;
background: #fff;
}
div.topnav li  {
display : inline;
padding : 0;
margin : 0;
background: #fff;
}
div.topnav a      {
margin : 0;
padding :25px 7px 10px 7px;
display : block;
float : left;
text-decoration : none;
color: #666;
font-weight:normal;
font-size: 11px;
background: #fff;
}
div.topnav a:hover   {
text-decoration : underline;
background: #fff;
}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
text-decoration : underline;
background: #fff;
}
 

#logo {
position: absolute;
margin-top:10px;
}
#logo a {
background: #fff;
}


.splashhoehe { height: 141px; }
div[class = "splashhoehe"] { height: auto; min-height: 141px }

#index {
float: left;
margin-top: 10px;
width: 100%;
background: transparent url(../pics/kommunikationsdesign.jpg) 0 0 no-repeat;
min-height: 141px;
}

#index h2 {
margin-left: 198px;
color: #fff;
font-size: 0.8em; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif;
}


#index p {
margin-left: 198px;
margin-top: 65px;
color: #fff;
font-size: 1.2em; font-weight: normal; font-family: "Trebuchet MS",Arial, sans-serif;
}

#philosophie {
float: left;
margin-top: 10px;
width: 100%;
background: transparent url(../pics/corporate-design-leipzig.jpg) 0 0 no-repeat;
min-height: 141px;
}

#philosophie h2 {
margin-left: 198px;
color: #fff;
font-size: 0.8em; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif;
}


#philosophie p {
margin-left: 198px;
margin-top: 65px;
color: #fff;
font-size: 1.2em; font-weight: normal; font-family: "Trebuchet MS",Arial, sans-serif;
}

#leistungen {
float: left;
margin-top: 10px;
width: 100%;
background: transparent url(../pics/webdesign-leipzig.jpg) 0 0 no-repeat;
min-height: 141px;
}

#leistungen h2 {
margin-left: 198px;
color: #fff;
font-size: 0.8em; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif;
}


#leistungen p {
margin-left: 198px;
margin-top: 65px;
color: #fff;
font-size: 1.2em; font-weight: normal; font-family: "Trebuchet MS",Arial, sans-serif;
}

#referenzen {
float: left;
margin-top: 10px;
width: 100%;
background: transparent url(../pics/umweltorientiertes-design.jpg) 0 0 no-repeat;
min-height: 141px;
}

#referenzen h2 {
margin-left: 198px;
color: #fff;
font-size: 0.8em; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif;
}


#referenzen p {
margin-left: 198px;
margin-top: 65px;
color: #fff;
font-size: 1.2em; font-weight: normal; font-family: "Trebuchet MS",Arial, sans-serif;
}

#biopromotion {
float: left;
margin-top: 10px;
width: 100%;
background: transparent url(../pics/profil.jpg) 0 0 no-repeat;
min-height: 141px;
}

#biopromotion h2 {
margin-left: 198px;
color: #fff;
font-size: 0.8em; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif;
}


#biopromotion p {
margin-left: 198px;
margin-top: 65px;
color: #fff;
font-size: 1.2em; font-weight: normal; font-family: "Trebuchet MS",Arial, sans-serif;
}

.bild {
padding: 3px;
border: 1px solid #ccc;
}

.foto {
padding: 0 15px 0 0;
}

#adresse {
position: absolute;
width: 200px;
top: 550px;
}

#adresse p {
color: #000;
padding-left: 30px;
font-size: 70%;
padding-bottom: 15px;
}


/* INHALT
----------------------------------------------*/
#main  {
padding-top: 20px;
width: 650px;
background: #fff;
clear: both;

}

.hoehe { height: 500px; }
div[class = "hoehe"] { height: auto; min-height: 500px }



#mainnav   {
float: left;
width: 160px;
background: transparent;
}


#mainnav  ul {
width: 160px;
margin: 0;
list-style: none;
display: block;
background: transparent;
list-style: none;
}
#mainnav li      {
font:  12px Arial, Helvetica, Verdana, sans-serif;
margin: 0;
background: transparent;
width: 160px;
line-height: 2.1em;


}
#mainnav a   {
color: #000;
background: #fff;
margin: 0;
text-decoration: none;
display: block;
font-weight: normal;
padding-left:20px;
border-bottom: 1px solid #f3f3f3;
}

#mainnav li li a {
font-weight: normal;
background: #fff;
font-size: 0.9em;
padding-left:40px;
}

#mainnav a:hover, #mainnav a:active   {
color : #8fb11c;
}

#active a  {
color : #8fb11c;
}


.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
color : #8fb11c;
}
#content       {
float: right;
width: 470px;
background: transparent;
line-height: 1.2em;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content {
  width: 435px;
  }
/* End hide from IE5/mac */


#content p { color: #000; font-size: 0.8em;  padding: 0px 20px 15px 15px; line-height: 1.4em;}
#content h1    { color: #8fb11c; font-weight: normal; font-size: 120%; padding: 5px 20px 5px 15px; }
#content h2    { color: #8fb11c; font-weight: bold; font-size: 100%; padding: 5px 20px 5px 15px; }
#content h3 { color: #8fb11c; padding: 5px 20px 0 15px;font-size: 1em; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif;}
#content h4 {font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; color:#666666; padding: 5px 20px 0 15px;}
#content ul { list-style-type: none; padding-bottom: 15px; margin-left: 2em;}
#content li {
font-size: 0.8em;
color: #000;
background-image: url(../pics/pfeil.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}


/* FOOTER
---------------------------------*/

#footer {
float: left;
width: 100%;
clear: both;
}

#footer p {
color: #000;
font-size: 70%;
margin-left: 70px;
margin-top: 10px;
}

/* LINKS
---------------------------------*/
a:link  {
color : #8fb11c;
background: #fff;
text-decoration : underline;
font-weight: normal;
}
a:visited {
color : #8fb11c;
background: #fff;
text-decoration : underline;
font-weight: normal;
}
a:hover {
color : #8fb11c;
background: #fff;
text-decoration: none;
font-weight: normal;
}
a:active {
color : #8fb11c;
background: #fff;
text-decoration : underline;
font-weight: normal;
} 


	
/* FORMULAR
-------------------------*/

fieldset {
	width: 400px;
	border: 0;
}
fieldset p { 
width: 100%; 
float: left;
}
fieldset input  {
width: 60%; 
background: #fafafa;
border: 1px solid #ccc;
}
.submit {	
	background:  #fafafa;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;

}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0; 
margin: 0 5px 0 0;
background: #F2F5F5; 
color: inherit;
	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
	font-size: 12px;
}	
.kurz {
	width:20px;
}
/* SPECIALS
----------------------------*/




a.ohne:link  {
text-decoration : none;

}
a.ohne:visited {
text-decoration : none;
}
a.ohne:hover {
text-decoration : none;

}
a.ohne:active {
text-decoration : none;
} 

dl {
width: 100%;
overflow: auto;
margin-left: 120px;
}

dt {
width: 100px;
float: left;
clear: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd { 
margin-left: 105px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}
dt.breit {
width: 300px;
float: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd.breit { 
margin-left: 305px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}