@import url(/CSS_menuleiste.css);

body {
font-family: Arial,sans-serif;
font-size:100.01%;
text-align:center;}

img {
border:none;}

* {
margin:0;
padding:0;}

.unsichtbar {
display:inline;
left:-1000px;
overflow:hidden;
position:absolute;
top:-1000px;}

a {
color:#1C6AB2;}

#content .text a[href ^="http://"], 
 .anreisser a[href ^="http://"] {
background: url(/mediaintern/design/extern.gif) no-repeat 2px 4px;
padding-left:16px;}

#content .text #map a[href ^="http://"] {
background-image:none;
padding-left:0;}

#content .text #map .olPopup a[href ^="http://"] {
background: url(/mediaintern/design/extern.gif) no-repeat 0;
padding-left:16px;}

#container {
text-align:left;
margin:0 auto;
width:950px;}

#logo {
display:block;
margin:19px 0 13px 0;}

#navigation {
float:left;
width:200px;}

html #nav { /*nur für IE, damit Subnavi über Bildern erscheint*/
position:relative;
z-index:9999;}

#navigation ul {
list-style-type:none;
border-right:30px solid #3599CD;
padding:57px 0 17px 0;
margin-left:18px;
font-size:0.8em;
text-align:right;
text-transform:lowercase;
letter-spacing: 1px;
position:relative;
left:14px;}

#navigation ul ul {
border:1px solid #3599CD;
background:#fff;
padding:5px 0 5px 0;
margin:0;
text-align:left;
width:185px;
position:absolute;
top:0;
left:152px;
text-transform:none;
letter-spacing: 0px;
display:none;
border-left:14px solid #3599CD;
font-size:0.95em;
z-index:999;}

#navigation ul li:hover ul {
display:block;}

#navigation ul li {
margin-bottom:4px;
position:relative;
left:16px;}

#navigation ul ul li {
position:static;}

#navigation ul li a {
display:block;
background:#fff;
border:1px solid #86BCE0;
border-right:16px solid #86BCE0;
color:#1C6AB2;
text-decoration:none;
padding:5px 27px 5px 0;}

#navigation ul ul li a{
background:transparent url(/mediabig/538A.gif) no-repeat 5px 5px;
border:none;
color:#1C6AB2;
text-decoration:none;
height:auto;
padding:0 0 0 20px;}

#navigation ul li a:hover, 
#navigation ul li a.aktiv {
font-weight:bold;
border-color:#1C6AB2;
background:#3690CF;
color:#fff;}

#navigation ul li a:active, 
#navigation ul li a:focus {
outline-style:none;
outline-width:0;
border-top-color:#f60;
border-bottom-color:#f60;
border-left-color:#f60;}

#navigation ul ul li a:hover {
font-weight:normal;
text-decoration:underline;
background:transparent url(/mediabig/538A.gif) no-repeat 5px 5px;
color:#1C6AB2;}

#content {
width:570px;
margin-left:200px;}

#locator {
padding:50px 0 0 14px;
height:51px;
font-size:0.75em;
color:#F60;}

#locator ul,
#locator ul li a {
color:#3599CD;}

#locator ul,
#locator ul li {
list-style-type:none;
display:inline;}

#text {
background:#f9f9f9;
/*min-height:204px; geht nicht, wg Dokumenten ohne Text*/}

h1 {
border-left:215px solid #3599CD;
color:#F60;
line-height:30px;
padding-left:18px;
font-size:1.5em;
font-weight:normal;
text-transform:lowercase;}

h1 span {
position:relative;
top:6px;
z-index:9999;}

#text h2 {
padding:10px 35px 0 235px;
font-size:0.8em;
color:#555;
line-height:1.6em;}

.text {
margin-bottom:30px;
padding:35px 35px 20px 52px;
font-size:0.8em;
line-height:1.7em;
float:left;
width:483px;
position:relative;
z-index:999;
background:#f9f9f9;
min-height:140px;
/*overflow:hidden; geht wegen h4-decoelement nicht!*/}

/* Clearfix-Hack */ 


.text:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; } 

.text h3 {
color:#555;
font-size:1em;}

.text h4 {
background:#fff url(/mediabig/539A.gif) no-repeat left center;
height:60px;
position:relative;
left:-64px;
bottom:-20px;
width:533px;
padding:25px 0 0 65px;
color:#F60;
font-size:1.5em;
line-height:1.1em;
z-index:1;
font-weight:normal;}

.text strong {
color:#555;}

.text ul {
margin-top:10px;}

.text ul li {
padding-left:15px;
list-style-type:none;
background:url(/mediabig/538A.gif) no-repeat 0 7px;}

.text ul li li {
background:url(/mediabig/546A.gif) no-repeat 0 10px;}

.text ol {
margin:10px 0 0 25px;}

.text a {
font-size:1.1em;}

.text a:hover, 
.navimitteitem .anreisser a:hover, 
#footer a:hover, 
a.top:hover {
text-decoration:none;}

#mzb {
width:180px;
float:right;
position:relative;}

#mzb .inside {
padding:32px 0 0 30px;}

#mzb ul.layout {
margin-bottom:10px;
color:#3599CD;}

#mzb h2 {
font-size:0.8em;
color:#F60;
margin-top:20px;}

#mzb h2 a {
color:#F60;
text-decoration:none;}

#mzb h2 a:hover {
text-decoration:underline;}

#mzb .link {
font-size:1.1em;
padding-left:15px;
margin-top:5px;
display:block;
background:url(/mediabig/538A.gif) no-repeat 3px 5px;}

#mzb .box {
position:relative;
margin-bottom:-20px;}

#mzb .buzz {
border:1px solid #3599CD;
padding:9px;
font-size:0.85em;
margin-top:5px;
overflow:hidden;
position:relative;
z-index:2;}

#mzb span.deco{
display:block;
width:49px;
height:50px;
background:url(/mediabig/543A.gif) no-repeat;
position:relative;
bottom:37px;
left:101px;
z-index:1;}

#mzb .buzz ul {
margin-bottom:15px;
line-height:1.3em;}

#mzb .buzz li {
list-style-type:none;
display:inline;}

#mzb h3 {
font-weight:normal;
font-size:0.8em;
float:left;
padding-top:17px;}

#mzb ul.layout li, #mzb ul.funktionen li {
list-style-type:none;
display:inline;}

#mzb ul.funktionen li {
margin-right:4px;}

#mzb ul.layout a {
text-decoration:none;
color: #3599CD;}

#mzb ul.layout .aktiv {
font-size:2em;}

#mzb form {
margin:33px 0 15px 0;}

#mzb form input.textfeld {
border:1px solid #3599CD;
font-size:0.75em;
padding:2px;
width:108px;}

#mzb form input.submit {
background:#3599CD;
color:#fff;
border:none;
font-size:0.75em;
margin-left:3px;
padding:2px;
cursor:pointer;}

#mzb .anreisser {
font-size:0.8em;
margin-top:5px;}

#mzb .anreisser a {
text-decoration:none;
color:#555;}

#mzb .anreisser a:hover {
text-decoration:underline;}

.buzz .anreisser {
margin-right:20px;
margin-bottom:10px;}

#navimitte {
/*overflow:hidden;*/
width:584px;
margin-top:30px;
margin-bottom:40px;
position:relative;
z-index:99;
background:#fff;}

#navimitte:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; } 

.navimitteitem, .navimitteitem2 {
margin-bottom:40px;
margin-left:54px;}

.navimitteitem .anreisser, 
.navimitteitem2 .anreisser {
font-size:0.8em;
overflow:hidden;
line-height:1.4em;
color:#555;
padding-top:3px;}

#navimitte .anreisser ul {
margin-left:15px;}

.imgleft {
float:left;
margin-right:24px;}

.navimitteitem .bild {
float:left;
margin-right:24px;}


.bild {
border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
-moz-opacity:0.67;
z-index:1;}

.bild img {
background:#fff;}

.text .bild {
clear:both;}

.imgright {
float:right;
margin-left:24px;}

.navimitteitem h2, 
.navimitteitem2 h2  {
color:#F60;
font-size:0.85em;
padding-left:15px;
background:url(/mediabig/538A.gif) no-repeat 0 5px;
overflow:hidden;
display:inline;
line-height:1.5em;}

.navimitteitem h2 a, 
.navimitteitem2 h2 a {
text-decoration:none;
color:#F60;}

.navimitteitem h2 a:hover, 
.navimitteitem2 h2 a:hover {
text-decoration:underline;}

.bild img {
 border: 0px solid #666;
margin: -2px;
display:block;
position: relative;
top: -3px;
left: -3px;
/*-moz-opacity:0.67;*/}

.schatten1, .schatten2, .schatten3, .schatten4, .bild {
padding: 1px;
border-radius: 10px;
-moz-border-radius: 10px;}

.schatten1{
background-color: #8e8e8e;
border: 1px solid #959595;
margin: 0px;}

.schatten2 {
background-color: #aaa;
border: 1px solid #bebebe;
margin: 0;}

.schatten3 {
background-color: #d1d1d1;
border: 1px solid #e1e1e1;
margin: 0;}

.schatten4 {
background-color: #ededed;
border: 1px solid #f6f6f6;
margin: 0;}

ul#footer {
background:url(/mediabig/539A.gif) no-repeat;
height:60px;
padding:33px 0 0 35px;
left:-14px;
position:relative;
width:584px;
clear:both;
margin-top:10px;}

ul#footer li {
list-style-type:none;
display:inline;
font-size:0.8em;
color:#F60;}

.top {
position:relative;
left:-14px;
font-size:0.8em;
width:64px;}

#kontakt {
margin:20px 0 40px 40px;
clear:both;}

#kontakt fieldset, .suche fieldset {
border:none;
padding:15px 0;}

#kontakt legend {
color:#F60;
font-size:0.8em;
font-weight:bold;
margin-bottom:10px;}

#kontakt label {
clear:left;
display:block;
float:left;
font-size:0.9em;
line-height:1.45em;
margin-left:5px;
margin-right:5px;
margin-top:1px;
width:140px;}

#kontakt input, 
#kontakt textarea, 
#kontakt select {
border:1px solid #3599CD;
padding:2px;
margin-bottom:3px;}

.suche input {
border:1px solid #3599CD;
padding:2px;
font-size:0.9em;
margin-bottom:3px;
width:125px;}

.suche input.button {
width:auto;}

#kontakt input.button, .suche input.button {
background:#3599CD;
color:#fff;
border:none;
font-size:0.75em;
padding:2px;
cursor:pointer;}

.suche input.button {
font-size:0.9em;}

#kontakt.partnersuche input.button {
margin-top:15px;}

#kurventool h2 {
font-size:0.85em;
padding-left:50px;}

#kurventool table th, 
#kurventool table td {
text-align:center;
background:#F9F9F9;}

#kurventool table input.hinzu,
#kurventool input.submit {
background:#3599CD;
color:#fff;
border:none;
margin:10px;}

#kurventool table input.submit {
background:#F60;
color:#fff;
border:none;}


/*Seite empfehlen*/

#seiteempfehlen {
margin-top:20px;}

#seiteempfehlen fieldset {
border:none;}

#seiteempfehlen legend {
color:#F60;
font-weight:bold;
margin-bottom:10px;}

#seiteempfehlen label {
clear:left;
display:block;
float:left;
font-size:0.9em;
line-height:1.45em;
margin-left:5px;
margin-right:5px;
margin-top:1px;
width:140px;}

#seiteempfehlen textarea {
border:1px solid #3599CD;
padding:2px;}

#seiteempfehlen input {
border:1px solid #3599CD;
padding:2px;
font-size:0.9em;
margin-bottom:3px;
width:125px;}

#seiteempfehlen input.submit {
background:#3599CD;
color:#fff;
border:none;
padding:2px;
cursor:pointer;
width:auto;
margin-top:20px;
font-size:1em;}

.errortext {
font-weight:bold;
background:#F60;
color:#fff;
margin:10px 0;
padding-left:4px;}


.downloadlist {
margin-top:30px;}

#map {
width:517px;
height:400px;
z-index:-1;
border-bottom:5px solid #f9f9f9;
position:relative;
left:-20px;}

/*Slideshow*/
h1.headline_slideshow {
border-left:none;
text-transform:none;
padding-left:4px;}

h1.headline_slideshow a {
text-decoration:none;}

.bildnavi {
background:#fff;
border:1px solid #eee;}

.bildnavi a {
font-size:0.9em;}

#content .text .bildbereich h1 {
font-size:1em;}

