/* CSS Para Expain.de

Autor: Juan P. González.
		Red in Red 2010
		
		expain.CSS
*/


body{
background-color:#fff;
margin:0px;
padding:0px;
background-image:url(img/bg_1.png);
background-position: 0px 0px;
background-repeat:repeat-x;
}

.container{
margin:0px auto;
width:975px;
height:auto;
overflow:hidden;
}
.copyri{
margin:0px auto;
width:975px;
height:35px;
overflow:hidden;
text-align:center;
padding:15px 0px;
}
.copyri img{
float:left;
height:30px;
width:79px;
border:0px;
padding-left:20px;
}
.container1{
width:975px;
height:92px;
background-image:url(img/bg_2som.gif);
background-repeat:repeat-y;
background-position:0px 0px;
}
.container1 a.logo {
background-image:url(img/logo1.gif);
background-position:0px 0px;
background-repeat:no-repeat;
height:92px;
width:123px;
float:left;
margin-left:30px;
}
.container1b{
width:255px;
height:auto;
overflow:hidden;
float:right;
margin-right:20px;
margin-top:-65px;
}
.container1b ul{
margin:0px;
padding:0px;
list-style:none;
}
.container1b ul li{
display: inline;
margin:0px 3px;
padding:0px;
}

.container3{
width:670px;
height:23px;
z-index:1;
margin-top:45px;
padding-left:5px;
float:left;
margin-left:0px;
}

div#Rahmen div {
clear: left;
}

ul#Navigation {
margin: 0; padding: 0;
text-align:left;
margin-left:2px;
}


ul#Navigation li {
list-style: none;
float: left; 
position: relative;
margin: 0; padding: 0;
margin-left:5px;
}


ul#Navigation li ul {
margin: 0; padding: 5px 0px;
position: absolute;
top: 23px; left: -5px;
display: none;
}


ul#Navigation li:hover ul {
display: block; 
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0px;
}


ul#Navigation a {
display: block;
width:138px; 
height:23px;
padding: 8px 0px 0px 20px;
text-decoration: none;
background-color: #fff;
background-image:url(img/lyout_menu1.gif);
background-repeat:no-repeat;
background-position:right 50%;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
}
ul#Navigation a:hover, li a#aktuell { 
color:#5fc6ed;
background-image:url(img/lyout_menu2.gif);
background-repeat:no-repeat;
background-position:right 50%;
}
ul#Navigation li ul li a{
background-image:none;
height:auto;
overflow:hidden;
padding-bottom:10px;
background-color:#5fc6ed;color:#fff;
}



ul#Navigation li ul li a:hover{
height:auto;
overflow:hidden;padding-bottom:10px;
color:#5fc6ed;
background-color:#fff;
background-image:url(img/lyout_menu2.gif);
background-repeat:no-repeat;
background-position:right 50%;
}




  
.container2{
width:975px;
height:277px;
overflow:hidden;
}
.container2 img{ width:975px; height:277px; border:0px;}

.contenido{
width:975px;
height:auto;
overflow:hidden;
background-image:url(img/bg_2som.gif);
background-repeat:repeat-y;
background-position:0px 0px;
}
.losprogramas{
width:100%;
height:auto;
overflow:hidden;
}
.programas1{
width: 520px;
padding-left:70px;
height:auto;
overflow:hidden;
float:left;
}
.programas1a{
width:160px;
height:auto;
overflow:hidden;
float:left;
border-right:1px solid #999;
padding-right:10px;
}
.programas1a1, .programas1a2{
border-bottom:1px solid #999;
}
.programas1a01{
width:525px;
height:auto;
overflow:hidden;
float:left;
padding-right:10px;
}
.programas1a01a, .programas1a01b{
border-bottom:1px solid #999;
width:175px;
height:81px;
overflow:hidden;
float:left;
}
.programas1a01b{
background-image:url(img/bg_precio.gif);
background-repeat:no-repeat;
background-position:0px 30px;
}
.programas1b{
width:330px;
height:auto;
overflow:hidden;
float:left;
margin-left:10px;
}
.programas1b ul{
margin:0px;
padding:0px;
list-style:none;
}
.programas1b ul li{
margin:0px;
padding:0px 0px 0px 15px;
line-height:2.3;
background-image:url(img/list_style1.gif);
background-position:left 50%;
background-repeat:no-repeat;
}
.programas1c{
width:520px;
height:45px;
border:0px;
clear:both;
padding-top:30px;
}
.programas1c a{
width:337px;
height:45px;
background-image:url(img/bt_pu.png);
border:0px;
display:block;
}

.programas2{
width: 323px;
padding-left:62px;
height:auto;
overflow:hidden;
float:left;
}

.contenidotop{
width:860px;
height:auto;
margin:0px 57px 30px 57px;
border: 1px solid #999;
border-left:0px;
border-right:0px;
border-top:0px;
overflow:hidden;
clear:both;
}
.contenidotop1{
width:361px;
height:190px;
overflow:hidden;
background-image:url(img/bg_top1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
float:left;
margin:25px 0px 25px 40px;
}


a.masinfo,
a.masinfo:link,
a.masinfo:visited,
a.masinfo:active {
position: relative;
text-decoration: none;
}

a.masinfo:hover {
background: transparent;
z-index: 100;
}

a.masinfo span {
display: none;
text-decoration: none;
}

a.masinfo:hover span {
display: block;
position: absolute;
top:-60px;
left: 30px;
width: 200px;
z-index: 100;
color: #fff;
border: 1px solid #fff;
padding: 5px 10px 5px 10px;
background: #44c0e9;
font:11px Verdana, Arial, Helvetica, Sans-serif;
text-align: left;
line-height:1.5;
}
.calendarios{
width:975px;
height:auto;
overflow:hidden;
}
.calend{
width:auto;
height:auto;
overflow:hidden;
margin-left:90px;
}
.calendar, .calendar2{
width:175px;
height:130px;
background-image:url(img/img_calendario.png);
background-position:0px 0px;
background-repeat:no-repeat;
overflow:hidden;
margin:0px 30px 30px 0px;
float:left;
}
.calendar2{
background-image:url(img/img_calendario2.png);
}

.curva{
width:975px;
height:74px;
overflow:hidden;
background-image:url(img/img_curva.gif);
background-repeat:no-repeat;
background-position:center;
}
.leistung2 {
height:auto;
width:auto;
overflow:hidden;
margin-top:-10px;
padding-right:30px;
}
.leistung2 img{
border:0px;
height:280px;
width:290px;
}
.formulari{
width:100%;
height:100%;
overflow:hidden;
background-color:#55cdf6;
padding: 10px 0px 5px 20px;
}
.laempresa  img{
width:200px;
height:200px;
border:0px;
padding-left:15px;
float:right;
}

a.googmap{ margin:-5px 0px 0px 0px;width:120px; height:18px;display:block;background-image:url(img/img_globo.gif); background-repeat:no-repeat; background-position:0px 50%;}
a:hover.googmap{background-image:url(img/img_globo2.gif);text-decoration:none;}
a:active.googmap{background-image:url(img/img_globo2.gif);text-decoration:none;}

.seminario{
height:auto;
width:auto;
overflow:hidden;
clear:both;
margin-bottom:30px;
}
.seminario img{
width:58px;
height:77px;
border:0px;
float:left;
margin-top:-47px;
padding-right:10px;
}

.schulerecke,.schulereckebis{
margin:0px auto;
width:100%;
height:277px;
background-image:url(img/banner_schulerbg.jpg);
background-repeat:no-repeat;
background-position: center 0px;
overflow:hidden;
}
.schulereckebis{

background-image:url(img/banner_schulerbg2.jpg);

}
.schulerecke1{
margin:0px auto;
width:975px;
height:277px;
overflow:hidden;
}
.schulerecke1a{
width:946px;
height:277px;
overflow:hidden;
background-image:url(img/infos_bg.gif);
background-repeat: no-repeat;
background-position:0px bottom;
margin-left:14px;
}
.schulerecke2{
margin:-277px 0px 0px 949px;
width:103px;
height:277px;
position:relative;
overflow:hidden;
background-image:url(img/banner_schulerbg.jpg);
background-repeat:no-repeat;
background-position:right 0px;
}
.schulerecke1a1{
width:850px;
height:auto;
overflow:hidden;
float:left;
margin-left:50px;
}

.schulerecke1a2{
width:789px;
height:277px;
overflow:hidden;
float:left;
margin-left:20px;
background-image:url(img/maparegional.jpg);
background-position:right 0px;
background-repeat:no-repeat;
}

.bodyextend{
background-image:none;
background-color:#fff;padding:0px; margin:0px;
}
.extend{
height:600px;
width:950px;
overflow:hidden;
background-image:url(img/erfbr_bg.png);
background-position:0px 0px; 
background-repeat:no-repeat;
}
.contlogo{height:92px; width:950px; overflow:hidden; margin-top:-70px;}
.contlogo a.logo {
background-image:url(img/logo1.gif);
background-position:0px 0px;
background-repeat:no-repeat;
height:92px;
width:123px;
float:left;
}
.contenidotop1eb{
width:361px;
height:190px;
overflow:hidden;
background-image:url(img/bg_top1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
float:left;
margin:25px 0px 25px 40px;
}
.contenidotop1ec{
height:35px;
width:400px;
margin-left:550px;
margin-top:30px;
overflow:hidden;
}