/* CSS Document */
/* A5C3D6 */

* {margin: 0px;
   padding: 0px;}
   
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		color: #4b4942;
		background: #98B5D3 url(../../includes/images/verlauf.png) top repeat-x;}
		


#ps, #wir_print {visibility: hidden;}
#next_site {visibility: hidden;}

/* Basis Container ----------------------------------------------- */
	.container{
	width:1000px;
    margin: 0 auto;
		position: relative;
	}
  
  /* Container für Header ---------------------------------------- */
  #logo{
  position: absolute; 
  left: 0px; 
  top: 80px; 
  z-index: 0;
  height: 200px;
  }
  #counter1{
  position: absolute; 
  left: 730px; 
  top: 50px;
  color:#A1A0A0; font-size: 11px; 
  z-index: 1;
  }
  #counter2{
  position: absolute; 
  left: 830px; 
  top: 46px; 
  z-index: 1;
  }
  #counter3{
  position: absolute; 
  left: 730px; 
  top: 70px;
  color:#A1A0A0; font-size: 11px; 
  z-index: 1;
  }
  /* Horizontale Button */
  #H_Button{
  position: absolute; 
  left: 130px; 
  top: 205px; 
  z-index: 2;
  }  
  
  /* Home Button */
  #Home_Button{
  position: absolute; 
  left: 9px; 
  top: 207px; 
  z-index: 2;
  }
  
  /* Container für Ecken - linke Spalte ------------------------- */
  /* Ecke Position Bild*/
  #ecke{
  position: absolute; 
  left: 0px;
  height: 350px;
  top: 250px;
  z-index: 1;
  }
  /* Ecke Position Foto Slide */
  #ecke_slide{
  position: absolute; 
  left: 10px;
  height: 350px;
  top: 260px;
  z-index: 2;
  }
  /* Vertikale Button Wir über uns*/
  #W_Button{
  position: absolute; 
  left: 9px; 
  top: 290px; 
  width: 100px; 
  z-index: 3;
  }
  
  /* Vertikale Button Produkte*/
  #P_Button{
  position: absolute; 
  left: 35px; 
  top: 225px; 
  width: 80px;
  z-index: 3;
  }
  
  /* Container für Produktseiten ------------------------------- */
  #flyer{
  position: absolute;
  left: 820px; 
  top: 150px;
  color:#071f72; 
  }
  #print{
  position: absolute;
  left: 925px; 
  top: 150px;
  color:#071f72; 
  }
  /* Master Text Container */
  #text_basis{
  position: absolute; 
  left: 145px; 
  top: 250px; 
  width: 820px;
  height: 390px;
  font-weight:normal;
  color:#071f72;
  font-size: 11px;
  overflow:auto;
  z-index: 1;
  }
  
  /* Heasdline */
  #headline_shadow{
	position: absolute;
	left: 2px;
	top: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	font-size: 20px;
	z-index: 2;
  }
  /* Headdline */
  #headline{
	position: absolute;
	left: 1px;
	top: 1px;
	width:98%;
	height:30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#071f72;
	font-size: 20px;
	z-index: 3;
	}
  #text{
	position: absolute;
	height:auto;
	top:30px;
	left:1px;
	width: 98%;
	margin-right: 10px;
	z-index: 1;
	}
  /* Bemerkung Produkte */
  
  #textlinks{
	position: absolute;
	height:auto;
	top:30px;
	left:1px;
	width: 500px;
	font-weight:normal;
	color:#071f72;
	font-size: 12px;
	margin-right: 10px;
	z-index: 1;
	}
    	
  #textmitte{
	position: absolute;
	height:auto;
	top:30px;
	left:170px;
	width: 450px;
	font-weight:normal;
	color:#071f72;
	font-size: 12px;
	margin-right: 10px;
	z-index: 1;
	}
  #spaltelinks{
	position: absolute;
	top:30px;
	left: 1px;
	width:160px;
	font-weight:normal;
	color:#071f72;
	font-size: 11px;
	margin-right:10px;
	z-index: 3;
	}
  #spalterechts{
	position:relative;
	float: right;
	top:30px;
	width:70px;
	text-align: center;
	font-weight:normal;
	color:#071f72;
	font-size: 11px;
	border-width:1px;
    border-style:groove;
    border-color:#183654;
    padding:1px;
	z-index: 5;
	}
	
  #leerrechts{
	position: relative;
	float: right;
	padding:2px;
	z-index: 5;	
    }
  
  /* Text Container für AGB links*/
  #agb_li{
    position:absolute;
    left: 1px;
    height: 340px;
    width: 400px;
    overflow:auto;
    z-index: 5;
  }
  /* Text Container für AGB links*/
  #agb_re{
    position:absolute;
    left: 405px;
    height: 340px;
    width: 400px;
    overflow:auto;
    z-index: 5;
  }
  /* Angebote */
  #bild_rechts{
	position: relative;
	float: right;
	top:20px;
	width:300px;
	font-weight:normal;
	color:#071f72;
	font-size: 11px;
	z-index: 9;
	}
  /* Kontakt */
  #text_kontakt{
  position: absolute; 
  left: 145px; 
  top: 250px; 
  width: 820px;
  font-weight:normal;
  color:#071f72;
  font-size: 11px;
  }
  #text_kontakt_links{
  position: realtive;
  float: left;
  width: 30%; 
  }
  #text_kontakt_rechts{
  position: absolute;
  left: 300px;
  float: right;
  width: 60%; 
  }
  
	/* Hilfe */
  #hilfe_bild{
	position: absolute;
	top:40px;
	Left:700px;
	}
  #hilfe_text{
	position: absolute;
	top:100px;
	Left:300px;
	}
  #hilfe{
	background:#999999;
	font-weight:normal;
	color:#071f72;
	border-width:4px;
	border-style:groove;
	border-color:#FF0000;
	padding:1px;
	font-size: 11px;
	z-index: 9;
	}
	
  /* Flyer rechts*/
  #Flyer_rechts{
    position:absolute;
	top:115px;
    left: 512px;
    overflow:hidden;
    z-index: 9;
  }
  
  #wir_k {
  background-image:url(../images/ueber_uns01.png);
  background-repeat:no-repeat;
  height:20px;
   }
  #wir_q {
  background-image:url(../images/ueber_uns02.png);
  background-repeat:no-repeat;
  height:20px;
   }
  #wir_w {
  background-image:url(../images/ueber_uns03.png);
  background-repeat:no-repeat;
  height:20px;
   }
    
  /* Style Buttons --------------------------------------------------------*/
  A.ml {
	display: block;
  height: 15px;
	width: 90px;
  font-family: Tahoma;
	font-size: 10px;
  text-align: center;
  vertical-align: text-top;
	text-decoration: none;
	border-style: outset;
	border-width: 2px;
  color: #183654;
	border-color: #ACA899;
  background-color: #9E9D9D;
  -moz-border-radius: 25px;
	}

 A.ml:hover {
	border-style: inset;
	border-width: 2px;
  color: #183654;
	border-color: #ACA899;
	background-color: #466482;
 }
 
 /* Buttons */
  A.mkl {
	display: block;
  height: auto;
	width: 71px;
  font-family: Tahoma;
	font-size: 10px;
  text-align: center;
  vertical-align: text-top;
	text-decoration: none;
	border-style: outset;
	border-width: 2px;
  color: #183654;
	border-color: #ACA899;
  background-color: #9E9D9D;
  
 }
 
  
 A.mkl:hover {
	border-style: inset;
	border-width: 2px;
    color: #183654;
	border-color: #ACA899;
	background-color: #466482;
 }

/* ------------------------------------------------------------------------------------------------- */
 /* Links */
a:link {text-decoration: none; font-size:11px; color: #071f72;}
a:visited {text-decoration: none; font-size:11px; color: #071f72;}
a:hover{text-decoration: none; font-size:11px; color: #071f72;}
a:active{text-decoration: none; font-size:11px; color: #071f72;}
 /* Kontaktformular */
form {width: 800px; text-decoration: none; font-size:13px; color: #A1A0A0;}
input, select, textarea, label { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px; color: #071f72;}

.input1 {font-size:11px; width:150px; height:auto;}
.input2 {font-size:11px; width:400px; height:auto;}
.input3 {font-size:11px; width:80px; height:auto;}
.input4 {font-size:11px; width:100px; height:auto; color: #CC0000;}
.inputF {width: 20px; height:auto; font-weight:bold; }
.inputKo {font-size:11px; width:250px; height:auto;}
.inputK {width: 20px; height:auto; font-style:italic; }
.inputU {width: 20px; height:auto; text-decoration:underline;}
.inputM {width: 20px; height:auto; background:url(../../includes/images/button_mi.png)}
.inputR {width: 20px; height:auto; background:url(../../includes/images/button_re.png)}
.input24 {width: auto; height:auto; background:#CCFF00}

.textarea1 {font-size:11px; width:150px; height:80px;}
.textarea2 {font-size:11px; width:480px; height:130px;}
.textarea3 {font-size:11px; width:80px; height:130px;}
.textarea4 {font-size:11px; width:580px; height:130px;}
.textareaKo {font-size:11px; width:300px; height:100px;}
.editbox { background-color:#ddff; border:1px solid #ddd; }
.labelbox {text-align:left; text-decoration: none; font-size:14px; color: #071f72;}
.labelpflicht {text-align:right; text-decoration: none; font-size:12px; color: #071f72;}

 /* Schriften */
.font12rot {
	color:#990033;
	font-size: 12px;
}
.font10grau { color:#A1A0A0; font-size: 10px;}
.font11grau { color:#A1A0A0; font-size: 11px;}
.font12grau { color:#A1A0A0; font-size: 12px;}
.font14grau { color:#A1A0A0; font-size: 14px;}
.font16grau { color:#A1A0A0; font-size: 16px;}
.font18grau { font-weight:bold; color:#A1A0A0; font-size: 18px;}
.font10blau { color:#071f72; font-size: 10px;}
.font11blau { color:#071f72; font-size: 11px;}
.font12blau { color:#071f72; font-size: 12px;}
.font14blau { color:#071f72; font-size: 14px;}
.font16blau { color:#071f72; font-size: 16px;}
.font18blau { font-weight:bold; color:#071f72; font-size: 18px;}
.font11schw { color:#071f72; font-size: 11px;}
.font12schw { color:#000000; font-size: 12px;}
.fontpreis {font-weight:bold; color:#CCFF00; font-size: 28px;}
p{margin-top:5px; margin-bottom:5px;}