body{
margin:0;
padding:0;
background-image:url(img/bg_top.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#9b947f;
font-family: trebuchet ms, trebuchet, sans-serif;
font-size: 12px;
}

img{border:0;}
a{outline:none;}

#container{
width: 960px;
margin: 0 auto;
}

#header{
background-image:url(img/header_logo.png);
background-repeat:no-repeat;
height: 230px;
border-bottom:1px solid white;
}

#metanavi {
font-size:11px;
text-align:right;
display:block;
margin:40px 0 0 0;
padding:10px 32px 0 0;
border-top:1px solid #ccc;
}

#metanavi a{
text-decoration:none;
color:#333;
}

#content{
background-image:url(img/content_faux_bg.jpg);
background-repeat:repeat-y;
}

#breadcrumbs{
height: 44px;
padding-left: 228px;
background-image: url(img/content_schatten.jpg);
}

#breadcrumbs p{
    margin: 0;
    padding: 0;
    color: #808080;
    line-height:50px;
}

#breadcrumbs a{
    text-decoration: none;
    color: #808080;
    border:0;
}

#breadcrumbs a:hover{
    text-decoration: none;
    color: #333;
    border:0;
}

/* breadcrumbs pfeil farben */
#pfeil_default{font-size:16px;font-family:arial;}
#pfeil_willkommen{color: #ff7200;font-size:16px;font-family:arial;}
#pfeil_aktuelles{color: #46921f;font-size:16px;font-family:arial;}
#pfeil_ueberuns{color: #312d70;font-size:16px;font-family:arial;}
#pfeil_partner{color: #979797;font-size:16px;font-family:arial;}
#pfeil_termine{color: #9e3e78;font-size:16px;font-family:arial;}
#pfeil_angebote{color: #ffb22b;font-size:16px;font-family:arial;}
#pfeil_beratung{color: #e22f33;font-size:16px;font-family:arial;}
#pfeil_events{color: #87b010;font-size:16px;font-family:arial;}
#pfeil_links{color: #2f9ae4;font-size:16px;font-family:arial;}
#pfeil_presse{color: #5e4242;font-size:16px;font-family:arial;}


#spalte_links{
float:left;
width: 189px;
}


/* NAVIGATION --------------- */

ul#navigation{
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
}

li{margin: 0;padding: 0;}

#willkommen{
	background:url(img/btn_willkommen.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#willkommen:hover{
	background:url(img/btn_willkommen.jpg);
	background-position:189px 0;
    height: 30px;
	width:189px;
}

#aktuelles{
	background:url(img/btn_aktuelles.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#aktuelles:hover{
	background:url(img/btn_aktuelles.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#ueberuns{
	background:url(img/btn_ueberuns.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#ueberuns:hover{
	background:url(img/btn_ueberuns.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#partner{
	background:url(img/btn_partner.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#partner:hover{
	background:url(img/btn_partner.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#termine{
	background:url(img/btn_termine.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#termine:hover{
	background:url(img/btn_termine.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#angebote{
	background:url(img/btn_angebote.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#angebote:hover{
	background:url(img/btn_angebote.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#beratung{
	background:url(img/btn_beratung.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#beratung:hover{
	background:url(img/btn_beratung.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#events{
	background:url(img/btn_events.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#events:hover{
	background:url(img/btn_events.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#links{
	background:url(img/btn_links.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#links:hover{
	background:url(img/btn_links.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

#presse{
	background:url(img/btn_presse.jpg);
	width:189px;
    height: 30px;
	background-position:0 0;
}
#presse:hover{
	background:url(img/btn_presse.jpg);
	background-position:189px 0;
	width:189px;
    height: 30px;
}

/* NAVIGATION --------------- */



#wrapper{
width:771px;
float:right;
}

#spalte_mitte{
float:left;
width: 582px;
margin-bottom:20px;
margin-top:9px;
}

/* CONTENT --------------- */

#spalte_mitte p#eingangstext{
    color: #083f88;
    font-size: 18px;
    line-height: 20px;
/*    width: 421px;*/
    margin:16px 40px 0 40px;
    font-weight: normal;
}

#spalte_mitte p{
    margin:0 40px;
    line-height: 16px;
    color:#333;
}

#spalte_mitte ul{
color:#333333;
line-height:16px;
margin:0 0 0 40px;
width:421px;
}

#spalte_mitte li{margin:0 0 5px 0;}

#spalte_mitte h1{
    width: 421px;
    margin:30px 0 10px 40px;
    color: #404040;
}

#spalte_mitte h5{
    width: 421px;
    margin:16px 0 5px 40px;
    font-weight: bold;
    font-size: 14px;
    color:#083f88;
}

#spalte_mitte h6{
color:#808080;
font-size:12px;
font-weight:normal;
margin:-7px 0 15px 40px;
width:421px;
}

#tabelle_angebote{
margin-left:40px;
margin-top:10px;
}

#tabelle_angebote th{
background-color:#4c7193;
padding:6px;
color:#fff;
}

#tabelle_angebote td{
padding:5px;
}

#tabelle_angebote .zebra{
background-color:#ddd;
}

li a{color: #214679;}

p a{color: #214679;}
p a:visited{color: #584a7e;}
p a:hover{color: #326bba;}

.abbinder{
    margin:20px 0 0 40px;
}

.abbinder a{
    color:#214679;
}

.abbinder a:visited{color: #584a7e;}
.abbinder a:hover{color: #326bba;}

hr{
    border: 0;
    background-color: #dcdcdc;
    width: 501px;
    height: 1px;
    margin: 1px;
}

/* CONTENT --------------- */

#spalte_rechts{
float:right;
width: 189px;
}

#bild_ssbk{padding-left:18px;width:140px;}
#bild_sjk{padding-left:18px;width:140px;}

#logowrapper{
    padding-left: 10px;
}

#footer{
background-image:url(img/footer_bg.jpg);
background-repeat:no-repeat;
height:150px;
border-top:1px solid white;
clear:both;
}

#footer table{
margin:10px 0 0 266px;
list-style-type:none;
color:#fff;
font-family: tahoma;
font-size: 10px;
}

#footer table a{
color:#fff;
font-family: tahoma;
font-size: 10px;
text-decoration: none;
}

#footer table a:hover{
    color: #aef8ff;
}

#footer table td{
    width: 76px;
    height: 18px;
    border-bottom: 1px solid #7f98b0;
}

#footer table td.empty{
border:0;
}

#footer table td span{
    font-family: trebuchet ms;
    font-size: 16px;
}

.clearfix:after { /* http://www.positioniseverything.net/easyclearing.html */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}