@import url(iehacks.css);

@charset "utf-8";
/* CSS Document */
/* Alle Abstände auf 0  */
* { margin:0; padding: 0; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

body, html {
	background-color: #ffe300;
	background-image: url(../img/bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

div#Canvas {
	margin: auto;
	position: relative;
	width: 900px;
}

div#header {
	height: 247px;
}

div#logo {
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 247px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 270px;
}

a.logo {
	height: 247px;
	width: 270px;
	display: block;
}

div#city-panorama {
	background-image: url(../img/city.jpg);
	background-repeat: no-repeat;
	height: 158px;
	left: 270px;
	position: absolute;
	top: 0px;
	width: 630px;
}

a#link-en {
	display: block;
	height: 17px;
	left: 558px;
	position: absolute;
	top: 12px;
	width: 27px;
}

a#link-de {
	display: block;
	height: 17px;
	left: 590px;
	position: absolute;
	top: 12px;
	width: 27px;
}

div#flying-plane {
	height: 122px;
	left: 664px;
	position: absolute;
	top: 36px;
	width: 338px;
	z-index: 2;
}

/*Menü Beginn */

div#menu {	
	height: 58px;
	left: 270px;
	padding-top: 0px;
	position: absolute;
	top: 158px;
	width: 630px;
}

/*IE6 Hack*/
* html div#menu {
	padding-top: 0px;
}

/*IE7 Hack*/
*+html div#menu {
	padding-top: 0px;
}


div#menu a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}

div#menu a:hover {
	color: #ffe300;
	background-color: #214dc9;
}

div#menu ul {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li.nav_programme { float: left; width: 109px; height: 59px; }
a.nav_programme { width: 109px; height: 59px; display: block; background: url('../img/nav_programme.gif'); background-position: 0px -59px; }
a.nav_programme:hover { width: 109px; height: 59px; display: block; background: url('../img/nav_programme.gif'); background-position: 0px 0px; }

li.nav_sprachkurse { float: left; width: 110px; height: 59px; }
a.nav_sprachkurse { width: 110px; height: 59px; display: block; background: url('../img/nav_sprachkurse.gif'); background-position: 0px -59px; }
a.nav_sprachkurse:hover { width: 110px; height: 59px; display: block; background: url('../img/nav_sprachkurse.gif'); background-position: 0px 0px; }

li.nav_angebote { float: left; width: 94px; height: 59px; }
a.nav_angebote { width: 94px; height: 59px; display: block; background: url('../img/nav_angebote.gif'); background-position: 0px -59px; }
a.nav_angebote:hover { width: 94px; height: 59px; display: block; background: url('../img/nav_angebote.gif'); background-position: 0px 0px; }

li.nav_informationen { float: left; width: 130px; height: 59px; }
a.nav_informationen{ width: 130px; height: 59px; display: block; background: url('../img/nav_informationen.gif'); background-position: 0px -59px; }
a.nav_informationen:hover { width: 130px; height: 59px; display: block; background: url('../img/nav_informationen.gif'); background-position: 0px 0px; }

li.nav_ueber_m3 { float: left; width: 88px; height: 59px; }
a.nav_ueber_m3 { width: 88px; height: 59px; display: block; background: url('../img/nav_ueber_m3.gif'); background-position: 0px -59px; }
a.nav_ueber_m3:hover { width: 88px; height: 59px; display: block; background: url('../img/nav_ueber_m3.gif'); background-position: 0px 0px; }

li.nav_buchen { float: left; width: 99px; height: 59px; }
a.nav_buchen { width: 99px; height: 59px; display: block; background: url('../img/nav_buchen.gif'); background-position: 0px -59px; }
a.nav_buchen:hover { width: 99px; height: 59px; display: block; background: url('../img/nav_buchen.gif'); background-position: 0px 0px; }

div#menu ul div a {
	background-color: #2a67e2;
	border-bottom: 1px solid #2959ba;
	clear: both;
	display: block;
	font-size: 11px;
	padding: 5px;
	font-weight: normal;
	font-family: Arial;
}

div#menu ul div {
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

#progs { width: 109px; }
#courses { width: 110px; }
#info { width: 130px; }

/*Menü Ende */

div#contentarea {	
	position: absolute;
	margin-left: 66px;
	width: 834px;
	z-index: 1;
}

/* IE 6 und darunter  (IE braucht negativen z-index)*/
* html div#contentarea {
	z-index: -1;
}

/* IE 7*/
*+html div#contentarea {
	z-index: -1;
}

/**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l , .c694pxl, .c262pxl, .c400pxl {float: left; }
  .c49r, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c140pxr, .c432pxr, .c284pxr  {float: right; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }
  .c49r 			{width: 49.9% }
  .c694pxl		{ width: 694px; }
  .c140pxr		{ width: 140px; }
  .c262pxl		{ width: 262px; }
  .c432pxr		{ width: 432px; }
  .c400pxl		{ width: 400px; }
  .c284pxr		{ width: 284px; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0; }
  .subcr { padding: 0; }
  
  .ml10px { margin-left: 10px; }
  .mt15px { margin-top: 6px; margin-bottom: 5px; }

  
.whitebox { background-color: white; }
  
.whitebox_oben { height: 4px; width: 694px; background: url('../img/content_oben.jpg') no-repeat; }
.whitebox_unten { height: 6px; width: 694px; background: url('../img/content_unten.jpg') no-repeat; }

.whitebox_photo { 
margin-left: 12px;
margin-top: 7px;
width: 250px;
height: 166px;
background: url('../img/dancing_queen.jpg'); 
}

.whitebox_button {
margin: 7px 0 0 12px;
}

.text {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
color: #112c7f;
padding: 3px 15px 15px 40px;
background-color: white;
}

.ueber_m3 {
padding-right: 50px;
}

.text2 {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
color: #112c7f;
padding: 3px 15px 15px 20px;
}

ul.zentralamerika {
padding-left: 15px;
line-height: 20px;
}

.listenabstand { 
padding-left: 20px; 
list-style-image: url('../img/list_bullet.gif');
}

td.blue {
background-color: #22b3ee;
padding: 7px;
font-weight: bold;
color: #fff;
border: 1px solid white;
}

td.hellblau {
background-color: #bacbff;
padding: 7px;
border: 1px solid white;
}

td.normal { font-weight: normal }

input {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
color: #112c7f;
}

 textarea  {
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
color: #112c7f;
 }

select {
width: 100%;
font-family: "Trebuchet MS", Verdana;
font-size: 12px;
color: #112c7f;
}
 
td.kontaktformular1 {
width: 60px;
margin: 1px 0px 1px 0px;
}

td.kontaktformular1b {
width: 100px;
margin: 1px 0px 1px 0px;
}

td.kontaktformular2 {
margin: 1px 0px 1px 0px;
}

div.winter_spezial {
padding: 5px 0px 0px 10px;
}

span.gross {
font-size: 15px;
line-height: 12px;
}

h1 {
font-size: 16px;
font-weight: bold;
color: #003fff;
}

.hellblau {
color: #003fff;
}

a.header {
font-size: 12px;
font-weight: bold;
}

a.submenu {
text-decoration: none;
font-size: 11px;
color: #fff;
background: #0072ba;
font-weight: bold;
padding: 5px;
}

a.submenu:hover {
text-decoration: none;
font-size: 11px;
color: #fff;
background: #0086da;
font-weight: bold;
padding: 5px;
}

a.active {
background: #0086da;
}

a.contentlink {
color: #003fff;
text-decoration: none;
border-bottom: 1px dotted;
font-weight: bold;

}
a.contentlink:hover {
border-bottom: 1px dotted;
font-weight: bold;
}

a.contentlink_fett {
color: #1d46bf;
text-decoration: none;
font-weight: bold;
}


* html a.contentlink_fett {
font-family: arial;
}

a.contentlink_fett:hover {
border-bottom: 1px dotted;
}

div.infobox_rechts {
float: right;
background-color: #c1dcec;
padding: 5px;
border: #96acba 1px solid;
margin-left: 10px;
margin-bottom: 5px;
}

div.karte_rechts {
float: right;
width: 250px;
height: 251px;
background-image: url('../img/bournemouth_karte.gif');
background-repeat: no-repeat;
padding-left: 10px;
}

div.kontakt_buttons {
width: 121px;
height: 58px;
background: url('../img/kontakt.jpg') no-repeat;
margin-left: 13px;
}

a.kontakt_buttons {
display: block;
width: 121px;
height: 58px;
}

div.kontakt_oben {
width: 122px;
height: 9px;
margin: 8px 0 0 12px;
background: url('../img/kontakt_oben.jpg') no-repeat;
}

div.kontakt_unten {
width: 122px;
height: 8px;
margin: 0 0 0 12px;
background: url('../img/kontakt_unten.jpg') no-repeat;
}

div.bildergalerie {
width: 122px;
margin: 0 0 0 12px;
padding-top: 0px;
}

div.kontakt_mitte {
width: 102px;
margin-left: 12px;
background-color: #fff;
font-family: "Trebuchet MS", Verdana;
color: #112c7f;
font-size: 12px;
padding: 0 10px 0 10px;
}

img.kontaktformular {
margin-top: 5px;
}

span.abstand_links { margin-left: 5px; display: block;}
span.oben { margin-top: 4px; }


div.abstand_oben { margin-top: 20px; }

div.minibox_oben {  
width: 189px;
height: 6px;
background: url('../img/minibox_oben.jpg');
}

div.minibox_mitte {
width: 189px;
background-color: white;
}

img.photo {
margin: 0px 0px 0px 5px;
}

div.minibox_button {
width: 189px;
background-color: white;
}

img.minibox_button {
margin: 5px 0px 0px 5px;
}

div.minibox_unten {  
width: 189px;
height: 6px;
background: url('../img/minibox_unten.jpg');
}

div.rechts { margin-left: 15px; }
div.mitte_links  { margin-left: 5px; } 
div.mitte_rechts { margin-left: 11px; } 

div.bottom {
margin-top: 20px;
margin-bottom: 20px;
clear: both;
background: url('../img/bottom_bg.jpg') no-repeat;
width: 833px;
height: 44px;
padding: 12px 0px 0px 20px;
color: #ffffff;
font-family: "Trebuchet MS", Verdana;
font-size: 11px;
text-decoration: none;
}

a.imp_kont {
color: #ffffff;
font-family: "Trebuchet MS", Verdana;
font-size: 11px;
text-decoration: none;
}

td.right { text-align: right; }

h2 { font-size: 14px; padding: 0px; margin: 0px; }

span.ueber_m3 { margin-left: 69px; display: block; font-size: 11px; }

img.popup {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}