body { 
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
	background: transparent url(../pix/muster.gif); 
	text-align:center;
	}
	
	
/* divs grundaufbau */   

 
   
.white{
   background: #ffffff;
   background-color: #ffffff;
   width: 780px;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   border: #000000;
   padding-bottom: 10px;
   text-align:center;
   }
   
   
.header{
   background: #DCE7E7;
   background-color: #DCE7E7;
   border: 1px solid #000000;
   width: 758px;
   height: 83px;
   position: relative;
   margin-left: 10px;
   margin-right: 10px;
   top: 10px;
   margin-bottom: 10px;
   text-align:center;
   }

.menu{
   background: #DCE7E7;
   background-color: #DCE7E7;
   border: 1px solid #000000;
   width: 758px;
   height: 43px;
   position: relative;
   margin-left: 10px;
   margin-right: 10px;
   top: 10px;
   margin-bottom: 10px;
   text-align:center;   
   }
   
             
.content{
   background: #DCE7E7;
   background-color: #DCE7E7;
   border: 1px solid #000000;
   width: 758px;
   height: auto;
   min-height: 350px;
   position: relative;
   margin-left: 10px;
   margin-right: 10px;   
   top: 10px;
   margin-bottom: 10px;
   text-align:center; 
   padding-bottom: 20px;  
   } 

/* divs content */   

.textboth {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   padding-left: 34px;
   text-align:left;
   float: left;   
   width: 690px;
   }
   
   
.textlinks {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   padding-left: 34px;
   text-align:justify;
   float: left;
   width: 321px;
   }

.textrechts {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   margin-left: 400px;
   margin-top: 55px;
   text-align:justify;
   width: 321px;
   max-width: 321px;
   }  

* html .textrechts{ margin-left: 0;}

   
.impressum {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   margin-left: 400px;
   margin-top: 0px;
   text-align: left;
   width: 321px;
   } 
    
   
.picrechts {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   margin-left: 420px;
   margin-top: 60px;
   text-align: center;
   width: 270px;
   }   
   
div.clearer {
   clear: both; 
   line-height: 0; 
   height: 0;
   }
     


/* listen */  

   
.li{
   text-indent: -20px;
   padding-left: -20px;
   }
   
ul{ 
    list-style-position: outside;
    list-style-type: disc;
    padding: 0;
    margin-left: 15px;
    }
    


/* text */   

   
h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: bold;
   color: black;
   text-align: left;
   margin-bottom: 15px;
   } 

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: bold;
   color: #495a74;
   margin-top: 20px;
   }

h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: bold;
   color: black;
   text-align: left;
   }    
      
strong {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   }
   
.black {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   }
   
 
.blackmini {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   line-height: 2ex;
   font-weight: normal;
   color: #000000;
   }
   
.legende {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   line-height: 9px;
   font-weight: normal;
   color: #000000;
   }
   
.blaumini {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   line-height: 10px;
   font-weight: normal;
   color: #495a74;
   }
   
.textblau {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #495a74;
   }
  
.umfrage {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 2ex;
   font-weight: normal;
   color: #000000
   text-align: right;
   }
   
   
.blau {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 2ex;
   font-weight: bold;
   color: #495a74;
   }
   
/* referenzen */   

.referenz {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #495a74;
   margin-right: 12px;
   margin-bottom: 12px;
   text-align:center;
   float: left;
   width: 72px;
   }

.legende_box {
   width: 170px; 
   height: 74px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   line-height: 14px;
   font-weight: normal;
   color: #000000;
   border:1px solid #FFFFFF; 
   padding: 6px; 
   margin-left: 170px; 
   margin-top:8px; 
   background: transparent url(../pix/legende.gif); 
   float:left;
   }   

/* bilder */   

.headline {
   margin-top: 30px;
   margin-bottom: 15px;
   margin-left: -10px;
   } 
   
   
.frameweiss {  
	border: 1px solid #FFFFFF;
   }
   
.picframe {  
	border: 1px solid #495a74;
   }
   
.browserframe {  
	border: 1px solid #b4b4b4;
   }
    
.kunstpic {  
	margin-right: 40px;
	margin-bottom: 40px;
   }
   
.legende {  
	padding-top: 3px;
   }   
   

      
/* formulare */
      
.freitextfeld {
    color: #495a74;
    background-color: white;
	width: 280px;
	height: 80px;
	font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

.eingabefeld {
    color: #495a74;
    background-color:white;
	width: 280px;
	height: 16px;
	font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 8px;
	display: block;
}


.gutscheinfeld {
    color: #495a74;
    background-color:white;
	width: 280px;
	height: 16px;
	font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 8px;
	display: block;
}

.gutscheintextfeld {
    color: #495a74;
    background-color:white;
	width: 280px;
	height: 100px;
	font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	display: block;	
}

.angebotfeld_klein {
    color: #495a74;
    background-color:white;
	width: 50px;
	height: 16px;
	font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 8px;
}

.angebottextfeld {
    color: #495a74;
    background-color:white;
	width: 400px;
	height: 100px;
	font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}

.button {  
    font-family: arial, helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal; 
    font-weight: bold; 
    color: #ffffff; 
    background-color: #495a74;
    text-align: center;
    margin-left: 80px;
    margin-top: 10px;
}

.button_gutschein {  
    font-family: arial, helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal; 
    font-weight: bold; 
    color: #ffffff; 
    background-color: #495a74;
    text-align: center;
    margin-left: 70px;
    margin-top: 10px;
}

/* mittagsbackup */

.mittagsbackup {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   padding-left: 20px;
   text-align:left;
   width: 710px;
   margin-left: 15px;
   margin-bottom: 10px;
   margin-top: 30px;
   }
   
.bandlinks {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   padding-left: 34px;
   text-align:justify;
   float: left;
   width: 241px;
   }

.bandrechts {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   margin-left: 300px;
   margin-top: 20px;
   text-align: justify;
   width: 421px;
   }  
       
 .backupnavi {  
	margin-right: 2px;
	}
 
 .rahmenweiss {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   padding: 12px;
   text-align:left;  
   width: 665px;
   border: 1px solid #FFFFFF;
   margin-bottom: 15px;
   }  

   
.logolinks {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   padding-left: 34px;
   text-align:justify;
   float: left;
   width: 280px;
   }

.logorechts {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   line-height: 12px;
   font-weight: normal;
   color: #000000;
   margin-left: 350px;
   margin-top: 88px;
   width: 370px;
   }  

.linkpfeil {  
	margin-right: 5px;
	margin-top: 8px;
	float: left;
	}

.linklist_li {  
    width: 290px;
	margin-top: 8px;
	float: left;
	}

.linklist_re {  
    width: 290px;
	margin-top: 8px;
	float: left;
	}	
		   
/* links */

a.textlink:link {
   color:#000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   text-decoration: underline;
   }
   
   
a.textlink:visited {   
   color:#4a5b74;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   text-decoration: underline;
   }
   
a.textlink:active, a.textlink:hover {
   color:#4a5b74;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   text-decoration: none;
   }