@charset "utf-8";

/*
// ------------------------------------------------------------------
// site.css by orangepointsolutions Ltd., www.orangepointsolutions.de
// ------------------------------------------------------------------
*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-image: url(images/bg04.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
}

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

#back2top a {
	margin-left: 15px;
	font-size: 12px;
}
#back2top a:hover {
	padding-bottom: 3px;
	border-bottom: 1px solid #085509;
}
.leftBox p.Bildinfo, #notes p.Bildinfo {
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
}
.content_container { 
	width: 833px; /* plus padding */  
	background-image: url(images/bg_content_middle_light60.png);
	background-position: left;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #54504f;
	padding-top: 0px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 0px;
} 
.content_container_top, .content_container_bottom { 
	width: 861px; 
	height: 14px;
	margin: 0 auto;
	background-repeat: no-repeat;
	font-size:1px;
}
.content_container_top { background-image: url(images/bg_content_top_light60.png); margin-top: 10px; }
.content_container_bottom { background-image: url(images/bg_content_bottom_light60.png); }

#header {
	background-image: url(images/bg_bluegreen.jpg);
	background-position: 0px 110px;
	background-repeat: no-repeat;
	height: 370px;
	padding: 10px;
	position: relative;
}

#logo {
	float: left;
}

#slogan {
	float: left;
	margin-top: 35px;
	margin-left: 30px;
}
	
#splashImage {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	border: 4px solid #f6f6f6;
	z-index: 500;
	position: relative;
}

#splash_mini_container {
	background: url(images/splash_transparenz.png) no-repeat;
	position: absolute; 
	z-index: 1000; 
	left: 10px; 
	top: 200px;
	width: 810px;
}

.splash_mini {
	float: left; 
	margin-top:10px;
	margin-right: 1px;
	background: url(images/bg_splash_mini.png) no-repeat;
	width: 116px;
	height: 91px;
	padding: 9px;
}

.splash_transparenz {
	margin-top: 15px; 
	width: 412px; 
	height: 86px; 
	float: left;
}
*html .splash_transparenz { width: 404px; }

.textboxdropout { display: none; }

/*
// ------------------------------------------------------------------
// top links
// ------------------------------------------------------------------
*/

#topLinks {
	font-size: 11px;
	float: right;
	margin: 0px;
	margin-right: 10px;
}
#topLinks li {
	list-style: none;
	display: inline;
	padding: 0px;
}
#topLinks li a {
	color: #085509;
	text-decoration: none;
	padding: 0px;
}
#topLinks li a:hover {
	color: #954a0f;
	text-decoration: underline;
}

/*
// ------------------------------------------------------------------
// main navigation
// ------------------------------------------------------------------
*/

#mainNav {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	height: 40px;
	line-height: 60px;
}
#mainNav li {
	color: #fff;
	list-style: none;
	display: inline;
}
#mainNav li a {
	color: #fff;
	text-decoration: none;
	padding-top: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 25px;
}
#mainNav li a:hover {
	color: #fff;
	background-image: url(images/pointer.png);
	background-repeat: no-repeat;
	background-position: 50% 1px;
}
*html #mainNav li a:hover {
	background-image: url(images/pointer.gif);
	background-position: 50% 0px;
}
#mainNav li a.active {
	background-image: url(images/pointer.png);
	background-repeat: no-repeat;
	background-position: 50% 1px;
}
*html #mainNav li a.active {
	background-image: url(images/pointer.gif);
	background-position: 50% 0px;
}

/*
// ------------------------------------------------------------------
// left column
// ------------------------------------------------------------------
*/

#leftCol { 
	clear: both;
	float: left; 
	width: 500px;
}

.leftBox {
	background-image: url(images/bg_leftBox.jpg);
	margin: 0px;
	margin-top: 40px;
	padding-top: 0px;
	padding-left: 2px;
	padding-right: 0px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.leftBox h1 {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #954a0f;
	margin: 0px;
	padding-left: 15px;
}

.leftBox h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.leftBox p {
	font-size: 14px;
	line-height: 1.5em;
	padding-left: 15px;
}
.leftBox a:hover {
	text-decoration: underline;
}

.leftBox ul {
	padding-top: 15px;
	margin-left: 15px;
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
}

.leftBox li {
	margin-left: 20px;
	padding-bottom: 15px;
	list-style: url(images/listitem.gif);
	font-size: 14px;
	list-style-position: outside;
}

/*
// ------------------------------------------------------------------
// contact persons
// ------------------------------------------------------------------
*/

.leftBox img.portrait {
	clear: both;
	float: left;
	border: 4px solid #ccc;
	margin-right: 10px;
}

.leftBox .position {
	border-top: 1px dotted #ccc;
	font-size: 10px;
	display: block;
}

.leftBox .email {
	font-size: 12px;
}

/*
// ------------------------------------------------------------------
// Legende Standorte
// ------------------------------------------------------------------
*/

ul.legend { border-top: none; border-bottom: none; }
ul.legend li { font-size:10px; }
ul.legend li.L0 { list-style-type: none; list-style-image: none; }
ul.legend li.L1 { list-style-image: url(images/circle_blue.gif); }
ul.legend li.L2 { list-style-image: url(images/quadrat_blue.gif); }
ul.legend li.L3 { list-style-image: url(images/triangle_blue.gif); }
ul.legend li.L4 { list-style-image: url(images/quadrat_black.gif); }
ul.legend li.L5 { list-style-image: url(images/triangle_red.gif); }

/*
// ------------------------------------------------------------------
// list Standorte
// ------------------------------------------------------------------
*/

ul.citylist { border-top: none; border-bottom: none; list-style-position:inside; }
ul.citylist li { 
	font-size:12px; 
	line-height: 1em; 
	list-style-type: square; 
	list-style-image: none; 
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

/*
// ------------------------------------------------------------------
// images Standorte
// ------------------------------------------------------------------
*/

.leftBox .imgTopLeft { float:left; margin-right:2px; margin-bottom:2px; }
.leftBox .imgTopRight { float:left; margin-bottom:2px; }
.leftBox .imgBottomLeft { float:left; margin-right:2px; }
.leftBox .imgBottomRight { float:left; }

.intext {
	float: left; 
	margin-top: 5px; 
	margin-right: 10px;
}

/*
// ------------------------------------------------------------------
// Anfahrt Standorte
// ------------------------------------------------------------------
*/

.content_notes {
	margin-top: 30px;
	background-image: url(images/bg_content_notes_bottom2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 482px;
	padding-left: 15px;
	padding-bottom: 25px;
/*	border-bottom: 3px double #ccc;*/
}
.leftBox .content_notes h1 {
	font-size: 12px;
	font-weight: bold;
	color: #085509;
	margin-top: 0px;
	margin-bottom: 20px;
}
.leftBox .content_notes h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.leftBox .content_notes p {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	line-height: 1.5em;
}
.leftBox .content_notes img.framed { border: 4px solid #ddd; }
#Adresse { float: left; margin-right: 30px; }

p.splashText {
	font-size: 18px; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 5px; 
	margin-right: 10px;
}
p.splashTextDetails {
	font-size: 11px;
	color: #777;
}

/*
// -----
// form css
// -----
*/

#form_box form {
	margin-left: 15px;
}

fieldset {
	width: 470px;
	margin-top: 15px;
	border: 1px solid #999;
}
fieldset legend { font-size: 12px; color: #085509; }

div.form_separator { margin: 0px; padding: 0px; height: 0px; }
*html div.form_separator, *+html div.form_separator { height: 15px; }

#form_box .chapter {
	background-color: #f9f9f9;
	/*border: 1px solid #e0e0e0;*/
	padding: 10px;
	margin-bottom: 15px;
}

label {
	clear: left;
	width: 120px;
	display: block;
	margin-top: 6px;
	margin-bottom: 0px;
	font-size: 12px;
}

label.left { float: left; }
label.slimleft { width: 75px; float: left; clear: none; }

form select, form input { width: 255px; padding: 5px; }
form .l { width: 255px; }
form .r { width: 150px; }
form .ll { width: 100px; }
form .lr { width: 120px; }

form table { width: 420px; }
form table td { vertical-align: top; }
form table td.left { width: 255px; }
form table label { font-weight: bold; color: #666; font-size: 12px; }

input, textarea, select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 275px;
	padding: 3px; 
}
textarea { width: 281px; }
input.text { margin-bottom: 3px; }
input.slimtext, select { width: 150px; margin-right: 25px; margin-bottom: 3px; float: left; }

input.submit {
	cursor: pointer;
	border-top: 3px solid #085509; 
	border-bottom: 1px solid #085509;
	border-left: none;
	border-right: none; 
	font-weight: bold;
	color: #555545;
	background-color: #eee;
	width: 100px;
}

.kurtblue, .kurtorange, .kurtgreen { 
	display: none; 
	margin: 0px; 
	padding: 0px; 
}

/*
// ------------------------------------------------------------------
// right column
// ------------------------------------------------------------------
*/

#rightCol {
	width: 290px;
	float: right;
	padding-right: 20px;
}

/*
// ------------------------------------------------------------------
// express links
// ------------------------------------------------------------------
*/

#expressLinks {
	background-image: url(images/bg_expresslinks.jpg);
	width: 290px; /* plus padding-left */
	padding-top: 20px;
	padding-left: 0px;
/*	font-variant: small-caps;*/
	font-size: 0.9em;
	letter-spacing: -1px;
}
#expressLinks li {
	list-style: none;
	padding: 5px;
}
#expressLinks li a {
	color: #085509;
	text-decoration: none;
}
#expressLinks li a:hover {
	color: #954a0f;
	text-decoration: underline;
}

#expressLinks li.header {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #085509;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
	color: #085509;
	padding: 0px;
	padding-top: 15px;
}
#expressLinks li.header p {
	padding: 0px;
	margin: 0px;
}
#expressLinks li.green {
	background-image: url(images/sub_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 20px;
}
#expressLinks li.active {
	background-image: url(images/sub_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 20px;
}
#expressLinks li.blue {
	background-image: url(images/sub_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 20px;
	padding-top: 9px;
	margin-top: 5px;
	border-top: 1px solid #085509;
}
#expressLinks li.activeblue {
	background-image: url(images/sub_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 20px;
	padding-top: 9px;
	margin-top: 5px;
	border-top: 1px solid #085509;
}
/* #expressLinks li.green:hover { background-image: url(images/sub_orange.gif); }
#expressLinks li.blue:hover { background-image: url(images/sub_orange.gif); }*/
#expressLinks img { padding-left: 15px; }

/*
// ------------------------------------------------------------------
// notes
// ------------------------------------------------------------------
*/

#notesBox {
	width: 250px;
	margin-top: 50px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* border-top: 1px solid #10063b;
	border-bottom: 1px solid #10063b; */
	float: right;
	background-image: url(images/bg_notes_bottom.gif);
	background-position: bottom;
	padding-bottom: 60px;
}
#notes {
	background-image: url(images/bg_notes.gif);
	width: 210px; /* plus padding-right */
	margin: 0px;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
}
#notes h1 {
	font-size: 12px;
	font-weight: bold;
	color: #085509;
	margin-top: 0px;
	margin-bottom: 20px;
}
#notes p {
	margin: 0px;
	line-height: 1.5em;
}
#notes img.framed { border: 4px solid #ddd; }

/*
// ------------------------------------------------------------------
// image gallery
// ------------------------------------------------------------------
*/

#gallery {
	background-image: url(images/bg_gallery.jpg);
	width: 270px; /* plus padding-left/padding-right */
	height: 218px; /* plus padding-top */
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 13px;
}
#gallery .left { float: left; margin-bottom: 8px; }
#gallery .right { float: right; margin-bottom: 8px; }
#gallery a {
	border: 5px solid #aaa;
}
#gallery a:hover {
	border: 5px solid #fff;
}

/*
// ------------------------------------------------------------------
// footer
// ------------------------------------------------------------------
*/

#footer {
	background-image: url(images/bg_footer02.jpg);
	width: 833px;
	height: 35px;
	clear: both;
	margin: 0px;
	margin-top: 50px;
	padding: 0px;
	padding-top: 15px;
}
#footer li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#footer li a {
	color: #fff;
	text-decoration: none;
}
#footer li a:hover {
	color: #fff;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
/*	text-decoration: underline;*/
}
*+html #footer li a:hover { text-decoration: underline; }

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 840px;
	padding-left: 30px;
	font-size: 10px;
	color: #999;
	padding-bottom: 50px;
}
#copyright a { color: #407f41; }
#copyright a:hover { text-decoration: underline; }


a img { border: 0px; }

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.Bildnachweis { font-size: 10px; }

/*
// -----------------------------------------------------------------------
// IE6 specifics
// -----------------------------------------------------------------------
*/

img, div { behavior: url(iepngfix.htc) } /* IE6 PNG Alpha Fix by Angus Turnbull, www.twinhelix.com, licensed under the GNU LGPL, version 2.1 or later */