/* ######################################################################################################
** ### Standard-Formatierungen für Überschriften ######################################################
** ######################################################################################################
*/
h1 {font-size: 160%;  margin:0; padding: 0.5em 0em .5em 0em; line-height:130%; color:#333333;}
h2 {font-size: 110%;  margin:0; padding: 0.5em 0em .5em 0em; line-height:120%; color:#333333;}
h3 {font-size: 100%;  margin:0; padding: 0.5em 0em .3em 0em; line-height:130%; color:#000000;}
h4 {font-size: 100%;  margin:0; padding: 0em 0em 0em 0em; line-height:100%; color:#000000; font-style:normal;}
h5 {font-size: 100%;  margin:0; padding: 0em 0em 0em 0em; line-height:130%; color:#000000; font-style:italic;}
h6 {font-size: 90%;  margin:0; padding: 0em 0em 0em 0em; line-height:130%; color:#000000; font-style:normal;}
h1.primero, h2.primero, h3.primero { padding-top:0em; margin-top:0em;
}
h1.primero  {font-family:Times New Roman,Times,serif; font-weight:normal;
font-size:225%}
/* Überschriften in Containern */
#boxes h1,  #boxes-last h1 {
	margin:0em 0em;
	padding:.2em 0em 0.4em 0.4em;
	background-color:#bad0f4;
	border-left:1px solid #ececec;
	font-size:100%;
	color:#333333;
	background-image:url(../files/layout/bgtitle.gif);
}
.innerBox h2,  .innerBox h2 {
	font-size:100%;
	color:#333333;
	margin:0em;
	padding:0em;
}
 #containerChangeLanguage h3{ 
	margin:0em 0em 0.3em 0em;
	padding:.2em 0em 0.4em 0.4em;
}
#col1 .container h3{
	background-color:#FFFFFF;
	border-left:2px solid #336699;
	
} 
.inContainer{
	background-color:#bad0f4;
	border-left:1px solid #ececec;
	margin:0em 0em 0.3em 0em;
	padding:.2em 0em 0.4em 0.4em;
	background-image:url(../files/layout/bgtitleshorter.gif);
}

.activityDay .inContainer{
	background-color:#ececec;
}

#col3 .container h3 , #containerChangeLanguage h3 {
	margin:0em;
	background-color:#ececec;
}

.headBox {  
border-left:5px solid #ffcc33;
}
.col1Index .headBox, .col2Index .headBox {  
border-left:none;
}
ul.links li h3  { padding-top:0em; margin-top:0em;}
/* ######################################################################################################
** ### Links ######################################################
** ######################################################################################################
*/
a{ color: #000099; text-decoration:none;}
a:visited { text-decoration:none;}
a:hover, a:focus  {text-decoration:underline; color: #ff0000;}

/* ### Besondere Linkklassen ############################################################################ */
a.internal{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em 1em;
	margin:0em;
	background:  url("../files/links/internLink.gif") no-repeat left .4em;
}
a.external{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em .8em;
	margin:0em;
	background:  url("../files/links/extern.gif") no-repeat left .4em;
}
a.email{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em 1.4em;
	margin:0em;
	background:  url("../files/links/email.gif") no-repeat left .3em;
}
a.download{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em 1.2em;
	margin:0em;
	background:  url("../files/links/download.gif") no-repeat left .2em;
}
a.backLink{
	color: #333333;
	text-decoration:none;
	padding:0em 0em 0em .8em;
	margin:0em 1em 0em 0em;
	background:  url("../files/links/back.gif") no-repeat left .4em;
}
a.nextLink{
	color: #333333;
	text-decoration:none;
	padding:0em 0.8em 0em 0em;
	margin:0em 0em 0em 1em;
	background:  url("../files/links/next.gif") no-repeat right .5em;
}
a.topLink {
	color: #333333;
	text-decoration:none;
	padding:0.2em 0.8em 0.2em 0.4em;
	margin:0em 0em 0em 1em;
	background:  url("../files/links/top.gif") no-repeat right .5em;
	background-color:#ececec;
}
p.lupe a{
	text-decoration:none;
	background:transparent url("../files/links/lupe.gif") no-repeat scroll right 0.2em;
	margin:0em;
	padding:0em 1.5em 0em 0em;
	color: #000000;
}
a:hover, a:focus  {text-decoration:underline; color: #000099;}

 

a.ci_es{
	color: #ececec;
	text-decoration:none;
	height:11px;width:18px;
	margin:0em;
	background:  url(../files/icons/flags/es_deactiv.gif) no-repeat left 0em;
	padding:0em 0em 0em 1.1em;
}
a:hover.ci_es{
	background:  url(../files/icons/flags/es.gif) no-repeat left 0em;
	text-decoration:none;
}

a.ci_de{
	color: #ececec;
	text-decoration:none;
	height:11px;width:18px;
	margin:0em;
	background:  url(../files/icons/flags/de_deactiv.gif) no-repeat left 0em;
	padding:0em 0em 0em 1.1em;
}

a:hover.ci_de{
	background:  url(../files/icons/flags/de.gif) no-repeat left 0em;
	text-decoration:none;
}

a.ci_fr{
	color: #ececec;
	text-decoration:none;
	height:11px;width:18px;
	margin:0em;
	background:  url(../files/icons/flags/fr_deactiv.gif) no-repeat left 0em;
	padding:0em 0em 0em 1.1em;
}

a:hover.ci_fr{
	background:  url(../files/icons/flags/fr.gif) no-repeat left 0em;
	text-decoration:none;
}
a.ci_en{
	color: #ececec;
	text-decoration:none;
	height:11px;width:18px;
	margin:0em;
	background:  url(../files/icons/flags/en_deactiv.gif) no-repeat left 0em;
	padding:0em 0em 0em 1.1em;
}

a:hover.ci_en{
	background:  url(../files/icons/flags/en.gif) no-repeat left 0em;
	text-decoration:none;
}

a.readmore, a.readmore:visited{
	text-decoration:none;
	padding:0em 1.2em 0em 0em;
	margin:0em;
	background:  url("../files/links/newsLink.gif") no-repeat right .3em;
	color: #333333;
}
a.readmore:hover, a.readmore:focus{
	text-decoration:underline; color: #ff0000;
}

/* ### Linkklassen innerBoxen############################################################################ */
.innerBox-content a, .innerBox-content a:visited{
	text-decoration:none;
	padding:0em 1.2em 0em 0em;
	margin:0em;
	background:  url("../files/links/newsLink.gif") no-repeat right .3em;
	color: #333333;
}
.innerBox-content a:hover, .innerBox-content a:focus{
	text-decoration:underline; color: #ff0000;
}

/* ### Links Funktionsleiste ############################################################################ */
#funktionsleiste a{ color:#333333;}
#funktionsleiste a:hover, #funktionsleiste  a:focus{ text-decoration:underline; color:#ff0000;}

/* ### Links Hauptnavigation ############################################################################ */
#topnav a{ margin:1px 0em 0em 0em; display:block; padding:0.38em 1em .9em 1em; color:#ffffff; border-right:1px solid #f1f1f2;}
#topnav a:focus { padding-bottom:.5em ; }
#topnav a:hover, #topnav a:focus,  #topnav a.active{  background-color:#f1f1f2; text-decoration:none; padding-bottom:1.28em; color:#336699; }
dl#path a, dl#path a:link{color:#336699; }
/* ### Links Subnavigation ############################################################################ */
dl.navLeiste01 a{
	color:#333333;
	display:block;
	padding:0.4em 0em 0.4em 1.6em;
	background: url("../files/icons/bulletSubNav01.gif") no-repeat 0.4em .8em;
	border-bottom:1px solid #bad0f4;
}
dl.navLeiste01 a:visited {
	color:#333333;
}
dl.navLeiste01 a.selected {
	border-bottom:1px solid #ffcc33;
	background: url("../files/icons/bulletSubNav01selected.gif") no-repeat 0.4em .8em;
}
dl.navLeiste01 a:hover, dl.navLeiste01 a:focus {
	color:#336699;
	text-decoration:none;
	border-bottom:1px solid #ffcc33;
	background: url("../files/icons/bulletSubNav01selected.gif") no-repeat 0.4em .8em;
	background-color:#ffffff;
}

dl.navLeiste02 dl.navLeiste03 a,  dl.navLeiste02 dl.navLeiste03 a:visited{
	color:#333333;
	display:block;
	padding:0.3em 0em 0.3em 1.7em;
	background-color:#ececec;
	background: url("../files/icons/bulletSubNav03.gif") no-repeat 0.5em .8em;
}
dl.navLeiste03 a:hover, dl.navLeiste03 a:focus {
	color:#336699;
	background-color:#ffffff;
	text-decoration:none;
}
#subNav dl.navLeiste01 a.active, #subNav dl.navLeiste01 a.selected:hover {
	border-bottom:1px solid #336699;
	background: url("../files/icons/bulletSubNav01selected.gif") no-repeat 0.4em .8em;
	background-color:#ffffff;
} 
#subNav a.active {
	font-weight:bold;
	background-color:#ffffff;
	color:#336699;
}
#subNav a.selected {
	color:#336699;
}
dl.navLeiste02 a,  dl.navLeiste02 a:visited{
	background:none;
	color:#336699;
	display:block;
	padding:0.4em 0em 0.4em 2em;
	border-bottom:1px solid #ffffff;
}
dl.navLeiste02 a:hover, dl.navLeiste02 a:focus ,  #subNav dl.navLeiste01 dl.navLeiste02 a.active{
	background:none;
	color:#336699;
	background-color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #ffcc33;
}
dl.navLeiste02 dl.navLeiste03 a:hover, dl.navLeiste02 dl.navLeiste03 a:focus  {
 
	text-decoration:none;
	border-bottom:1px solid #bad0f4;
}
/* ### Links Sondernavigation ############################################################################ */
#sonderNav a{ margin:0em; display:block; padding:0.4em 0em .4em 1.6em; color:#666666;}
#sonderNav a:hover, #sonderNav a:focus{background-color:#bad0f4; text-decoration:none; color:#ff0000;}
#sonderNav a.active {
	font-weight:bold;
	background-color:#bad0f4;
	color:#333333;
}
/* ### Links Subnavigation ############################################################################ */

/* ### Links Footer ############################################################################ */
 
#pagebottom a {
	color: #666666;  
	padding:0em 0em 0em 1em;
	margin:0em;
	background:  url("../files/links/linkfooter.gif") no-repeat left .28em;

}
#pagebottom a:hover {color: #000099; text-decoration:underline;}
#pagebottom a:focus {color: #000099; text-decoration:underline;}

/* ### Links container ############################################################################ */
.container a { color: #000000; }
.container a:visited {color: #000000;}
.container a:hover, .container a:focus {color: #ff0000; text-decoration:underline;}


/* ### Links innerBoxen ############################################################################ */

/* ### Links Sondernav Links ############################################################################ */
ul.linkliste a, ul.linkliste  a:visited{
	color:#333333;
}

ul.linkliste a:hover, ul.linkliste  a:focus {
	color:#ff0000;
	text-decoration:underline;
}
ul.download a, ul.download  a:visited{
	color:#333333;
}
ul.download a:hover, ul.download  a:focus {
	color:#ff0000;
	text-decoration:underline;
}

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/
	p {margin:0em 0em 1em 0em;} 
	p.caption {font-size:90%; margin:.4em 0em 1em 0em;}
	p.date {font-size:90%; margin:1em 0em 1em 0em;}
	p.lupe {text-align:right; margin:0em 0em 0em; padding:.4em; background-color:#f1f1f2;}
	p.browseIndex {
		margin:.5em 0em 1em 0em;
		text-align:right;
		}
	p.back {
		border-top: 1px solid #ececec;
		padding:.4em 0em 0em 0em;
		}
	p.top {
		float:right;
		margin:0em 0em 0.08em 0em;
		padding:0em;
	}
	p.clear {
		clear:both;
		margin:0em;
		padding:0em;
	}
 	ol{ 
		margin: 0 0 1em 0em;
		padding:0em 0em 0em 2.5em;

		}
	dl { 
		margin: 0 0 1em 0em;
		padding:0em 0em 0em 0em;
		}
	UL{
		margin:0em 0em 0em 1.10em;
		padding: 0em 0em 1em 0em;
		list-style-image: url(../files/icons/bullet.gif);
	}
	UL.bulletBlue{
	list-style-image: url(../files/icons/bulletBlue.gif); 
	}
	UL.smallBullet{
	list-style-image: url(../files/icons/smallbulletBlack.gif); 
	}
	li{
		margin:0em 0em 0.2em 0em;
		padding:0em;
	}
	ul.linkliste {
		margin:0em 0em 1em 1.5em;
		padding: 0em 0em 0em 0em;
		list-style-type: none;
		list-style-image: url("../files/links/bulletInternLink.gif");
	}
	ul.download  {
		margin:0em 0em 1em 1.7em;
		padding: 0em 0em 0em 0em;
		list-style-type: none;
		list-style-image: url("../files/links/bulletDownloadLink.gif");
	} 
	ul.freeExercises {
	background-color:#bad0f4;
	list-style-image:url(../files/icons/bulletlist.gif)
	}
	ul.freeExercises li {
	border-top: 1px solid #ffffff;
	line-height:2.2em;
	clear:both;
		 
		padding: 1em 0em 1em 0em;
	}
	ul.links li {
	border-bottom: 1px solid #cccccc;
		margin-bottom: 1em;
		padding: 0em 0em 1em 0em;
	}
	.contentCol2-col-first ul.linkliste li, .contentCol2-col-first ul.download li {
		padding:.2em 0em .2em 0em;
		border-bottom:1px solid #ececec;
		
	}
	.container ul.linkliste, .container ul.download {
		margin-bottom:.3em;
	}
	
	dt { font-weight: bold; }
	dd { margin: 0em 0em 0em 0em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; }
	small {font-size:85%; color:#999999;}
/* ######################################################################################################
** ###  Tabellen #############################################################################
** ######################################################################################################
*/

table{
	margin:0em 0em .5em 0em;
	font-size:100%;
	}
table p{
	margin-top:0px;
	margin-bottom:.6em;
}
th { 
	text-align:left;
}
td	{
	padding:.2em 0em .2em 0em;
	margin:0em;
}
/* 		Tabelle mit weissem Kopf und weissen Rand */
table  { 
border-collapse:collapse;
font-size:100%;
}





table caption{
text-align:left;
font-weight:bold;
font-size:120%;
padding-bottom:.2em}

table.precios td , table.precios th  { 
border:1px solid #bad0f4;
margin:0em;
padding:0.3em;
vertical-align:top;
}

table.precios th {
	color:#333333;
	background-color:#ececec;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

table.precios caption { 
	background-color:#000099; 
	padding: 0.2em 0.2em 0.2em 0.4em ;
margin: 0em 0em 0em 0em;
	color:#ffffff; 
}
table.precios{
border:1px solid #bad0f4;
}
table.dele td{
padding-left:0.2em;
vertical-align:top}
/* Ende Tabellenklassen */
/* ######################################################################################################
** ### Formulare #############################################################################
** ######################################################################################################
*/
form {
	margin:0em;
	padding:0em;
	}
form p {
	margin-bottom:.5em;
	padding:0em;
	clear:both;
}
form.google {
	margin:0.5em 0em 1em 0.4em;
	}
input {
	border: 1px #999999 solid;
    background: #ffffff;
	font-size:95%;
	font-family:Arial, Helvetica, sans-serif;
}
legend {
	color:#333333;
	padding:.5em 0em .5em 0em;
	font-weight:bold;
}
input:focus, textarea:focus {
	background: #ececec;
	border-color: #999999;
}
form.google .inputWidth {
	width:8em;
}
fieldset {
	border:1px solid #BAD0F4;
	margin-bottom:.5em;
}
fieldset.senden{
	margin-top:1.7em;
	padding:1em 0em 0em 7em;
}
.contactform label { 
display:block;
float:left;
padding:0em 0em 0.5em 0.4em;
text-align:left;
width:8em;
}
.leveltest label {  
width:18em;
}

.leveltest input.submit {  
background-color:#FFcc33;height:3em; width:60%
} 
.contactform input { 
width:18em;
border: 1px  #BAD0F4 solid;
}

.contactform textarea,  { 
width:15.3em;
border: 1px  #BAD0F4 solid;
}
 .contactform select{ 
width:15.7em;
}
* html form.email textarea, * html form.feedback textarea {
	width:24em;	
}
.rot {
	color:#ff0000;
}
.blue {
	color:#000099;
}
.orange{
color:#ffcc33;
font-weight:bold
}
.tab {
	margin-left:8em;
}
form.contactform .tab {
	margin-left: 8.4em;
}
form.inscription .tab {
	margin-left: 10em;
}
form.contactform .radio,form.contactform .checkbox {
	width:auto;
}
span.name{
visibility:hidden;
display:none;
}
select.datesDay{
width:3em;}
select.datesMonth{
width:7.3em;}
select.datesYear{
width:5em;}

form .checkbox, .radio {
	border:none;
	width:auto;
}
form.inscription dt { 
float:left;
padding-left:9.65em;
}
form.inscription dt, form.inscription dd {
display:block;
}
form.inscription dd { 
clear:right;
margin:0em 0em 0.4em 3em;
}
/* ######################################################################################################
** ### Bilder ######################################################
** ######################################################################################################
*/

img{
	border:0;
}
img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
#col1 img.containerIMG {
	width:100%;
	margin:0em 0em 0em 0em;
}
#col3 img.containerIMG, #col2 img.containerIMG  {
	width:100%;
	margin:0em 0em 0em 0em;
	padding:0em;
}
.mitarbeiter-img img {
	width:inherit;
}
img.xmlIcon {
	padding:0.2em 0.3em 0em 0em;
}
img.logo{ 
	width:24.58em; 
}
img.sloganIngles{ 
width:30.1em;
}
img.sloganFrancais{ 
width:34.7em;
}
#col2 img.containerIMG {
	width:100%;
	margin:0em 0em 0em 0em;
}
.contentCol2-col-first img {
	width:100%;
} 
/* ######################################################################################################
** ### Besondere HTML-Elemente######################################################
** ######################################################################################################
*/
hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #ececec solid; 
}

hr.orange {  
	height:1px;
	border-bottom: 1px solid #ffcc33;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ######################################################################################################
** ### TOC Listen######################################################
** ######################################################################################################
*/
dl.toc-simple {
	margin:0em 0em 1em 0em;
	padding:0em;
}
dl.toc-simple dd{
	margin: 0em;
	padding:0em;
}
dl.toc-simple dt{
	margin:0em 0em 1em 0em;
	padding:0em;
	font-weight:normal;
}
dl.toc {
	margin:0em 0em 0em 0em;
	padding:0em;
}
dl.toc dd, dl.tocIMG dd{
	margin:0em;
	padding:0em;
}
dl.toc dt, dl.tocIMG dt{
	margin:0em 0em 0em 0em;
	padding:0em;
	font-weight:normal;
}
dl.toc dd.date, dl.tocIMG dd.date{
	margin:0em;
	padding:0em;
}
dl.toc dd.des, dl.tocIMG dd.des{
	margin:0em;
	padding:0em 0em 1.5em 0em;
}
dl.tocIMG {
	margin:0em 0em 0em 0em;
	padding:0em;
	float:left;
	display:table;
	width:20em;
}
img.toc{
	float:left;
	margin:0em 1em 0em 0em;
}
/* Ende TOC*/

.hidden{
	display:none;
	visibility:hidden
}
 

.imgWidth100{
width:8.4em; 
}
.imgWidth120{
width:10.71em; 
}

.imgWidth170{
width:15.87em; 
}

.imgHeight100{
height:8.4em; 
}
/* ######################################################################################################
** ### Inscription Form ######################################################
** ######################################################################################################
*/

div.alojamientoHeight{
height:4.3em;
padding-top:1.5em;
}
	div.ContentBlue{
	background-color:#e0ebfa; 
	}
	div.BorderBlue{
	border-top: 1px solid #bad0f4; 
	}
	.selectRight{
	margin-top:0.4em;} 
	
	.inscription  fieldset{ 
	margin-bottom:2.5em; 
	}   
	.inscription legend { 
	font-size:110%;
	margin-bottom:0.7em;
	}
	.inscription dl.alojamiento dd   { 
	display:inline;
	margin: 0em 0em 0em 0em ;
	}
	.inscription  label { 
 
width:9.5em;
}


/* ######################################################################################################
** ### Exercises Grammar ######################################################
** ######################################################################################################
*/
.tablegrammar  { 
background-color:#ffffff}
.tablegrammar td{
padding-left:1em; 
padding-right:1em; }
.grammarContent{
 font-size:90%;  
}

.grammarContent td.content{
padding-left:1em;   }
 
dl.activities   {  
border-bottom:1px solid #ececec;
width:100%;
clear:both;
display:table
}
dl.activities dt {  
float:left; 
margin:0em;
width:10%;
padding:0.9em 0.2em 0.5em .7em; 
}
dl.activities dd { 
clear:right;
float:left; 
margin:0em;
padding:0.9em 0.2em 0.5em .7em;
}
dl.activities .textActivity{ 
width:50%;
}
dl.guide .textActivity{ 
width:63%;
padding-top:0em;
} 

dl.guide  dt {  
float: none;
margin:0em;
padding-bottom:0em;
width:auto; 
}
dl.activities .keinBild{ 
width:80%;
}
dl.activities dd.bild { 
text-align:right;
width:10%;
}
dl.activities dd.bild img { 
height: 5.0em;
width: 10.0em;
}
dl.guide dd.bild img { 
height: auto;
width: auto;
}
div#activitiesTag , div#activitiesMonat   {  
clear:both;
display:table;
width:100%
}
 div#activitiesMonat   {  
margin-top:4em; 
}

form.leveltest dl{
border-bottom: 1px solid #FFCC33;
padding-bottom:1em; 
clear:both;
display:table;
width:100%;
padding: 0.5em 0em  1.5em 0em;}

form.leveltest dd.radioc{
float:left; 
width:4%;
}
form.leveltest dd.opcion{
float:left; 
width:20%}
form.exercisePractise dd.radioc{
float:left; 
width:6%;
}
form.exercisePractise dd img{
padding-top:.3em;
}
form.exercisePractise dd.opcion{
float:left; 
width:20%}
form.exercisePractise dl{
background-color:#ffffff;
height:2em}
form.leveltest dt{
padding: 0.5em 0em  0.5em 0em;}

div.divcheck{
background-color:#FFCC33;
color:#000099;
width:inherit;
padding:1em 0.5em 1em 0em;
text-align:right;
border-top: 1px solid #000099;
margin:0em 0em 0em 1.1em;
width:30.1em}

div.divcheck a:hover{
text-decoration:none; 
color:#cc0000;
}
p.paynow{
background-color:#bad0f4;
background-image:url(../files/layout/bgtitleshorter.gif);
font-weight:bold;
padding: 1em 1em 1em 1em;
margin-left: 1.2em;
width:15em;
border: 1px solid #ffcc33;
color:#333333;}
p.paynow a, p.paynow a:active{
color:#333333;
text-decoration:none;
} 

table.gallery td, table.gallery th {
border:1px solid #ffffff;
margin:0em;
padding:0em;
vertical-align:top;
}
table.gallery  { 
border-collapse:collapse;
border-right:1px solid #ffffff;
border-top:1px solid #ffffffC;
font-size:100%;
margin:0em 0em 1.5em;
padding:0em;
}
  
.boxRechts{
float:left;
width:21.8em;
padding-left:.7em;}
.marginImg{
margin-bottom:1em}

table.cultureguide{
margin-left:0.75em;
margin-bottom:1em;
display:table}

table.cultureguide td{
padding: 1em 0em 1em 0em;
border-bottom:1px solid #ECECEC;
}