html{height:100%;padding-bottom:1px}
body{padding:0;margin:0;height:100%;}
*{font: normal 10px/12px Verdana;margin:0;padding:0}

strong{font-weight:bold}
em{font-style:italic}
.clear{clear:both;line-height:1px;height:1px;display:block;overflow:hidden;}
a.switchG{display:block;color:#99A7B0;text-decoration:none;font-weight:bold;padding:0 0 0 20px;width:120px;background: url("../img/german.jpg") no-repeat right center}

#wrap{background: url("../img/bg_wrap.gif"); margin:0 auto; width:860px;padding: 0 1px}

#header{width:860px;height:100px;background:  url("../img/bg_header.jpg") repeat-x }
#header h1.home{width:860px;height:100px;background:  url("../img/banner_home_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}
#header h1.profil{width:860px;height:100px;background:  url("../img/banner_uberuns_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}
#header h1.projekte{width:860px;height:100px;background:  url("../img/banner_projekte_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}
#header h1.rm{width:860px;height:100px;background:  url("../img/banner_rm_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}
#header h1.links{width:860px;height:100px;background:  url("../img/banner_links_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}
#header h1.kontakt{width:860px;height:100px;background:  url("../img/banner_kontakt_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}
#header h1.aktuelles{width:860px;height:100px;background:  url("../img/banner_aktuelles_01.jpg") no-repeat;overflow:hidden;text-indent:-1000px;}

#header a{display:block;width:100%;height:100%;text-decoration:none}
#header h2{display:none}
#rm_logo{display:none;}

#navi{list-style: none;width:690px;border:1px solid #999;border-right:none;border-left:none;height:24px;padding: 0 0 0 170px;background:#333}
#navi li{display:block;width:auto;padding:6px 10px 0;float:left;text-transform:uppercase}
#navi a{color:#fff;text-decoration:none;display:block;height:18px;width:auto;}
#navi a:hover{color:#99A7B0;background: url("../img/bg_navi_a.gif") repeat-x ;}
#navi a.active{color:#99A7B0;background: url("../img/bg_navi_a.gif") repeat-x ;}

#navi a.profil{width:55px;}
#navi a.aktuelles{width:31px;}
#navi a.projekte{width:58px;}
#navi a.rm{width:77px;}
#navi a.links{width:55px;}
#navi a.home{width:33px;}
#navi a.press{width:36px;}

#banner{width:860px;height:75px;overflow:hidden;text-indent:-1000px;clear:left;}
h1.b_home{background:#B9B9BE url("../img/banner_home_03.jpg") no-repeat}
h1.b_profil{background:#B9B9BE url("../img/banner_uberuns_03.jpg") no-repeat}
h1.b_projekte{background:#B9B9BE url("../img/banner_projekte_03.jpg") no-repeat}
h1.b_rm{background:#B9B9BE url("../img/banner_rm_03.jpg") no-repeat}
h1.b_links{background:#B9B9BE url("../img/banner_links_03.jpg") no-repeat}
h1.b_kontakt{background:#B9B9BE url("../img/banner_kontakt_03.jpg") no-repeat}
h1.b_aktuelles{background:#B9B9BE url("../img/banner_aktuelles_03.jpg") no-repeat}

#content{width:860px;background:#fff url("../img/bg_content.jpg") repeat-y;}

#subnavi{width:175px;float:left;padding-bottom:20px;}

#subnavi ul{list-style:none;width:150px;display:block;}
#subnavi li{width:150px;height:30px;display:block;}
#subnavi li a{height:30px;display:block;background: url("../img/bg_subnavi_a.gif") no-repeat 0px top ;width:100%;padding:0px 0 0 0;text-decoration:none;font-weight:normal;margin-top: 4px; text-transform:uppercase;color:#333}
#subnavi li a:hover{background-position: 0px bottom;font-weight:normal;}
#subnavi li li a{padding-left:25px;width:125px;color:#36C;font-weight:normal;}
#subnavi li a.active{color:#99A7B0;background-position: 0px bottom;}
#subnavi h4 {margin:15px 25px 0 25px;}
#subnavi a{display:block;color:#36c;text-decoration:none;font-weight:bold;padding:0 0 0 5px;width:65px;background: url("../img/bg_a.gif") no-repeat right center}



#content h3{background: url("../img/bg_subnavi_h2.jpg") repeat-x;width:145px;height:17px;padding: 3px 0 0 25px;font-weight:bold;text-transform:uppercase}

#center{width:515px;float:left;}
#teaser{width:170px;float:right;}
#teaser h3{width:155px;padding: 3px 0 0 15px;}
#teaser div{padding-bottom:5px;background:  url("../img/bg_teaser_div.gif") no-repeat 0 bottom}
#teaser p{padding:10px 5px 0 15px;width:145px}
#teaser a.mehr{display:block;color:#99A7B0;text-decoration:none;font-weight:bold;padding:0 0 0 15px;width:40px;background: url("../img/bg_a.gif") no-repeat right center}
#teaser a.pdf{display:block;color:#99A7B0;text-decoration:none;font-weight:bold;padding:10px 0 5px 25px;background: url("../img/bg_presse_a.jpg") no-repeat left center; margin-left:9px}
#teaser h4 a{color:#333;font-weight:normal;text-transform:uppercase;background:none;padding-top: 5px}


#text{background:#fff;width:489px;float:left;margin:0 11px;padding-top:14px;color:#333}
#text h1{color:#333;font-size:12px;padding:10px 0;margin-bottom:20px;font-weight:bold}
#text p{color:#333}
#text a{display:block;color:#99A7B0;text-decoration:none;font-weight:bold;padding:0 0 0 0px;background: url("../img/bg_a.gif") no-repeat left center;margin:0}
#text a.links{padding:10px 0 5px 30px;background:none;}
#text a.presse {background:  url("../img/bg_presse_a.jpg") no-repeat left center;padding:10px 0 5px 30px;}
#text a.popup{background:none;padding:0;}
#text a.normal{display:inline;background:none;padding:0;}
#text a.popup {display:block;font-weight:normal;text-decoration:underline;margin:0 auto;}


#text p.presse {padding:10px 0 5px 30px;color:#36c;font-weight:normal;}
#text p.warn {color:#f00;font-weight:bold;}
#text p.note {font: normal 9px Verdana;margin:0;padding:0;}
#text p.sub {color:#99A7B0;}
#text ul{display:block;margin:0;padding:0}
#text li{display:block;padding-left:10px;background:  url("../img/bg_li.gif") no-repeat 2px 7px ;margin-top:4px}
#text h4 {color:#333;font-weight:normal;text-transform:uppercase;background:none;padding-top: 20px; padding-bottom: 5px}
#text ol{list-style-type:decimal;margin-left:25px;padding:0}
#text img.link {float:left;margin:0px 0px 0px 0;}

#text ol li{display:list-item;background:none;margin:0;padding:4px 0 0 0 }
#text ol li a{background:none;margin:0;padding:0}


#tooltip li 
{
    list-style-type: none; /*Listenpunkt*/
}
	
#tooltip a  /*Hier wird das Aussehen des Informationsfensters in der imagemap definiert.*/
{
	display: block; /*Element wird als Blockelement dargestellt*/
	position: absolute; /*absolute Positionierung*/
	font-size: 12px; /*Schriftgröße*/
	font-family: Verdana; /*Schriftfamilie*/
	color: #000000; /*Farbe*/
	text-decoration: none; /*keine Textauszeichnung*/
	background: url('images/icons/zielpunkt_blau.gif') no-repeat; /*Hintergrundbild*/
	background-position: 5px 5px; /*Position des Hintergrundbildes*/
	padding-left: 20px; /*Innenabstand links*/
	visibility: visible; /*Sichtbarkeit*/
}
	
#tooltip a span /*Der Text innerhalb des span-Elements ist nicht sichtbar,  wenn über den Link  
mit der Maus gefahren wird.*/
{
    visibility: hidden; /*Sichtbarkeit*/
}
	
#tooltip a:hover  /*Das Aussehen des Infofensterns beim Drüberfahren mit der Maus*/
{
	background: url('images/icons/zielpunkt_blau.gif') #EFF5FF no-repeat left top;  /*Hintergrundbild*/
	background-position: 5px 5px; /*Position des Hintergrundbildes*/
	border: 2px; /*Rahmen*/
	border-bottom: 2px solid #FF9900; /*Rahmen unten*/
	width: 135px; /*Breite des div-containeirs (nicht die Gesamtbreite!)*/
	height: 55px; /*Höhe des div-containeirs (nicht die Gesamthöhe!)*/
	background-color: #D1D1D1; /*Hintergrundfarbe*/
	padding: 5px 5px 5px 25px; /*Innenabstand oben, rechts, links, unten*/
	z-index: 51; /*Reihenfolge der einzelnen Layer*/
}
	
#tooltip a:hover span  /*Der Text innerhalb des span-Elements ist sichtbar, wenn über den Link  
mit der Maus gefahren wird.*/
{
    visibility: visible; /*Sichtbarkeit*/
}	


ul.left{padding: 0 0 0 25px;}
ul.margin{margin:25px 0 100px 0;}
h3.margin{margin-top:25px;}

img.left{display:block;float:left;margin:4px 5px 4px 0;clear:left;}
h5{float:left;margin:-4px 5px 4px 0;clear:left;background: #eef;width:160px;}
h6{float:left;margin:-4px 5px 4px 0;clear:left;background: #eef;width:270px;}
p.right{float:right;width:310px;}


img.leftgr{display:block;float:left;margin:4px 5px 4px 0;clear:left;}
p.rightgr{float:right;margin:0px 0px 4px 0;width:200px;}

img.middle{display:block;margin:4px auto;}
p.middle{display:block;margin:4px auto;text-align:center}

hr{width:480px;height:1px;margin:12px 0;padding:0px;border:none;border-bottom:1px dashed #333;background:transparent;clear:both}
hr.fake{border-color:#fff}
* html hr{margin-left:-7px;margin: 6px 0}

/*
Gute Liste!
#text ul{list-style-type:square; list-style-position:outside;margin: 0 0 0 20px}
#text li{margin-top:4px}
*/
/*
padding:0 0 0 7px;background:url('../img/bg_li.gif') left no-repeat
*/
#footer{width:855px;height:16px;background:#fff;border-top:1px solid #999;border-bottom:1px solid #ccc;text-align:right;padding:4px 5px 0 0}
#footer a{color:#999;text-decoration:none;}
#footer p{color:#999;text-decoration:none;}


/*
PRINT
*/