/* JRB CSS by Vera Zimperfeld */

* { margin:0; padding:0; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	background:url(../gfx/bg.jpg) top left repeat-x;
}


a {
	color: #0077a9;
	text-decoration:underline;
	}
	
a:hover{
	color: #e1023b;
}

img {
	border:none;
}

p{
	line-height:170%;
	margin-bottom:20px;
}
	
	
.hidden {
	display:none;
}

h1 {
	font-size:18px;
	font-weight:bold;
	color:#0077a9;
	margin-bottom:20px;
	text-transform:uppercase;
}

h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	color:#0077a9;
}

hr {
 	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #bfbfbf;
 	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 	margin: 12px 0 17px 0;
}









#mainwrap {
	margin:auto;
	padding:0;
	text-align:center;
	width:900px;
	}
	



#container {
	text-align:center;
	width:900px;
	background:url(../gfx/container_bg.gif) top left no-repeat;
	margin-top:10px;
	overflow:auto;
}

#containerende {
	width:900px;
	height:18px;
	background:url(../gfx/containerende_bg_blau.gif) top left no-repeat;
}


/*-------------------------- HEADER und NAVI -------------------------------------------------------------*/

#header {
	width:880px;
	height:145px;
	background:url(../gfx/header.gif) top left no-repeat;
	margin:10px 10px 0 10px;
}

#headerbottom {
	width:880px;
	height:15px;
	background:url(../gfx/header_bottom_blau.gif) top left no-repeat;
	margin:0 10px;
}

#navi_wrap{
	width:651px;
	height:35px;
	padding:110px 0 0 229px;
}

#navi {
	float:left;
	height:35px;
}

#navi ul {
	list-style:none;
	height:35px;
}

#navi ul li {
	display:inline;
}

#navi ul li a {
	text-decoration:none;
	display:block;
	float:left;
	height:35px;
}

/*------------------------------------------*/

#navi ul li a#wen {
	width:95px;
	margin-right:3px;
	background:url(../gfx/nav/wen_no.gif) top left no-repeat;
}
#navi ul li a:hover#wen {
	background:url(../gfx/nav/wen_ro.gif) top left no-repeat;
}

#navi ul li a#aktivwen {
	width:95px;
	margin-right:3px;
	background:url(../gfx/nav/wen_ro.gif) top left no-repeat;
}
/*--------------------------*/

#navi ul li a#wie {
	width:95px;
	margin-right:3px;
	background:url(../gfx/nav/wie_no.gif) top left no-repeat;
}
#navi ul li a:hover#wie {
	background:url(../gfx/nav/wie_ro.gif) top left no-repeat;
}

#navi ul li a#aktivwie {
	width:95px;
	margin-right:3px;
	background:url(../gfx/nav/wie_ro.gif) top left no-repeat;
}
/*--------------------------*/

#navi ul li a#wer {
	width:95px;
	margin-right:3px;
	background:url(../gfx/nav/wer_no.gif) top left no-repeat;
}
#navi ul li a:hover#wer {
	background:url(../gfx/nav/wer_ro.gif) top left no-repeat;
}

#navi ul li a#aktivwer {
	width:95px;
	margin-right:3px;
	background:url(../gfx/nav/wer_ro.gif) top left no-repeat;
}
/*--------------------------*/


#navi ul li a#mail {
	width:96px;
	margin-right:134px;
	background:url(../gfx/nav/mail_no.gif) top left no-repeat;
}
#navi ul li a:hover#mail {
	background:url(../gfx/nav/mail_ro.gif) top left no-repeat;
}

#navi ul li a#aktivmail {
	width:96px;
	margin-right:134px;
	background:url(../gfx/nav/mail_ro.gif) top left no-repeat;
}

/*--------------------------*/


/*
	#blog muss nicht via aktiv gesteuert werden,
	bekommt alternative bg-grafik aus blog stylesheet!
*/

#navi ul li a#blog {
	width:96px;
	background:url(../gfx/nav/blog_no.gif) top left no-repeat;
	margin-right:35px;
}
#navi ul li a:hover#blog {
	background:url(../gfx/nav/blog_ro.gif) top left no-repeat;
}

#navi ul li a#aktivblog {
	width:96px;
	background:url(../gfx/nav/blog_ro.gif) top left no-repeat;
	margin-right:35px;
}

/* TODO: EINKOMMENTIEREN WENN BLOG LIVE GEHT! */

#navi ul li a#mail{
	margin-right:	3px;
}





#navi ul li a#mail {
	width:96px;
	margin-right:3px;
	background:url(../gfx/nav/mail_no.gif) top left no-repeat;
}
#navi ul li a:hover#mail {
	background:url(../gfx/nav/mail_ro.gif) top left no-repeat;
}

#navi ul li a#aktivmail {
	width:96px;
	margin-right:3px;
	background:url(../gfx/nav/mail_ro.gif) top left no-repeat;
}
/*--------------------------*/

#navi ul li a#vermischtes {
	width:128px;
	margin-right:3px;
	background:url(../gfx/nav/vermischtes_no.gif) top left no-repeat;
}
#navi ul li a:hover#vermischtes {
	background:url(../gfx/nav/vermischtes_ro.gif) top left no-repeat;
}

#navi ul li a#aktivvermischtes {
	width:128px;
	margin-right:3px;
	background:url(../gfx/nav/vermischtes_ro.gif) top left no-repeat;
}
/*--------------------------*/

#navi ul li a#impressum {
	width:127px;
	background:url(../gfx/nav/impressum_no.gif) top left no-repeat;
}
#navi ul li a:hover#impressum {
	background:url(../gfx/nav/impressum_ro.gif) top left no-repeat;
}

#navi ul li a#aktivimpressum {
	width:127px;
	background:url(../gfx/nav/impressum_ro.gif) top left no-repeat;
}


/*-------------------------- MITTE -------------------------------------------------------------*/

#content {
	width:898px;
	background:url(../gfx/bg_content_blau.jpg) top left repeat-y;
	margin:0 1px 0 1px;
	overflow:auto;
}



#center {
	width:469px;
	float:left;
	background:url(../gfx/content_center_bg.gif) top left no-repeat;
	overflow:auto;
	text-align:left;
	padding:32px 30px 0 29px;
}

#center ul {
	list-style-position:outside;
	list-style-image:url(../gfx/bullet.gif);
	margin:10px 0 20px 0;
	/*list-style:none;*/
}
#center ul li{
	margin-bottom:8px;
	margin-left:25px;
	/*background:url(../gfx/bullet.gif) 0 0 no-repeat;*/
	
}

#centercols {
	width:469px;
	margin-bottom:30px;
	margin-top:20px;
	overflow:auto;
}

#centercolleft {
	width:254px;
	float:left;
}

#centercolright {
	width:193px;
	padding-left:20px;
	float:left;
	text-align:center;
	font-size:10px;
	border-left:1px solid #bdbdbd;
}

#center_info_box {
	width:469px;
	clear:both;
	margin-bottom:12px;
}
#center_info_box_head {
	width:449px;
	height:24px;
	padding:10px 0 0 20px;
	font-size:14px;
	background:url(../gfx/center_info_box_head.gif) top left no-repeat;
}
#center_info_box_foot {
	width:469px;
	height:17px;
	background:url(../gfx/center_info_box_foot.gif) top left no-repeat;
}

#center_info_box_mid {
	width:436px;
	padding:10px 20px 0 13px;
	background:url(../gfx/center_info_box_mid.jpg) top left no-repeat;
	overflow:auto;
}

#center_info_box_mid ul li{
	font-size:10px;	
}


.visi {
	width:225px;
	height:132px;
	background:url(../gfx/bilder/visi_bg.jpg) top left no-repeat;
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}

.visi_pic {
	width:84px;
	height:121px;
	margin:1px 0 0 1px;
	float:left;
}

.visi_name {
	width:126px;
	height:56px;
	padding:76px 0 0 12px;
	float:left;
	font-size:10px;
}



/*-------------------------- LINKS -------------------------------------------------------------*/

#left {
	width:231px;
	padding-left:3px;
	float:left;
}

#leftpic {
	width:231px;
	height:179px;
	background:url(../gfx/bilder/li_01.jpg) top left no-repeat;
	
}

#infobox {
	width:231px;
	height:361px;
	background:url(../gfx/infobox_bg.gif) top left no-repeat;
}

#infoboxnav {
	width:231px;
	height:253px;
	padding-top:108px;
}

#infoboxnav ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#infoboxnav ul li {
	display:inline;
}

#infoboxnav ul li a {
	width:231px;
	text-decoration:none;
	display:block;
	padding:0;
	margin:0;
	}
	
#infoboxnav ul li a#peremail {
	width:231px;
	height:71px;
	background:url(../gfx/nav/per_mail_no.gif) top left no-repeat;
	}

#infoboxnav ul li a:hover#peremail {
	background:url(../gfx/nav/per_mail_ro.gif) top left no-repeat;
	}

#infoboxnavtelefon {
	width:231px;
	height:78px;
	background:url(../gfx/nav/per_telefon_no.gif) top left no-repeat;
	}
#infoboxnavbesuch {
	width:231px;
	height:83px;
	background:url(../gfx/nav/per_besuch_no.gif) top left no-repeat;
	}



/*-------------------------- RECHTS -------------------------------------------------------------*/

#right {
	width:136px;
	float:left;
	text-align:left;
}

#rightpic {
	width:127px;
	height:437px;
	background:url(../gfx/bilder/re_blau.jpg) top left no-repeat;	
}


/*-------------------------- FOOTER -------------------------------------------------------------*/

#footer {
	margin:auto;
	padding:0;
	width:900px;
	height:28px;
	text-align:center;
	color:#fff;
	font-size:10px;
	letter-spacing:0.1em;
	padding-top:14px;
	margin:11px 0;
	background:url(../gfx/footer_bg.gif) top left no-repeat;
}

#footer a {
	text-decoration:underline;
	color:#bfbfbf;
	font-size:10px;
	font-weight:normal;
}