html {
    height: 100%;
     }
:focus {
	outline: 0;
}	 
body  {
font-size: 100.01%;
background-color: #fff;
margin: 10px 0 0 0;
padding: 0;
min-height: 101%;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  { margin: 0px; padding: 0px }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family: Arial, Helvetica, Verdana, sans-serif; }

ul {
list-style: none;
}

/*wenn gesamter seiteninhalt zentriert werden soll*/
body { text-align: center; }

#top h1 {
	text-indent: -9999px;
}

#schnee {
position: absolute;
width: 100px;
height: 300px;
top: 0px;
left: 0px;
background-color: transparent;
}

#zentriert {
background-color: #fff;
text-align: left;
margin: 0 auto;
width: 700px;
 }

#top {
width: 100%;
text-align: left;
padding-left: 10px;
padding-top: 5px;
}
#top h1    { color: #999; font-size: 0.8em; font-weight: bold; padding-left: 10px; }

div.topnav    { padding-right: 30px; text-align: right; }
div.topnav p { color: #999; text-align: right; display: inline;}
div.topnav a      { color: #999;  font-size: 0.7em; text-decoration: none; margin-right: 2px; margin-left: 2px;
padding-right: 2px; padding-left: 3px; }
div.topnav a:hover, div.topnav a:active, div.topnav a:focus, div.topnav   { color: #999; }
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus { color: #069; }

#flash {
width: 635px;
background : #fff url(../pics/flash_bg.jpg) no-repeat;
padding-left:32px;
padding-right: 33px;
padding-top: 10px;
}

#galerie {
width: 350px;
padding-top: 10px;
}

#logos {
width: 350px;
padding-top: 10px;
}


#main  {
background: #fff url(../pics/hg_main.jpg) no-repeat;
width: 100%; 
}

div.mainnav   { float: left; width: 170px; padding-left: 35px; padding-top:20px; }
div.mainnav  ul {
list-style: none;
}
div.mainnav li      {
font:  0.8em/1.8em Arial, Helvetica, Verdana, sans-serif;
border-bottom: 1px solid #f3f3f3;
}
div.mainnav li a   {
color: #006699;
font-weight: bold;
text-decoration: none;
display: block;
}
div.mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus  {
color: #cc3333;
}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active, .mainhier a:focus {
color: #cc3333;
}

#content       {
margin-left: 185px;
padding: 20px 60px 40px
}
.hoehe { height: 300px; }
div[class = "hoehe"] { height: auto; min-height: 300px }
#content p,form { color: #666; font-size: 0.8em; line-height: 1.4em; margin-bottom: 1.5em }
#content h1    { color: #666; font-size: 0.8em; line-height: 1.5em; margin-bottom: 1.5em; font-weight: bold; }
#content h2 {color: #666; font-size: 0.8em; line-height: 1.5em; margin-bottom: 1.5em; font-weight: bold;}
#content h3 { margin: 10px 10px 0 10px; color:#FFF; font:12px Arial, sans-serif; font-weight: bold;  }


table {border: 1px solid #E2E2E2;
border-collapse: collapse;
margin: 0px;
height: auto;
color: #000; 
font-size: 0.8em; 
}

td {
	border: 2px solid #E2E2E2;
	height: 20px;
	padding: 3px;
}

#content a:link  {
color : #069;
text-decoration : none;
}
#content a:visited {
color : #069;
text-decoration : none;
}
#content a:hover {
color : #666;
}
#content a:active {
color : #069;
}
#content ul { list-style-type: none; padding: 0 10px 1.5em 10px;  }
#content li {
color: #666; font-size: 0.8em; line-height: 1.6em;
color: #666;

background-image: url(../pics/marker.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;

}

a.bild:hover {
color : #666;
background: #666;
}



#referenzen {
color: #666;
}
#referenzen p { color: #666; font-size: 0.8em; line-height: 1.4em; margin-bottom: 0;}

div.footer   {
border-top: 1px solid #ccc;
width: 100%;
float: left;
clear: both;
 }

div.footer p {
color: #666;
font-size: 0.7em;
padding-left: 25px;
padding-right: 25px;
}

.footer a:link  {
color : #666;
text-decoration : none;
}
.footer a:visited {
color : #666;
text-decoration : none;
}
.footer a:hover {
color : #666;
text-decoration : none;
}
.footer a:active {
color : #666;
text-decoration : none;
}


#vorzurueck {
padding-top: 30px;
}

.oben {
padding-top: 1em;
}



.bilder {
padding: 2px;
border: 1px solid #ccc;
}
.thumb {
border: solid 1px #ccc;
padding: 5px;
}
.fallbeispiel img {
float: left;

  }
.fallbeispiel p {
 margin: 0 0 0 70px;
  padding: 0;
  }
 .rahmen {
 background-color: #F2F6F9;

 padding: 5px;
 }
 
 .ranking {
 background-color: #F2F6F9;
 
 padding: 5px;
 }
 .ranking p {
 color: #000;
 }
 .blaugrau {
 background-color: #F2F6F9;
 }
 .keyword {
 background-color: #F5F6F8;
 }
 .kundenstimme {
 background-color: #F5F6F8;
 padding: 5px;
 margin: 10px 0;
 }
 
 /*-----FORMULAR---*/
form {
font-size: 100%;
}	
fieldset {
	width: 400px;
	border: 0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html fieldset {
  width: 360px;
  }
/* End hide from IE5/mac */
fieldset p { 
width: 100%; 
float: left; 
}
fieldset input  {
width: 60%; 
border: 1px solid #ccc;
background: #F7FAFB;
}
.submit {	
	background:  #F7FAFB;
	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: 0px; 
margin: 0 5px 0 0;
background: #f4f3dd; 
color: inherit;
	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #F7FAFB;
}	
.kurz {
	width:20px;
}

.boxgrid{ 
				width: 350px; 
				height: 150px; 
				margin:10px; 
				float:left; 
				background:#fff; 
				 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 153px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 100px;
 					left: 0;
 				}