/* 

////////////////////// dorfbox.de ////////////////////

CSS Styles

[c] 2009 FXDE.SIGN - Felix Diederichs 
info@felix-diederichs.de

*/

/*

CSS Reset by Erik Meyer - http://meyerweb.com

*/


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-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

html {height:100.01%}

body {

	line-height: 1;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

/*
####################################################################
GENERAL 
####################################################################
*/


body {
	padding:0 0 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}


/*
####################################################################
Header 
####################################################################
*/

#header {
	height:110px;
	width:100%;
	}

#header img {
	float:left;
	padding:47px 0 0;}

ul.level_1 {
	margin:47px 0 0 25px;
	float:left;
	}

ul.level_1 li {
	float:left;
	display:block;
	margin:0 30px 0 0;
	}

ul.level_1 li a,
div#mainnav ul li.funktion span.active,
div#mainnav ul li.module span.active,
div#mainnav ul li.termine span.active,
div#mainnav ul li.kontakt span.active,
div#mainnav ul li.impressum span.active {
	height:63px;
	display:block;
	text-indent:-3000px;
	}

div#mainnav ul li.last {margin:0}

/*div#mainnav ul li a span {
	text-indent:-3000px;}*/

div#mainnav ul li.funktion a,
div#mainnav ul li.funktion a:visited {
	width:69px;
	background:url(../img/mainnav/nav-funktion.png) no-repeat 0px 0px;
	}

div#mainnav ul li.funktion a:hover,
div#mainnav ul li.funktion a:active,
div#mainnav ul li.funktion a:focus,
div#mainnav ul li.funktion span.active {
	width:69px;
	background:url(../img/mainnav/nav-funktion.png) no-repeat 0px -63px;
	}

div#mainnav ul li.module a,
div#mainnav ul li.module a:visited {
	width:59px;
	background:url(../img/mainnav/nav-module.png) no-repeat 0px 0px;}

div#mainnav ul li.module a:hover,
div#mainnav ul li.module a:active,
div#mainnav ul li.module a:focus,
div#mainnav ul li.module span.active,
div#mainnav ul li.module a.trail {
	width:59px;
	background:url(../img/mainnav/nav-module.png) no-repeat 0px -63px;}


div#mainnav ul li.termine a,
div#mainnav ul li.termine a:visited {
	width:63px;
	background:url(../img/mainnav/nav-termine.png) no-repeat 0px 0px;
	}

div#mainnav ul li.termine a:hover,
div#mainnav ul li.termine a:active,
div#mainnav ul li.termine a:focus,
div#mainnav ul li.termine span.active,
div#mainnav ul li.termine a.trail {
	width:63px;
	background:url(../img/mainnav/nav-termine.png) no-repeat 0px -63px;
	}



div#mainnav ul li.kontakt a,
div#mainnav ul li.kontakt a:visited {
	width:62px;
	background:url(../img/mainnav/nav-kontakt.png) no-repeat 0px 0px;}

div#mainnav ul li.kontakt a:hover,
div#mainnav ul li.kontakt a:active,
div#mainnav ul li.kontakt a:focus,
div#mainnav ul li.kontakt span.active {
	width:62px;
	background:url(../img/mainnav/nav-kontakt.png) no-repeat 0px -63px;}



div#mainnav ul li.impressum a,
div#mainnav ul li.impressum a:visited {
	width:87px;
	background:url(../img/mainnav/nav-impressum.png) no-repeat 0px 0px;}

div#mainnav ul li.impressum a:hover,
div#mainnav ul li.impressum a:active,
div#mainnav ul li.impressum a:focus,
div#mainnav ul li.impressum span.active {
	width:87px;
	background:url(../img/mainnav/nav-impressum.png) no-repeat 0px -63px;}

div#mainnav ul ul {display:none;}

/*
####################################################################
Content 
####################################################################
*/


#container {
	float:left;
	width:100%;
	padding:16px 0 0;}

h1 {}
h2 {
	font-size:13px;
	line-height:17px;
	font-weight:normal;
	text-transform:uppercase;
	}

h2.abstand {padding:17px 0 0;}

h3 {
	font-size:16px;
	line-height:17px;
	font-weight:normal;}

p {line-height:17px;}
small {font-size:11px;}
em {font-style:italic;}
strong {font-weight:bold}
#left {width:152px;float:left;}


/*
####################################################################
Left 
####################################################################
*/



div#subnav ul.level_1 {
	padding:0 0 17px;
	float:none;
	margin:0;}

div#subnav ul.level_1 li {
	line-height:17px;
	display:block;
	float:none;
	margin:0;}

div#subnav ul.level_1 li a,
div#subnav ul.level_1 li a:hover,
div#subnav ul.level_1 li a:active,
div#subnav ul.level_1 li a:focus,
div#subnav ul.level_1 li a:visited {
	text-decoration:none;
	color:#000;
	display:block;
	float:none;
	text-indent:0px;
	height:17px}

div#subnav ul.level_1 li a:hover,
div#subnav ul.level_1 li a:active,
div#subnav ul.level_1 li a:focus,
div#subnav ul.level_1 li.active,
div#subnav ul.level_1 li.trail a {
	color:#9c9e9f;}

/*
####################################################################
Right 
####################################################################
*/


#right {
	float:left;
	width:460px;
	}


div#main a,
div#main a:hover,
div#main a:active,
div#main a:focus,
div#main a:visited {font-weight:normal;text-decoration:underline;color:#000}

div#main a.noline,
div#main a.noline:hover,
div#main a.noline:active,
div#main a.noline:focus,
div#main a.noline:visited {font-weight:normal;text-decoration:none}

div#bildnav {
	width:460px;
	padding:0 0 17px 0;
	line-height:17px;
	clear:both;
	}

div#bildnav ul.level_1 {
	float:none;
	margin:0;}

div#bildnav ul.level_1 li {
	display:block;
	float:left;
	margin:0 17px 0 0}

div#bildnav ul.level_1 li a,
div#bildnav ul.level_1 li a:hover,
div#bildnav ul.level_1 li a:active,
div#bildnav ul.level_1 li a:focus,
div#bildnav ul.level_1 li a:visited {
	text-decoration:none;
	color:#000;
	text-indent:0px;
	height:auto;
	font-weight:normal;
	}

div#bildnav ul.level_1 li a:hover,
div#bildnav ul.level_1 li a:active,
div#bildnav ul.level_1 li a:focus,
div#bildnav ul.level_1 li.active {
	color:#9c9e9f;}