body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-image:url(verlauf.jpg);
background-repeat:repeat-x;


text-align: center;
}

a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #fff;
background: #635B50;
text-decoration: none;
}
a img {
border: 0 none;

}


#ohnespalte h1 {
margin-right: 200px;
}

h1 { 
font: 17px Tahoma, Arial, Helvetica, sans-serif; 
margin: 5px 5px 5px 5px; 

clear: left;
padding-right: 10px;
}
h2 { 
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;  
padding: 5px 0;
color: #000000;
background: transparent;
margin: 0.5em 0; 
}
h3, h4 { 
font: 1.4em Tahoma, Arial, Helvetica, sans-serif; ; 
color: #F4F5F0;
background: #cecabf;
padding: 2px 5px;
margin: 0.5em 0;
}
h4 { 
font-style: italic; 
}
h5, h6 { 
font-size: 1.2em; 
margin: 0.5em 0;
}
h6 { 
font-style: italic; 
}
hr {
margin: 0 0 10px 0;
color: #486fb8;
}

input, textarea, p, a, th, td, blockquote, li, label {
font-size: 0.80em;
}
li h3, li p, li a, p a, td a, td p, td h2, td h3, td h4, td h5 {
font-size: 100%;
}

#overDiv {
display: none;
}

#testinfo {
display: none;
}

#banner {
display: none;
}

#schnellsuche {
position: absolute;
top: 62px;
left: 24px;
}
#schnellsuche a {
display: block;
text-decoration: none;
font-weight: bold;
line-height: 22px;
padding-left: 30px;
color: #2d2822;

}
#schnellsuche a:hover {
color: #e9e5d9;

}

#alles {
position: relative;
width: 986px;
margin: 0 auto;
background-color:#FFFFFF;
text-align: left;
min-height: 400px;

}
#alles p.footer {
background: transparent; 
margin: 30px 215px 20px 185px;
padding-top: 2px;
border-top: 1px solid #4C4638;
}
#alles .footer a {
text-decoration: none;
}
#alles .footer a:link, 
#alles .footer a:visited {
color: #4C4638;
background: transparent;
}
#alles .footer a:hover, 
#alles .footer a:active,
#alles .footer a:focus {
color: #c51225;
background: #4C4638;
}

#logo {
position: absolute;
top: 30px;
left: -2000em;
}
#navoben {
position: absolute;
top: 22px;
left: 291px;
width: 630px;
list-style-type: none;
z-index: 5;
}
#navoben li {
display: inline;
}
#navoben a {
display: block;
float: left;
color: #ffffff;
padding: 2px 7px 2px 7px;
text-decoration: none;
size: 13px;
}
#navoben a:hover {
color: #ffffff;
background: transparent;
border-bottom: 3px solid #ffffff;
}
#navoben a.akt {
color: #c51225;
}
#topnavi {
position: absolute;
top: 65px;
left: 840px;
list-style: none;
z-index: 10;
}
#topnavi li {
display: inline;
}
#topnavi a {
display: block;
text-decoration: none;
padding: 5px 10px;

}
#topnavi a:link, 
#topnavi a:visited {
color: #ffffff;
background: transparent;
border-bottom: 2px solid transparent;
}
#topnavi a:hover, 
#topnavi a:active,
#topnavi a:focus {
color: #e9e5d9;
background: transparent;
border-bottom: 2px solid #ffffff;
}
#topnavi a.akt:link, 
#topnavi a.akt:visited {
font-weight: bold;
color: #fff;
background: transparent;
border-bottom-color: #ffffff;
}

#header {
display: block;
width: 986px;
height: 220px;
padding-top: 8px;

}
#main {
width: 821px;
margin: 0 0 0 165px;

padding-top: 30px;
}

#rechtespalte {
float: right;
visibility: visible;
width: 175px;

}
#rechtespalte h2 {
color: #c51225;
background: transparent;
padding: 0;
margin: 10px 0 0 0;
}
#rechtespalte .news {
border: 1px solid #a7ad00;
margin: 10px 0 15px 0;
}
#rechtespalte h3 {
margin-top: 0;
border-width: 0 0 1px 0;
}
#rechtespalte p {
margin: 10px 5px;
font-size: 70%;
}
#rechtespalte p.datum {
margin: 10px 0 2px 0;
}
#rechtespalte a {
font-weight: bold;
color: #898c00;
}
#rechtespalte a:hover {
color: #fff;
background: #a7ad00;
}
#inhalt {
width: 610px;
padding: 0 0 0 20px;
margin-right: 175px;
}
#inhalt .teaser {
color: #fff;
font-weight: bold;
text-align: left;
}

#inhalt .subnav, 
#inhalt .navsubsub { 
display: block;
margin: 0 0 20px -5px;
padding: 0;
list-style: none;
width: 600px;
clear: left;
text-align: right;
}
#inhalt .navsubsub { 
margin-left: 1px;
}
#inhalt .subnav li, 
#inhalt .navsubsub li {
display: inline;
padding: 0;
}
#inhalt .subnav a, 
#inhalt .navsubsub a {
display: block;
float: left;
text-decoration: none;
margin: 2px 0;
padding: 0 5px;
font-weight: normal;
line-height: normal;
padding-left: 16px;

}
#inhalt .subnav span {
padding: 0 3px;
display: block;
float: left;
margin: 2px 0;
}
#inhalt .subnav a:hover, 
#inhalt .navsubsub a:hover {
color: #a7ad00;
}
#inhalt .subnav a.akt, 
#inhalt .navsubsub a.akt {
font-weight: bold;
}




/* Linke Hauptnavigation */



#navlinks {
position: absolute;
top: 260px;
width: 150px;
left: 3px;
z-index: 5;
}



#layout1 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color:#3399CC;
}

#layout1 h1,
#layout2 h1,
#layout3 h1,
#layout4 h1,
#layout5 h1,
#layout6 h1,
#layout7 h1 {
font: Tahoma, Arial, Helvetica, sans-serif; 

color: #000000;
clear: left;
size: 14px;
padding-right: 10px;
}

#navi1,
#navi2,
#navi3,
#navi4,
#navi5,
#navi6,
#navi7 {
	position: relative;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
}



#navi1 a,
#navi2 a,
#navi3 a,
#navi4 a,
#navi5 a,
#navi6 a,
#navi7 a{
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	color:#000000;
	background-color:#ffffff;
}

#navi1 a:hover{
	background-color: #3399CC;
	color:#ffffff;
}

#navi1 ul ul li,
#navi2 ul ul li,
#navi3 ul ul li,
#navi4 ul ul li,
#navi5 ul ul li,
#navi6 ul ul li,
#navi7 ul ul li { margin: 0px;
	padding: 0px; }

#navi1 ul ul a,
#navi2 ul ul a,
#navi3 ul ul a,
#navi4 ul ul a,
#navi5 ul ul a,
#navi6 ul ul a,
#navi7 ul ul a
{
display: block;
padding: 2px 0px 2px 30px;

color:#000000;
background-color:#ffffff;
text-decoration: none;
}

#navi1 ul ul a:hover
{
background-color: #3399CC;
text-decoration: none;
color:#ffffff;
}


#layout2 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #CC6600;
}


#navi2 a:hover{
	background-color: #CC6600;
	color:#ffffff;
}


#navi2 ul ul a:hover
{
background-color: #CC6600;
text-decoration: none;
color:#ffffff;
}

#layout3 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #CC3399;
}

#navi3 a:hover{
	background-color: #CC3399;
	color:#ffffff;
}


#navi3 ul ul a:hover
{
background-color: #CC3399;
text-decoration: none;
color:#ffffff;
}

#layout4 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #FF3300;
}

#navi4 a:hover{
	background-color: #FF3300;
	color:#ffffff;
}


#navi4 ul ul a:hover
{
background-color: #FF3300;
text-decoration: none;
color:#ffffff;
}

#layout5 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #9933FF;
}

#navi5 a:hover{
	background-color: #9933FF;
	color:#ffffff;
}


#navi5 ul ul a:hover
{
background-color: #9933FF;
text-decoration: none;
color:#ffffff;
}

#layout6 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #33CC00;
}

#navi6 a:hover{
	background-color: #33CC00;
	color:#ffffff;
}


#navi6 ul ul a:hover
{
background-color: #33CC00;
text-decoration: none;
color:#ffffff;
}

#layout7 {
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #FFFFA6;
}

#navi7 a:hover{
	background-color: #FFFFA6;
	color:#ffffff;
}


#navi7 ul ul a:hover
{
background-color: #FFFFA6;
text-decoration: none;
color:#ffffff;
}

#login {
position: absolute;
top: -6px;
left: 173px;
width: 178px;
border: 3px solid #635b50;
padding: 5px 0;
margin: 0 0 5px 0;
text-align: center;
}
#login fieldset {
border: 0 none;
}
#login label {
display: block;
width: 180px;
padding: 2px 0;
font-size: 70%;
}
#login input {
width: 110px;
border: 1px solid #cecabf;
color: #fff;
background: #635b50;
padding: 1px 2px;
margin: 0;
}
#login input.submit {
padding: 0;
margin: 5px 0;
color: #2d2822; 
width: auto;
background: #a19489; 
border-color:#c5c0aa;
}
#login p {
width: 180px;
text-align: center;
font-size: 70%;
margin: 0;
padding: 3px 0 0 0;
}
#login a {
display: inline;
font-weight: normal;
border-top: 0 none;
line-height: 130%;
color: #cecabf;
}
#login p a:hover {
background: transparent;
color: #fff;
}
#login a img {
vertical-align: bottom;
}

#inhalt a.linkicon {
padding-left: 15px;

}
#inhalt a.linkicon:hover {
padding-left: 15px;
color: #898c00;

}


/* contentgestaltung admin-bereich */

#inhalt ul, #inhalt ol {
margin: 10px 10px 15px 20px;
}
#inhalt li {
padding: 3px 0;
}
#inhalt form {
margin: 5px 0 5px 0;
}

#inhalt li h2 {
color: #c51225;
background: transparent;
margin: 0;
padding: 0 0 5px 0;
}
#inhalt li h3 {
color: #a7ad00;
background: transparent;
border: 0 none;
padding: 0;
}
#inhalt li p {
padding: 5px 0;
margin: 0;
}

#inhalt form table {
margin-right: 0;
}
#inhalt a {
text-decoration: none;
color:#000000;
}
#inhalt a:hover {
text-decoration: none;
color: #0099FF;
}
#inhalt input.submit {
padding: 2px 10px;
border-width: 1px 2px 2px 1px;
}
#inhalt input.submitabstand {
padding: 2px 10px;
border-width: 1px 2px 2px 1px;
margin: 2px 0;
}

#inhalt input.submitrechts {
padding: 2px 10px;
margin: 10px 0 20px 0;
border-width: 1px 2px 2px 1px;
}


/* eigene seiten */

#inhalt .angebot1 {
list-style: none;
margin: 15px 0;
padding: 0;
}
#inhalt .angebot1 li {
position: relative;
display: block;
width: 203px;
float: left;
}
#inhalt li .header h3 {
color: #2D2822;
margin: 0 10px;
font-size: 110%;
font-weight: bold;
}
#inhalt .header p {
margin: 10px 10px 0 10px;
font-size: 90%;
color: #f4f5f0;
background: transparent;
}
.header {
background: transparent; 
margin: 0 15px 0 0;
}

.header .xtop, 
.header .xbottom {
display: block; 
background: transparent;
font-size: 1px;
}
.header .xb1, .header .xb2, .header .xb3, .header .xb4 {
display: block; 
overflow: hidden;
}
.header .xb1, .header .xb2, .header .xb3 {
height: 1px;
}
.header .xb2, 
.header .xb3, 
.header .xb4 {
background: #a19489; 
border-left: 1px solid #cecabf; 
border-right: 1px solid #cecabf;
}
.header .xb1 {
margin: 0 5px; 
background: #cecabf;
}
.header .xb2 {
margin: 0 3px; 
border-width: 0 2px;
}
.header .xb3 {
margin: 0 2px;
}
.header .xb4 {
height: 2px;
margin: 0 1px;
}
.header .xboxcontent {
display: block; 
background: #a19489; 
border: 0 solid #cecabf; 
border-width: 0 1px;
min-height: 15em;
}


/* quernavigation */
#navcontainer
{

padding: 0 0 0 0px;
margin-left: 8px;
margin-right: 8px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, .subnav A:active { color: #444; }
#subnav A.active:link, .subnav A.active:visited { color: #444; }
#subnav BR, .navcontainer BR { clear: both; }







#inhalt #standorte {
position: relative;
margin: 0;
list-style: none;
width: 590px;
height: 20em;
background: transparent url(strand-mallorca.jpg) 300px 0 no-repeat;
}
#s1 a, #s2 a, #s3 a, #s4 a, #s5 a, #s6 a, #s7 a, #s8 a, #s9 a, #s10 a{
position: absolute;
font-size: 120%;
left: -4px;
color:#000000;
}

#s1 a:hover, #s2 a:hover, #s3 a:hover, #s4 a:hover, #s5 a:hover, #s6 a:hover, #s7 a:hover, #s8 a:hover, #s9 a:hover, #s10 a:hover{
position: absolute;
font-size: 120%;
left: -4px;
color:#000000;
background-color: #F0F0F0;
}
/* Position der Städtenamen Links */
#s1 a {
top: 0;
}
#s2 a {
top: 19px;
}
#s3 a {
top: 40px;
}
#s4 a {
top: 60px;
}
#s5 a {
top: 80px;
}
#s6 a {
top: 100px;
}
#s7 a {
top: 120px;
}
#s8 a {
top: 140px;
}

#s9 a {
top: 160px;
}

#s10 a {
top: 180px;
}
/* die Blöcke auf dem Bild */
#s1 a .dot, #s2 a .dot, #s3 a .dot, #s4 a .dot, #s5 a .dot, #s6 a .dot, #s7 a .dot, #s8 a .dot, #s9 a .dot, #s10 a .dot{
position: absolute;
display: block;
width: 8px;
height: 8px;
line-height: 8px;
font-size: 8px;
border: 1px solid #9c8861;
color: #000000;
background: #000000; 
}
#s1 a:hover .dot, #s2 a:hover .dot, #s3 a:hover .dot, #s4 a:hover .dot, #s5 a:hover .dot, #s6 a:hover .dot, #s7 a:hover .dot, #s8 a:hover .dot, #s9 a:hover .dot, #s10 a:hover .dot{
background: #FF0000;
}

/* Position der Blöcke auf dem Bild */
#s1 a .dot {
top: 64px;
left: 485px;
}
#s2 a .dot {
top: 44px;
left: 388px;
}
#s3 a .dot {
top: 80px;
left: 440px;
}
#s4 a .dot {
top: 82px;
left: 561px;
}
#s5 a .dot {
top: 60px;
left: 576px;
}

#s6 a .dot {
top: 62px;
left: 340px;
}

#s7 a .dot {
top: 27px;
left: 400px;
}

#s8 a .dot {
top: 65px;
left: 466px;
}

#s9 a .dot {
top: 54px;
left: 490px;
}

#s10 a .dot {
top: 17px;
left: 518px;
}

#s1 a .s1, #s2 a .s2, #s3 a .s3, #s4 a .s4, #s5 a .s5, #s6 a .s6, #s7 a .s7, #s8 a .s8, #s9 a .s9, #s10 a .s10 {
position: absolute;
left: -999em;
width: 400px;
font-size: 100%;
color: #000000C;
background-color:#FFFFFF;
}
#s1 a:hover .s1 {
position: absolute;
top: 240px;
left: 5px;
}
#s2 a:hover .s2 {
top: 220px;
left: 5px;
}
#s3 a:hover .s3 {
top: 200px;
left: 5px;
}
#s4 a:hover .s4 {
top: 180px;
left: 5px;
}
#s5 a:hover .s5 {
top: 160px;
left: 5px;
}

#s6 a:hover .s6 {
top: 140px;
left: 5px;
}

#s7 a:hover .s7 {
top: 120px;
left: 5px;
}

#s8 a:hover .s8 {
top: 100px;
left: 5px;
}

#s9 a:hover .s9 {
top: 80px;
left: 5px;
}

#s10 a:hover .s10 {
top: 60px;
left: 5px;
}

#s1 a .s1 img, #s2 a .s2 img, #s3 a .s3 img, #s4 a .s4 img, #s5 a .s5 img, #s6 a .s6 img, #s7 a .s7 img, #s8 a .s8 img, #s9 a .s9 img, #s10 a .s10 img{
float: left;
margin: 0 15px 5px 0;
}


/* News auf der Startseite */

#inhalt .angebot2 {
list-style: none;
margin: 15px 0;
padding: 0;
}
#inhalt .angebot2 li {
position: relative;
display: block;
width: 400px;
float: left;
}
#inhalt li .header h3 {
color: #2D2822;
margin: 0 10px;
font-size: 110%;
font-weight: bold;
}
#inhalt .header p {
margin: 10px 10px 0 10px;
font-size: 90%;
color: #2D2822;
background: transparent;
}
.header {
background: transparent; 
margin: 0 15px 0 0;
}

.header .xtop, 
.header .xbottom {
display: block; 
background: transparent;
font-size: 1px;
}
.header .xb1, .header .xb12, .header .xb13, .header .xb14 {
display: block; 
overflow: hidden;
}
.header .xb1, .header .xb12, .header .xb13 {
height: 1px;
}
.header .xb12, 
.header .xb13, 
.header .xb14 {
background: #FFFFCC; 
border-left: 1px solid #cecabf; 
border-right: 1px solid #cecabf;
}
.header .xb1 {
margin: 0 5px; 
background: #cecabf;
}
.header .xb12 {
margin: 0 3px; 
border-width: 0 2px;
}
.header .xb13 {
margin: 0 2px;
}
.header .xb14 {
height: 2px;
margin: 0 1px;
}
.header .xboxcontent2 {
display: block; 
background: #FFFFCC;
border: 0 solid #cecabf; 
border-width: 0 1px;

}