@charset "utf-8";

* {
margin:0;
padding:0;
}

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

body {
margin:0;
padding:0;
font-size:62.5%;
text-align:center;
font-family:Verdana, Arial, Helvetica, san serif;
color:#fff;
background:#071a54 url(../../gif/bg-body.jpg) no-repeat center top;
}


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

div#header {
width:963px;
margin:0 auto;
padding:0;
text-align:left;
min-height:142px;
display:block;
overflow:hidden;
color:#fff;
position:relative;
}

div#adressen {
padding:0;
margin:0;
background:url(../../gif/alpha/alpha30w.png) repeat left top;
}

div#header h1 {
float:left;
text-align:left;
font-size:200%;
font-weight:bold;
color:#fff;
margin:0;
padding:34px 0 0 0;
overflow:hidden;
}

div#header h1 span {
font-size:70%;
font-weight:normal;
}

div#header img#logo {
float:left;
margin:20px 40px 10px 0;
border:none;
}

div#header p {
font-size:110%;
margin:4px 0 8px 0;
padding:34px 0 0 0;
}

div#header p.r {
float:right;
}

div#header a, div#header a:hover {
color:#fff;
text-decoration:none;
}

div#header img.icon {
vertical-align:-1px;
}

div#header p.fontsize {
position:absolute;
bottom:0px;
left:819px;
margin:0;
padding:0;
font-size:110%;
}

div#header p.fontsize a {
cursor:pointer;
}

div#header p.fontsize a.decreaseFont {
font-size:90%;
margin-right:2px;
}

div#header p.fontsize a.resetFont {
font-size:120%;
margin-right:2px;
}

div#header p.fontsize a.increaseFont {
font-size:140%;
}

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


div#container {
width:963px;
margin:0 auto;
padding:0;
text-align:left;
overflow:hidden;
border:1px solid #fff;
background:#0E341F url(../../gif/bg-container.jpg) no-repeat left top;
color:#23315e;
}

div#links {
width:210px;
float:left;
margin:0 1px;
padding:0;
text-align:left;
overflow:hidden;
}

div#links div.box {
margin:6px;
padding:4px;
background-color:#EFEFEF;
border:1px solid #DCC5DA;
font-size:110%;
line-height:130%;
}

div#links div.box  h3 {
font-size:100%;
margin-bottom:4px;
}

div#links p.mitte {
text-align:center;
margin-top:76px;
}

div#links p.mitte a img {
border:1px solid #fff;
}

div#links p.mitte a:hover img {
border:1px dotted #071A54;
}

div#rechts {
width:750px;
min-height:620px;
float:left;
margin:0;
background-color:#fff;
border-left:1px solid #fff;
} 

div#bildstreifen {
margin:0;
padding:0 0 1px 0;
text-align:left;
border-bottom:2px solid #142453;
background-color:#fff;
}

div#inhalt {
margin:20px 40px;
padding:0;
text-align:left;
font-size:100%;
background-color:#fff;
}

p#breadcrumb {
margin:6px;
padding:0;
font-size:100%;
text-align:left;
}

p#breadcrumb a {
margin:0;
padding:0;
text-decoration:none;
}

p#breadcrumb a:hover {
text-decoration:underline;
}

div#tagcloud {
background-color:#eff0f3;
}

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

div#footer {
width:963px;
margin:0 auto;
padding:0;
color:#666;
/*
border-top:1px solid #fff;
*/
}

div#footer p {
text-align:right;
padding:4px 10px;
}

div#footer .fl {
float:left;
}

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

/*### NAVIGATION ###*/

/*### 1. EBENE START ###*/

ul#navi {
list-style:none;
}

ul#navi li a {
display:block;
margin:0;
padding:8px;
color:#fff;
font-size:110%;
text-decoration:none;
}

ul#navi li a:hover, ul#navi li a.aktiv {
color:#fff;
text-decoration:none;
font-weight:bold;
background:url(../../gif/bg-navi-button.jpg) no-repeat left bottom;
}

/*### 1. EBENE ENDE ###*/

/*### 2. EBENE START ###*/

ul#navi ul {
margin:0;
padding:0 0 4px 0;
list-style:none;
line-height:100%;
background:#557B56 url(../../gif/bg-subnavi.jpg) repeat-y left top;
border-bottom:1px solid #dcc5da;
}

ul#navi ul a {
margin:0;
/*
padding:3px 0 3px 20px;
*/
padding:3px 0 3px 10px;
border:none;
line-height:120%;
}

ul#navi ul li a:hover, ul#navi ul li a.aktiv {
background:none;
font-weight:bold;
color:#fff;
}

/*### 2. EBENE ENDE ###*/

/*### 3. EBENE START ###*/

ul#navi ul ul {
border:none;
}

ul#navi ul ul a {
/*
padding-left:28px;
*/
padding-left:18px;
}

/*### 3. EBENE ENDE ###*/

/*### NAVIGATION ENDE ###*/

a {
color:#071a54;
text-decoration:none;
}

a:hover {
color:#071a54;
text-decoration:underline;
}

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

.ca {
clear:both;
}

.cb {
clear:both;
}

.cl {
clear:left;
}

.cr {
clear:right;
}

.fehler {
color:red;
}

table td {
vertical-align:top;
}

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

div#inhalt h1 {
margin:0 0 20px 0;
font-size:200%;
font-weight:normal;
text-transform:uppercase;
}

div#inhalt h1 span, div#inhalt h2 span, div#inhalt h1 span a, div#inhalt h2 span a {
font-weight:normal;
}

div#inhalt h2 {
margin:4px 0 8px 0;
font-size:160%;
font-weight:bold;
}

div#inhalt h3 {
margin:4px 0 8px 0;
font-size:120%;
line-height:130%;
font-weight:bold;
}

div#inhalt h4 {
margin:4px 0 2px 0;
font-size:110%;
font-weight:bold;
}

div#inhalt p {
margin:4px 0 16px 0;
font-size:110%;
line-height:140%;
}

div#inhalt p.team {
display:block;
float:left;
margin-right:30px;
}

div#inhalt p.team img {
border:1px dotted #4A6BB2;
}

div#inhalt p.r0 {
margin-right:0;
}

div#inhalt p.oben {
margin:4px 0 20px 0;
font-size:90%;
line-height:110%;
clear:both;
text-align:right;
}

div#inhalt div.film {
margin-bottom:18px;
}

div#inhalt ul, div#inhalt ol  {
margin:4px 0 16px 32px;
font-size:110%;
line-height:140%;
}

div#inhalt blockquote {
margin:4px 0 16px 0;
padding:8px 16px;
font-weight:bold;
border:1px dotted #071A54;
/*
background-color:#4A6BB2;
color:#fff;
*/
}

div#inhalt blockquote p {
margin:0;
}

div#inhalt p.logos {
font-size:100%;
line-height:140%;
}

div#inhalt p.logos img {
border:none;
margin:6px 12px 0 0;
}

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

div#inhalt .fussnote {
font-size:90%;
color:#666;
}

div#inhalt hr {
width:100%;
height:1px;
color:#ccc;
background-color:#ccc;
border:none;
clear:both;
margin:10px 0;
}

div#inhalt .n {
font-weight:normal;
}

div#inhalt h3 .n {
font-size:90%;
}

div#inhalt a {
color:#666;
text-decoration:none;
font-weight:bold;
}

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

div#inhalt a.anker, div#inhalt a.anker:hover {
text-decoration:none;
border:none;
color:#142453;
}

div#inhalt div.newshome a {
font-weight:normal;
}

div#inhalt span.picr  a {
font-weight:normal;
}

div#inhalt span.picr  a:hover {
text-decoration:none;
}

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

div#inhalt img.partner {
float:right;
margin:2px 0 12px 24px;
border:none;
}

div#inhalt img.pic {
border:1px dotted #4A6BB2;
}

div#inhalt img.pic_r {
float:right;
margin:2px 0 12px 24px;
border:none;
}

div#inhalt div.box_r {
width:152px;
float:right;
margin:0 0 12px 24px;
}


div#inhalt div.box_r h3 {
margin-bottom:2px;
}

div#inhalt div.box_r #videos {
width:150px;
margin:0;
padding:0;
border:1px solid #969698;
}

div#inhalt div.box_r #videos ul {
list-style:none;
margin:0;
padding:0;
}

div#inhalt div.box_r #videos ul li {
list-style:none;
margin:0;
padding:0;
width:150px;
height:84px;
position:relative;
}

div#inhalt div.box_r #videos ul li span {
position:absolute;
display:block;
width:148px;
bottom:0px;
left:0px;
padding:0 1px;
text-align:center;
color:#23315E;
background:url(../../gif/alpha/alpha70w.png) repeat left top;
}

div#inhalt div.box_r .scrollable_buttons {
margin:0;
padding:0;
text-align:right;
}

div#inhalt div.box_r .scrollable_buttons a, div#inhalt div.box_r .scrollable_buttons a:hover {
cursor:pointer;
text-decoration:none;
}

div#inhalt div.box_r p.scrollable_buttons .left {
float:left
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width:150px;
	height:84px;
}

/*
	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 li {
	float:left;
}




div#footer a, div#footer a:hover {
color:#fff;
text-decoration:none;
}

div#inhalt .nobr {
white-space:nowrap;
}

div#inhalt div.box {
float:right;
width:202px;
margin:2px 0 20px 12px;
padding:4px;
/*
color:#fff;
background-color:#4A6BB2;
*/
border:1px dotted #4a6bb2;
}

div#inhalt span.picr {
float:right;
min-width:152px;
margin:2px 0 20px 24px;
padding:0px;
}

div#inhalt span.picr img {
margin:0 0 2px 0;
border:1px solid #ccc;
}

div#inhalt div.box h3 {
margin-top:0;
}

div#inhalt div.box  p {
margin:8px 0 0 0;
}

div#inhalt div.box table {
border:none;
margin:0;
padding:0;
font-size:100%;
}

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

div#inhalt div#behandlungen {
overflow:hidden;
margin:0 0 10px 0;
}

div#inhalt div#behandlungen div {
height:180px;
float:left;
border-right:1px solid #EEEEEE;
padding:0 10px 0 0;
margin:0 10px 14px 0;
width:117px;
}

div#inhalt div#behandlungen div.hoeher {
height:200px;
}

div#inhalt div#behandlungen div.r {
border-right:none;
padding:0;
margin:0;
}

div#inhalt div#behandlungen div h3 {
margin:2px 0;
padding:0;
font-size:120%;
}

div#inhalt div#behandlungen div p {
margin:0;
padding:0;
}

div#inhalt div#behandlungen div ul {
list-style:none;
margin:0;
padding:0;
font-size:90%;
}

div#inhalt div#behandlungen div ul li {
text-align:left;
}

div#inhalt div#behandlungen div ul ul{
font-size:100%;
margin:0 0 0 10px;
padding:0;
}

.hidden {
display:none;
}

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

div#footer a, div#footer a:hover {
color:#666;
}

/* FORMULARE */

form#kontaktform {
margin:0 0 18px 0;
padding:0;
width:100%;
font-size:100%;
overflow:hidden;
}

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

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

form#kontaktform 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:#666;
}

form#kontaktform fieldset label.txt {
width:100px;
}

form#kontaktform fieldset label.plz {
width:100px;
}

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

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

form#kontaktform fieldset label.fl {
float:left;
clear:left;
margin:4px 3px 0 0;
width:100px;
}

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

form#kontaktform fieldset label.checkbox {
width:100px;
}

form#kontaktform fieldset label.breit {
width:165px;
}

form#kontaktform fieldset label.nobr {
white-space:nowrap;
}

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

form#kontaktform fieldset input.breit, form#kontaktform fieldset textarea.breit {
width:448px;
}

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

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

form#kontaktform fieldset input.ort {
width:400px;
}

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

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

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

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

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

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

/* ROUTENPLANER */

form#routenplaner {
overflow:hidden;
}

form#routenplaner fieldset {
float:left;
width:190px;
padding:4px 10px;
margin-bottom:10px;
border:1px dotted #666;
}

form#routenplaner fieldset.l {
margin-right:20px;
width:260px;
}

form#routenplaner fieldset legend {
padding:2px 6px;
font-size:120%;
font-weight:bold;
color:#666;
}

form#routenplaner fieldset input.txt, form#routenplaner fieldset select {
width:98%;
font-size:120%;
padding:1px 2px 0 2px;
margin:0 0 2px 0;
}

form#routenplaner fieldset select option {
padding:0;
}

form#routenplaner input.button {
float:right;
margin-top:20px;
}

div#karte {
width:100%;
height:500px;
margin:20px 0;
border:1px solid #666;
}

div#route  {
margin:0;
padding:0;
}
/* ROUTENPLANER ENDE */

/*	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: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/* LIGHTBOX */
#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: #23315E;
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;margin:0; color:#23315E;}
#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 */
	}

a.hide {
display:none;
}