﻿
@media screen
{

/*default styles*/
*{
    
 margin:0;
 padding:0;
 
 }
body 
{
   font-family: Arial, Verdana, Helvetica, Sans-Serif;
   font-size:14px;
   font-weight:normal;
   color:#330000; 
   letter-spacing:normal;
   line-height:1.6em;
   text-align:center;
padding-bottom:5em;
   background:#e6e4e2 ;/*muss noch ersetzt werden*/

}
/*content headline*/
h1, h4{
font-size:1.5em; 
padding:.8em 0 .5em .2em; 
color:#993333;
font-weight:normal; 
width:100%;
font-family:Times;
font-weight:bold;
border-bottom:1px solid #e0dedf;
line-height:1.2em;
float:left; /*bg wont repeat otherwise*/
}

/*subheadline*/
h2
{
font-weight:bold;
}


p
{
float:left;
padding:.2em;
padding-top:.8em;
margin:0;
font-size:14px;
width:100%;

}
ul{
list-style-type:none;
padding:0;
margin:0;
}
a, a:visited
{
color:#333;
text-decoration:underline;
padding:.2em;
}

a:hover
{
    text-decoration:none;

}
.noBorder{
border:none!important;
}
/*containers*/
#wrapper{
width:950px;
padding:1em .7em;
height:auto;
text-align:left;
margin:0 auto;
}
/*Header*/
#header{
width:100%;


background:#fff url(../img/headerBg.gif) right no-repeat;
height:110px;
margin-bottom:0.8em;

}
.photo
{
    float:right;
    width:731px;
    height:369px;
	overflow:hidden;
}
#logo {
float:left;
height:110px;

width:366px;


}
#logo a 
{background:#fff url(../img/logo.gif) 0 0 no-repeat;
float:left;

padding:0;
margin:0;
height:110px;
width:456px;
}
#logo a:hover
{height:110px;
background-position:0 -110px
}
#logo img {
text-decoration:none;
border:0;

}

#address{

float:right;
font-family:times New Roman;
font-size:0.9em;
width:50%;
line-height:1.2em;
font-style:italic;
padding-top:3.3em;

}
#address span{

display:block;
padding-top:0.5em;

}
#address span.big{

font-size:1em;
font-weight:bold;
padding-top:0;

}

/* Col wrapper*/
#content{
width:100%;
margin-top:0.5em;
float:left;
background:url(../img/contentBg.gif) repeat-x;


}
#content .col1 h1{
border:none; color:#98ad66;


}

/*left Col elements*/
.col1{
padding:1.5em;
width:62%;
height:auto;
float:left;


}
.slogan
{
border-bottom:1px solid #e0dedf;

}

/*main navigation*/
/*first level*/
#nav
{
float:left;
background: url(../img/navBg.gif) top no-repeat;
width:197px;
height:372px;
margin-right:0.5em;
width:206px;
}



ul.topLevel
{

   padding-top:3em;
    font-size:15px;
    line-height:1.5em;
    width:100%;
    height:auto;
    overflow:hidden;

    letter-spacing:0.01em;

}
/*all li elements*/
ul.topLevel li
{
    padding:0;
    float:left;

    float:left;
    width:100%;
    height:auto;

}
/*last element in list*/
ul.topLevel li.last
{
border:none;
padding-bottom:0;
}



/*normal , visited status*/

 .topLevel a, .topLevel a:visited 


{
    

color:#fff;
    text-decoration:none;
    padding: 1em 2em;
    display:block;
    width:98%;



    
} 
 


/*hover status*/
.topLevel a:hover
{
    background:#7A0000;
    text-decoration:none;

} 
/*SELECTED*/
 .topLevel a.selected

{

  background:#7A0000!important;/* IE6 fix*/

} 


/*middle Col elements*/
.col2{
height:auto;
overflow:hidden;
width:30%;

padding:1em;
float:left;
padding-top:2.3em;

}

}
.col2 ul{
float:left;
padding-top:.5em;


}
.col2 ul li{
background:url(../img/pfeil.gif) 0 1.1em no-repeat;
display:block;

padding:.5em 0 .5em 1em;

}
/*main img within text*/
.mainImg
{
    width:100%;
    padding:0 0 0 0;
    margin:1.5em 0 2em;
    background:#dfdb00;
}
.mainImg img
{
    float:left;
}
.mainImg span
{
    float:left;
    width:97%;
    height:auto;
    font-size:12px;
    padding:.3em 1em;

}
span.date
{
    padding:.3em;
    margin-left:-.4em;
    margin-right:.3em;
    background:#dfdb00;
}
/*Right Col elements*/

.col3{
    height:auto;
    width:158px;
    float:right;


}


#footer
{

    clear:both;
    width:100%;


}
#footer p
{
    padding:0 2em;
float:left;
    width:100%;
font-size:.9em;
color:#660000;
}


}