* {
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*div#Library {
	position: fixed !important;
}*/
html {
	background: #f2f9fd;
	padding: 0 0 2em 0;
}
body {
	background: url(../img/layout/bg_rechts.jpg) no-repeat top right #FFF;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #0093d6;
	font-size: 62.5%;
}
.hiddeninfo {
	display: none;
}
ul, ol, h1, h2, h3, h4, h5, h6, p, form, fieldset {
	margin: 0;
	padding: 0;
}
form {
	clear: both;
	padding: 1em 0 0 0;
}
div#wrapper {
	max-width: 97em;
	margin: 0;
}
hr {
	clear: both;
	height: 1px;
	border: none;
	border-bottom: 1px solid #DDD;
	margin: 1em 0;
}
a {
	color: #1b549b;
}
a:hover {
	color: #e35b00;
}
a#start-show-link {
	display: block;
	background: url(../img/layout/icon_down_arrow.gif) no-repeat 75px 3px;
	margin: 0 0 10px 0;
}
/*
==================
	Header
==================
*/
a#logo {
	display: block;
	clear: both;
	height: 8em;
}
a#logo img {
	border: none;
	position : relative;
	left : 100px;
}

img.bildlinks {
	float: left;
	margin: 0;
	width: 180px;
}
/*
==================
	Primaernavi
==================
*/
ul#primaernavi {
	float: left;
	width: 140px;
	margin: 0 0 0 20px;
	font-size: 130%;
	}
ul#primaernavi li {
	list-style: none;
	padding: 0 0 1.538em 0;
	color: #1b549b;
}
ul#primaernavi li a {
	color: #4d4d4d;
	text-decoration: none;
}
ul#primaernavi li strong {
	font-weight: normal;
}
ul#primaernavi li a:hover {
	color: #1b549b;
}
ul#primaernavi li ul {
	padding: 0.5em 0 0 0.5em
}
ul#primaernavi li ul li {
	padding: 0 0 0.6em 0;
	font-size: 90%;
	color: #e35b00;
}
ul#primaernavi li ul li a:hover {
	color: #e35b00;
}

/*
==================
	Servicenavi
==================
*/
div#servicenavi {
	background: none;
	height: 2.2em;
	padding: .27em 0 0 0;
	clear: both;
}
div#servicenavi ul {
	max-width: 88.18em;
	color: #1b549b;
	font-size: 110%;
	text-align: right;
}
div#servicenavi ul li {
	display: inline;
	position: relative;
	list-style: none;
	padding: 0 0 0 3em;
}
div#servicenavi ul li a {
	padding-bottom : 1em;
	width: 1%;
	color: #1b549b;
	text-decoration: none;
	white-space: nowrap;
}
div#servicenavi ul li a:hover {
	color: #0093d6;
}


/* Unternavigation */
div#servicenavi ul ul {
	display: none;
}
div#servicenavi ul li.sfhover ul, div#servicenavi ul li:hover ul {
	display: block;
	background : #ffffff;
	font-size: 100%;
	position: absolute;
	left: 2em;
	top: 15px;
	width: 10.909em;
	padding: 7px 0 0 15px;
}
div#servicenavi ul ul li {
	padding: 0;
	position: static;
	display: block;
	border-left: 1px solid #0093d6;
}
div#servicenavi ul ul li a{
	padding: 2px 0.909em;
	width: 8.909em;
	height: auto;
	text-align: left;
	color: #333;
	display: block;
}
div#servicenavi ul ul li a:hover {
	background: #FFF;
	color: #0093d6;
}



/* ========================
	Inhaltsbereich
=========================== */

div#startcontent, div#content, div#wohnencontent, div#arbeitencontent, div#ausbildungcontent, div#produktecontent, div#projektcontent, div#dienstleistungcontent {
	font-size: 120%;
	margin: 0 0 0 360px;
	padding: 0;
}
/* 
==========================
	Sekundaernavi
==========================
*/
ul#sekundaernavi {
	font-size: 120%;
	height: 2em;
	padding: .7em 0 0 0;
	width: 100%;
	float: right;
	text-align: right;
}
ul#sekundaernavi li {
	list-style: none;
	position: relative;
	display: inline;
}
ul#sekundaernavi li a {
	color: #FFF;
	text-decoration: none;
	padding: 0.7em 1.545em 2em 0;
}
ul#sekundaernavi li a:hover {
	text-decoration: underline;
}
div#startcontent ul#sekundaernavi, 
div#content ul#sekundaernavi, div#ausbildungcontent ul#sekundaernavi, div#dienstleistungcontent ul#sekundaernavi, 
div#produktecontent ul#sekundaernavi, div#projektcontent ul#sekundaernavi {
	background : #0093d6;
}
div#arbeitencontent ul#sekundaernavi {
	background : #720153;
}
div#wohnencontent ul#sekundaernavi {
	background : #d06401;
}

/* Unternavigation */
ul#sekundaernavi ul {
	display: none;
}
ul#sekundaernavi li.sfhover ul, ul#sekundaernavi li:hover ul {
	display: block;
	font-size: 100%;
	position: absolute;
	top: 24px;
	left: -2px;
	font-size: 85%;
	width: 10.909em;
	margin: 0;
	padding: 5px 0 0 0;
	z-index: 99;
}
ul#sekundaernavi ul li {
	padding: 0;
	position: static;
	display: block;
	z-index: 99;
}
ul#sekundaernavi ul li a {
	padding: 4px 0.909em;
	width: 8.909em;
	height: auto;
	text-align: left;
	color: #333;
	background: #FFF;
	display: block;
	z-index: 99;
	
}
ul#sekundaernavi ul li a:hover {
	background: #FFF;
	text-decoration: none;
}

div#startcontent ul#sekundaernavi ul, 
div#content ul#sekundaernavi ul 							{ border-bottom: 1px solid #0093d6; }
div#startcontent ul#sekundaernavi ul li, 
div#content ul#sekundaernavi ul li						{ border-right: 1px solid #0093d6; border-left: 1px solid #0093d6; }
div#startcontent ul#sekundaernavi ul li a:hover, 
div#content ul#sekundaernavi ul li a:hover 			{ background: #d9effa; }

div#arbeitencontent ul#sekundaernavi ul 				{ border-bottom: 1px solid #720153; }
div#arbeitencontent ul#sekundaernavi ul li			{ border-right: 1px solid #720153; border-left: 1px solid #720153; }
div#arbeitencontent ul#sekundaernavi ul li a:hover	{ background: #ead9e5; }

div#wohnencontent ul#sekundaernavi ul 					{ border-bottom: 1px solid #d06401; }
div#wohnencontent ul#sekundaernavi ul li				{ border-right: 1px solid #d06401; border-left: 1px solid #d06401; }
div#wohnencontent ul#sekundaernavi ul li a:hover	{ background: #f8e8d9; }

div#ausbildungcontent ul#sekundaernavi ul 					{ border-bottom: 1px solid #0093d6; }
div#ausbildungcontent ul#sekundaernavi ul li					{ border-right: 1px solid #0093d6; border-left: 1px solid #0093d6; }
div#ausbildungcontent ul#sekundaernavi ul li a:hover		{ background: #d9effa; }

div#dienstleistungcontent ul#sekundaernavi ul 					{ border-bottom: 1px solid #0093d6; }
div#dienstleistungcontent ul#sekundaernavi ul li				{ border-right: 1px solid #0093d6; border-left: 1px solid #0093d6; }
div#dienstleistungcontent ul#sekundaernavi ul li a:hover		{ background: #d9effa; }

div#produktecontent ul#sekundaernavi ul 					{ border-bottom: 1px solid #0093d6; }
div#produktecontent ul#sekundaernavi ul li				{ border-right: 1px solid #0093d6; border-left: 1px solid #0093d6; }
div#produktecontent ul#sekundaernavi ul li a:hover		{ background: #d9effa; }

div#projektcontent ul#sekundaernavi ul 					{ border-bottom: 1px solid #0093d6; }
div#projektcontent ul#sekundaernavi ul li					{ border-right: 1px solid #0093d6; border-left: 1px solid #0093d6; }
div#projektcontent ul#sekundaernavi ul li a:hover		{ background: #d9effa; }


/*
========================================
	Inhalt
========================================
*/
div#inhalt {
	font-size: 90%;
	width: 69%;
	float: left;
	padding: 1.82em 3%;
	color: #4d4d4d;
	line-height: 1.6;
}
div#inhalt.ohne-sidebar {
	width: 94%;
}
div#inhalt.start {
	width: 75%;
	padding: 1.82em 0;
}
div#inhalt h1 {
	font-size: 180%;
	font-weight: normal;
	padding: 10px 0 1em 80px;
	margin: 0 0 0 -40px;
	background: url(../img/layout/icon_arrow.gif) -10px -15px no-repeat;
	/*height: 2em;*/
}
div#inhalt h2 {
	font-size: 130%;
	font-weight: normal;
	padding: 0 0 1em 0;
}
div#inhalt h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 0.5em 0;
}
div#inhalt p {
	padding: 0 0 1em 0;
}
div#inhalt ul {
	padding: 0 0 1em 2em;
}
div#inhalt img {
	border: 1px solid #D2D2D2;
}
div#wohnencontent h1 {
	background: url(../img/layout/icon_wohnen.png) -10px -15px no-repeat;
	/*height: 2em;*/
}
div#arbeitencontent h1 {
	background: url(../img/layout/icon_arbeiten.png) -10px -8px no-repeat;
	/*height: 2em;*/
}
div#produktecontent h1 {
	background: url(../img/layout/icon_produkte.png) -10px -8px no-repeat;
	/*height: 2em;*/
}
div#projektcontent h1 {
	background: url(../img/layout/icon_projekte.png) -10px -8px no-repeat;
	/*height: 2em;*/
}
div#dienstleistungcontent h1 {
	background: url(../img/layout/icon_produktion.png) -10px -10px no-repeat;
	/*height: 2em;*/
}
div#ausbildungcontent h1 {
	background: url(../img/layout/icon_ausbildung.png) -10px -10px no-repeat;
	/*height: 2em;*/
}
div#inhalt iframe {
	width: 100% !important;
}
/*
========================================
	Startnavigation
========================================
*/
div#startcontent ul#startnavi {
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
	z-index: 2;
}
ul#startnavi li {
	list-style: none;
	background: #f2f9fd;
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
	padding: 0.5em 0;
}
ul#startnavi li span {
	float: left;
	margin: -25px 0 0 0;
	display: inline;
	display: block;
	width: 80px;
	height: 60px;
}
ul#startnavi li#item-Wohnen span {
	background: url(../img/layout/icon_wohnen.png) no-repeat;
}
ul#startnavi li#item-Arbeiten span {
	background: url(../img/layout/icon_arbeiten.png) no-repeat;
}
ul#startnavi li#item-Produkte span {
	background: url(../img/layout/icon_produkte.png) no-repeat;
}
ul#startnavi li#item-Projekte span {
	background: url(../img/layout/icon_projekte.png) no-repeat;
}
ul#startnavi li#item-Ausbildung span {
	background: url(../img/layout/icon_ausbildung.png) no-repeat;
}
ul#startnavi li#item-Dienstleistungen span {
	background: url(../img/layout/icon_produktion.png) no-repeat;

}

ul#startnavi li h3 a:hover {
	color: #1b549b;
	}
ul#startnavi li a {
	text-decoration: none;
	color: #4d4d4d;
}
ul#startnavi li a img {
	border: none;
}
ul#startnavi li p {
	margin: 0;
	line-height: 1.4;
	padding: 0 20px 0 90px;
}
ul#startnavi li h3 {
	font-size: 140%;
	padding: 0 0 0 90px;
	font-weight: normal;
}
ul#startnavi li img {
	margin: -25px 0 0 0;
	float: left;
}
/*
========================================
	Sidebar
========================================
*/
div#sidebar {
	width: 20%;
	float: right;
	margin: 0 2.5% 0 0;
	padding: 2em 0;
	display: inline;
	font-size: 90%;
	color: #4d4d4d;
}
div#sidebar li {
	list-style: none;
}
div#sidebar h2 {
	font-size: 120%;
	padding: 0 0 0.5em 0;
}
div#sidebar h3 {
	font-size: 100%;
	padding: 0 0 0.5em 0;
}
div#sidebar img {
	padding: 0 0 10px 0;
}
div#sidebar ul {
	padding: 0 0 1em 0;
}
div#sidebar hr {
	border: none;
	margin: 0;
	color: #d2d2d2;
}
/*
========================================
	Footer
========================================
*/
ul#footer {
	clear: both;
	margin: 0 12% -30px 0;
	padding: 10px 0 0 0;
	height: 20px;
	position: relative;
}
ul#footer li {
	float: right;
	margin: 0 0 0 10px;
	list-style: none;
}

div#PopDiv {
	position: absolute;
	background: #f2f9fd;
	border: 1px solid #0093d6;
	padding: 10px;
	font-size: 110%;
}
div#PopDiv a {
	display: block;
	text-align: right;
	padding: 0;
	margin: 0 0 10px 0;
}
div#PopDiv img {
	display: block;
	border: 1px solid #0093d6;
}
img#loading-popup {
	position: absolute;
	padding: 10px;
	border: 1px solid #DDD;
	background: #FFF;
}
/*
========================================
	Suche
========================================
*/
div#quicksearch {
	display: none;
	font-size: 100%;
	position: absolute;
	right: .2em;
	top: 22px;
	width: 25em;
	padding: 1em;
	border-right: 1px solid #0093d6;
	color: #0093d6;
}
div#quicksearch.clicked {
	display: block;
}
div#quicksearch form {
	padding: 0;
}
div#quicksearch label {
	float: left;
	font-size: 120%;
	padding: .21em 0 0 0;
	margin: 0;
	width: auto;
	font-weight: normal;
}
div#quicksearch input {
	margin: 0 .1em 0 0;
	font-size: 100%;
	width: 14em;
	color: #333;
}
div#quicksearch input.button {
	margin: 0;
	width: auto;
	color: #333;
}