/* CSS Document */

body, html, li, p, table, br, ol, ul, th, h1, h2, h3 {
	margin: auto;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-position: center top;
	font-size:80%;
	
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#0a48c4;
	font-style: normal;
	font-weight: bold;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#0a48c4;
	font-style: normal;
	font-weight: normal;
}
/*----------------- links -----------------*/

.bottom a:link {
	color: #8e000a;
	text-decoration: underline;
	font-size:0.9em;
	font-weight: normal;
}
.bottom a:visited {
	color: #8e000a;
	text-decoration: underline;
	font-size:0.9em;
	font-weight: normal;
}
.bottom a:hover {
	color: #000;
	text-decoration: underline;
	font-size:0.9em;
	font-weight: normal;
}
.bottom a:active {
	color: #000;
	text-decoration: underline;
	font-size:0.9em;
	font-weight: normal;
}
/*----------------- links -----------------*/
#wrapper{
	width: 900px;
	height: 100%;
	margin: 0px auto;  /*mittig ausrichten*/
	height: auto;
	position:relative;
	background-image: url("../images/hg.jpg");
	background-repeat: repeat;
	}
/*----------------- Divs -----------------*/
#head{
	height: 128px;
	width: 900px;
	background-image: url("../images/head.jpg");
	background-repeat: no-repeat;
}

#anschrift {
	float: right;
	padding-top: 28px;
	padding-right: 20px;
}

#navi{
	width: 156px;
	height: auto;
	float:left;
}
#navi_innen{
	width: 156px;
	height: auto;
	float:left;
	background-image: url("../images/navi.jpg");
	background-repeat: repeat;
	padding:0px 0px 0px 5px;
}
#content{
	width: 739px;
	min-height: 470px;
	float:left;
	background-image: url("../images/content.jpg");
	background-repeat: no-repeat;
}
#content_padding {
	padding: 10px 20px 0px 20px;
}
#content_left{
	width:420px;
	float:left;
}
#content_right{
	width:205px;
	float:left;
	padding:0px 0px 0px 40px;
}
#content_full{
	width: 679px;
	float:left;
	padding:0px 20px 0px 0px;
}
#bottom{
	width: 900px;
	height: 8px;
	float:left;
	background-image: url("../images/bottom.jpg");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
/*----------------- Buttons -----------------*/
#navi a, #navi a:link, #navi a:visited {
 float: left;
 color: #FFFFFF;
 background-position: 0px 0px;
 text-indent: -4000px;
 height: 24px;
 text-decoration: none;
 padding: 0px;
}
#navi a:hover {
 background-position: 0px -24px;
}
a#home {
 width: 155px;
 background-image: url("../images/btn_home.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#team {
 width: 155px;
 background-image: url("../images/btn_team.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#medikamente {
 width: 155px;
 background-image: url("../images/btn_medikamente.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#kosmetik {
 width: 155px;
 background-image: url("../images/btn_kosmetik.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#insel {
 width: 155px;
 background-image: url("../images/btn_insel.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#sportler {
 width: 155px;
 background-image: url("../images/btn_sportler.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}

a#sicherheit {
 width: 155px;
 background-image: url("../images/btn_butler.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}

a#service {
 width: 155px;
 background-image: url("../images/btn_service.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#kontakt_link {
 width: 155px;
 background-image: url("../images/btn_kontakt.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#anfahrt {
 width: 155px;
 background-image: url("../images/btn_anfahrt.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
a#impressum {
 width: 155px;
 background-image: url("../images/btn_impressum.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 border: none;
}
#navi_innen a#klein, #navi_innen a:link#klein, #navi_innen a:visited#klein {
 float: left; 
 width: 52px;
 height:37px;
 background-image: url("../images/btn_a_kl.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 text-align: left;
 border: none;
}
#navi_innen a#mittel, #navi_innen a:link#mittel, #navi_innen a:visited#mittel {
 float: left;
 width: 37px;
 height:37px;
 background-image: url("../images/btn_a_mtl.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 text-align: left;
 border: none;
}
#navi_innen a#gross, #navi_innen a:link#gross, #navi_innen a:visited#gross {
 float: left;
 width: 67px;
 height:37px;
 background-image: url("../images/btn_a_gr.jpg");
 background-position: 0px 0px;
 text-indent: -4000px;
 text-align: left;
 border: none;
}
/*----------------- Buttons -----------------*/
.ul01{
	margin:15px 5px 0px 20px;
	padding:0px 0px 10px 0;
	width:340px;
}
.ul01 li {
	list-style-type: none;
	padding:3px 0px 0px 25px;
	margin-bottom:9px;
	background:url("../images/required.png") 0 1px no-repeat;
	text-align:left;
}
.ul02{
	margin:15px 5px 0px 20px;
	padding:0px 0px 10px 0;
	width:600px;
}
.ul02 li {
	list-style-type: none;
	padding:3px 0px 0px 25px;
	margin-bottom:9px;
	background:url("../images/required.png") 0 1px no-repeat;
	text-align:left;
}
.text_klein{
	font-size:0.7em;
	color:#999999;
}
.bild_links{
	float:left;
	border: none;
	margin:7px 15px 5px 0px;
}
.bild_rechts{
	float:right;
	border: none;
	margin:7px 0px 5px 15px;
}


.clear{
 clear:both;
}

p, table, td, li, ul, ol, br, span, tr {
	color:#000;
}
p {
 margin: 10px 0px 5px 15px;
}	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a:link {
	color: #8e000a;
	text-decoration: underline;
	font-size:1.0em;
	font-weight: normal;
	text-indent:0px;
}
a:visited {
	color: #8e000a;
	text-decoration: underline;
	font-size:1.0em;
	font-weight: normal;
	text-indent:0px;
}
a:hover {
	color: #000;
	text-decoration: underline;
	font-size:1.0em;
	font-weight: normal;
	text-indent:0px;
}
a:active {
	color: #000;
	text-decoration: underline;
	font-size:1.0em;
	font-weight: normal;
	text-indent:0px;
}

.klein a:link {
	color: #999;
	text-decoration: none;
	font-size:0.7em;
	font-weight: normal;
	text-indent:0px;
}
.klein a:visited {
	color: #999;
	text-decoration: none;
	font-size:0.7em;
	font-weight: normal;
	text-indent:0px;
}
.klein a:hover {
	color: #8e000a;
	text-decoration: none;
	font-size:0.7em;
	font-weight: normal;
	text-indent:0px;
}
.klein a:active {
	color: #8e000a;
	text-decoration: none;
	font-size:0.7em;
	font-weight: normal;
	text-indent:0px;
}


.cosmetic { float: left; width: 25%; height: 80px; margin: 5px 0px;}
.cosmetic img { width: 80px; display: block}

#image_bav { text-align: center; padding-top: 50px; }

