/* **** Datei _presets.css **** */

body {
	padding: 0px;  margin: 0px;
	font: 12px Arial, Helvetica, sans-serif; 
  	background:#FFFFFF;
	color: #000000; 
	text-align:center;
}

p {
  margin: 1em 0;
}

h1 {
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	padding: 5px 0;
}

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 5px 0;
}

h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 0;
}

h4 {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 5px 0;
}

img {	/* Whitespace-Bugfix */
	vertical-align:bottom;
	border:0;
}

form {	/* form-margin bugfix */
	margin:0;
}

div {		/* behebt Darstellungsprobleme */
	position:relative;
}

li {				/* behebt Darstellungsprobleme bei ol */
	display:list-item;
}

/* **** Datei _struktur.css **** */

#main {				/*seiten-Rahmen für zentrierte Darstellung*/
	width:974px;
	height:578px;
	margin:60px auto;
	text-align:left;
	background:white;
}

#content {
    position: absolute;
    top: 100px;
    left: 334px;
    width: 640px;
    height: 448px;
	background: #FFFFFF;
}

#inhalt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 640px;
    height: 448px;

}

#menu {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 330px;
    height: 448px;
}

#menu ul.submenu {
    padding-top: 225px;
    width: 108px;
    height: 160px;
}

#subsubmenu {
    position: absolute;
    top: 78px;
    left: 30px;
    width: 600px;
    height: 30px;
}

#navigation {
    position: absolute;
    top: 12px;
    left: 425px;
    width: 140px;
    height: 20px;
}

#navigation-zwei {
    position: absolute;
    top: 12px;
    left: 535px;
    width: 100px;
    height: 20px;
}

#copyright {
	position:absolute;
	top: 8px;
	left: 12px;
	width:100px;
	height:15px;
}

#logo-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 330px;
    height: 96px;
    background-color: #C0DCD4;
}

#top-wrap {
    position: absolute;
    top: 0px;
    left: 334px;
    width: 640px;
    height: 96px;
    background-color: #9C9D9F;
}

#bottom-area {
    position: absolute;
    top: 552px;
    left: 0px;
    width: 974px;
    height: 26px;
    background-color: #C0DCD4;
}

/* **** Datei formular.css **** */

#Kontaktformular {
}

#Kontaktformular input {
    border: 1px solid #9C9D9F;
    color: #9C9D9F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#Kontaktformular div {
	width:450px;
	padding-bottom: 3px;
}

span.label {
	display:block;
	float:left;
	width: 120px;
}

span.element {
}

span.elementonly {
	margin-left:60px;
}

span.elementonly input {
	background-color: #FFFFFF;
    color: #9C9D9F;
    font-family: Arial, Helvetica, sans-serif;
}

.error {
	color:red;
}

textarea {
	border: 1px solid #9C9D9F;
	width:250px;
	color: #9C9D9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* **** Datei inhalt.css **** */

.text {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #767677;/*#979899;*/
	overflow:visible;
}

.border {
	padding:15px 10px 10px 20px;
}

.ueberschrift {
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin: 0;
}

.startueberschrift {
	font: bold 32px/20px Arial, Helvetica, sans-serif;
	padding:5px 0;
}

#content a {
    color: #9C9D9F;
}

.mediumleft { margin: 0 5px 0 0;  padding: 0;  text-align:right;  float:left; display:block; }
.mediumright { margin: 0 0 0 5px;  padding: 0;  text-align:left;  float:right; display:block; }
.mediumcenter { margin: 0;  padding: 0; text-align:center; display:block; }
.mediumHintergrund { color:white;  background:gray; display:block; }
.mediumBeschriftung { font: normal 12px Arial, Helvetica, sans-serif;  text-align: left;  padding: 0 3px; }
.mediumCopyright { font: normal 12px Arial, Helvetica, sans-serif;  text-align: left;  font-style: italic;  padding: 0 3px; }

.teaserbild { float:left;  margin-right:5px; }

.linkunten {
	clear:both;
}

.linkunten a, .linkunten a:link, .linkunten a:active, .linkunten a:visited {
}

.linkunten a:hover {
}

.startinhalt {
    position: absolute;
    top: 250px;
    left: 40px;
}

#inhalt-bild {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 403px;
    height: 448px;
    background-color: #D8D9DA;/*#C5C6C8;*/
}

#inhalt-text {
    position: absolute;
    top: 0px;
    left: 407px;
    width: 203px;
    height: 423px;
/*    border-left: 4px solid #FFFFFF;*/
    background-color: #D8D9DA;/*#C5C6C8;*/
    overflow: auto;
}

#inhalt-text-breit {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 610px;
    height: 423px;
    background-color: #D8D9DA;/*#C5C6C8;*/
    overflow: auto;
}

#view-bild-wrap {
    position: absolute;
    top: 140px;
    left: 40px;
    background-color: #FFFFFF;
    padding: 4px;
}

#view-bild-wrap-startseite {
    position: absolute;
    top: 55px;
    left: 370px;
    background-color: #FFFFFF;
    padding: 4px;
}

.text-startseite {
    width: 320px;
    height: 330px;
    position: absolute;
    top: 100px;
    left: 50px;
}

.bildnavi {
    width: 345px;
    height: 100px;
    position: absolute;
    top: 20px;
    left: 40px;
}

.ueberschrift-startseite {
    width: 345px;
    height: 39px;
    position: absolute;
    top: 20px;
    left: 40px;
}

.navi-bild-wrap {
    display: block;
    float: left;
    width: 46px;
    height: 46px;
    background-color: #FFFFFF;
    margin-right: 4px;
    overflow:hidden;
}
.navi-bild-fill {
    background-color: #F5F6F6;
    margin: 4px;
    width: 38px;
    height: 38px;
}

.navi-bild-wrap img {
    /* padding: 4px; */

}

.view-bild {
    /* clip:rect(60px, 158px, 98px, 120px); */
    /*position:absolute;*/
    /*display: block;*/
    /*top: 0px;-56px;*/
    /*left: 0px;-116px;*/
}

.bildnavi-rahmen {
    cursor:pointer;
    display:block;
    margin: 4px;
    height: 38px;
    width: 38px;
    overflow: hidden;
}

.linie {

    height: 50px;
}

#arrow-up {
    position:absolute;
    top: 0px;
    left: 322px;
}

#arrow-down {
    position:absolute;
    top: 70px;
    left: 322px;
}

img.arrow {
    cursor: pointer;
}

/*Anfahrt tpl*/
.scroll {
    overflow: auto;
    height: 448px;
    width: 403px;
}

#google_map_wrap {
    padding: 4px;
    background-color: #FFFFFF;
    height: 380px;
    width: 285px;
    position: absolute;
    top:45px;
    left:30px;
}

#google_map {
    background-color: #FFFFFF;
    color: black;
    height: 380px;
    width: 285px;
}

#maps_suche label {
    width: 50px;
    display:block;
	float:left;
}

#maps_suche input {
    border: 1px solid #9C9D9F;
    color: #9C9D9F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#maps_suche div {
    width: 200px;
    margin-bottom: 3px;
}

#maps_suche input.submitbutton {
    width: 120px;
}

#maps_suche span.elementonly {
    margin-left:40px;
}

#maps_ergebnis {
    display: block;
}

#google_map_ueberschrift {
    position: absolute;
    top:25px;
    left:30px;
}

/* **** Datei menu.css **** */

#menu a {
	text-decoration:none;
}

ul.menu, ul.submenu, ul.subsubmenu {
	margin:0;
	padding:0;
}

ul.menu li, ul.submenu li, ul.subsubmenu li {		/* float:left clear:left gegen Whitespace Bug */
	list-style-type:none;
	display:inline;
	float:left;
}

ul.menu li.mainmenu {
    height: 448px;
}

/*menu*/
ul.menu li a {
	width: 108px;
	/*height: 58px;*/
	color: #FFFFFF;
	padding-top: 390px;
	font-size: 18px;
	text-align: center;
    display: block;
    font-weight: bold;
}

ul.menu li a.linkfarbe-menu-blanko {
    color: #878889;
    /*color: #FFFFFF;*/
}

ul.menu li.menutrenner {
    margin-right: 3px;
}


ul.menu li a.aktiv {
    padding-top: 5px;
    color: #69696A;/*#878889;*/
}

* html ul.menu li a.aktiv {
    margin-top: 5px;
    padding: 0px;
}

/*submenu */

/*ul.submenu li {
    float:left;
    display:list-item;
    list-style-image: url('../bilder/arrow_link.gif');
    list-style-type: none;
    list-style-position: inside;
}*/

ul.submenu li {
    background: url('../bilder/arrow_link.gif') 1px 3px no-repeat;

}

ul.submenu li a {
    /*display: block;*/
	width: 98px;
	/*height: 33px;*/
	color: #939394;/*#B2B2B4;*/
	padding: 0 0 10px 10px;
	font-size: 12px;
	text-align: left;
}

ul.submenu li a.aktiv {
    color: #69696A;/*#878889;*/
    padding-top: 0px;
}

* html ul.submenu li a.aktiv {
    margin: 0;
    padding: 0 0 10px 10px;
}

ul.submenu li a img {
    top: -3px;
    position: relative;
    left: 0px;
}

/*subsubmenu */
ul.subsubmenu li a{
    color: #DDDEE0;/*#C5C6C8;*/
    width:172px;
	white-space:nowrap;
	text-decoration: none;
}

ul.subsubmenu li a.aktiv {
    color: #FFFFFF;
}

ul.subsubmenu li {
    color: #DDDEE0;/*#C5C6C8;*/
    padding:0 4px 0 0;
}

/* **** Datei navigation.css **** */

#navigation a, #navigation-zwei a {
	text-decoration:none;
}

ul.navigation {
	margin:0;
	padding:0;
}

ul.navigation li {
	display:inline;
	list-style-type:none;
	padding:0 1px 0 0;
	color: #FFFFFF;
}

ul.navigation li a, ul.navigation li a:link, ul.navigation li a:active, ul.navigation li a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-right: 1px;
}

ul.navigation li a:hover, ul.navigation li a.aktiv:hover, ul.navigation li a.aktiv {
}

/* **** Datei style.css **** */

a  {
	text-decoration: underline;
	color:black;
}

a:hover {
}

#copyright a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}

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

.suche {
}

.suchfeld {
}

.breadcrumbs {
}

#logo-wrap img {
    padding-top: 2px;
}

/* **** Datei transparenz.css **** */

.alpha100 {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.alpha80 {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.alpha70 {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.alpha60 {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

.alpha50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.alpha30 {
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}