html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 } 

h1 { 
  font-size: 110%; 
  margin-bottom: 1.3em;
}
h2 { font-size: 100%; }
h3 { font-size: 120%; }

body{
	background: url(css_img/body.jpg) repeat-x;
	background-color:#333333; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

 a {
	color: #52575D;
	font-weight: 600;
	text-decoration:none;
    }
 a:hover,
 a:focus{
      color: black;
	  border-bottom: 1px solid #000; 
    }

#schutzumschlag { 
 width: 100%;
 text-align:center; 
}  
 
#pagewidth{ 
 width:750px; 
 position: relative;
 margin-top:10px;  
 margin-left:auto; 
 margin-right:auto;
 margin-bottom:0;  
}
 
#header{
	position: relative; 
	width:100%;
	height:188px;
	padding: 0;
	margin: 0;
 }

#navi{ 
 width:100%;
 background: url(css_img/bg_navi2.jpg) repeat;  
 position: relative; 
 text-align:center;
 margin: 0;
 padding: 0;
}  

#content{
 text-align:left;
 margin: 0;
 padding: 10px 40px;
 background-color:#fff;
 }
#portfolio #content{
 padding: 10px;
 } 
#footer{
 clear: both;
 height:32px; 
 background: url(css_img/bg_footer2.gif) no-repeat;
 padding: 4px;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline;
		  display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* ================
   Hyperlinks    */  

#navi ul {
 margin-bottom: 0; 
}
#navi li {
 display: inline; 
 list-style-type: none; 
}
#navi a {
	text-decoration:none;
	font-weight:bold;
	color: #333;
	margin: 0 40px 0 0;
	padding: 2px;
	line-height:3em;
}
#navi a:hover,
#navi a:focus {
 color: #fff;
 border-bottom: 2px solid #fff; 
}
#start #menu01 span,
#vorteile #menu02 span,
#portfolio #menu03 span,
#hilfe #menu04 span {
 text-decoration:none;
 font-weight:bold;
 color: #fff; 
 margin: 0 40px 0 0;
 padding: 2px;
 border-bottom: 2px solid #fff; 
} 

/* ==================================
   4. Klassen 
   =============================== */   

.bildlinks {
  float: left; 
  padding: 2px; 
  border: 2px solid #FF9E2E; 
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.bildlinks2 {
  float: left; 
  padding: 2px; 
  border: 2px solid #FF9E2E; 
  margin: 0 40px 30px 0; 
}
.bildlinks3 {
  float: left; 
  padding: 2px; 
  margin: 12px 40px 30px 0; 
}
.bildrechts {
  float: right; 
  padding: 2px; 
  border: 2px solid #FF9E2E; 
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.bildrechts2 {
  float: right; 
  padding: 2px; 
  border: 2px solid #FF9E2E; 
  margin: 0 0 30px 40px; 
}
/* Nur für IE6 */
* html div.galerie { height: 1%; }

.galerie {
  clear:both;
  padding-top: 1.2em; 
  border-top: 1px solid #c3c3c3; 
  padding-bottom: 15px; 
}

.panolinks a {
	background: #E57F1B url("css_img/bg_buttons.jpg") repeat-x;
	color: #333;
	font-weight: 500;
	padding: 4px 8px 4px 8px;
	margin-right: 0.6em;
	border: 1px solid #EB801E;
	line-height:2.8em;
    }
.panolinks a:hover,
.panolinks a:focus{
      color: #fff; 
    }
.downloads {
  clear:both;
  padding-top: 1.2em; 
  border-top: 1px solid #c3c3c3; 
  padding-bottom: 15px; 
}
.downloads a {
	text-decoration:none;
    }
.downloads a:hover,
.downloads a:focus{
	text-decoration:none;
	border:0;
    }

#schutzumschlag { 
 width: 100%;
 text-align:center; 
}