/******

	Site: 	Jugendsprachkurse
	CSS: 	Main CSS
	Autor:	shockvisions(R) LLC, sf
	Date:	12.2009
	(c) 2009, all Rights reserved.

*******/

@import url("dropdown.css");

.clear {
	clear: both;
}

.detailicons {
	float: left;
	width: 185px;
	margin-bottom: 10px;
}
	
	.buttonIcons .buttonitems {
		width: 60px;
		float: left;
	}
	
	#datenpreise .detailicons {
		float: right;
		width: 100px;
	}

	/* @Background im Farben-CSS */
	.detailicons .icon_flug {
		width: 85px;
		height: 85px;
	}
	
	.detailicons .icon_betreuung {
		width: 85px;
		height: 85px;
	}	

.showpic {
	float: left;
	width: 354px;
	height: 262px;
	display: block;
	margin-bottom: 20px;
}
  	
	.showpic #imageContainer img {
		display:none;
		position:absolute;
	}
	
	.buttonitemSlideshow {
		width: 527px !important;
	}
	
	.buttonitemSlideshow .buttonitems {
		float: left;
		width: 250px !important;
	}
	
		.buttonitemSlideshow .buttonitems .buttonitem {
			width: 250px !important;
		}
		
	/* Special adaptions for subsites */
	.buttonitemSlideshow .showpic {
		float: right !important;
		width: 254px !important;
		height: 188px !important;
	}
	

* {
	font-family: Arial, Verdana;
}


body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

#main {
	width: 1000px;
	background-image: url(../img/background.gif);
}

	#logo {
		width: 200px;
		height: 200px;
		float: left;
		background-color: #666;
	}
	
		a img {
			border: none;
		}
	
	#dropdown {
		width: 1000px;
		height: 20px;
		background-color: #305f8b;
		position: absolute;
		left: 0px;
		top: 200px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	#login{
	float: left;
	}
	
	#login a{
	text-decoration: none;
	font-weight: bold !important;
	color: #fff !important;	
    font-size: 12px !important;
    display: block; 
    padding-bottom: 5px;
    padding-top: 2px; /* Fix fuer Ue-Punkt */
    padding-left: 15px;
    padding-right: 5px;
	}
	
	#headerpicture {
		width: 800px;
		height: 350px;
		float: left;
		background-repeat: no-repeat;
	}
	
	#menuDiv {
		width: 200px;
		float: left;
		margin-top: -135px;
		margin-left: 0px;
	}
		
		#menuDiv #leftMenu {
			margin: 7px;
			padding-top: 20px;
			
		}
	
	#contentDiv {
		width: 770px;
		float: right;
		margin-top: -100px;
		margin-right: 10px;
	}
		#contentDiv h1 {
			margin: 0px;
			padding: 0px;
		}
		
		#contentDiv p, #contentDiv li {
			line-height: 1.5;
		}
		
		#contentDiv h1 {
			color: #fff;
			font-size: 25px;
		}
		
		#contentDiv .pagesubtitle {
			margin-left: -20px;
			margin-top: 10px;
			font-size: 14px;
			padding-left: 20px;
			background-color: #305f8b;
			color: #fff;
			width: 740px;
			text-transform: uppercase;
			font-weight: bold;
			padding-top: 4px;
			padding-bottom: 4px;
			height: 15px;
			margin-bottom: 15px;
		}
			
		
			.pagesubtitle .leftText {
				float: left;
			}
		
			.pagesubtitle .rightText {
				text-align: right;
				float: right;
				padding-right: 10px;
			}
		
		#footer {
			width: 990px;
			height: 18px;
			background-color: #305f8b;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			font-size: 11px;
			color: #FFF;
			padding-top: 4px;
			padding-left: 10px;
		}
			#footer a {
				color: #fff;
				font-weight: bold;
				text-decoration: none;
			}
			
		
		/* static-green BG float right of metatags */
		#metatags_background { 
			/* background-image: url(../img/footerbg.jpg); */
			width: 800px;
			margin-left: 200px;
		}
		
		#metatags {
			width: 760px;
			font-size: 12px;
			color: #FFF;
			/* background-color: #e2edb3; */
			
		}
		
			#metatags #content {
				margin-left:  20px;
				margin-right: 10px;
				padding-top: 10px;
				color:  #333;
			}
			
			#metatags #content a {
				color: #333;
				text-decoration: none;
			}
		
		/* ------------- CONTENT DIV SEPARATION --------------- */
		
		
		#leftContent {
			width: 570px;	
			float: left;
		}
		
		/* For Teasers right */
		#rightContent {
			width: 180px;
			float: right;
			/*background-color: #feb400; */
		}	
		
		#rightContent a {
				color: #31608c;
				text-decoration: none;
				font-weight: bold;
			}
		
		#bigbox_left {
			width: 569px;
			float: left;
		}
			#bigbox_left #header,
			.teaser_right .header {
				background-image: url(../img/boxen/neutral/header.jpg);
				repeat: repeat-y;
				height: 18px;
				color: #666;
				font-weight: bold;
				font-size: 14px;
				padding-left: 10px;
				padding-top: 3px;
			}
			
			#header a {text-decoration: none; color: #666;}
			
			/* Individual widths */
			#bigbox_left #header  { width: 560px; }			
			.teaser_right .header { width: 170px;} /* TODO: SF changed +5px */
			
			#bigbox_left #leftcol {
				width: 243px;
				margin-top: 10px;
				margin-left: 10px;
				margin-right: 10px;
				border-right: 1px solid #d2e38b;
				font-size: 12px;
				text-align: justify;
				padding-right: 5px;
				color: #666;
				float: left;
			}
			
			#bigbox_left #rightcol {
				width: 275px;
				margin-top: 10px;
				margin-left: 10px;
				margin-right: 10px;
				font-size: 12px;
				text-align: justify;
				padding-right: 5px;
				color: #666;
				float: left;
				margin-left: 1px;
			}			
			
			
		.teaser_right {
			width: 180px;
			/* background-color: #e2edb3; */
			float: right;
			margin-bottom: 10px;
		}
		
			.teaser_right .content {
				color: #666;
				font-size: 12px;
				margin-top: 10px;
				margin-left: 10px;
				margin-right: 10px;
				
			}
		
		.smallbox {
			width: 180px;
			height: 400px;
			/* background-color: #e2edb3; */
			margin-top: 20px;
			float: left;
			margin-right: 14px;
			margin-bottom: 10px;
		}
		
			.smallbox .content {
				width: 160px;
				margin-top: 10px;
				margin-left: 10px;
				margin-bottom: 10px;
				font-size: 12px;
				color: #666;
			}
			
		   	.smallbox .content a {
	   		color:  #2f628f;
	   		font-weight: bold;
	   		text-decoration: none;
	   		}
		
		#header_gelb,
		#header_blau,
		#header_orange {
			width: 170px;
			height: 17px;
			color: #666;
			font-size: 13px;
			font-weight: bold;
			text-align: left;
			padding-left: 10px;
			padding-top: 3px;
		}

		#header_gelb a,
		#header_blau a,
		#header_orange a {text-decoration: none; color: #666;}

		
		#header_gelb { background-image: url(../img/boxen/typen/gelb.jpg); }
		#header_blau { background-image: url(../img/boxen/typen/blau.jpg); }
		#header_orange { background-image: url(../img/boxen/typen/orange.jpg); }
		
		
		
   	/* ------------------------- */
   	/* LEFT MENU */
	/* ------------------------- */
		
		/* 
		#menu {
			margin-left: 43px;
		}
		*/
		
			/* Individueller Hintergrund: Sprach-Navigationspunkte sind in einem Div-Wrapper mit Muster: wrapper_Familiensprachkurse */
			.wrapper_Feriensprachkurse .item {
				background-image: url(../img/menu/menubg_gruen.jpg);
			}

			.wrapper_Familiensprachkurse .item {
				background-image: url(../img/menu/menubg_gelb.jpg);
			}
			
			.wrapper_Einzelunterricht .item {
				background-image: url(../img/menu/menubg_blau.jpg);
			}
			
			.wrapper_Aktivcamps .item {
				background-image: url(../img/menu/menubg_orange.jpg);
			}									
			
		
			#menuDiv .item {
				
				width: 185px;
				height: 20px;
				display: block;
				margin-bottom: 6px;
				text-align: right;
			}
			
			#menuDiv .item a {
				color: #31608c;	
				text-decoration: none;
				padding-right: 5px;
				font-size: 13px;
				font-weight: bold;
			}
			
			#menuDiv .item a:hover {
				color: #164c7e;
			}
			
			#menuDiv .ortschaft,
			#menuDiv .ortschaft_active {
				width: 185px;
				height: 20px;
				display: block;
				margin-bottom: 6px;
				text-align: right;
			}
			
			#menuDiv .ortschaft a {
				color: #fff;	
				text-decoration: none;
				padding-right: 5px;
				font-size: 13px;
			}
			
			/* Ortschaft hover / active ausgelagert in {farbe}.css */
			
			
			#menuDiv .ortschaft_active a {
				text-decoration: none;
				padding-right: 5px;
				font-size: 13px;
				text-decoration: none;
			}		
			
			#Feriensprachkurse,
			#Aktivcamps,
			#Einzelunterricht,
			#Familiensprachkurse {
				width: 	170px;
				height: 29px;
				display: block;
				margin-top: 5px;
				margin-bottom: 5px;
				text-align: right;
				padding-top: 8px;
				padding-right: 15px;
				color: #31608c;
				font-weight: bold;
				font-size: 15px;
			}
			
			#Feriensprachkurse a,
			#Aktivcamps a,
			#Einzelunterricht a,
			#Familiensprachkurse a {
				color: #31608c;
				text-decoration: none;
				font-weight: bold;
			}
				
						

   	/* ------------------------- */
   	/* GENERAL OBJECTS */
	/* ------------------------- */
	
	
  	/* Textbox (transparent box */		
   	.textbox {
   		margin-bottom:  10px;
   		padding-bottom:  5px; 
   		
   	}
   		#sprachkurse_right .textbox { width: 180px; }
   		
 	   	.textbox h3 {
    		color: #2f628f;
    		font-weight: bold;
    		font-size: 15px;
    		margin: 0px;
    		/* padding-top: 10px; */
    	}
    	    	
    	.textbox .content {
	   		margin:  5px;
	   		color:  #666;
	   		font-size: 12px;
	   		padding: 6px;
	   	} 
	   	
	   	#datenpreise .textbox .content {
	   		padding-left: 0px !important;
	   		padding-right: 0px !important;
	   		padding-top: 6px;
	   	}
	   	
	   	.textbox h4 {
	   		font-weight: bold;
	   		margin: 0px;
	   	}
	   	
	   	.textbox .content a {
/* 	   		display:  block; */
	   		color:  #2f628f;
	   		font-weight: bold;
	   		text-decoration: none;
	   		/* margin-top: 5px; */
	   	}
	   		
	   		#sprachauswahl_left .textbox .content a,
	   		#sprachauswahl_right .textbox .content a {
	   			display:  block;
	   		}
    	
    	/* Subtitle within blue box and uppercase text for Prices */    		
   		.textbox .content h5 {
   			width: 345px;
   			background-color: #305f8b;
   			text-transform: uppercase;
   			padding-top: 3px;
   			padding-bottom: 3px;
   			color: #fff;
   			font-size: 12px;
   			margin-left: -5px;
   			padding-left: 10px;
   			margin-bottom: 15px;
   			margin-top: 15px;
   		}
   			
	   	.textbox .preisliste {
	   		width: 325px;
	   		background-color: #305f8b;
	   		margin-left: 8px;
	   		color: #fff;
	   		font-size: 13px;
	   		padding-bottom: 10px;
	   		padding-top: 10px;
	   		margin-top: 15px;
	   	}
	   	
	   		.textbox .preisliste table {
	   			margin-left: 10px;
	   		}
	   		
	   		.textbox .preisliste .title {
	   			font-weight: bold;
	   			padding-top: 10px;
	   		}
	   	
	   	/* Table "Anfangsdaten" on Page "Daten & Preise" */
	   		
		.anfangsdaten .textbox table {
			width: 100%;
			margin-bottom: 20px;
			text-align: left;
		}
		
		.anfangsdaten .textbox thead {
			font-weight: bold;
			height: 20px;
		}
		
		
		

	   	/* H3-Title */
	   	.bigtitle  { color: #333; font-size: 25px; font-weight: bold; display: block; margin-top: 20px; margin-bottom: 40px; margin-left: -5px }
	 	
	 	/* Normal floating text within a column */
	 	.text {
	 		font-size: 14px;
			margin-left: 10px;
			font-size: 12px;
	 	}
	   	
	   	/* PriceTag */
	 	.preisschildBox {
	 		width: 185px;
	 		height: 69px;
	 		float: left;
	 		background-image: url(../img/preisschildBg.jpg);
	 		margin-bottom: 20px;
	 	}
	 	
	 		.preisschildBox .preis {
	 			font-size: 15px;
	 			font-weight: bold;
	 			color: #fff;
	 			padding-top: 20px;
	 			text-align: center;
	 		}
	 		
	 		.preisschildBox .dauer {
	 			color: #fff;
	 			text-align: center;
	 			font-size: 13px;
	 		}
		
	 #map {
	 	float: left;
	 	width: 210px;
	 	margin-bottom: 20px;
	 	margin-left: 10px;
	 }	   	

hr{ height: 1px;
    border: 0px; 
}


/*
		.buttonit
		ems  {
			float: left !important;
			background-color: #ff0000;
		}
*/
		
    	.buttonitem,
    	.buttonitem_start,
    	.buttonitem_pink {
    		padding: 0px !important;
    		margin: 0px;
    		width: 100% !important;
    	}
    	
    	.buttonitem,
    	.buttonitem_special,
    	.buttonitem_start,
    	.buttonitem_pink {
    		font-size:  12px;
    		font-weight:  bold;
    		text-decoration: none;
    		height:  20px; 	    		    		
    		margin-bottom: 10px;
    		float: left;
    		padding-left: 10px !important;
    		padding-top: 5px !important;
    		padding-bottom: 2px !important;
    		
    	}
    		
    		.buttonitem { color: #305f8b; }
    		.buttonitem:hover { 
    			color: #fff; 
    			background-image: url(../img/hoverBG.jpg);
    		}

    		.buttonitem_special {
    			color: #fff;
    			background-image: url(../img/specialbuttonBg.jpg);
    		}
    		
    		.buttonitem_special a:hover {
    			color: #000;
    		}
    	
    		.buttonitem_start {
    			color: #666;
    			background-image: url(../img/startbuttonBg.jpg);
    		}
    		

    		
       		a.buttonitem_start:hover { 
    			color: #ffffff;
    			background-image: url(../img/hoverBG.jpg);
    		}
   
       		.buttonitem_pink {
     			color: #666;
    			background-image: url(../img/startbuttonBg.jpg);
    			
    		}
    		   		
       		a.buttonitem_pink:hover { 
    			color: #ffffff;
    			background-image: url(../img/specialbuttonBg.jpg);
    		}
   
   
    		
    	/* Slideshow (showpic = old class, to be removed */
    	

	   	

/* -------------------------------
 * Spezifische Anpassungen 
 * auf Unterseiten
   -------------------------------- */


	   	
	 /* ------ Sprachauswahl ------ */
	 
	 #sprachauswahl {
	 	width: 740px;
	 }
	 
	 #sprachauswahl_left {
	 	width: 355px;
	 	float: left;
	 }
	 
	 #sprachauswahl_right {
	 	width: 355px;
	 	float: left;
	 	margin-left: 30px;
	 }
	 
	 
	 /* ---- Destination --- */
	 #destination #map {
	 	float: right;
	 	margin: 0px !important;
	 	padding: 0px !important;
	 	width: 170px;
	 }
	 
	 #destination .buttonitems,
	 #destination .buttonitem_special {
	 	width: 173px;
	 }
	 
	 #destination .showpic {
	 	margin-top: 40px;
	 }
	 
	 
	 /* --- Sprachkurse --- */
	 #sprachkurse .buttonitems,
	 #sprachkurse .buttonitem,
	 #sprachkurse .buttonitem_special {
	 	width: 160px;
	 }
	 
	 #sprachkurse #map {
	 	width: 170px;
	 	float: right;
	 	margin: 0px !important;
	 }
	 
	 /* --- Daten & Preise --- */
	 #datenpreise .buttonitems,
	 #datenpreise .buttonitem,
	 #datenpreise .buttonitem_special {
	 	width: 160px;
	 }

    /* ---- Familiensprachkurse --- */
    #familiensprachkurseDiv #sprachkurse_left {
    	width:  530px;
    	float:  left;
    }
	
   #familiensprachkurseDiv #sprachkurse_right {
   		width:  180px;
   		float:  left;
   		margin-left:  29px;
   		color:  #333;
   }
   
/*
	#familiensprachkurseDiv .buttonitemSlideshow {
		width: 530px;
		clear: both;
		height: 200px;
	}
*/

/*
		.buttonitemSlideshow .slideshow,
		.buttonitemSlideshow .showpic {
			float: right !important;
			width: 300px;
			clear: none !important;
		}
*/	
		
	
	/* --- Sprachauswahl -- */
	#sprachauswahl #sprachauswahl_left {
		min-height:  510px;
	}




	 
	 #sprachkurse .buttonitem,
	 #sprachkurse .buttonitem_special,
	 #familiensprachkurseDiv .buttonitem,
	 #familiensprachkurseDiv .buttonitem_special,
	 #datenpreise .buttonitem,
	 #datenpreise .buttonitem_special .
	 #familiensprachkurseDiv .buttonitem,
	 #familiensprachkurseDiv .buttonitem_special{
	 	width: 150px !important;
	 }
	 
	 
	 #leftCol350 {
	 	width: 355px;
	 	float: left;
	 }
	 
	 #rightCol350 {
	 	width: 355px;
	 	float: left;
	 	margin-left: 30px;
	 }	 
	 
	 

	
	/* ---- Sprachkurse ----- */
	#sprachkurse {
		width: 740px;
	}



	/* Fix */

  table {
    font-size: 13px;
    color: #666;
  }

  .preisliste table {
    color: #fff !important;
  }	
	 
	/* Login-Seite */

  #loginbox {
    font-size: 12px;
    color: #666;
  }	 
  
#loginbox a {
	color: #31608c;
	text-decoration: none;
	font-weight: bold;
}
	
#logoutbox {
    font-size: 14px;
    color: #000000;
  }	 
  
#logoutbox a {
	color: #31608c;
	text-decoration: none;
	font-weight: bold;
}