/* ============================
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);
}

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

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

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

p { margin-bottom: 12px;}

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



/*===================================
  fr Einbettung carousel.swf
  =================================*/

/*<style type="text/css">
  .mozilla {
    display:block;
  }
</style>
<!--[if IE]>
<style type="text/css">
  .mozilla {
    display:none;
  }
</style>
<![endif]-->*/

/* ==================================
    DIV-Styles fuer Layoutbereiche 
   =============================== */ 
#geruest { 
width: 1080px;
float:left;
}   
#wrapper {
	float:left; /*für werbeblock nötig*/
	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;
}


#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;
}


/*====================
	Klassen und 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:#006666;
}

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

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

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

#contentcontainer li {
	padding-bottom: 10px;
	
}
.ueberschrift {
padding-left: 50px;
padding-bottom: 8px;
}
 /**********  klassen für fotos ***************/
.home {
	float: left;
	/*position: relative;*/
	margin: 20px 20px 0 10px;
}

.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 für formular  ***********/
.standardklein {
font-size:10px;
color: #999999;
}



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

#werbung {

float: right;
max-width: 180px;
height: 400px;
margin-top: 40px;

}

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

}
#werbung img{
 border: 0px; /*löscht 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 
   =============================== */