* {
margin:0;
padding:0;
}

html {
width:100%;
height:100%;
overflow:-moz-scrollbars-vertical;
}

body {
margin:0;
padding:0;
text-align:left;
font-size:62.5%;
font-family:Arial,Verdana,Helvetica,san serif;
background-color:#fff;
}


/* ### HEADER ### */

div#header {
width:1000px;
margin:0 auto;
padding:0;
text-align:left;
font-size:100%;
position:relative;
}

div#header h1 {
margin:14px 10px 10px 4px;
padding:0;
text-align:left;
float:left;
}

div#header p {
margin:0;
padding:0;
font-size:120%;
line-height:100%;
text-align:left;
color:#3D3937;
}

div#header p.fontsize {
float:right;
margin:0 0 6px 0;
}

div#header p.slogan {
position:absolute;
top:30px;
right:300px;
font-size:120%;
line-height:120%;
text-align:right;
}

div#header div {
float:right;
width:288px;
margin:14px 0 8px 10px;
padding:0;
}

div#header a {
color:#3D3937;
}

/* ### HEADER ENDE ### */


div#container {
clear:both;
width:1000px;
margin:0 auto;
padding:0;
text-align:left;
overflow:hidden;
background:url(../../gif/bg-container.gif) repeat-y left top;
/*
background:url(../../gif/bg-graue-streifen.gif) repeat-y left top;
*/
}


/* ### NAVI ### */

div#navi {
float:left;
width:190px;
height:663px;
overflow:hidden;
margin:0;
padding:0;
text-align:left;
font-size:100%;
background-color:#cdcdcd;
/*
background:#cdcdcd url(../../gif/bg-navi-streifen.png) repeat-y left top;
*/
}

/* ### NAVI ENDE ### */



/* ### INHALT ### */

div#inhalt {
position:relative;
float:left;
width:466px;
height:651px;
overflow-y:auto;
margin:0 12px;
padding:12px 16px 0 16px;
/*
padding:12px 16px;
*/
font-size:100%;
color:#000;
/*
color:#3D3937;
*/
}



div#bildstreifen {
position:relative;
float:left;
/*width:190px;*/
margin:0;
padding:0;
font-size:100%;
text-align:center;
width:288px;
height:663px;
background-color:#cdcdcd;
}

div#bildstreifen p#picture {
margin:0;
padding:0;
}

div#bildstreifen p#picture .link {
cursor:pointer;
}

div.bg#bildstreifen {
background:#cdcdcd url(../../gif/bg-bildstreifen.jpg) no-repeat left top;
text-align:center;
}

div.bg#bildstreifen p#picture {
margin:5px auto 0 auto;
}

div#bildstreifen div#newsslider {
position:absolute;
bottom:0px;
left:0px;
z-index:100;
text-align:center;
margin:0;
padding:0;
background:url(../../gif/bg-newsslider.png) repeat-y center top;

height:134px;

}

div#bildstreifen div#newsslider span.back {
position:absolute;
bottom:41%;
left:0px;
z-index:200;
}

div#bildstreifen div#newsslider span.next {
position:absolute;
bottom:41%;
right:0px;
z-index:201;
}

div#bildstreifen div#newsslider h2 {
margin:4px 45px;
text-align:left;
font-size:120%;
}

div#bildstreifen div#newsslider p {
margin:0 45px 10px 45px;
text-align:left;
font-size:110%;
height:100%;
}

div#bildstreifen div#newsslider p strong {
font-size:110%;
}


div#bildstreifen div#newsslider img.pic_r {
float:right;
margin:2px 0 6px 6px;
border:1px solid #ccc;
}

/*
div#bildstreifen p.pics {
position:absolute;
bottom:20px;
left:0px;
z-index:100;
text-align:center;
margin:0 auto;
padding:0;
}

div#bildstreifen p.pics span {
display:inline-block;
width:128px;
height:101px;
background:url(../../gif/bg-pics.png) no-repeat left top;
float:left;
}

div#bildstreifen p.pics span.l {
margin:0 10px 0 10px;
}

div#bildstreifen p.pics span img {
cursor:pointer;
margin:2px auto 0 auto;
}
*/

/* ### INHALT ENDE ### */




/* ### FOOTER ### */

div#footer {
clear:both;
width:1000px;
margin:0 auto;
padding:0;
font-size:100%;
}


div#footer  p {
clear:both;
padding:4px 0 6px 0;
font-size:120%;
color:#3D3937;
}

div#footer p span {
float:right;
margin-left:16px;
}

div#footer p a {
color:#3D3937;
text-decoration:none;
}

div#footer p a:hover {
color:#000;
text-decoration:underline;
}


/* ### FOOTER ENDE ### */


.cb {
clear:both;
display:block;
width:100%;
height:0px;
border:none;
}

.clear {
clear:both;
}


hr {
clear:both;
display:block;
width:100%;
height:1px;
color:#21379D;
background-color:#21379D;
margin:0;
padding:0;
border:none;
}

.rot {
color:#AC1A24;
}

a {
/*
color:#AC1A24;
*/
color:#1c314d;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

div#inhalt a {
font-weight:bold;
}

/* ### NAVI START ### */

div#navi div {
width:190px;
/*min-height:196px;*/
height:196px;
margin:0;
padding:12px 0;
border-bottom:1px solid #fff;
background-color:#cdcdcd;
color:#3D3937;
font-weight:bold;
font-size:12px;
}

/*
div#navi div.unten {
border-bottom:none;
}
*/

div#navi div h2 {
margin:0 6px 6px 12px;
color:#555555;
font-weight:bold;
font-size:12px;
}

div#navi div h2 a {
color:#818181;
}

div#navi div ul {
list-style:none;
margin:0 6px 6px 12px;
padding:0;
}

div#navi div ul li {
margin:0 0 4px 0;
font-size:11px;
}

div#navi div ul li a {
color:#818181;
}

div#navi div.aktiv {
background-color:none;
background:#fff url(../../gif/bg-navi.png) no-repeat left top;
}

div#navi div.aktiv h2 a {
color:#000;
}

div#navi div.aktiv ul li a {
/*
color:#3D3937;
*/
color:#484C4F;
}

div#navi div.aktiv ul li a.aktiv, div#navi div.aktiv ul li a:hover {
color:#000;
text-decoration:none;
}

div#navi div.haus {
height:292px;
}

div#navi div.leistungsspektrum {
height:556px; 
background-color:none;
background:#fff url(../../gif/bg-navi-leistungsspektrum.png) no-repeat left top;
}

div#navi div.klein {
height:16px; 
}

div#navi div.leistungsspektrum ul li {
margin:0 0 3px 0;
padding:0;
font-size:11px;
}

div#navi div.leistungsspektrum ul li ul {
margin:4px 0 4px 18px;
list-style-image:url(../../gif/liste-leistungsspektrum.gif);
}

div#navi div.leistungsspektrum ul li ul li {
margin:0 0 3px 0;
padding:0;
font-size:10px;
}

div#navi div.leistungsspektrum ul li ul li a {
margin:0;
padding:0;
}

div#navi div.leistungsspektrum ul li ul li ul li {
font-size:10px;
margin:0 0 3px 0;
}


/* ### NAVI ENDE ### */


/* ### INHALT ### */

/* ### INHALTE LINKE/RECHTE SPALTE ### */


div#inhalt p#breadcrumb {
font-size:110%;
margin:2px 0 16px 0;
padding:0;
text-align:left;
}

div#inhalt h1 {
font-size:160%;
font-weight:bold;
margin:5px 0 10px 0;
padding:0;
}

div#inhalt h1.home {
margin-bottom:2px;
}

div#inhalt h1 span.kontakt {
float:right;
display:block;
width:120px;
font-size:75%;
font-weight:normal;
text-align:center;
}

div#inhalt h2 {
font-size:140%;
line-height:120%;
font-weight:bold;
margin:16px 0 6px 0;
padding:0;
}

div#inhalt h2 span {
font-weight:normal;
font-size:90%;
}

div#inhalt h2 span.datum {
float:right;
}

div#inhalt h2.weiter {
margin:16px 0 30px 0;
}

div#inhalt h3 {
font-size:140%;
font-weight:bold;
margin:0 0 8px 0;
padding:0;
}

div#inhalt h3 span {
font-weight:normal;
font-size:100%;
}

div#inhalt h4 {
font-size:120%;
font-weight:bold;
margin:0 0 6px 0;
padding:0;

}

div#inhalt p {
margin:2px 0 16px 0;
padding:0;
font-size:120%;
text-align:justify;
line-height:140%;
}

div#inhalt p span.r {
float:right;
margin:0px 0 8px 16px;
font-size:80%;
line-height:110%;
text-align:center;
}

div#inhalt p span.l {
float:left;
margin:2px 16px 8px 0;
font-size:80%;
line-height:110%;
text-align:center;
}

div#inhalt span.bild_r {
float:right;
margin:2px 0 6px 16px;
font-size:100%;
line-height:110%;
text-align:left;
}

div#inhalt .block, div#inhalt  p.block, div#inhalt p.logos {
overflow:hidden;
width:100%;
margin:0;
padding:0;
}

div#inhalt p.block span {
float:left;
width:48%;
font-size:90%;
line-height:120%;
text-align:center;
}

div#inhalt p.block span img {
margin:0 0 4px 0;
}

div#inhalt p.block span.portrait_home {
text-align:left;
width:170px;
font-size:100%;
float:left;
}

div#inhalt p.block span.portrait_home span {
font-size:90%;
text-align:left;
width:100%;
}

/*
div#inhalt p.block span.portrait_home img {
float:left;
margin-right:6px;
}
*/

div#inhalt p.block span.broschuere {
text-align:left;
width:25%;
}


div#inhalt p.logos span {
float:left;
width:216px;
padding:0;
font-size:110%;
line-height:120%;
text-align:left;
}

div#inhalt p.logos1 span {
width:48%;
}

div#inhalt p.logos span.l {
margin:0 12px 12px 0;
}

div#inhalt p.logos span.r {
margin:0 0 12px 12px;
}

div#inhalt p.logos span.l1 {
margin:0 6px 12px 0;
}

div#inhalt p.logos span.r1 {
margin:0 0 12px 6px;
}

div#inhalt p.logos span.block {
float:none;
display:block;
width:100%;
margin:0 0 24px 0;
}

div#inhalt p.logos span img {
border:1px solid #fff;
margin-bottom:2px;
}

div#inhalt p#suchbegriffe {
margin:0;
padding:0;
text-align:center;
}

div#inhalt span.pic_small {
float:left;
margin:2px 8px 8px 0;
font-size:80%;
line-height:110%;
text-align:center;
}

div#inhalt span.pic_small img {
margin-bottom:2px;
}


div#inhalt ul, div#inhalt ol {
margin:6px 0 18px 18px;
padding:0;
font-size:100%;
}

div#inhalt ul li, div#inhalt ol li{
margin-bottom:4px;
font-size:120%;
text-align:left;
line-height:140%;
}

div#inhalt ul.weiter, div#inhalt ol.weiter {
margin-top:18px;
}

div#inhalt ul.weiter li, div#inhalt ol.weiter li{
margin-bottom:14px;
}

div#inhalt ul li span {
color:#000;
}

div#inhalt li li {
font-size:100%;
}

div#inhalt dl {
margin:6px 0 12px 0;
overflow:hidden;
}

div#inhalt dl dt {
display:inline-block;
font-weight:bold;
vertical-align:top;
float:left;
clear:left;
width:70px;
font-size:12px;
line-height:14px;
}

div#inhalt dl dd {
float:left;
display:inline-block;
width:350px;
margin:0 0 12px 20px;
font-size:12px;
}

div#inhalt dd ul {
margin:0;
padding:0;
list-style:none;
}

div#inhalt dd ul li {
font-size:12px;
line-height:14px;
/*
font-size:100%;
*/
}


/*
div#inhalt dl {
font-size:13px;
line-height:14px;
margin:6px 0 12px 0;
overflow:hidden;
}

div#inhalt dl dt {
display:inline-block;
font-weight:bold;
vertical-align:top;
float:left;
clear:left;
width:120px;
}

div#inhalt dl dd {
float:left;
display:inline-block;
width:300px;
margin:0 0 12px 20px;
}

div#inhalt dd ul {
margin:0;
padding:0;
list-style:none;
}

div#inhalt dd ul li {
font-size:100%;
}
*/

/*
div#inhalt table {
font-size:100%;
margin:6px 0 18px 0;
}

div#inhalt table td {
font-size:120%;
vertical-align:top;
padding:0 4px 4px 0;
}
*/

div#inhalt img.pic_l {
float:left;
margin:2px 16px 6px 0;
border:1px solid #ccc;
}

div#inhalt img.pic_r {
float:right;
margin:2px 0 6px 16px;
border:1px solid #ccc;
}

div#inhalt img.ohne {
border:none;
}

div#inhalt div#bigpicture {
display:block;
margin:0 0 4px 0;
}

div#inhalt div.thumbs {
display:block;
margin:0;
}

div#inhalt div.thumbs a img {
/*
width:230px;
height:154px;
*/
width:112px;
height:75px;
margin:0 2px 2px 0;
}


div#inhalt div.thumbs a.l img {
margin:0 2px 2px 0;
}

div#inhalt div.thumbs a.r img {
margin:0 0 2px 0;
}


div#inhalt div.l50 {
width:48%;
float:left;
}

div#inhalt div.l33 {
width:33%;
float:left;
}

div#inhalt div.l33 ul li, div#inhalt div.l50 ul li {
padding-right:0px;
}

/* ### INHALTE LINKE/RECHTE SPALTE ENDE ### */


div#inhalt table {
font-size:100%;
margin:6px 0 18px 0;
}

div#inhalt table td {
font-size:120%;
vertical-align:top;
padding:0 4px 4px 0;
}

div#inhalt table.team {
margin-bottom:0;
margin-top:0;
}

div#inhalt table.team td {
font-size:110%;
width:140px;
padding-bottom:10px;
padding-right:16px;
}

div#inhalt table.team td.u {
padding-bottom:0;
}

div#inhalt table.team td.r {
padding-right:0;
}

div#inhalt table.team td img{
margin-bottom:4px;
}


/* INHALT ENDE */



/* ALLGEMEINE INHALTS-DEFINITIONEN */

div#inhalt hr {
color:#ccc;
background-color:#ccc;
height:1px;
size:1px;
margin:0 0 20px 0;
}

div#inhalt a {

text-decoration:none;
}

div#inhalt a:hover {
text-decoration:underline;
}

div#inhalt .mitte {
display:block;
clear:both;
text-align:center;
}

div#inhalt .rand {
border:1px solid #ccc;
}

div#inhalt span.pdf-format {
display:inline-block;
margin:2px 0 0 0;
padding:0 0 0 16px;
background:url(../../gif/icon-pdf.gif) no-repeat left top;
font-size:90%;
}

/* ALLGEMEINE INHALTS-DEFINITIONEN ENDE */



/* FORMULARE */

div#inhalt form {
margin:0 0 12px 0;
padding:0;
width:100%;
font-size:100%;
overflow:hidden;
}

div#inhalt form fieldset {
border:none;
margin:0 0 20px 0;
padding:10px;
font-size:100%;
line-height:100%;
border:1px dotted #7D7D7D;
}

div#inhalt form fieldset legend {
margin:0;
padding:2px 6px;
font-size:120%;
font-weight:bold;
color:#000;
}

div#inhalt form fieldset label {
display:inline-block;
margin:0 0 4px 0;
padding:0;
font-size:130%;
line-height:100%;
font-weight:bold;
font-size:110%;
color:#000;
}

div#inhalt form fieldset label.txt {
width:70px;
}

div#inhalt form fieldset label.plz {
width:70px;
}

div#inhalt form fieldset label.ort {
width:30px;
margin-left:20px;
}

div#inhalt form fieldset label.login {
width:110px;
}

div#inhalt form fieldset label.fl {
float:left;
clear:left;
margin:4px 3px 0 0;
width:70px;
}

div#inhalt form fieldset label.breit {
width:140px;
}

div#inhalt form fieldset label.checkbox {
white-space:nowrap;

/*
margin-right:24px;
*/
}

div#inhalt form fieldset input, div#inhalt form fieldset textarea {
width:342px;
margin:0 0 4px 0;
padding:2px;
border:1px solid #ccc;
background-color:#fff;
font-size:120%;
text-align:left;
font-family:Tahoma, Arial, Verdana, Helvetica, san serif;
}

div#inhalt form fieldset input.plz {
width:50px;
}

div#inhalt form fieldset input.login {
width:250px;
}

div#inhalt form fieldset input.ort {
width:230px;
}

div#inhalt form fieldset input.breit, div#inhalt form fieldset textarea.breit {
width:272px;
}

div#inhalt form fieldset input.checkbox {
width:20px;
vertical-align:-2px;
background:none;
}

div#inhalt form fieldset select {
margin-bottom:4px;
border:1px solid #ccc;
background-color:#fff;
font-size:100%;
}

div#inhalt form fieldset select option {
padding:0 4px;
}

div#inhalt div#content form fieldset  p.ziel {
margin:0;
}

div#inhalt form input.button {
padding:2px 6px;
border:1px dotted #7d7d7d;
background-color:#f1f1f1;
float:right;
margin:0 0 0 18px;
color:#174463;
}



/* FORMULARE ENDE*/

/* ROUTENPLANER */

div#inhalt form#routenplaner {
overflow:hidden;
margin:0;
}

div#inhalt form#routenplaner fieldset {
float:left;
width:168px;
}

div#inhalt form#routenplaner fieldset.l {
margin-right:10px;
}

div#inhalt form#routenplaner fieldset input {
width:98%;
}

div#inhalt form#routenplaner fieldset input.txt, div#inhalt form#routenplaner fieldset select {
width:162px;
font-size:110%;
}

div#inhalt form#routenplaner  input.button {
width:54px;
float:left;
color:#000;
font-size:100%;
margin:23px 0 0 4px;
}

div#inhalt form#routenplaner fieldset select option {
padding:1px 2px 1px 2px;
}

div#inhalt div#karte {
width:100%;
height:520px;
margin-bottom:14px;
border:1px solid #7D7D7D;
}

div#inhalt h3.route {
clear:left;
margin:14px 0 0 0;
}

div#inhalt div#wegbeschreibung, div#inhalt div#directons  {
width:100%;
margin:0;
padding:0;
}

div#inhalt div#wegbeschreibung div, div#inhalt div#directons div, div#inhalt div#wegbeschreibung div.googledir, div#inhalt div#directons div.googledir, div#inhalt div#wegbeschreibung table, div#inhalt div#directons table {
margin:0;
padding:0;
}

div#inhalt div#wegbeschreibung div.googledir, div#inhalt div#wegbeschreibung table, div#inhalt div#directons div.googledir, div#inhalt div#directons table {
width:100%;
}

/* ROUTENPLANER ENDE */





#lightbox{
	position: absolute; 
	left: 0px;
	width: 100%;
	z-index: 99999;
	top:16px !important;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 610;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../gif/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../gif/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../gif/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #556484;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 10px;
}
#prevLinkText{
padding-right: 10px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ display:block;clear:left;font-weight: bold; font-size:12px; margin:0 0 4px 0;padding:4px 0 0 0; border-top:1px solid #777; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0em;	}
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#imageData span.fl {
float:left;
margin:0 16px 2px 0;
font-size:11px;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}