	*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
	h1 { color:#2e2b75}
	h2 { color:#660000}
	h3 { color:#2e2b75}
	h4 { color:#2e2b75}
	h1 a,h2 a, h3 a, h4 a { color:#660000}	
	h1{ font-size:16px ; margin:15px 0px 10px 0px}
	h2 {font-size:14px ; margin:10px 0px 10px 0px}
	h3{ font-size:13px ; margin:5px 0px 5px 0px}
	h4{ font-size:12px ; margin:0px 0px 5px 0px}
	p { margin:3px 0px 6px 0px; color:#290B0A; }
	a { color:#C68F00 ; text-decoration:none; }
	img {border:none}
	#main_content_right ul { list-style-type:disc ; margin: 5px 10px 5px 20px;}
	#main_content_right li { margin: 10px 0px 15px 0px;}
	
	
	#body{background:url(../../images/bg.jpg) 0px 0px repeat-y ; width:100% ; padding-bottom:10px }
	#main_frame {width:880px; margin:auto; padding-top:10px}
	#main{background: url(../../images/main_bg_inset.jpg) 0px 0px repeat-y;}
	
	#header_top {background:url(../../images/bg.jpg) 0px 0px repeat-y ;}
	#header{background:url(../../images/header.jpg); width:880px ; height:71px ; margin-top:5px}
		#header #slogan { text-align:right ; padding:8px 25px 0px 0px }
		#header #languages { text-align:right ; padding:17px 25px 0px 0px }
		#header #languages { color:#C68F00 ; text-decoration:none; }
		#header #languages img { border:none ; border-right:1px solid #C68F00 ; padding-right:5px}

/*Navigation Area*/
	#nav{ margin:0px 8px 0px 9px ; }
		.nav_hr { clear:both; padding-bottom:2px; margin-top:0px}
		#nav_links , #banner{ height:173px; }
		#nav_links{float:left; width:160px;font-size: 20px;line-height: 24px}
}
		/*Navigation bar CSS*/
			#nav_bar li a span { display:block ; margin-right:15px; cursor:pointer }
			#nav_bar li { list-style:none ; margin:0px 0px 2px 0px ;}
			#nav_bar li a { 
				background-color:#A2A2A2 ; 
				display:block ; 
				width:160px ; 
				text-align:right ; 
				padding:4px 0px 4px 0px ; 
				font-size:12px; 
				font-weight:bold;
				color:#FFFFFF;
				text-decoration:none;
			}
			#nav_bar li a:hover { 
				background-color:#D5C77F ; 
			}
		/*CSS That makes the submenu*/
			#nav_bar li ul {
				position: absolute;
				left: -999em;
				border:solid 1px #FFFFFF;
				margin-top:-23px;
				margin-left:160px;
				background-color:#EEEEEE
			}
			#nav_bar li ul a{ padding-right:5px; }
			#nav_bar li ul a:hover{
				color:#000000;
				background-color:#FFFFFF
			}
			#nav_bar li:hover ul, #nav_bar li.sfhover ul{
				left:auto;
			}					
		#banner{ float:right ; width:702px ; margin-bottom:2px;}
	
	#main_content { background:url(../../images/main_content_bg.jpg) 0px 0px repeat-y; padding-bottom:50px; }
	#main_content_right { float:right; width:630px ; margin: 0px 30px 2px 20px; padding-top:10px }
	/*Front Page Stuff*/		
		#main_content_right_fp { float:right; width:680px ; margin: 0px 8px 2px 0px; padding-top:10px }
		#main_content_right_fp .fp_course { border:1px solid #E4E4E4 ; height:125px ; width:330px; text-align:right ; float:left; margin:0px 5px 5px 0px; }
		#main_content_right_fp .fp_course_arabic { border:1px solid #E4E4E4 ; height:125px ; width:330px; text-align:right ; float:right; margin:0px 5px 5px 0px; }
		#main_content_right_fp #fp_teenage { clear:both ; margin-left:170px }
		#main_content_right_fp .fp_course img { float:right ; margin:5px 5px 5px 10px;}
		#main_content_right_fp .fp_course div { margin:10px 10px 5px 10px; text-align:left;}
		#main_content_right_fp .fp_course_arabic div { margin:10px 10px 5px 10px; text-align:right;}	
		#main_content_right_fp .fp_main_text { padding: 5px 10px 10px 0px ; clear:left ; text-align:justify}
		
		#main_content_right_fp .fp_course_big { border:1px solid #E4E4E4 ; width:330px; text-align:left ; float:left; margin:0px 5px 5px 0px; }
		#main_content_right_fp .fp_course_big img { float:right ; margin:5px 5px 5px 10px;}
		#main_content_right_fp .fp_course_big div { margin:10px 10px 5px 10px; text-align:left;}	
		#main_content_right_fp .fp_course_big a { margin:5px 0px 5px 10px;  }
	
	#main_content_left { float:left ; width:168px; text-align:right ;}
		#main_content_left div{ margin:15px 15px 25px 18px }
		#main_content_left .referrer img {float:left ; margin:0px 5px 5px 0px; }
	
	#footer{ clear:both; }
	#footer_top{ text-align:center; background:url(../../images/footer_top.jpg) 0px 0px repeat-y ; width:872px ; font-size:8px; color:#FFFFFF ; padding-top:10px; padding-bottom:10px;}
	#footer_top a { color:#FFFFFF ; font-size:10px; text-decoration:none }
	#footer_top_ja a { color:#FFFFFF ; font-size:6px; text-decoration:none }
	#footer_bottom{ }
	
/*Specific CSS*/
	.right_image {float:right ; clear:right; margin:15px 0px 15px 15px ;} 
	.left_image {float:left ; clear:left; margin:15px 15px 15px 0px ;} 	
	/*Accommodation page*/
		.accom div img { margin-top:0px;}
		.accom td img { width:auto ; margin:0px ; padding:0px; text-align:left}
		.accom_footnote { font-size:10px; font-style:italic; color:#FFFFFF }
		.accom_footnote2 { font-size:10px; font-style:italic; }
		.accom_footnote span { font-weight:bold; font-size:10px; }
	/*Contact us form and also order form*/
		#contact_form div{clear:both ; margin-top:5px;}
		#contact_form label { display:block ; width:200px; margin-right:10px; float:left ; clear:left;}
		#contact_form textarea { width:70%; height:100px;}
		#contact_form div input { width:40%}
		#contact_form .bool input { width:auto }
		#contact_form hr { clear:both ; margin:25px 0px 15px 0px; }
		#contact_form .date input {width:auto}
	/*Newsletter form*/
		#newsletter_form {margin-top:5px; text-align:right ; font-size:10px}
		#newsletter_form label { display:block ; width:auto; margin-right:10px; float:left ; clear:left;font-size:10px}
		#newsletter_form input { width:80px; text-align:right; font-size:10px}
	
	/*Side Menu on Courses Pages*/
		.extramenu {float:right ; border:1px solid #CCCCCC; margin:0px 0px 10px 15px;}
		.extramenu a {display:block; width:216px; padding:3px 0px 3px 0px; text-align:center; color:#FFFFFF; background-color:#999999 ; margin:2px;}				
		.extramenu a:hover {background-color:#CCCCCC;}
	/*Course Pricelist Table CSS*/
		#main_content_right .course_includes li { margin:5px 0px 5px 0px;}
		.course_prices { margin:20px 0px 40px 0px; clear:both}
		.course_prices tr{ height:40px; vertical-align:top}
		.course_prices th { background: url(../../images/courses/pricelist_th_bg.jpg) 0px 0px repeat; vertical-align:middle}
		.course_prices td, .course_prices th { text-align:center ; padding:5px; vertical-align:middle}
		.course_prices .grey {background-color:#DDDDDD;}
		.course_prices .desc {text-align:left; font-weight:bold; }
		.course_prices #extras { background:#000000}
	/*Accommodation Pricelist Table CSS*/
		.accom_prices { margin:20px 0px 40px 0px; clear:both}
		.accom_prices tr{ height:40px; vertical-align:top}
		.accom_prices th { background: url(../../images/courses/pricelist_th_bg.jpg) 0px 0px repeat; vertical-align:middle}
		.accom_prices td, .accom_prices th { text-align:center ; padding:5px; vertical-align:middle}
		.accom_prices .grey {background-color:#DDDDDD;}
		.accom_prices .desc {text-align:left; font-weight:bold; }
		.accom_prices #extras { background:#000000}		
	/*T&C Page*/
		.terms td{ padding:0px; vertical-align:top}
	/*Gozo Page*/
		.gozoinfo { text-align:center }
	/*Currency calc*/
		.currency_calc { width:220px; float:right ; clear:right; margin:15px 0px 15px 15px ; }
		.currency_calc a {margin-left:35px;}#all {
	margin-right: auto;
	margin-left: auto;
}
.border {  border: 1px #999999 solid}
html { height: 101%; }.pad-r {  padding-right: 3px}
.pad-l { padding-left: 3px}
a:hover {  color: #CC9900; text-decoration: underline}
.table_style {
	padding: 0px;
}




/* ----- Styles fuer die Preisliste und kalkulator ----- */

.preisliste, .konfigurator {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#333333}
.preisliste table.liste{border-collapse:collapse; width:100%}
.preisliste table.liste thead{color:#fff; background-color:#000099 !important; border:1px solid #999; border-bottom-width:0}
.konfigurator .schule{display:none;}
.konfigurator .einheiten{text-align:center !important;}
.preisliste table.liste tr, .konfigurator table.liste tr{border-bottom:1px solid black; border-left:1px solid #999; border-right:1px solid #999}
.preisliste table.liste td, .preisliste table.liste th, .konfigurator table.liste td, .konfigurator table.liste th{padding:3px 2px 3px 2px;text-align:left; vertical-align:top; line-height:100%; font-size:11px}
.preisliste table.liste th.dauer{text-align:left}
.preisliste table.liste th.wochen{padding-left:0}
.preisliste h2, .konfigurator h2{font-size:14px; margin:0 0 0.5em 0; color:#2e2b75}
.preisliste .datum{width:6em; margin-right:0.5em; padding:0.1em; background-color:#eee}
.preisliste .abschnitt, .konfigurator .abschnitt{background-color: #fff; width:630px; font-size:11px; border:1px solid #ddd; padding:0.5em 15px; margin:0.5em 0}
.preisliste .zebra0, .konfigurator .zebra0  {background-color:#EEEEEE}
.konfigurator table.liste thead{color:#000; background-color:#ccc !important; border:1px solid #999; border-bottom-width:0}
.konfigurator select{margin:1px; background-color:#F4F4F4; border: 1px solid #ccc;}
#auswahl td, #auswahl th{vertical-align:bottom; font-size:11px;}
#auswahl input.submit{font-weight:bold; padding:0 1em; margin:0}
#filter label, #anfrage label{display:inline-block; width:10em; text-align:right}
.muss label{font-weight:bold}
.fehler{color:darkred; border:1px solid darkred}
#filter select, #anfrage select, #filter input.text, #anfrage input.text{width:20em}
#anfrage textarea{width:20em; height:3em}
table.liste thead th.woche{padding-left:0.75em}
table.liste th.dauer{text-align:right}
table.liste th.wochen{padding-left:0}
#name, #strasse, #telefon, #geburt{margin-top:1em}
#submit{font-weight:bold; font-size: 1.2em; padding-left:10em; margin-top:1em}
#submit input.submit{width:20em;}
input, select{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#auswahl td, #auswahl th{vertical-align:bottom}
.muss label{font-weight:bold}
.fehler{color:darkred; border:1px solid darkred}
#filter select, #anfrage select, #filter input.text, #anfrage input.text{width:20em; font-size:11px;}
#anfrage textarea{width:20em; height:3em}
table.liste thead th.woche{padding-left:0.75em}
#name, #strasse, #telefon, #geburt{margin-top:1em}

