* {
margin:0;
padding:0;
}

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

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

div#container {
width:1200px;
margin:10px auto;
padding:0;
text-align:center;
color:#000;
font-size:100%;
}


div#navi {
width:156px;
float:left;
margin:0;
padding:0;
overflow:hidden;
text-align:left;
/*
background-color:green;
*/
}

div#navi p.header {
margin:0;
font-size:110%;
color:#857A6F;
}

div#navi p.header img {
border:none;
margin-bottom:2px;
} 

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

ul#nav {
margin:20px 0 0 0;
padding:0;
list-style:none;
/*
background-color:#e5e5e5;
*/
background-color:#f3f1f0;
width:156px;
font-size:100%;
}

ul#nav li, ul#nav li li{
margin:0;
padding:0;
font-weight:normal;
}

ul#nav li {
margin-bottom:20px;
}

ul#nav li a {
display:block;
margin:0;
padding:4px;
font-size:120%;
line-height:120%;
text-decoration:none;
font-weight:bold;
color:#000;
border-left:1px dotted #857A6F;
border-top:1px dotted #857A6F;
border-right:1px dotted #857A6F;
background-color:#dad7d4;
/*
background-color:#b3b3b3;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
*/
}

ul#nav li a.aktiv, ul#nav li a:hover {
color:#fff;
text-decoration:none;
background-color:#857A6F;
}

ul#nav li ul li a:hover, ul#nav li ul li a.aktiv {
background-color:#fff;
color:#000;
}

ul#nav li a.unten {
border-bottom:1px dotted #857A6F;
}

ul#nav li ul {
margin:0;
border-bottom:1px dotted #857A6F;
} 

ul#nav li li a {
display:block;
margin:0;
padding:4px 4px 4px 12px;
font-size:120%;
line-height:120%;
text-decoration:none;
font-weight:normal;
color:#000;
background-color:#e7e4e2;

/*
background-color:#dadada;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #666;
border-bottom:1px solid #666;
*/
}


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

/* ### INHALT ### */

div#inhalt {
float:left;
width:775px;
margin:0 30px;
padding:0;
text-align:left;
font-size:100%;
overflow:hidden;
color:#000;
/*
background-color:yellow;
*/
}

div#inhalt p#breadcrumb {
margin:0 0 12px 0;
padding:0;
font-size:110%;
}

div#inhalt p#breadcrumb a {
margin:0;
padding:0;
}

div#inhalt h1 {
font-size:180%;
line-height:120%;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
}

div#inhalt h2 {
font-size:160%;
line-height:100%;
font-weight:bold;
margin:0 0 9px 0;
padding:0;
}

div#inhalt h3 {
font-size:130%;
line-height:100%;
font-weight:bold;
margin:0 0 6px 0;
padding:0;
}

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

div#inhalt p#teaser {
margin:0 0 9px 0;
border:1px solid #857A6F;
}

div#inhalt p.block {
overflow:hidden;
width:99%;
}

div#inhalt p.animation {
overflow:hidden;
margin:0;
float:right;
}

div#inhalt p.animation  span {
float:left;
display:inline-block;
margin:0;
}

div#inhalt span.r {
display:inline-block;
float:right;
max-width:152px;
margin:2px 0 12px 24px;
font-size:90%;
line-height:120%;
text-align:left;
}

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

div#inhalt span img.r {
float:right;
margin:2px 0 10px 6px;
}

div#inhalt ul, div#inhalt ol {
margin:6px 0 18px 18px;
padding:0;
font-size:120%;
text-align:justify;
line-height:140%;
}

div#inhalt ul {
/*color:#DA251D;*/
color:#000;
}

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

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

div#inhalt table th, div#inhalt table td {
padding:1px 2px 1px 0;
font-size:120%;
line-height:140%;
}

div#inhalt table td {
vertical-align:top;
}

div#inhalt img.rand {
border:1px solid #857A6F;
}

div#inhalt .kl {
font-size:80%;
}

div#flashcontent {
margin:0;
}

div#route {
font-size:120%;
}

div#karte {
width:775px;
height:553px;
border:none;
margin-bottom:18px;
}

div#inhalt div.produktbilder {
display:block;
width:775px;
overflow:hidden;
}

div#inhalt div.produktbilder img {
float:left;
margin:0 0 11px 11px;
}

div#inhalt div.produktbilder img.bigpic {
margin-left:0;
}

div#inhalt div.produktbilder ul {
float:left;
width:268px;
margin:0 0 11px 14px;
padding:0;
}

div#inhalt div.boxen {
display:block;
width:775px;
margin:24px 0;
overflow:hidden;
}

div#inhalt div.boxen div {
float:left;
width:242px;
overflow:hidden;
}

div#inhalt div.boxen div.m {
margin:0 24px 0 25px;
}

div#inhalt div.boxen div h3 {
margin:4px 0;
padding:0;
text-align:left;
}

div#inhalt div.boxen div p {
margin:2px 0;
padding:0;
text-align:left;
}

div#inhalt div.boxen div p img {
margin:0 0 2px 0;
border:1px solid #857A6F;
}

div#inhalt div.boxen div p img.noborder {
border:none;
}

div#inhalt div#coin-slider {
margin:0 0 9px 0;
border:1px solid #857A6F;
}

div#inhalt  div#galerie {
margin:0 0 9px 0;
border:1px solid #857A6F;
}


div#inhalt div.kursleiter {
overflow:hidden;
padding:6px;
background-color:#f3f1f0;
}

div#inhalt div.kursleiter div.infos {
float:left;
width:500px;
}

div#inhalt div.kursleiter div.infos .picl {
margin:0 12px 0 0;
}

div#inhalt div.kursleiter div.kurse {
float:left;
}

div#inhalt table.kursdetails {
width:340px;
float:right;
margin:0 0 20px 30px;
border-left:1px solid #E7E4E2;
border-top:1px solid #E7E4E2;
}

div#inhalt table.kursdetails td {
vertical-align:top;
font-size:120%;
line-height:130%;
padding:2px;
border-right:1px solid #E7E4E2;
border-bottom:1px solid #E7E4E2;
text-align:left;
}

div#inhalt table.kursdetails td p {
margin-top:2px;
font-size:90%;
line-height:120%;
text-align:left;
}

/* INHALT ENDE */

/* ALLGEMEINE INHALTS-DEFINITIONEN */

div#inhalt img.picr {
float:right;
margin:2px 0 6px 12px;
border:1px solid #857A6F;
}

div#inhalt img.picl {
float:left;
margin:2px 12px 6px 0;
border:1px solid #857A6F;
}

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

div#inhalt img.icon {
vertical-align:-2px;
margin-right:2px;
}

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

a:hover {
text-decoration:underline;
}

a.anker, a.anker:hover {
color:#000;
text-decoration:none;
}

.rot {
color:#DA251D;
}

div#inhalt p.oben {
clear:both;
text-align:right;
font-size:100%;
}


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 */

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


/* ### RECHTS ### */

div#rechts {
float:left;
width:200px;
margin:0;
padding:0;
text-align:left;
font-size:100%;
overflow:hidden;
color:#000;
}

div#rechts h2 {
margin:0 0 12px 0;
font-size:130%;
font-weight:bold;
}

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

div#rechts p {
margin:0 0 12px 0;
font-size:120%;
}

div#rechts img.icon {
vertical-align:-1px;
margin-right:2px;
}

div#rechts ul {
margin:0 0 12px 24px;
font-size:120%;
}

div#rechts div.boxbg {
background-color:#ced0d0;
color:#000;
padding:10px;
margin:0 0 20px 0;
}

div#rechts div.boxbg p {
margin:0 12px 2px 12px;
font-size:120%;
}

div#rechts div.boxbg table {
margin:0px 12px;
}

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

div#rechts p.box {
margin:0 0 20px 0;
padding:6px;
border:1px solid #ced0d0;
font-size:120%;
line-height:130%;
text-align:left;
overflow:hidden;
}

/* ### RECHTS ENDE ### */


/* ### FOOTER ### */

div#footer {
width:1200px;
margin:0 auto;
padding:0;
text-align:left;
font-size:110%;
color:#777;
clear:both;
}

div#footer p {
clear:both;
padding:6px 0;
}

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

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

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

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


.cb {
clear:both;
height:1px;
}

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

a.browse  {
cursor:pointer;
text-decoration:none;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 773px;
	height:552px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

div#inhalt ul.thumbs {
overflow:hidden;
list-style:none;
margin:0;
padding:0;
}

div#inhalt ul.thumbs li {
float:left;
list-style:none;
margin:0 5px 6px 5px;
padding:0;
}

div#inhalt ul.thumbs li a {
margin:0;
padding:0;
}

div#inhalt ul.thumbs li a img {
margin:0;
padding:0;
border:1px solid #857A6F;
}





/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 753px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }




/* FORMULARE */

div#inhalt form {
margin:0 0 18px 0;
padding:0;
width:90%;
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 solid #ccc;
}

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;
width:80px;
margin:0;
padding:0;
font-size:90%;
line-height:100%;
font-weight:bold;
font-size:110%;
color:#000;
}

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

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

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

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

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

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

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 solid #ccc;
background-color:#EFF2FF;
float:right;
margin:0 0 0 18px;
}

div#inhalt form input.button_l {
padding:2px 4px;
border:1px solid #ccc;
background-color:#EFF2FF;
float:left;
font-size:100%;
}

/* FORMULARE ENDE*/

div#inhalt form#routenplaner {
width:100%;
overflow:hidden;
}

div#inhalt form#routenplaner fieldset {
float:left;
margin:0 20px 0 0;
}

div#inhalt form#routenplaner fieldset.start {
width:390px;
}

div#inhalt form#routenplaner fieldset.ziel {
width:180px;
}

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

div#inhalt form#routenplaner input.button {
float:right;
margin:22px 0 0 0;
padding:1px 2px;
background-color:#E31F28;
color:#fff;
}


div#inhalt form {
margin:0 0 18px 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 #DEDDDC;
}

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

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

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

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

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:80px;
}

div#inhalt form fieldset label.flmehrzeilig {
float:left;
clear:left;
margin-bottom:60px;
}

div#inhalt form fieldset label.checkbox {
width:80px;
}

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

div#inhalt form fieldset input, div#inhalt form fieldset textarea {

margin:0 0 6px 0;
padding:2px;
border:1px solid #ccc;
background-color:#fff;
font-size:120%;
text-align:left;
font-family:Verdana, Arial, Helvetica, san serif;
}

div#inhalt form fieldset textarea {
margin-top:4px;
}

div#inhalt div#anfahrtform form fieldset input {
width:96%;
}

div#inhalt form fieldset input.breit, div#inhalt form fieldset textarea.breit {

}

div#inhalt form fieldset input.plz {

}

div#inhalt form fieldset input.login {

}

div#inhalt form fieldset input.ort {

}

div#inhalt form fieldset input.checkbox {
width:16px;
vertical-align:-2px;
background:none;
margin-left:4px;
border:none;
}

div#inhalt form fieldset input.flmehrzeilig {
vertical-align:11px;
}

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

div#inhalt form fieldset select option {
padding:0 4px;
font-size:100%;
}

/* ### FORMULARE ENDE ### */


/* ### LIGHTBOX START ### */

#lightbox{
	position: absolute; 
	left: 0;
	width: 100%;
	z-index: 700;
	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: 690;
	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 */
	}