@import url('reset.css');

body {
	background: url(img/layout/bg_main.jpg) repeat-x white;
	font-family: Tahoma, "MS Sans Serif", Verdana, Helvetiva, sans-serif, sans;
	color: #777;
	}

#top {
	width: 972px; margin: 0 auto;
	background: url(img/layout/bg_top.jpg) no-repeat;
	height: 130px !important;
	}

#container {
	width: 972px; margin: 0 auto;
	border-bottom: 1px #d1d2e4 solid;
	}

#contentbereich {
	background: url(img/layout/bg_bottom.jpg) no-repeat bottom;
	min-height: 400px !important;
	border-left: 1px #d1d2e4 solid; border-right: 1px #d1d2e4 solid;
	padding-top: 80px; padding-bottom: 155px;
	}

#links {
	float: left;
	width: 690px;
/*	background: green;*/
	}

#navigation {
	float: left;
	width: 220px;
	margin-left: 20px;
/*	background: red;*/
	}

#content {
	float: left;
	width: 350px;
	margin-left: 60px;
	margin-top: -8px;
/*	background: blue;*/
	}

#rechts {
	float: right;
	width: 230px;
	margin-right: 10px;
	margin-top: -8px;
/*	background: yellow;*/
	}

#footer {
	width: 972px; margin: 20px auto;
	}

/* LAYOUT ENDE */

a {
	color: #777;
	text-decoration: none;
	}

i, em {
	font-style: italic;
	}
b, strong {
	font-weight: bold;
	}

#top span {
	float: right;
	font-size: 60%;
	text-transform: uppercase;
	padding: 75px 20px 0px 0px;
	}
#top a {
	color: #808080;
	}
#top a:hover {
	text-decoration: underline;
	}

#content h1 {
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 25px; margin-left: -1px;
	line-height: 130%;
	color: #575899;
	}

#content h1.intext {
	margin-top:30px;
	}

#content h2 {
	margin:30px 0px 8px -1px;
	font-size: 100%;
	font-weight: bold;
	color: #575899;
	line-height: 140%;
	}

#content h3 {
	margin:30px 0px 4px -1px;
	font-size: 80%;
	font-weight: bold;
	color: #575899;
	line-height: 130%;
	}
	
#content p {
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 10px;
	}

#content ul, #content ol {
	font-size: 80%;
	margin-bottom:20px;
	}
#content ol {
	list-style-type: decimal;
	padding-left: 20px;
	}
#content ul li, #content ol li {
	line-height: 150%;
	}
#content ul li {
	background: url(img/layout/bullit.jpg) no-repeat 0px 7px;
	padding-left: 16px;
	}
#content ul.stellenangebote {
	list-style-type: none;
	color: #888;
	
	background: #f3f3f3;
	padding: 20px; margin: 20px 0px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}

#content ul.stellenangebote li {
	margin-bottom: 15px;}
	
	
#content a {
	background: url(img/layout/bg_infokasten_a.jpg) no-repeat 0px 4px;
	padding-left: 10px;
	border-bottom: 1px #575899 dotted;
	}
#content a:hover {
	color: #ee8c18;
	}
#content a.underline { /* Ankerpunkte! */
	background: none;
	padding-left: 0px;
	border-bottom: 1px #ee8c18 dotted;
	}
#content a.underline:hover { /* Ankerpunkte! */
	text-decoration: none;
	color: #000;
	}
#content a.anchor{ /* Ankerpunkte! */
	background: none;
	padding-left: 0px;
	}
	

#navigation ul {
	font-size: 80%;
	}
#navigation ul ul {
	padding-left: 20px;
	font-size: 90%;
	margin: 20px 0px 60px 0px;
	}
#navigation ul li a {
	border-bottom: 1px #ee8c18 dotted;
	padding: 0px 0px 5px 5px;
	display: block;
	}
#navigation ul ul li a {
	border: 0px;
	padding: 0px;
	}
/*
#navigation ul li a {
	background: url(img/layout/bg_nav.jpg) repeat-x white bottom;
	padding: 0px 0px 5px 5px;
	display: block;
	}
#navigation ul ul li a {
	background: none;
	padding: 0px;
	}
*/
#navigation li {
	margin-bottom: 20px;
	line-height: 110%;
	}
#navigation li.neuerbereich {
	margin-top:20px;
	}
#navigation a:hover {
	text-decoration: underline;
	color: #575899;
	}
#navigation a.aktiv, #navigation a.aktiv:hover {
	text-decoration: none;
	font-weight: bold;
	color: #575899;
	}

#rechts .infokasten {
	width: 221px;
	border: 1px #a5a7a9 solid;
	margin-bottom: 20px; padding-bottom: 10px;
	}
#rechts .infokasten h3 {
	height: 22px; overflow: hidden;
	color: #fff;
	background: url(img/layout/bg_infokasten_h.jpg) repeat-x;
	font-size: 12px; font-weight: bold;
	padding: 5px 0px 0px 8px;
	margin-bottom: -5px;
	}
#rechts .infokasten p {
	padding: 10px 13px 0px 13px;
	font-size: 70%;
	line-height: 120%;
	}
#rechts .infokasten a {
	background: url(img/layout/bg_infokasten_a.jpg) no-repeat 0px 3px;
	padding-left: 10px;
	}
#rechts .infokasten a:hover {
	text-decoration: underline;
	}

.kasten1 {
	background: #f3f3f3;
	padding: 10px 20px; margin:20px 0px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color: #8c8f91;
	}

.rahmen {
	border: 1px #a5a7a9 solid;
	}



.elementlinks {
	float: left;
	margin: 6px 15px 5px 0px;
	}
.elementrechts {
	float: right;
	margin: 6px 0px 5px 15px;
	}
.elementrechts, .elementlinks {
	background: #ececec;
	padding: 5px 5px 10px 5px;
	}
.elementlinks span.bu, .elementrechts span.bu {
	display: block;
	font-size:70%;
	margin-top:5px; margin-left:2px;
	color: #8c8f91;
	line-height: 110%;
	}
	
#kontaktformular input, #kontaktformular textarea {
	width: 200px;
	border: 1px #aaa solid;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 12px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-left: -2px;
	}

#kontaktformular input:focus, #kontaktformular textarea:focus {
	background: #555;
	color: white;
	}


#footer {
	text-align: center;
	font-size: 60%;
	}
#footer a:hover {
	text-decoration: underline;
	}
	
	

.floatbreaker {
	clear: both;
	}

#content p.klein {
	font-size: 60%;
	}

#ticker-area {
	position: absolute; top: 130px; left: 50%; margin-left: -190px;
	width: 635px;
	background: #eee;
	padding: 10px;
	font-size: 80%;
	color: #39378b;
	border: 1px #39378b solid;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#ticker-area a {
	color: #39378b;
	}

.googlemap {
	border: 1px #575899 dotted;
	}

/* CSS für Admintool */

fieldset {
	font-family: Tahoma, "MS Sans Serif", Verdana, Helvetiva, sans-serif, sans;
	border: 1px #575899 solid;
	background: #f3f3f3;
	width: 480px;
	padding: 10px; padding-top: 0px;
	}
legend {
	font-size: 12px;
	color: #575899;
	font-weight: bold;
	padding: 0px 10px;
}
#contentadmin {
	font-family: Tahoma, "MS Sans Serif", Verdana, Helvetiva, sans-serif, sans;
	color: #888;
	font-size: 12px;
	font-weight: normal;
	}
#contentadmin b.alert  {
	margin-bottom: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #F00;
	text-align: center;
}
#contentadmin b.ready  {
	margin-bottom: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #090;
	text-align: center;
}	

/* Ende CSS für Admintool */