/* ============================
Engelhardt-Concepts
Start August 2008
letzte Aenderung 14.04.2010

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles fuer Layoutbereiche
        4. Sonstige Styles 

=============================*/

/*Wichtige Farben:
border #006666 blaugruen
schrift color #080808 anthrazit*/

/* ==================================
   1. Kalibrierung
   =============================== */

* {
padding: 0;
margin: 0;
}




/* ==================================
    Allgemeine Styles 
   =============================== */   
   
body {
background-color: #FFFFFF;
background-image: url(../images/hg.gif);
font: 12px Arial, Helvetica, sans-serif;
}

h1 {
font-size: 150%;
color:#006633;
padding-bottom: 30px;
}

h2 {
font-size: 130%;
color:#006633;
padding-top: 0px;
padding-bottom: 20px;
}

h3 {
font-size: 110%;
color:#090909;
padding-bottom: 10px;
}

p { margin-bottom: 12px;}

table {
border: 0;
}

input { font-size: 12px; font-family: tahoma, verdana; }
textarea { font-size: 12px; font-family: tahoma, verdana; }
caption { font-weight: bold; }



/* ==================================
    DIV-Styles fuer Layoutbereiche 
   =============================== */ 
#geruest { 
width: 1095px;
/*loat:left;*/
margin: 0 auto;
}   
#wrapper {
	float:left; /*fr werbeblock ntig*/
	width:868px;
	height: 748px;
	text-align: left; 
	background-color: #fff;
	margin-top: 20px;
	margin-left: 50px;
	
}

#navi {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	height: 748px;
	width: 150px;
	
	border-left: 1px solid #006666;
	border-top: 1px solid #006666;
	border-bottom: 1px solid #006666;
}

#navi .werbelink{
	border: 1px solid #ccc;
	padding: 3px;
	}
	
#navi .werbelink a{
	font: 13px Arial, Helvetica, sans-serif;
	color:#006633;
	}


	
#flash {
	float: left;
	width: 70px;
	height: 748px;
	background-image: url(../images/senkrecht-line.jpg);
	background-repeat: repeat-y;
	border-top: 1px solid #006666;
	border-bottom: 1px solid #006666;
}

#head {
	float: left;
	height: 190px;
	width: 630px;
	text-align: right;
	border-top: 1px solid #006666;
	border-right: 1px solid #006666;
}
	
#content {
	float: left;
	height: 558px;
	width: 630px;
	text-align: left;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
}

#content a {
	color:#006633;
}

#contentcontainer {
	margin: 30px 10px 0px 20px;	
	font: 13px Arial, Helvetica, sans-serif;
	}
	

#contentcontainer p {
	padding: 0px 10px 8px 0;
	text-align: left;
}

#contentcontainer ul, ol{
	margin-left: 30px;
}

#contentcontainer li {
	padding-bottom: 10px;
	
}

#marketing {
margin-bottom: 25px;
/*background-image: url(../images/marketing.gif);*/
}

#contentcontainer table td {
padding-top: 5px;
}

.ueberschrift {
padding-left: 50px;
padding-bottom: 8px;
}
#Kunden_werben input{
margin-left: 20px;
}

/*===========================
	Klassen und sonstige IDs
============================= */ 

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

#logo {padding: 60px 0;}

.logotext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#006633;
}
/****************  Accordion  ***************
******************************************/

.toggler  { 
	cursor:pointer;
	font-weight:bold;
	color:#006633;
	margin: 0;
	padding:5px 0 5px 25px;
	font-size:16px;
	font-family:Arial, sans-serif;
	background:url(../images/aufz_wuefel.gif) left no-repeat;
}
.toggler:hover	 { 
	text-decoration:underline;
}
.element	 { 
	padding:0 5px;
}
.image	 { 
	margin:10px 20px;
	float:right;
}

 /**********  klassen fr fotos ***************/
.imgIndex {
	float: left;
	margin: 20px 20px 0 40px;
	border: 0;
}

.gimmick {
float: right;
margin: 10px 20px 0 0;
border: 1px solid #006633;
}

.cms{
margin-left: 50px;
border: 0;
}

.workshop {
float: right;
margin: 0px 30px 0 20px;
border: 1px solid #006633;
}

/***********  klassen fr formular  ***********/
.standardklein {
font-size:10px;
color: #999999;
}



/* ==================================
   4. Sonstige Styles 
   =============================== */   

#werbung {

float: left;
max-width: 180px;
height:600px;
margin-top: 40px;
margin-left: 15px;


}

#werbung p{
/*color: #006666;
text-align: center;
font-size:10px;*/

}
#werbung a img{
 border: 0px; /*lscht blauen rand bei verlinkung*/ 
  } 
  
  
/****************  SLIDESHOW ***************/
#slideshow {
 height:225px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:50px;
 border: #006666 1px solid;
}
#slideshow img.start {
 display:block;
}

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */