/* Stylesheet für steffi-dobbertin.de */



/* ==================================================
   1. Kalibrierung und allgemeine Styles
   ================================================== */

* { padding: 0; margin: 0; }

body {
	color: #80716b;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 {
	font-size: 18px;
	color: #80716b;
	font-weight: BOLD;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h2 {
	font-size: 14px;
	color: #80716b;
	font-weight: BOLD;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 11px;
	color: #842e62;
	font-weight: BOLD;
	font-family: Arial, Helvetica, sans-serif;
}

li {
	list-style:disc;
}

a { 
text-decoration: none; 
outline: none; }

a:link {	color: #842e62;}
a:visited { color: #f58220; }

a:hover, a:focus {
color: #f58220;
}

a:active {
color: #f58220; 
}


.fliesstext{
	color: #80716b;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

.fliesstextgruen{
	color: #99CC00;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

.bold {
	font-size: 14px;
	color: #842e62;
	font-weight: BOLD;
	font-family: Arial, Helvetica, sans-serif;
}

.impressum {
	color: #80716b;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 119%;
}



/* ==================================================
   2. Styles für die Layoutbereiche
   ================================================== */

#wrapper {
	color: #4c4b3d;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	margin: 0px auto 0 auto;
	background-image: url(images/punkte.jpg);
	background-repeat: repeat-x;
}


#content {
	color: #4c4b3d;
	width: 800px;
	height: 600px;
	margin: 0px auto 0 auto;
}

	
	#startseite #content {
	background-image: url(images/start.jpg);
	background-repeat: no-repeat;
	}

	#impressum #content {
	background-image: url(images/impressum.jpg);
	background-repeat: no-repeat;
	}

	#person #content {
	background-image: url(images/s-dobbertin.jpg);
	background-repeat: no-repeat;
	}

	#leistungen #content {
	background-image: url(images/leistungen.jpg);
	background-repeat: no-repeat;
	}

	#referenzen #content {
	background-image: url(images/ref_start.jpg);
	background-repeat: no-repeat;
	}

	#kontakt #content {
	background-image: url(images/kontakt.jpg);
	background-repeat: no-repeat;
	}

	#partner #content {
	background-image: url(images/partner.jpg);
	background-repeat: no-repeat;
	}

	#foto26 #content,
	#foto27 #content {
	background-image: url(images/fotos.jpg);
	background-repeat: no-repeat;
	}


#textbereich {
	padding: 80px 28px 0 28px;
	height: 423px;
	width: 800px;
}

	#textbereich div {
	float: left;
	}

	#spalte01 {
	width: 300px;
	padding-top: 45px;
	}

	#spalte02 {
	width: 210px;
	padding-top: 45px;
	text-align: left;
	}

	#spalte03 {
	width: 248px;
	text-align: left;
	padding-top: 45px;
	}

	#spalte04 {
	width: 272px;
	text-align: left;
	padding-top: 45px;
	}

	#spalte05 {
	width: 496px;
	text-align: left;
	padding-top: 45px;
	}

	#spalte06 {
	width: 360px;
	text-align: left;
	padding-top: 45px;
	}



#navibereich {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	height: 107px;
	padding: 10px 28px 0 28px;
	color: #80716b;
	width: 744px;
	}

	#navibereich a {
	color: #80716b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

	#navibereich a:hover,
	#navibereich a:focus,
	#startseite #navi01 a,
	#person #navi02 a,
	#leistungen #navi03 a,
	#referenzen #navi04 a,
	#kontakt #navi05 a,
	#partner #navi06 a {
	color: #f58220;
	}
	
	
	#navibereich div {
	float: left;
	}

	
#navitext {
	width: 372px;
	text-align: left;
	height: 78px;
}


#haupt {
	width: 372px;
	margin-top: 15px;
}

	#haupt ul { margin-bottom: 0; }

	#haupt li {
	display: inline;
	list-style-type: none;
	}

#linie {
	width: 372px;
	text-align: center;
	color: #842e62;
	font-weight: bold;
	line-height: 20px;
}


#fussbereich {
	margin: 5px 5px 0 20px;
	text-align: right;
}

	#fussbereich a {
	color: #80716b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	}

	#fussbereich a:hover,
	#fussbereich a:focus {
	color: #842e62;
	}



/* ==================================================
   3. Sonstige Styles
   ================================================== */