@charset "utf-8";

h1, h2, h3, h4, h5, h6, p,  ol, ul, li,
fieldset, form, label, legend
 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  }
 ol, ul {
   list-style-type:none;
 }
/*based on Stefan Nitzsche's work
http://nitzsche.info*/


html {
height: 100%;
}

body {
height: 101%;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac  */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

 /*CSS by Ludger Müller */


*   {
  margin: 0;
  padding: 0;
  border: 0;
}

.weg {
  display : none;
}

body  {
  font: 100% Helvetica, Arial, sans-serif;
  background:url(/layoutimages/body_bg.png);
  color: #003574;
}

 #wrapper {
  /*width: 100%; */
  background-color: #FFF9EB;
  min-width:961px;

  }
 #header {
height: 160px;
position:relative;
}

 #logo{
  position:absolute;
  left: 550px;
  top: 0;
}
#hnav ul {
  list-style-type: none;
  margin: 0 0 0 1em;
}
#hnav li {
  display: inline;
  list-style-type: none;
  font-weight: bold;

}
#hnav li a:link, #hnav li a:visited{
  display: block;
  float:left;
  width: 6em;
  height:2.3em;
  font-size:0.7em;
  font-weight:bold;
  text-decoration:none;
  color: #FFF9EB;
  margin: 0.5em 0 0 0;
  padding: 0 0 0 0.9em;
}
#hnav li a:hover, #hnav li a:active{
  display: block;
  float:left;
  width: 6em;
  height:2.3em;
  font-size:0.7em;
  font-weight:bold;
  text-decoration:none;
  color: #FFF9EB;
  
}
#hnav li.current{
  display: block;
  float:left;
  width: 6em;
  height:2.3em;
  font-size:0.7em;
  font-weight:bold;
  text-decoration:none;
  color: #FFF9EB;
    margin: 0.5em 0 0 0;
    padding: 0 0 0 0.9em;
}
/*Links zu anderen Sprachangeboten*/
#foreign{
  position:absolute;
  top: 0;
  left: 805px;
  width: 200px;
  padding: 5px 0 0 0;
}
#foreign ul{
  list-style-type:none;
}
/*Bildchen vor Links*/
#foreign li#foreignlink1{
  background:url(/layoutimages/foreignlink1.png) no-repeat 0 6px  ;
  padding-left: 28px;
}
#foreign li#foreignlink2{
  background:url(/layoutimages/foreignlink2.png) no-repeat 0 6px  ;
  padding-left: 28px;
}
#foreign li#foreignlink3{
  background:url(/layoutimages/foreignlink3.png) no-repeat 0 6px  ;
  padding-left: 28px;
}
#foreign li#foreignlink4{
  background:url(/layoutimages/foreignlink4.png) no-repeat 0 6px  ;
  padding-left: 28px;
}
#foreign  a:link,#foreign  a:visited{
  text-decoration:underline;
  color: #FFF8EA;
  font-weight: bold;
  font-size: 0.7em;
}
#foreign a:hover, foreign a:active {
  text-decoration: none;
  font-size: 0.7em;
}


#claim{
  position:absolute;
  height:81px;
  left: 314px;
  top: 42px;
  font-size: 1.5em;
  text-align: right;
  font-weight: bold;
  width: 224px;
color: #EDA327;

}
#innerwrapper{
width: 1000px;
margin: 0 auto;
}
 #sidebar1 {
  float: left;
  width: 191px;

}

 #sidebar2 {
  float: right;
  width: 208px;
  padding: 2.5em 5px 5em;
}
.sidebarbox{
  margin:1em 0;
  border-bottom: 1px solid #ffd87e;
  background-color: #FFF4C1;
  
}

.sidebarbox h3 {
  font-size: 16px;
  margin-bottom: 0.5em;
  padding: 5px 3px 5px 3px;
  font-weight: bold;
  background: url(/layoutimages/newsbox-hintergrund.png) no-repeat;
color: #ffffff;
  text-align: center;
  }
.sidebarbox p.date {
  font-size: 0.8em;
  font-weight: normal;
  color: #888;
  margin:0.3em;
}
.sidebarbox h4{
font-weight: bold;
color: #B7780F;
  font-size: 0.9em;
  margin: 0;
  padding: 0 5px 0 10px;
}
.sidebarbox h4 a:link, .sidebarbox h4 a:visited {
  color: #B7780F;
  font-size: 0.9em;
  margin: 0;
}
.sidebarbox h4 a:active, .sidebarbox h4 a:hover, .sidebarbox h4 a:focus  {
  color: #003574;
  font-size: 0.9em;
  margin: 0;
}
.sidebarbox  a:link, .sidebarbox  a:visited  {
  color: #003574;
  text-decoration: underline;
  font-weight: bold;
}
.sidebarbox  a:active, .sidebarbox  a:hover, .sidebarbox  a:focus  {
  color: #B7780F;
  text-decoration: none;
    font-weight: bold;
}
.sidebarbox p {
font-size:0.75em;
margin-top: 0.3em;
margin-bottom:1.5em;
line-height:130%;
padding: 0 5px 0 10px;

}
.sidebarbox .stress{
font-weight: bold;
color: #B7780F;
  margin: 0;
  
}
.sidebarbox table{
empty-cells:hide;  
border-collapse:separate;
width:100%;
}
.sidebarbox tr{
font-size:10px;
}

.sidebarbox th{
text-align:center;
padding: 2px;
background-color:#F9D6AA;
}
.sidebarbox td{
  text-align:center;
  padding: 2px;
  margin: 0 2px;

  border:1px solid #FDF0E1;
}
.sidebarbox span{
  background-color:transparent;
  color:#756a00;
  font-weight: 700;
  padding: 0 3px;
}
.sidebarbox span.beginnerDate{
  background-color:transparent;
  color:  #c94218;
  font-weight: 700;
  padding: 0 3px;
}
.sidebarbox span.prevKnowledge{
  background-color:#756a00;
  padding: 0 3px;
}
.sidebarbox span.noPrevKnowledge{
  background-color:#c94218;
  padding: 0 3px;
}
.sidebarbox hr{
  color:#F8CD98;
  width:100px;
  background-color:#F8CD98;
  height:1px;
  margin: 0 0 1em 10px;
  text-align: left;
}
.sidebarbox h3.multibox{
  background: url(../layoutimages/box-head-background.png) no-repeat;
  font-size: 16px;
  margin-bottom: 0.5em;
  padding: 5px 3px 5px 5px;
  font-weight: bold;
  margin-top: 0;
color: #ffffff;

}

/*Vertical navigation*/

#vnav{
  margin: 3.5em 0 0 1em;
}
#vnav li{
  border-bottom: 1px solid #fde6a3;
}
#vnav li.last, #vnav #subnav li{
  border-bottom:none;
}
#vnav a:link, #vnav a:visited {
  font-size: 13px;
  font-weight:bold;
  color: #003574;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 12px;
  display:block;
  width:100%;
  line-height:160%;
  }


#vnav a:hover,  #vnav a:active {
  color: #c94218;
  text-decoration:none;
  padding: 0.2em 0 0.2em 12px;
  display:block;
  width:100%;
  background-color: #fff6e5;
    }

#vnav li.current{
  font-weight:bold;
  font-size: 14px;
  color: #c94218;
  text-decoration:none;
  padding: 0.2em 0 0.2em 12px;
  display:block;
  background: url(/layoutimages/vnav_dot.png) no-repeat 0 8px;
  line-height:160%;
  }
/*Second Level*/
  #vnav #subnav a:link, #vnav #subnav a:visited {
  font-size: 0.85em;
  font-weight:bold;
  color: #003574;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 10px;
  display:block;
  width:100%;
  line-height:120%;
  }

 
#vnav #subnav a:hover,  #vnav #subnav a:active {
  font-size:  0.85em;
  font-weight:bold;
  color: #c94218;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 10px;
  display:block;
  width:100%;
  background: none;
  }

#vnav #subnav li.current{
  font-size:  0.85em;
  font-weight:bold;
  color: #c94218;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 10px;
  display:block;
  background: url(/layoutimages/vnav_dot.png) no-repeat 0 8px;
}

/*Third Level*/
#vnav #subsub a:link,#vnav #subsub  a:visited  {
  font-size: 0.75em;
  font-weight:bold;
  color: #003574;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 10px;
  display:block;
  width:100%;
  }

#vnav #subsub  a:hover,  #vnav #subsub  a:active {
  font-size: 0.75em;
  font-weight:bold;
  color: #c94218;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 10px;
  display:block;
  width:100%;
  background: none;
  }

#vnav #subsub  li.current{
  font-size: 0.75em;
  font-weight:bold;
  color: #c94218;
  font-weight: bold;
  text-decoration:none;
  padding: 0.2em 0 0.2em 10px;
  display:block;
  background: none;
  line-height:1.2em;
}

/* Imprintbox below Vnav */
#imprint{
  font-size:0.7em;
  margin: 1em 0;
  padding:1em 10px;

}
#imprint p{
margin-bottom: 0.5em;  
}
#imprint hr{
  color:#F8CD98;
  width:100px;
  background-color:#F8CD98;
  height:1px;
  margin: 1em 0;
  text-align: left;
}
#imprint a:link,#imprint a:visited{
  color:#003574;
}
#imprint a:hover,#imprint a:active{
  color:#B7780F;
}
/* Instituto Cervantes Logo */
p#cervantes{
  margin: 2em 0 3em 10px;
}

/* Content *********************************** */
 #content {
  margin: 0 230px 0 230px;
  padding: 3em 0 2em;
  width: 505px;
  min-height: 400px;
}


#content h1 {
  margin-bottom: 0.2em;
  color: #003574;
  font-size: 1.7em;
  font-weight: normal;
}
#content h2 {
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  font-size: 1.3em;
  font-weight: normal;
}

#content p {
  font-size: 0.8em;
  line-height: 145%;
}
#content h3 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.4em;
  color: #003574;
}
#content h4 {
  font-size: 0.95em;
  color: #B7780F;
font-family: Helvetica, Arial, sans-serif;
line-height:150%;
margin: 0.5em 0;
font-weight:normal;
}
#content a:link, #content a:visited{
  color: #004293;
  text-decoration:underline;
}
#content a:hover, #content a:active{
  color: #001837;
  text-decoration:none;
}
#content ul{
  list-style-type:disc;
  list-style-position:outside;
  margin:1em 0 1em 2em;
  font-size:0.8em;
}
#content img{
  padding: 1em 5px 0.5em 0 ;
}
/* Formular */
#content fieldset.bereich{
  border: 1px solid #eda327;
  margin-top: 1em;
  padding: 5px 10px 10px 20px;
  width: 25em;  
  display:block;

}

#content span{
  font-size: 1em;
}
#content legend {
  font-weight: bold;
  
}
#content label {
  font-weight: bold;
  font-size: 0.8em;
  display:block;
  margin:0.5em 0 0.2em 0;
}
#content label.inline{
  display:inline;
}
#content label.inlinelong{
  display:inline-block;
    width:16em;
}
#content div.inlineblock{
  display:inline-block;
    width:8em;
}
#content input[type=text]{
  font-size:0.9em;
background-color:#FDF0D9;   
  color: #003574;
  border: 1px solid #003574;
}
#content input[type=text]:hover{
  background-color:#F0F7FF;
}
#content .testdenivel p.label{
font-weight:bold;
}
#smoker{
margin-top: 0.5em;  
}
#content textarea{
  font-size:0.9em;
background-color:#FDF0D9;   
  color: #003574;
  border: 1px solid #003574;
  overflow: hidden;
}
#content select{
  font-size:0.9em;
background-color:#FDF0D9;   
  color: #003574;
  border: 1px solid #003574;
  min-width: 10em;
}
#content select.small{
    min-width: 2em;
}
#content fieldset.prices{
  border: 1px solid #CCE3FF;
  margin-top: 1em;
  padding: 5px 10px 10px 20px;
  width: 25em;
  display:block;
}
#content fieldset.prices label{
  float:left;
  width: 15em;
  text-align:right;
  padding-right: 10px;
}

#content input.pricefield{
  float:left;
  text-align:right;
  background-color:#CCE3FF;
  min-width: 5em;
  margin-right: 3px;

}
#content fieldset.prices div.fee{
  height:2em;

}
#content input[type=submit]{
  background-color:#F7D69D;
  color:#003574;
  font-weight:bold;
  border: 4px double #B7780F;
  margin-top: 1em;
    padding: 0.1em 2em;
  
}
#content input[type=submit]:hover{
  background-color:#F7D69D;
  color:#003574;
  font-weight:bold;
  border: 4px solid #B7780F;
  margin-top: 1em;
  padding: 0.1em 2em;
  
}
/* Newsblock  */
#content .newsblock{
  margin: 0 0 1.5em 0;
}
#content .newsblock h2{
  font-size:1em;
  color:#B7780F;
}
#content .newswrapper{
  background-color:#FBE9CA;
  padding:  0.5em;
}
/* Niveltest */
#content .testdenivel p{
    font-size:0.75em;
    margin: 0 0 0.8em 0;
    line-height: 160%;
}
#content .testdenivel label{
  font-size:1em;
}
/* // Niveltest */
#content hr{
  color:#F8CD98;
  width:100px;
  background-color:#F8CD98;
  height:1px;
  margin: 1em 0;
  text-align: left;
}
#content .messagetext{
    color: #BE7D10;
}
#messagesTxtBox{ /*information message */
  padding: 0.5em 0 1em 0;
  margin: 0.5em 0 1em 0;
  color: #BE7D10;
}
table.price{
  width: 350px;
  table-layout:auto;
  border-collapse:inherit;
  font-size: 0.8em;
  margin: 1em 0;
  }
.price tr{
  background-color:#F9D6AA;
}
.price tr:hover{
  background-color:#F8CB94;
}
.price th{
  width: 80%;
  padding: 5px 1em;
  text-align:left;
  
}
.price td{
  width: 20%;
  padding: 5px 0.5em;
  text-align:right;
}
/* Seitenfuß */
#footer {
  clear:both;
background:url(/layoutimages/body_bg.png) ;
  
  
}
 #footer p {
  font-size:0.7em;

}
#staticlinks{
  background-image:url(/layoutimages/footer_bg.png);
    background-repeat: repeat-x;
  background-position: 0 0;
height:80px;
}


#logoi{
  height: 50px;
  padding: 5px 0 0 230px;
  background:url(/layoutimages/body_bg.png) ;
  
}
#logoi img{
  padding: 0 20px;
}

p#footerlinks {
padding: 0 230px;
  font-size: 0.6em;
  text-align:center;
  color: #FFF9EB;  
  padding-top:1em;
}
#footerlinks a:link, #footerlinks a:visited{
    color: #FFF9EB;  
    text-decoration:underline;
}
/*Verschiedene Klassen */
.fltrt {
  float: right;
  margin-left: 8px;
}
.fltlft {
  float: left;
  margin-right: 15px;
}
.antifloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
  color: #FFF;
}
.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

 .imageleft{
  float: left;
  margin: 0 0.5em 0.5em 0;
  padding: 0 1em 1em 0;
}
.imageright{
  float: right;
  margin: 0 0 0.5em 1em;
}
#content  .lead {
  font-size: 15px;
  color: #003574;
  font-family: Helvetica, Arial, sans-serif;
  line-height:160%;
  font-weight:normal;
}
#content  .leadbold {
  font-size: 15px;
  color: #003574;
font-family: Helvetica, Arial, sans-serif;
line-height:160%;
font-weight:bold;
}
#content .stressed {
  font-weight: bold;
  color: #B7780F;
}