@charset "utf-8";

/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */


/* ****************************************** */
/* Global settings                            */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
}

html, body {
	min-width: 753px;
	height: 100%;
}

/* Main body style */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #c5e0dc url(../images/background.jpg) 50% 0 no-repeat;
	color: #474747;
}


/* **************************************************************** */	
/* Style settings fonts, links, misc                                */
/* **************************************************************** */	

p {
	font-size: 12px;
	color: #474747;
	line-height: 20px;
	margin-bottom: 16px;
}

table {
	border-collapse: collapse;
	padding: 0;
}

	table p {
		margin-bottom:0;
	}
	
	td {
		font-size: 12px;
		color: #474747;
		line-height: 20px;
	}


h1 {
	font-weight: bold;
	font-size: 10px;
	height: 30px;
	width: 520px;
	overflow: hidden;
	margin-bottom: 30px;
}

h1 em {
	display: block; 
	background-repeat: no-repeat;
	height: 30px;
}




/* Image styles global */	
img {border: 0;}
* html img {display: block;}



/* Link colors global */
a:link, a:visited {
	font-size: 12px;
	color: #474747;
	text-decoration: underline;
	outline: 0;
}

a:active, a:hover {
	color: #474747;
	text-decoration: none;
}


/* Clear */
div.clear {clear: both;}
div.gap {clear: both;height: 80px;}



/* **************************************************************** */	
/* Site container settings                                          */
/* **************************************************************** */


/* Full size site */
div#site {
	position: relative;
	width: 751px;
	min-height: 100%;
	margin: 0 auto;
	background: #ffffff url(../images/background2.jpg) 50% 0px repeat-y;	
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
}		
	* html div#site {height:100%;}

	div#header {
		position: relative;
		width: 751px;
		height: 180px;
	}
		
		div#header img {
			margin-left:2px;
		}
	
	div#contentwrapper {
		position: relative;
		width: 751px;
		margin: 0 auto;
	}

		div#navicontainer {
			position: relative;
			float: left;
			margin-top: 36px;
			width: 192px;
		}
		
		div#content {
			position: relative;
			float: left;
			width: 520px;
			margin-left: 20px;
		}
		
		
		
/* Footer sticky */
div#footercontainer {
	position: relative;
	clear: both;
	width: 100%;
	min-width: 751px;
	height: 50px;
	margin-top: -54px;
	border-bottom: 4px solid #265d55;
}

	/* Footer background */
	div#footerimg {
		position: relative;
		height: 46px;
		width: 751px;
		margin: 0 auto;
	}
	
		div#footerimg img {
		padding-left: 192px;
	}


/* ************************************ */
/* Main navi                            */
/* ************************************ */


div#navi {
	position: relative;
	float: left;
}

/* Set font size for text links */
div#navi ul  {
	font-size: 10px;
	list-style-type: none;
}
	*:first-child+html div#navi ul {text-indent: -5000em;}


/* List elements */
div#navi li {
	position: relative;
	float: left;
	display: block;
	height: 32px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
}

/* Link elements */
div#navi a {
	display: block;
	height: 0;
	padding-top: 32px;
	background-repeat: no-repeat;
	font-size: 0px;
	overflow: hidden;
	width: 192px;
}
	* html div#navi a:link {height: 32px; he\ight: 0;}
	* html div#navi a:visited {height: 32px; he\ight: 0;}


/* List and Link element images */
div#navi li.nav1, div#navi a.nava1 {background-image: url(../images/btn_startseite.jpg);}
div#navi li.nav2, div#navi a.nava2 {background-image: url(../images/btn_sprechzeiten.jpg);}
div#navi li.nav3, div#navi a.nava3 {background-image: url(../images/btn_tieraerztin.jpg);}
div#navi li.nav4, div#navi a.nava4 {background-image: url(../images/btn_leistungsangebot.jpg);margin-bottom:32px;}
div#navi li.nav5, div#navi a.nava5 {background-image: url(../images/btn_links.jpg);}
div#navi li.nav6, div#navi a.nava6 {background-image: url(../images/btn_kontakt.jpg);}
div#navi li.nav7, div#navi a.nava7 {background-image: url(../images/btn_anfahrt.jpg);}
div#navi li.nav8, div#navi a.nava8 {background-image: url(../images/btn_impressum.jpg);}

* html div#navi li.nav4 {margin-bottom:16px;}
* html div#navi a.nava4 {margin-bottom:16px;}
* html div#navi a.nava4on {margin-bottom:16px;}

/* Initiate mouseover */
div#navi a:hover {
	background-image: none;
}



/* ************************************ */
/* Content                              */
/* ************************************ */

div#content div {
	text-align: center;	
}

div#content div.leftalign {
	text-align: left;	
}


div#content div.leftcol {
	text-align: justify;
	width: 247px;
	float: left;
}

div#content div.rightcol {
	text-align: justify;
	width: 247px;
	float: left;
	margin-left: 26px;
}

div#content div.alignleft {
	text-align: left;	
}
	
/* Content text list */
div#content ul {
	list-style-type: none;
	margin-bottom: 20px;
}
	
	div#content li {	
		font-size: 12px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 0px 7px;
		padding-left: 10px;
		line-height: 20px;
		text-align: left;
	}
		* html div#content li {height:0; background-position:0px 7px;}

	div#content ul.nodot li {	
		background-image: none;
		padding-left: 0px;
	}

div#content div.line {
	width: 247px;
	height: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #474747;
}

* html div#content img.pfote {
	float: left;
	padding-top:5px;
}