@import url('menu_top.css');
@import url('menu_right.css');

html{
height: 100%; /*damit der bg-gradient sich in der höhe ausrichten kann*/
background: url(../img/bg_color.jpg) repeat;
}

body{
margin: 0; /*sonst gibts automatisch einen rand!*/
padding: 0;
border: none;
background: url(../img/bg_gradient.jpg) repeat-x;
height: 100%;
font-family: arial, "sans serif";
font-size: 15px;
line-height:20px;
text-align: center;
color: #333;
}

img{
border: none;
}

a{
outline: none; /*schaltet die linie um die bilder beim firefox aus*/
text-decoration: none;
}

h1{
font-size:18px;
}

h3{
font-size:15px;
line-height:15px;
}

#wrapper{
position:relative;
width: 950px;
height:1000px;
margin: 0 auto;
background: transparent url(../img/f_left.jpg) no-repeat 1px 152px;
text-align:left;
}

/*****header*****/

#header{
position:relative;
width: 949px;
height:152px;
margin: 0 auto;
background: transparent url(../img/head.jpg) no-repeat left top;
}

/*****content*****/

.content{
position:relative;
height:100%;
width:760px;
margin:0 auto;
padding:0;
overflow:hidden;
}

.content_top, .content_middle, .content_middle_high, .content_bottom{
width:760px;
margin:0;
float:left;
}

.content_top{
width:760px;
height:380px;
background: url(../img/cont_top.jpg) no-repeat;
}

.content_middle{
min-height:150px;
background:url(../img/cont_middle.jpg) repeat-y;
}

* html .content_middle{ /*hack für IE6, der den min-width/min-height - befehl nicht kennt
!leerzeichen beachten!*/
height:120px;
}

.content_middle_high{
height:200px;
background:url(../img/cont_middle.jpg) repeat-y;
}

.content_txt{
position:relative;
width:680px;
height:100%;
background:none;
margin:-260px 0 20px 10px;
float:left;

}

.content_in{
position:relative;
width:440px;
height:100%;
margin:0 auto;

}

.content_in a{
text-decoration:none;
color:#333;
font-weight:bold;
}

.content_in p{
font-size:13px;
line-height:17px;
}

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

#map_formatio {
width:425px;
height:350px;
border:1px solid #ccc;
}

.content_bottom{
height:12px;
background:url(../img/cont_bottom.jpg) no-repeat;
margin:0;
}

.content_b_index{
position:relative;
width:760px;
height:100px;
margin:0 auto;
background: url(../img/formatio_760x100.jpg) no-repeat;
float:left;
}

* html .content_b_index{ /*hack für IE6*/
margin-top:-700px;
}

.footer{
position:relative;
width:760px;
height:50px;
font-size: 10px;
text-align:left;
margin:0;
float:left;
}



.footer a{
text-decoration:none;
color: #666;
}

.footer .a_active, a:hover {
color:#000;
font-weight:bold;
}