@charset "utf-8";
/* MEDI Stylesheets */

html{
	background-color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Times;
	color: #333333;
}

body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

img{
	border-style: none;
}


a.white{
	font-weight: bold;
	text-decoration: none;
	color: #AAAAFF;
}

a.white:hover{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

a.black{
	font-weight: bold;
	text-decoration: none;
	color: #888888;
}

a.black:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a.blau{
	font-weight: bold;
	text-decoration: none;
	color: #3737FF;
}

a.blau:hover{
	font-weight: bold;
	text-decoration: none;
	color: #0000CC;
}

a.whitelist{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

a.whitelist:hover{
	font-weight: bold;
	text-decoration: none;
	color: #3737FF;
}

a.navi{
	text-decoration: none;
}

a.navi:hover{
	text-decoration: none;
}

input.suchfeld{
	width: 180px;
	height: 14px;
	margin: 5px auto 5px 10px;
	float: left;
}

input.suchbutton{
	width: 70px;
	height: 20px;
	margin: -25px auto 5px 200px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

input.person_radio{
	margin-left: 10px;
}

li{
	margin-left: 16px;
	list-style-position: outside;
}

textarea{
	width: 450px;
	height: 200px;
}	

#titel{
	width: 100%;
	height: 120px;
	position: absolute;
	margin: 0px;
	background-image: url(../images/bg_titel.jpg);
	background-repeat: repeat-x;
}

#logo{
	width: 326px;
	height: 120px;
	margin: 0px;
}

#topnav{
	width: 100%;
	height: 30px;
	position: absolute;
	top: 121px;
	left: 0px;
	padding-left: 0px;
	clear: both;
	background-color: #3737FF;
}

#topnav_block{
	width: 950px;
	margin: 0px;
	float: left;
}

#topnav_elem{
	width: auto;
	height: auto;
	margin: 1px 0px 0px -1px;
	padding: 7px 10px 6px 10px;
	background-color: #3737FF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	float: left;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
}	

#topnav_spacer{
	width: 250px;
	height: 29px;
	top: 0px;
	left: 950px;
	background-color: #3737FF;
	float: left;
}

#marque{
	width: 900px;
	height: auto;
	position: absolute;
	top: 94px;
	left: 40px;
	font-size: 12px;
	color: #EEEEFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	z-index: 7;
}

#titelbild{
	width: 174px;
	height: 112px;
	position: absolute;
	top: 0px;
	left: 470px;
	background-image: url(../images/titelbild.jpg);
	z-index: 0;
}

#topinterna{
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #FFFFFF;
	float: right;
	clear: both;
}

#internas{
	font-size: 11px;
	font-weight: bold;
	padding: 4px 8px;
	float: left;
}

#suchblock{
	width: 300px;
	height: 30px;
	position: absolute;
	top: 152px;
	right: 0px;
	padding: 5px auto auto 10px;
	background-color: #3737FF;
	float: right;
	clear: both;
	z-index: 2000;
}

#slogan{
	width: 700px;
	position: absolute;
	top: 190px;
	left: 280px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #999999;
}

#titelzeile{
	width: 750px;
	position: absolute;
	top: 230px;
	left: 280px;
}

#sitename{
	margin: 0px;
	font-weight: bold;
	font-size: 40px;
	color: #7DA8FF;
	float: left;
}

#urubrik{
	width: auto;
	height: 28px;
	border-bottom: 2px solid;
	font-size: 20px;
	font-weight: bold;
	margin: 4px auto auto 10px;
	color: #7DA8FF;
	float: left;
}

#teil_urubrik{
	width: auto;
	margin: 4px 0px;
	font-size: 20px;
	color: #7DA8FF;
	float: right;
}

#links{
	width: 250px;
	height: auto;
	position: absolute;
	top: 121px;
	border-right: 1px solid #FFFFFF;
}

#txt_zentral{
	width: 250px;
	height: auto;
	margin: 1px 0px 0px 0px;
	padding: 10px 0px;
	text-align: center;
	background-color: #3737FF;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
}

#txt_links{
	width: 250px;
	height: auto;
	margin: 1px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-color: #3737FF;	
}

#medi_front{
	width: 250px;
	height: 184px;
	background-image: url(../images/medi_front.jpg);
}

#white_text{
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	margin-left: 20px;
}

#show{
	width: auto;
	height: auto;
	position: absolute;
	top: 280px;
	left: 275px;
}

#display{
	width: 305px;
	height: 295px;
	margin: 5px;
	background-image: url(../images/display01.jpg);
	float: left;
}

#displayname{
	width: auto;
	height: auto;
	margin: 15px 0px;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

#bg_ubutton{
	width: 250px;
	height: 24px;
	margin-top: 1px;
	background-color: #77A4FF;	
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#txt_ubutton{
	padding: 4px 10px;	
}

#static_show{
	width: 750px;
	height: auto;
	margin-left: 5px;
	color: #000000;
	font-size: 12px;
	text-align: justify;
}

#static_show_hinweis{
	width: 730px;
	height: auto;
	margin-left: 10px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-align: justify;
}

#agb_paragraph{
	font-size: 13px;
	font-weight: bold;
	margin: 20px auto 2px 0px;
}

#agb_druck{
	width: auto;
	height: auto;
	padding: 20px 5px;
	font-size: 12px;
	font-weight: bold;
	color: 3737FF;
}

#teilueberschrift{
	margin: 20px auto 10px 5px;;
	font-weight: bold;
	font-size: 20px;
	color: #7DA8FF;
}

#zeile1{
	width: 420px;
	height: 20px;
	clear: both;
}

#zeile1_links{
	width: 200px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	float: left;
}

#zeile1_rechts{
	width: 200px;
	height: 10px;
	float: right;
}

#zeile2{
	width: 750px;
	height: 26px;
	margin: 0px auto auto 5px;
	font-size: 12px;
	background: #77A4FF;
	clear: both;
	color: #FFFFFF;	
}

#zeile2_links{
	width: 180px;
	margin: 6px auto auto 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#zeile2_rechts{
	width: 550px;
	margin: 4px auto auto 0px;
	float: left;
}

#zeile3{
	width: 750px;
	height: 220px;
	margin: 0px auto auto 5px;
	background: #77A4FF;
	color: #FFFFFF;
	clear: both;
}

#zeile3_links{
	width: 200px;
	margin: 6px auto auto 0px;
	font-size: 12px;
	font-weight: bold;
	float: left;	
}

#zeile3_rechts{
	width: 550px;
	margin: auto;
}

#zeile4{
	width: auto;
	height: auto;
	margin: 5px;	
	color: #000000;
	clear: both;
}

#zeile4_links{
	width: 600px;
	padding: 5px 0px;
	float: left;
}

#zeile4_rechts{
	width: 120px;
	padding: 5px 10px;
	text-align: right;
	float: right;
}

#spacer01{
	width: auto;
	height: 10px;
}

#spacer02{
	width: 750px;
	height: 15px;
	margin-left: 5px;
	background: #77A4FF;
}

#spacer03{
	width: auto;
	height: 30px;
}

#zeile_fototext{
	width: 750px;
	height: auto;
	clear: both;
}

#anfahrt{
	height: auto;
	margin-top: 10px;
	float: left;
}

#wegbeschreibung{
	width: 290px;
	height: auto;
	margin-top: 10px;
	padding-left: 10px;
	float: left;
}

#zeile_person{
	width: 750px;
	height: 210px;
	margin-top: 10px;
	clear: both;
}

#zeile_person_leer{
	width: 750px;
	height: 80px;
	margin-top: 10px;
	clear: both;
}

#person_titel{
	width: 750px;
	height: auto;
	padding: 5px 0px 5px 0px;
	background-color: #77A4FF;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
}

#person_inhalt{
	width: 750px;
	height: auto;
	margin: 0px 0px;
	clear: both;
}

#person_stellung{
	margin-top: 8px;
	font-size: 12px;
	color: #000000;
	float: left;
}

#person_foto{
	width: 200px;
	height: 150px;
	margin-right: 0px;
	float: right;
}

#person_telefon{
	width: 750px;
	height: auto;
	font-weight: bold;
	border-top: 1px solid #77A4FF;
	padding-top: 4px;
	color: #000000;
	float: left;
	clear: both;
}

#zeile_button{
	width:750px;
	height: auto;
	margin-left: 5px;
	text-align: center;
	padding: 15px 0px;
	background: #77A4FF;
}

#fehlermeldung{
	width: 300px;
	height: auto;
	position: absolute;
	left: 708px;
	top: 190px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	font-size: 11px;
	color: #FF0000;
	z-index: 200;
    display: none;
}

#bau{
	width: auto;
	height: auto;
}

#baufoto{
	width: 200px;
	height: 150px;
	border: 1px solid #CCCCCC;
}

#baustatus{
	width: 200px;
	height: 22px;
	font-size: 11px;
	color: #000000;
}

#baunavi{
	width: 200px;
	height: auto;
	padding: 6px 0px;
	clear: both;
}

#urubrik_einzug{
	margin-left: 10px;
}

#txt_standard{
	width: auto;
	height: auto;
	margin: 10px 0px;
}

#dnl_link{
	width: auto;
	height: auto;
	margin: 5px 0px;
	font-size: 12px;
	font-weight: bold;
	color: 3737FF;
}

#tumbs{
	width: auto;
	height: 150px;
	position: relative;
	margin: 5px;
	float: left;
}

#overtext{
	width: auto;
	height: auto;
	position: absolute;
	padding: 2px 10px;
	font-size: 10px;
	color: #000000;
	background: #FFEE00;
	display: none;
	z-index: 200;
}

#suchergebnisse{
	width: 280px;
	height: auto;
	padding: 10px;
	position: absolute;
	top: 183px;
	right: 0px;
	font-size: 11px;
	background-color: #77A4FF;
	display: none;
	z-index: 200;
}

#contentbox{
	width: auto;
	height: auto;
	padding: 10px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}



#zeile_rubrik{
	width: 750px;
	height: auto;
	margin-top: 10px;	
	clear: both;
}

#rubrik_titel{
	width: 730px;
	height: auto;
	padding: 5px 10px;
	background-color: #77A4FF;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
}

#rubrik_inhalt{
	width: 750px;
	height: auto;
	margin: 0px 0px;
	clear: both;
}

#rubrik_stellung{
	width: 500px;
	margin-top: 8px;
	font-size: 12px;
	color: #000000;
	float: left;
}

#rubrik_foto{
	width: 200px;
	height: auto;
	margin-right: 0px;
	float: right;
}

#rubrik_telefon{
	width: 750px;
	height: auto;
	font-weight: bold;
	border-top: 1px solid #77A4FF;
	padding-top: 4px;
	color: #000000;
	float: left;
	clear: both;
}