@charset "UTF-8";
/* CSS Document */

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

* Filename: 			styles.css 
* Description: 		Global CSS
* Version: 				1.0.0 (2009-10-30) YYYY-MM-DD 
* Website:				http://www.zoller-kommunikation.de/ 
* Author: 				Robert Morawe
* Agency:					© Butterf!sch - Werbeagentur 2009 - www.butterfisch-werbeagentur.de -

 == STRUCTURE: ============================== 

* Page width: 				978 px 
* Number of columns: 	2
* Color:							font: #600
											link: #eb9b13
											inhalt: #fffadd
											content: #fff
											background: #ebebeb

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
}
fieldset {
	border: 1px solid black; padding: 8px; margin: 8px 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body   {
	color: #600;
	text-decoration: none;
	font: 100.01%/150%  Arial, Helvetica, sans-serif;
	background: #ebebeb;
}
h1 {
	font-size: 1.6em;
	line-height: 1em;
	display: block;
	width: 160px;
	padding: 50px 0px 0px;
	float: left;
	height: 80px;
}
h1 span {
	font-size: 0.6em;
	line-height: 1em;
}
h2 {
	color: #600;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 0.75em;
	line-height: 1.5em;
}
h3 {
	font-size: 0.85em;
	font-weight: bold;
	color: #600;
	padding: 0.75em 0px 0.75em;
	line-height: 1.5em;
}
p {
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0px 0px 0.75em;
}
th {
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: bold;
	text-align:left;
	white-space: nowrap;
}
td {
	font-size: 0.75em;
	line-height: 1.5em;
}
td.width100 {
	width: 100px;
}
td.width80 {
	width: 80px;
}
td.width10 {
	width: 15px;
}
dl {
	width: 500px;
	display:block;
}
dt {
	display: block;
	float: left;
	width: 180px;
	padding: 0px 20px 0px 0px;
}
dd {
	font-size: 0.75em;
	line-height: 1.5em;
	display: block;
	float: left;
	width: 300px;
	padding: 0px 0px 1.5em;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}

/*===================STYLES=====================*/
.clear {
	clear:both
}
.hidden {
	visibility:hidden;
}
.smaller {
	font-size: 0.65em;
}
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.yellow {
	color: #eb9b13;
}
.red {
	color:#C00;
	font-size: 0.65em;
}
ul.subnavi li.profil {
	padding: 0px 0px 0px 19px;
	font-size: 1em;
	font-weight: bold;
	line-height: 0.8em;
}
ul.subnavi li.profil span {
	font-size: 0.6em;
}
ul.subnavi li.profil img {
		padding: 0px 0px 0.75em 0px;
}
h1 a.logo {
	color: #600;
	text-decoration: none;
	display: block;
	height: 80px;
	width: 160px;
	text-indent: -9999px;
}
#inhalt ul {
	padding: 0px 0px 0.75em 17px;
	list-style: url(../_images/bg-bullet.gif) none;
}
#inhalt ul li {
	font-size: 0.75em;
	line-height: 1.5em;
}
#inhalt a:link, #inhalt a:visited {
	color: #eb9b13;
}
#inhalt a:hover, #inhalt a:active {
	color: #600;
}
#inhalt img.left {
	position: relative;
	left: -75px;
	width: 250px;
	float: left;
	padding: 5px 5px 5px 0px;
	margin: 0px -70px 0px 0px;
	background-image: url(Hengsthof%20am%20W%C3%BCmmegrund);
}
#inhalt img.right {
	position: relative;
	right: -75px;
	width: 250px;
	float: right;
	padding: 5px 0px 5px 5px;	
	margin: 0px 0px 0px -70px;
}
#footer ul {
	list-style: none;
	padding: 10px 0px;
}
#footer ul li {
	font-size: 0.65em;
	line-height: 1.5em;
	display: inline;
	padding: 0px 3px;
}

/*----- NAVIGATION -----*/
ul.servicenavi {
	list-style: none;
	float: right;
	padding: 15px;
}
ul.servicenavi li {
	display: inline;
	padding: 0px 0px 0px 17px;
}
ul.servicenavi li a:link,
ul.servicenavi li a:visited {
	font-size: 0.85em;
	color: #600;
}
ul.servicenavi li a:hover,
ul.servicenavi li a:active {
	font-size: 0.85em;
	color: #eb9b13;
}
ul.servicenavi li.active a {
	font-size: 0.85em;
	color: #eb9b13;
}
ul.mainnavi {
	float: right;
	list-style: none;
	width: 695px;
	display: block;
	padding: 27px 0px 0px 30px;
}
ul.mainnavi li {
	display: inline;
}
ul.mainnavi li a:link,
ul.mainnavi li a:visited {
	color: #600;
	padding: 28px 11px 8px;
	margin: 0px 0px 0px 5px;
	width: auto;
	display: block;
	font-size: 0.9em;
	float: left;
}
ul.mainnavi li a:hover,
ul.mainnavi li a:active,
ul.mainnavi li.active a {
	color: #FFF;
	padding: 28px 11px 8px;
	margin: 0px 0px 0px 5px;
	width: auto;
	display: block;
	font-size: 0.9em;
	float: left;
	background: #600;
}
ul.subnavi {
	display: block;
	float: left;
	list-style: none;
	width: 206px;
}
ul.subnavi li {
	padding: 0px 0px 10px;
}
ul.subnavi li.first {
	padding: 0px;
}
ul.subnavi li.last {
	padding: 0px 0px 30px;
}
ul.subnavi li a:link,
ul.subnavi li a:visited {
	font-size: 0.85em;
	color: #600;
	background: url(../_images/bg-subnavi.gif) no-repeat left top;
	padding: 0px 0px 0px 19px;
	line-height: normal;
	display: block;
}
ul.subnavi li a:hover,
ul.subnavi li a:active,
ul.subnavi li.active a {
	font-size: 0.85em;
	color: #eb9b13;
	background: url(../_images/bg-subnavi.gif) no-repeat left -38px;
	padding: 0px 0px 0px 19px;
	line-height: normal;
}
ul.subnavi li.download a:link,
ul.subnavi li.download a:visited {
	font-size: 0.85em;
	color: #eb9b13;
	padding: 0px 0px 0px 19px;
	line-height: normal;
	background: url(none);
}
ul.subnavi li.download a:hover,
ul.subnavi li.download a:active {
	font-size: 0.85em;
	color: #600;
	padding: 0px 0px 0px 19px;
	line-height: normal;
	background: url(none);
}
ul.subsubnavi {
	display: block;
	list-style: none;
	width: 206px;
	padding: 10px 0px 0px;
}
ul.subsubnavi li {
	padding: 0px 0px 10px;
}
ul.subsubnavi li a:link,
ul.subsubnavi li a:visited {
	color: #600;
	background: url(../_images/bg-subnavi.gif) no-repeat 19px top;
	padding: 0px 0px 0px 38px;
	line-height: normal;
}
ul.subsubnavi li a:hover,
ul.subsubnavi li a:active,
ul.subsubnavi li.active a {
	color: #eb9b13;
	background: url(../_images/bg-subnavi.gif) no-repeat 19px -38px;
	padding: 0px 0px 0px 38px;
	line-height: normal;
}