@charset "utf-8";
html	{
	scrollbar-base-color:#EDFDAD;
	scrollbar-3d-light-color:#006600;
	scrollbar-arrow-color:#006600;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#69BF13;
	scrollbar-highlight-color:#006600;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#EDFDAD;
	}
body {
    border:0;
	margin-top:0;
    margin-left:auto;
	margin-right:auto;
	font-size: 100.01%;
	background-color:#EDFDAD;
	overflow:auto;
    text-align:center;  /*  Zentrierung im Internet Explorer */
	  }
  
a:link {  /* Links */
	color:#336600;
	text-decoration:none;
	}
a:visited {
	color:#336600;
	text-decoration:none;
	}
a:hover {
	color:#FF6600;
	text-decoration:none;
}
a:active {
	color:#FF6600;
	text-decoration:none;
	}
	
	
/*Startseite*/
#kopfbilderleiste {
	width:100%;
	height:150px;
	background: url(bilder/balken-logo30b_de.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:0;
	visibility: visible;
	}
		
 /*Startseite_Hauptmenü*/
 #HMstartseite {
	margin-bottom:0px; 
	margin-left:1%;
	margin-right:1%;
	margin-top:150px;
	width:12%;
	height:73%;
	/*position:relative;*/
	z-index:9;
	float:left;
	visibility: visible;
	text-align:left;
	color:#666600;
	overflow:auto;
	/*font: normal 75%/120% Arial, Helvetica, sans serif;*/
	font: normal 82%/135% Arial, Helvetica, sans serif;
	} 
.HMstartseiteMP {
	border:0;
	margin:2px 0px 3px 0px; 
	background-color:#CCCC99;
	padding:0 3px 0 5px;
	}
#HMstartseite a:link {  /* Links im Hauptmenu */
	color:#666600;
	text-decoration:none;
	}
#HMstartseite a:visited {
	color:#666600;
	text-decoration:none;
	}
#HMstartseite a:hover {
	color:#CC0000;
	text-decoration:none;
	}
#HMstartseite a:active {
	color:#CC0000;
	text-decoration:none;
	}
.HMmediabuttons {
	margin-top:5px; 
	height:23px; 
	/*width:100%;*/
	}
			
#startseiteFenster {
	border:1px solid black; 
	/*margin-left:auto; 
	margin-right:auto;*/
	margin:139px 0px 0px 0px;
	text-align:left; 
	height:75%; 
	width:80%; 
	/*position:relative;
	top:-10px;*/
	float:left;
	z-index:-10;	
	/*background-color:#EDFDAD;*/
	overflow:auto;
}
.seitestartRe {
	border:0; 
	margin:0; 
	padding:0; 
	width:20%; 
	height:100%;
	background-color:#EDFDAD;
	float:right;	
}
.seitestartLi {
	margin:0px 0px 0px 0px;
	padding-left:5px;
	padding-right:5px; 
	width:15%; 
	height:100%;
    background-color:#FFFFFF;
	color:#336633; 
	font-size:100%;  
	text-align:left; 
	float:left;
}
.stichworte {
	/*background-color:#EDFDAD;*/
	margin-top:10px; 
	padding:0 0px 5px 4px;
}
.broschDownload1 {
	float:left; 
	width:40px; 
	margin-top:0px; 
	margin-bottom:2px; 	 
	padding:0px 0 0px 0; 
	}
.broschDownload2 {
	/*margin:0; */
	margin-bottom:5px;
	padding: 0px 0px 0px 3px;
	text-align:left;  
	border:1px solid #336633;
}
.socialMedia {
	margin-top:10px;
	padding:0; 
	border-spacing:0;
	vertical-align:bottom;  	 	
}
.seitestartLi p  { 
	 margin:0px 10px 0px 0px; 
	} 
.seitestartMi {
	/*margin-left:15%; 
	margin-right:20%; 
	padding-left:15%;
	padding-right:20%;*/
	/*padding-left:12px; 
	padding-right:15px; 
	padding-top:10px; 
	padding-bottom:5px;  
	text-align:center;*/
	height:100%;
	background-color:#FFFFFF;	
	overflow:auto;
	/*font-size:90%;*/
}
.seitestartMi h1  { 
	margin-top:30px; 
	font: bold 119%/130% Verdana, Helvetica, Arial, sans serif;
	}	
/*.seitestartMi h2  { 
	 font: bold 102%/117% Verdana, Helvetica, Arial, sans serif;
	}*/
.seitestartMi ul  { 
	 margin:10px 0 5px 0; 
	}	
.seitestartMi ul li { 
	 margin:0px 0 6px 0; 
	 font: 80%/120% Verdana, Helvetica, Arial, sans serif; 
	 list-style:outside url(bilder/list_1.gif);
	 text-align:left;
	}
.textblockStartseite  {
	margin-left:5%;
	margin-right:5%; 
	}
/* Inhaltseiten*/
.kopfleiste {
	border:0;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	height:106px;
	background:url(bilder/balken-logo-24d_de.png) no-repeat; 
    position:absolute;
	left:0px; 
	top:0px; 
	width:100%;	
	z-index:20;	
}	
#hauptmenu {
	border:0;
	margin-left:auto;
	margin-right:auto;
	width:920px;
	visibility: visible;
	margin-top:19px;
	margin-bottom:0;
	padding-top:0px;
	text-align:left;
	color:#666600;
	font: normal 75%/120% Arial, Helvetica, sans serif;
	}
#hauptmenu td {  /* Menu Tabellenzelle */
    padding:0; 
	border-spacing:1px;
	vertical-align:top;
	background-color:#CCCC99;
	text-decoration:none;			
	}

#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color:#CC0000; 
	}			
#hauptmenu a:link {  /* Links im Hauptmenu */
	color:#666600;
	text-decoration:none;
	}
#hauptmenu a:visited {
	color:#666600;
	text-decoration:none;
	}
#hauptmenu a:hover {
	color:#CC0000;
	text-decoration:none;
	}
#hauptmenu a:active {
	color:#CC0000;
	text-decoration:none;
	}
.contentFenster {
	border:1px solid black;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	height:80%;
	width:95%;
	position:relative;
	top:94px;
	background-color:#EDFDAD;
}
.seiteRe {
	width:20%; 
	height:100%; 
	float:right; 
	background-color:#EDFDAD;
	overflow:auto;
}
.einstufungstest {
	border:1px solid #336633;
	margin:10px 0 0 0px;
	padding:5px 2px 0 5px;
	width:80%;   
	font: normal 80%/125% Verdana, Helvetica, Arial, sans serif;
	background-color:#99CC66;
    clear:left	
}
.angebot {
    border:1px solid #336633;
	margin:10px 0 0 0px;
	padding:5px 2px 0 5px;
	width:90%;   
	font-size: 87%;  
	/*background-color:#99CC66;*/
	background-color:#FFFFFF;
	/*background:url(bilder/mandelbluete5.jpg) repeat;*/
	clear:left	 
    color:#000099; 
}
.angebot h1 {
   margin:0px 0 5px 0; 
   text-align:center; 
   font:bold 113%/132% Verdana, Helvetica, Arial, sans serif;  
}
.angebot p {
 	margin:0 0 10px 0; 
	text-align:left; 
	font: normal 81%/105% Verdana, Helvetica, Arial, sans serif;
	text-indent:-14px; 
	margin:0 5px 5px 20px;
}
.seiteLi {
	background:url(bilder/hg_navi_neu3.png) repeat-x; 
	height:100%; 
	width:150px; 
	float:left; 
	padding-top:0px; 
	padding-left:5px; 
	text-align:left; 
	color:#003300;
}
#nav1 { 
    border:0;
	margin-top:0;
	margin-bottom:0;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:0px;
	width:150px;
	height:71px;	
	text-align:center;	
	color:#336600;
	}	
#nav2 { 
    border:0;
	margin-top:0;
	padding-left:2px;
	padding-top:10px;
	height:353px;
	text-align:left;	
	color:#003300;
	}	
#nav2 a:link {
    color:#003300;
	text-decoration:none;
	}	
#nav2 a:visited {
    color:#003300;
	text-decoration:none;
	}
#nav2 a:hover {
    color:#FF6600; 
	text-decoration:none;
	background-color:#EDFDAD;
	}
#nav2 a:active {
    color:#FF6600;
	text-decoration:none;
	} 	
#nav2 p {
	border:0;
	text-align:left;
	font:70%/112% Verdana, Helvetica, Arial, sans serif;
	margin-bottom:5px; 
	padding-left:0px;
		}	
.seiteMi {
	height:100%; 
	padding: 0 10px 0 20px;
	overflow:auto; 
	background-color:#FFFFFF;
	text-align:center;
	}
.seiteMi ul  { 
	 margin:10px 0 5px 0; 
	}	
.seiteMi ul li { 
	 margin:5px 0 6px 15px; 
	 font: 80%/120% Verdana, Helvetica, Arial, sans serif; 
	 list-style:outside url(bilder/list_1.gif);
	 text-align:left;
	 }
.textblock  {
	margin-left:auto;
	margin-right:auto;
	width:90%; 
	}
.gplusone  { 
	 padding-top:3px; 
	 padding-bottom:3px; 
	 height:20px; 
	 width:170px; 
	 float:left;
	}
.linkedin  { 
	 margin-left:5px; 
	 width:100px; 
	 height:20px; 
	 float:left;
	}
.xing  { 
	margin-left:5px; 
	width:100px; 
	height:20px; 
	float:left;
	}
.keywords {
    color:#666600;
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	font-size: 65%;
	font-style: normal;
	line-height: 100%;
	text-align:center;
	}
.impressum {
	text-align:left;
	font:70% Arial, Verdana, Helvetica, sans serif;	
	line-height:100%;
	color:#FFFF99;
	text-decoration:none;
	visibility: visible;
	height:25px; 
	padding-top:0px;
	float:left; 
	}
.impressum a:link {
	color:#FFFF99;
	text-decoration:none;
	}
.impressum a:visited {
	color:#FFFF99;
	text-decoration:none;
	}
.impressum a:hover {
	color:#FF6600;
	text-decoration:none;
	} 
.impressum a:active {
	color:#FF6600;
	text-decoration:none;
	}
.contentFusszeile1 {
	border:1px solid #006600;
	margin-left:auto; 
	margin-right:auto; 
	height:28px; 
	width:100%; 
	background-color:#006600; 
	overflow:hidden;
	} 
.contentFusszeile2 {
	width:80%; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left;
	}
			
	
		

	
/* Belegungskalender */
table.belkalender {
	border:1px solid black;
	border-spacing:0;
	width:134px;
	table-layout:fixed;
	border-collapse:collapse;
		}	
.belkalender td {
	padding:0;
	font: normal 65%/95% Arial, Verdana, Helvetica, sans-serif;
	border:1px solid black;
	text-align:center;
	height:18px;
		}
.allesbelegt {
	background-color:#FF3300;
		}
.allesfrei {
	background-color:#009900;
		}
.nichtverfuegbar {
	background-color:#FFFF99;
		}
.EZbelegt {
	background-image:url(bilder/EZbelegt.gif);
		}
.DreiBZibelegt {
	background-image:url(bilder/3Zbelegt.gif);
		}
.EZDZbelegt {
	background-image:url(bilder/EZDZbelegt.gif);
		}
.EinzelZifrei {
	background-image:url(bilder/1Zifrei.gif);
		}		
		
/* Kursoptionen*/		
table.kursoptionen {
	width:600px;
	border-spacing:1px;	
	background-color:#FFFFFF;
	table-layout:fixed;

		}
table.kursoptionen td {
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:7px;
	padding-left:7px;
	font: normal 75%/110% Arial, Verdana, Helvetica, sans serif;
		}
.FFFFCC {
	background-color:#FFFFCC;		
		}
.FFFF99 {
	background-color:#FFFF99;
		}
.FFCC00 {
	background-color:#FFCC00;		
		}
.FF9900 {
	background-color:#FF9900;		
		}
.CCFF66 {
	background-color:#CCFF66;		
		}
.gruen {
	background-color:#669900;		
		}
.hellgruen {
	background-color:#66CC00;		
		}
.CCFFFF {
	background-color:#CCFFFF;		
		}
.blau {
	background-color:#99FFFF;		
		}
.EDFDAD {
	background-color:#EDFDAD;
	width:600px;
	padding:3px;
	text-align:center;		
		}
.center	{
	text-align:center;
		}
.position	{
	position:relative;
	width:1000px; 
	top:-50px;
		}		

/*Preise */		
table.preise {
	width:90%;
	border:1px solid #999900;
	border-spacing:1px;
	background-color:#999900;
	table-layout:fixed;
		}
table.preise td {
    background-color:#EDFDAD;
	padding-right:10px;
	vertical-align:top;
	color:#666600; font: normal 80%/140% Verdana, Helvetica, Arial, sans serif;
		}
		
/* Kontaktformulare/Preiskalkulator */		
table.formular {
	width:590px;
	border-spacing:0px;
	border:1px solid #003300;	
	table-layout:fixed;
			}		
table.formular td {
	vertical-align:middle;
	border:1px solid #003300;
	border-collapse:collapse;
	text-align:left;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:7px;
	padding-left:7px;
	font: normal 87%/110% Arial, Verdana, Helvetica, sans serif;
		}
table.optionssch {
	width:200px;
	border:0;
	background-color:#FFFFFF;	
		}
table.optionssch td {
	border:0;
	}	
.zurbutton {
	margin-left:20px; 
	width:250px; 
	background-color:#009900; 
	color:#FFFFFF; 
	font:bold 12pt Verdana;
			}
.zurbutton a:link {
	color:#FFFFFF;
	text-decoration:none;
		}
.zurbutton a:visited {
	color:#FFFFFF;
	text-decoration:none;
		}
.zurbutton a:hover {
	color:#FF6600;
	text-decoration:none;
	}
.zurbutton a:active {
	color:#FF6600;
	text-decoration:none;
	}				
.right	{
	text-align:right;
		}
		
/* Fragen + Antworten */		
.frage 	{
	font: italic 80%/120% Verdana, Helvetica, Arial, sans serif;
	padding-left:7px;
	padding-right:7px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align:left;
	border:0;
	visibility: visible;
	z-index:18; 
	/*background-color:#CC6633;*/
	background-color:#EDFDAD;
	position:relative;
	width: 730px; 
		}
.antwort 	{
   	font: normal 80%/120% Verdana, Helvetica, Arial, sans serif;
	margin-bottom:15px; 
	margin-left:auto;
	margin-right:auto;
	padding-left:7px;
	padding-right:7px;
	padding-top:5px; 
	padding-bottom:5px;
	text-align:left;
    visibility: hidden;
	z-index:17;
	/*background-color:#993300;*/
	background-color:#DBFB5E;
	border:0;
	position:relative; 
	width: 730px; 
		}
.antwortNoscript 	{
   	font: normal 80%/120% Verdana, Helvetica, Arial, sans serif;
	margin-bottom:15px; 
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding-left:7px;
	padding-right:7px;
	padding-top:5px; 
	padding-bottom:5px;
	text-align:left;
    visibility: visible;
	z-index:17;
	/*background-color:#993300;*/
	background-color:#DBFB5E;
	border:0;
	position:relative; 
	width: 730px; 
		}		
.links {
	font:70% Arial, Verdana, Helvetica, sans serif;
	position:relative; 
	top:-94px; 
		}

/* Download/Anmeldedokumente*/		
table.dokumente {
	width:550px;
	border:1px solid #999900;
	border-spacing:1px;
	background-color:#999900;
	table-layout:fixed;
	text-align:left;
		}
table.dokumente td {
	background-color:#EDFDAD;
	padding-left:5px;
	vertical-align:top;
	color:#666600; font: normal 80%/140% Verdana, Helvetica, Arial, 'sans serif';
		}
		
/* Bildergalerie/Kreativprogramm */		
table.kreativ {
    margin-left:auto;
	margin-right:auto; 
	border:0px; 
	padding:4px; 
	border-spacing:0px; 
	background-color:#006600;
		}
table.kreativ td {	
	border:0px; 
	padding:4px; 
	  }
.img {
	border:0px;
	width:79px;
	height:67px;
		}
.img2 {
	border:0px;
	width:315px;
	height:269px;
		}		
table#pl {	
	width:600px; 
	border-spacing:0; 
	border:0; 
	  }
table#pl td{	
	padding:4px; 
	text-align:left; 
	font:normal 80%/120% Verdana, Helvetica, Arial, sans serif;
	  }
	  
/* Rätselseite*/	  
table#einstein td{	
	background-image:url(bilder/einstein3.jpg); 
	width:118px; 
	height:176px; 
	color:#CC3300; 
	font:bold 140% 'Arial black'; 
	text-align:right; 
	vertical-align:bottom;
	  }
.raetsel {
    color:#666666;
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	font-size: 50%;
	font-style: normal;
	line-height: 85%;
	}
.fotosUnterkunft {
   margin:10px 0 0 0; 
   color:#FFFFFF; 
   font:bold 132%  Verdana, Helvetica, Arial, sans serif; 
}

.videolink {
   background:url(bilder/winter-im-kaiserstuhl.png) no-repeat;
   width:170px; 
   height:123px; 
   margin-left:3px; 
   float:right;
}
				
		
/*p  { margin:0 0 10px 0; text-align:left; font: normal 80%/140% Verdana, Helvetica, Arial, sans serif;}*/
p  { margin:0 0 10px 0; text-align:left; font: normal 81%/140% Verdana, Helvetica, Arial, sans serif;}
b  { font: bold; }
i  { font: italic; }

/*h1 { margin:10px 0 20px 0; text-align:left; font:bold 112%/120% Verdana, Helvetica, Arial, sans serif;}*/
h1 { margin:10px 0 20px 0; text-align:left; font:bold 113%/130% Verdana, Helvetica, Arial, sans serif;}
/*h2 { margin:0 0 5px 0; text-align:left; font:bold 105%/120% Verdana, Helvetica, Arial, sans serif; }*/
h2 { margin:0 0 8px 0; text-align:left; font:bold 107%/120% Verdana, Helvetica, Arial, sans serif; }
/*h3 { margin:20px 0 8px 0; text-align:left; font:bold 90%/100% Verdana, Helvetica, Arial, sans serif; }*/
h3 { margin:20px 0 8px 0; text-align:left; font:bold 88%/120% Verdana, Helvetica, Arial, sans serif; }
/*h4{ margin:5px 0 5px 0; text-align:left; font:bold 90% Verdana, Helvetica, Arial, sans serif; }*/
h4{ margin:5px 0 8px 0; text-align:left; font:bold 94%/120%  Verdana, Helvetica, Arial, sans serif;  }
/*h5 { margin:0 0 8px 0; text-align:left; font:bold 90%/120%  Verdana, Helvetica, Arial, sans serif;  }*/
h5 { margin:5px 0 8px 0; text-align:left; font:bold 88%/120%   Verdana, Helvetica, Arial, sans serif; }
h6 {  margin:5px 0 8px 0; text-align:left; font:bold 82%/120%   Verdana, Helvetica, Arial, sans serif;  }
li { margin:5px 0 0px 0; font: 80%/110% Verdana, Helvetica, Arial, sans serif; list-style:square;}
ul { margin:0 0 5px 0;}
hr { width:90%; background-color:black; height:1px; margin-top:15px; margin-bottom:15px; border:0; }
label {font:10pt Arial, Verdana, Helvetica, sans serif;}

.stattP{
    color:#000000; font: normal 80%/140% Verdana, Helvetica, Arial, sans serif;	
	 }
.PseiteStart{
    width:98%;	
	 }
.legende {
    font: normal 80%/110% Verdana, Helvetica, Arial, sans-serif;
    margin-bottom:5px;
	}
.datum {
	text-align:right; 
	}		
	
.akttext {
	font-family: Verdana, Helvetica, Arial,sans-serif;
	font-style: normal;
	line-height: normal;
	}
	




/* businessseite*/	
.englisch {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18pt;
	font-style: normal;
	line-height: 140%;
	font-weight: lighter;
	font-variant: normal;
	}
#kopf {  /* positionierung balken */
	border:0;
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	text-align:left;
	height:100px;
	background:url(bilder/balken.gif) no-repeat;
	visibility:visible; 
	z-index:-10;
	}
.seitestartFuss {
    margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	visibility: visible;
	border:1px solid #336633;
	background-color:#336633;
	height:28px; 
	width:100%;
}	
table#adresse {
	border:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-66px;
	width:900px;
	visibility: visible;
	}		
#adresse td {
	vertical-align:baseline;
	height:12px;
	padding:0;
	text-align:left;
	}	
.prodkriterien {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	font-style: normal;
	line-height: normal;
}			
/*.impressum {
	text-align:left;
	font:70% Arial, Verdana, Helvetica, sans serif;	
	line-height:100%;
	color:#FFFF99;
	text-decoration:none;
	visibility: visible;	 
	height:25px; 
	width:150px;	
	}*/	

/*.seitestart  { 
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	top:-15px;
	width:80%;
	height:555px;	
	text-align:left;
	background-color:#FFFFFF;
	visibility: visible;
		}
.tabelleSeitestart {
	border:1px solid #336633;
	margin:0;
	border-spacing:0; 
	height:555px; 
	width:100%;
}*/

/*contentFusszeile1_alt
.contentFusszeile1 {
	border:1px solid #006600; 
	margin-left:auto; 
	margin-right:auto; 
	height:28px; 
	width:70%; 
	position:relative; 
	top:-15px; 
	background-color:#006600; 
	overflow:hidden;"
}*/
/*contentFusszeile2_alt
.contentFusszeile2 {
	width:80%; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left;"	
	}*/
/*fusszeile1 {
	border:1px solid #006600;
 	margin-left:auto;
 	margin-right: