/* CSS Document */


* {
	
	margin:0px;	
}

html,body {
    text-align: center;
	background:#E9F0F5 url(../menu-images/back2.png) repeat-x 20% 0;	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:13px;		
	margin:0px;
	padding:0px;		
}

div#midground{
background: transparent url(../menu-images/back3.png) 30% 208px repeat-x;
	border:0px solid yellow; margin: 0;
padding: 0;
width: 100%;
}
div#foreground{
background: transparent url(../menu-images/back4.png) 40% 300px repeat-x;
	border:0px solid red; 
margin: 0;
padding: 0;
width: 100%;
}

/* Fix for Google Chrome clipped background bug */
html {
	background-color: #E9F0F5;
}


img {
	border:none;	
}



h1, h2  {
	
	border-bottom:0px;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:5px;
	font-size:18px;
	font-weight:bold;
	color:#ff6a00;
/* war #F90 */
		font-family:Tahoma, Geneva, sans-serif;
	
	letter-spacing:1px;
}


spue {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#cb6505;
	letter-spacing:1px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}

sp {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#ff9B05;
	letter-spacing:1px;
	margin-top:5px;
	margin-bottom:10px;
}


h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#ff9B05;
	letter-spacing:1px;
	margin-top:10px;
	margin-bottom:10px;
}

p {
	
	margin-bottom:10px;
	margin-top:10px;
	line-height:140%;
	
}
	

.tip {
	border-bottom:2px dashed #e00;
	cursor:help;
}






/*************************************************************************************************************************************************/
/**************************************** start CONTAINER Hauptbehälter für alles ****************************************************************/
/*************************************************************************************************************************************************/

#container {	
	border:1px dashed blue; 
	width:1200px;
	height:3500px;
	margin-left:auto;
	margin-right:auto;
	
}

/*************************************************************************************************************************************************/
/**************************************** start BANNER zeichnet die Kopfgrafik  ******************************************************************/
/*************************************************************************************************************************************************/
#banner {	
	border:0px solid yellow; 
	background-repeat:no-repeat;
	height:81px;
 	background:url(../menu-images/headnh.png);
	position:relative;
	z-index:10;
}

/*************************************************************************************************************************************************/
/**************************************** start BANNERTEXT schreibt Text in banner ? ****** hier nicht benutzt ***********************************/
/*************************************************************************************************************************************************/
#bannertext {
/* 	display:none;  */
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	position:absolute;
	left:200px;
	top:60px;
	color:blue;
	font-family:Tahoma, Geneva, sans-serif;
}
/*************************************************************************************************************************************************/
/**************************************** leftcontent und maincontent nebeneinander **************************************************************************************/
/*************************************************************************************************************************************************/
#leftcontent {
	border:1px solid red;
	float:left;
	background-color:#E0E1FF;	
	width:30px;	
    margin-bottom:auto;
	margin-left:10px;	
}

#maincontent {	
	border:1px solid yellow;
	float:left;
	padding:0px;
/*	width:1180px;	*/
	margin-left:10px;
	margin-right:10px auto;
    margin-bottom:auto;
	}

#maincontent a {
	
}

#maincontent a:hover {
	color:#C00;	
}

#cb {
 clear:both;
}


/*************************************************************************************************************************************************/


/*************************************************************************************************************************************************/
/**************************************** Einzelbild ganze Breite ********************************************************************************/
/*************************************************************************************************************************************************/

#ebildbreit {	
	border:2px dashed yellow; 
	background-repeat:no-repeat;
	color:#ADC7DC;
	bottom:auto;
/*	width:1150px;	*/
	margin-left:10px auto;
	z-index:10;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;		
	text-align:center;
	padding:5px;
	color:blue;		
    text-align:center;
}
#bilderrahmen {
	 border:2px solid blue; 
     position:relative;
	 background-color: transparent; 
	 text-align: center; 
     bottom:auto;
	 padding: 7px; 
	 margin-top:20px;
	 margin-left: 30px auto 0; 
	 }
/*************************************************************************************************************************************************/



#komment {	
	border:2px dashed yellow; 
	background:transparent;
    margin-bottom:auto;
	position:relative;
	z-index:10;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;		
	font-weight:bold;
	margin-top:20px;
    margin-bottom:auto;
	padding:5px;
	color:blue;		
    text-align:center;
}

#ueberschrift {	
	border:2px solid red; 
	background-repeat:no-repeat;
	background-color:#81e8f7;
    bottom:auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:22px;		
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
	color:blue;
    text-align:center;
}
#ueberschriftkommentar {	
	border:2px dashed red; 
	background-repeat:no-repeat;
	background-color:#81e8f7;
	height:25px;
	width:1120px;
	position:relative;
	z-index:10;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;		
	font-weight:bold;
	color:#0063f8;
	margin-top:0px;
	margin-left:30px;
	padding:5px;
    text-align:center;
}

#hr {
      border: 0;
      width: 80%;
    }
    hr.hr1 {
      color: #f3399cc;
      background-color: #f00;
      height: 5px;
    }
    hr.hr2 {
      color: #f3399cc;
      background-color: #f00;
      height: 1px;
    }
    hr.hr3 {
      border: 1px solid #f00;
      color: #cc99cc;
      background-color: #fff;
      height: 10px;
    }

   
    
    
    /*
#trenner {
	border:0px solid yellow; 
	background:tranparent;
	width:150px;
	height:4px;
 	background:url(../menu-images/trenn.png);
	position:relative;
	margin:20px auto 20px;
}	

*/

#links { 
border:0px solid blue;
float:left;
text-align:center;
width:350px;
margin-left: 30px;
margin-top:20px;

}
#mitte { 
border:1px dashed red;
float:left;
text-align:center;
width:350px;
margin-left: 30px;
margin-top:20px;
}

#rechts {
border:1px solid yellow;
float:left;
text-align:center;
width:350px;
margin-left: 30px;
margin-top:20px;
margin-right: 30px;
}

#clear {
clear:both;
}














/*************************************************************************************************************************************************/
/**************************************** Die Footer Abteilung für den untersten Teil ************************************************************/
/*************************************************************************************************************************************************/

#middle-top {
	height:10px;
	display:block;
	background:url(../menu-images/middle-top.png) ;
	background-repeat:no-repeat;	
	margin:0px;	
	clear:both;
	
}

#footer {	
	position:relative;
	text-align:left;
	color:#333;
	font-size:10px;
	background:url(../menu-images/footer-bot.png);	
	background-repeat:no-repeat;
	background-position:bottom;
	height:20px;
	/*padding:10px;*/
	padding-top:2px;
	padding-bottom:10px;	
	padding-left:10px;	
}

#footer-top {
	height:30px;
	display:block;
	background:url(../menu-images/footer-top.png) ;
	background-repeat:no-repeat;	
	margin:0px;	
	clear:both;
	
}

#footer-ur {
	height:530px;
	margin:0px;	
	
}


#footer-validation {

	border:4px color:#f8f8f8;
	position:absolute;
	top:-3px;
	right:20px;
	width:155px;	
}

#footer-validation img{
	margin:0px;
    padding:0px;
    margin-bottom:-3px;
}

/*************************************************************************************************************************************************/
/**************************************** start CONTENT CONTAINER ********************************************************************************/
/*************************************************************************************************************************************************/


#mittelteil {
    border:1px solid blue;
    margin:0px auto;
    width:1200px;
	min-height:550px;
    text-align: left;
    background-color: white;
	background-image:url(../menu-images/middle.png);	
/*	overflow:hidden;	/* force div to expand vertically to accomodate content (not IE6) */
}

/* force div to expand vertically to accomodate content (for IE6) */
/** html #mittelteil {
	height:1%;
}
*/

/*************************************************************************************************************************************************/
/**************************************** start zoomengine ***************************************************************************************/
/*************************************************************************************************************************************************/

/* Feature section in ZoomEngine page */
.zoom-section {	
	clear:both;	
	margin-top:20px;
}

* html .zoom-section { 
	display:inline;
	clear:both;
}
/* Feature descriptions in ZoomEngine page */
.zoom-desc {
	background-color:#f5f5f5;
	float:left;
	margin-left:0px;
	width:700px;
	margin-bottom:10px;

}

.zoom-small-image {
	border:4px solid #CCC;
	float:left;
	margin-bottom:20px;
}
.zoom-tiny-image {
	border:1px solid #CCC;
	margin:0px;
	
}
.zoom-tiny-image:hover {
	border:1px solid #C00;		
}
/*************************************************************************************************************************************************/
/**************************************** ende zoomengine ****************************************************************************************/
/*************************************************************************************************************************************************/


/*************************************************************************************************************************************************/
/**************************************** start carousel settings ********************************************************************************/
/*************************************************************************************************************************************************/

.carouselLeft {	
	display:none;
	background:url(../menu-images/rotate-left.png);	
	width:40px; height:40px;
	background-position: 0px 0px;
}
.carouselLeft:hover {		
	width:40px; height:40px;
	background-position: 0px 40px;
	cursor:auto;
}
.carouselRight {
	display:none;
	background:url(../menu-images/rotate-right.png);	
	width:40px; height:40px;
	background-position: 0px 0px;
}
.carouselRight:hover {	
	width:40px; height:40px;
	background-position: 0px 40px;
}
/****************************************/

#carousel1-title {
	display:none;	
	color:#f90;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	margin:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:10px;
	width:80%;
}
#carousel1-alt{
	display:none;	
	color:#ddd;
	margin:20px;
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
	
}

#carousel2-title {
	display:none;	
	color:#f90;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	margin:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:10px;
	width:80%;
}
#carousel2-alt{
	display:none;	
	color:#ddd;
	margin:20px;
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
	
}



a, a:focus, a:active {

   outline: 0 none;
  	border:none;
	
}

/*************************************************************************************************************************************************/
/**************************************** end carousel settings ****************************************//****************************************/
/*************************************************************************************************************************************************/




/* aus stil-1.css übernommern */
/*  Kommentarzeile */

/* P, H1, H2, H3, H4, H5, H6, TD, UL, Li {font-family: Hevetica,Arial,sans-serif; }
/* P { font-size: 10pt; line-height: 130%; color:black;  text-align:justify; margin-right:3pt; margin-top:0pt;}
/* H4{ font-size: 10pt; font-weight:bold; line-height: 130%; color:black;  text-align:center; margin-right:3pt; margin-top:0pt;}
/* H1 { color:#ff7c00; font-size:16pt; line-height:16pt; letter-spacing:0.4em; }
/* H5 { font-size: 12pt; line-height: 100%; color:black }
/* H3 { font-size: 10pt; line-height: 130%; text-align:justify; color:blue; }
/* H6{ font-size: 8pt;  line-height: 130%; color:black }
/* H7{ font-size: 10pt; font-weight:bold; line-height: 130%; text-align:justify; color:red }

/* .ganzgross {font-size: 16pt; font-weight:bold; color:blue; text-align:center; }
/* .mittel {font-size: 12pt; font-weight:bold; color:blue; text-align:center; }
/* .klein { font-size: 9pt; line-height: 130%; color:black; text-align:left; margin-top:0pt; }
/* .kleinzentrot { font-size: 9pt; line-height: 130%; color:red; text-align:center; margin-top:0pt; }
/* .kleinzentschwarz { font-size: 9pt; line-height: 130%; color:black; text-align:center; margin-top:0pt; }
/* .kleinrotblock { font-size: 8pt; line-height: 130%; color:red; text-align:justify; margin-top:0pt; }
/* .rotblock { font-size: 10pt; line-height: 130%; color:red; text-align:justify; margin-top:0pt; }
/* .minizentschwarz { font-size: 8pt; line-height: 120%; color:black; text-align:center; margin-top:0pt; }
/* .kleinzentschwarz { font-size: 9pt; line-height: 130%; color:black; text-align:center; margin-top:0pt; }
/* .minizentblau { font-size: 8pt; line-height: 120%; color:blue; text-align:center; margin-top:0pt; }

/* .rotlinks {font-size: 8pt; color:red; vertical-align:top; margin-top:0pt; text-align:left; }
/* .swlinks {font-size: 8pt; color:black; vertical-align:top; margin-top:0pt; text-align:left; }

/* .rotzentfett {font-weight:bold; text-align:center; color:red; margin-top:0pt; }
/* .rotrechtsfett  {font-weight:bold; text-align:right; font-color:red; margin-top:0pt; }
/* .blaublocfett {font-weight:bold; text-align:justify; color:blue; margin-top:0pt; }
/* .blaufett {text-align:left;font-weight:bold; color:blue; }
/* .swfett {font-weight:bold; color:black; }

/* .blauzent {text-align:center; color:blue; margin-top:0pt; }
/* .blauzentfett {font-weight:bold; text-align:center; color:blue; margin-top:0pt; }
/* .zent {text-align:center; }
/* .neunum {font-weight:bold; font-size: 8pt; color:red; vertical-align:top; margin-top:0pt; text-align:center; }

/* .left {text-align:left}

/* .fett {font-weight:bold}
/* .zentfett {text-align:center; font-weight:bold; }
/* .zfetbloc {text-align:justify; font-weight:bold; margin-right:0pt;}

/* .weiss {color:white; }
/* .weissfet {text-align:center; font-weight:bold; color:white; }
/* .blauzentfett {text-align:center; font-weight:bold; color:blue; }

/* #kopf {position:absolute; left: 0px; top: 5px; width: 670px; height: 80px; background-color:transparent; }
*/