/*  body und schrift definition */

*{
padding: 0; margin: 0;
}

html {
min-height : 101%;
}

body {
background-color: #2a6699; 
font-size: 100%;
font-family: Georgia, Serif;
line-height: 1.4em;
color: #564b47; 
color: #2a6699;
color: #3d3232;
margin-right: auto;
margin-left:auto;
text-align: center;
}

#wrapper {
position: relative; 	
text-align: left;
vertical-align: middle;	
margin: auto;
padding: 0;
width: 918px;
background-color: #b8e3eb; 
border: solid 2px #ff00cc;
}


#kopf {
background-color: #baf4f4;
background-image:  url(img/hg.jpg);
background-repeat: no-repeat;
background-position: top right;
border-bottom: solid 2px #ff00cc;
height:208px;
padding-left: 70px;
margin:0;
width: 848px;
}

#kopf h1{
background-color: transparent;
color : #ff00cc;
border:0;
text-transform: none;
font-weight: normal;
font-size: 1.7em;
padding:0;
padding-top: 20px;
margin:0;
}

	
#inhalt {
position: relative; 
top: -50px;
z-index:2;
padding-top:0px;
padding-right:0;
padding-bottom: 0;
padding-left: 0;
min-height: 250px;
line-height: 1.5em;
font-size: 0.9em;
width: 834px;
margin-right: 41px;
margin-left: 41px;
font-family: Aial, sans-serif;
text-align: center;
}


p {
margin: 0; 
margin-bottom: 1em;
padding: 0; 
}

p img a {border:0;}

p a img {
border: 0;}

h1 {
font-weight: normal;
margin-bottom: 0.5em;
}

h2{
font-size: 1.8em;
text-align: left;
padding:0;
color: #FF00cc;
font-weight: normal;
margin:0;
margin-top: 12px;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active {
font-size: 160%;
color: #ffbc00;
text-decoration: none;
padding-right: 10px;
font-weight: bold;
}

h2 a:hover, h2 a:focus, h2 a:active {
color: #ff00cc;
}

h2 span {
color: #ff00cc;
font-size: 72%;
}

h3 {
font-size: 1.05em;
text-align: left;
padding-top:0;
padding-bottom:0;
padding-left:0;
margin-right: 0;
color: #ff00cc;
font-weight: normal;
display:inline;
}

h4 {
font-size: 1em;
text-align: left;
padding-top:1em;
padding-bottom:0;
padding-left:0;
margin-top: 1em;
border-top: dotted 1px #A6A696;
}

h4 img{
padding-top:8px;
position: absolute;
right:-35px;
z-index:100;
overflow:visible;
}

h5 {
text-align: left;
padding-top:0;
padding-bottom:2px;
padding-left:10px;
color: #433333;
}

h6 {
letter-spacing:1px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
text-align: left;
color: #A6A696;
}


h6 a:link, h6 a:visited, h6 a:focus, h6 a:hover, h6 a:active{
text-decoration: none;
text-transform: uppercase;
letter-spacing:1px;
text-align: left;
color: #124a6d;
}


h6 a:hover, h6 a:focus {
color: #A6A696; 
letter-spacing:1px;
}



p a:link, p a:visited, p a:focus, p a:hover, p a:active,
#inhalt li a:link, #inhalt li a:visited, #inhalt li a:focus, #inhalt li a:hover, #inhalt li a:active { 
color: #3d3232;
font-weight: normal;
text-decoration: none; 
padding:0;
padding-right: 2px;
padding-left:2px;
border: solid 1px #b8e3eb;
border-bottom: solid 1px #ffbc00;
}

p a:hover, p a:focus,p a:active, #inhalt li a:hover, #inhalt li a:focus, #inhalt li a:active {
color: #3d3232;
text-decoration: none; 
background-color: white;
border: solid 1px #ffbc00;
}

 

/*  ----------------------------------
skips
---------------------------------------*/
.skiplink {
display: none; }

.skipstart {
color: white;
text-align:left;
}
.skipstart a {
color: white;
}

.skipstart img{
color:black;
text-align:left;
border:0;
padding:0;
padding-right:5px;
}




/*  Fusszeile */


p#copy {
padding-top: 1.5em;
padding-bottom: 1.5em;
text-align: center;
font-style: normal;
color: white;
}

/*  Spalten ----------------------------------------------------*/

#spalte1, #spalte2, #spalte3 {
float:left;
width: 266px;
margin:0;
padding:0;
margin-right: 16px;
min-height: 390px;
}


#spalte1 img, #spalte2 img, #spalte3 img {
border: solid 2px #ff00cc;
padding:0;
margin:0;
width: 266px;
}

#spalte3 {
margin-right:0;
padding:0;
}

#spalte1 p, #spalte2 p, #spalte3 p{
margin:0;
padding:0;
}


#spaltebreit {
clear:both;
display:block;
padding:0;
margin:0;
text-align: left;
line-height: 1.5em;
width: 774px;
padding-top: 1em;
margin-right: auto;
margin-left: auto;
}

#spaltebreit h3, #spalte1 h3, #spalte2 h3, #spalte3 h3 {
padding:0;
font-family: Georgia;
margin:0;
font-weight: normal;
font-style: italic;
display:inline;
width: 300px;
}

h3 strong, p strong{
font-weight: bold;
}

#spaltebreit h4 {
clear:both;
}

#spaltebreit p {
padding:0;
margin:0;
margin-bottom: 1em;
}

#spaltebreit p.clear {
clear:right;
padding:0;
margin:0;
height: 12px;
}

#spaltebreit img {
position: relative;
left: 30px;
top:-8px;
border:solid 2px #ff00cc;
margin:0;
padding: 0;
}

#querformate img {
position: relative;
left: 26px;
width: 266px;
margin-top:0;
margin-bottom: 7px;
}

#querformate{
width:266px;
float:right;
}


#spaltebreit a:link, #spaltebreit a:visited {
color:#564b47;  
}

#spaltebreit ul {
margin-top: 0;
margin-bottom: 1em;
}

#spaltebreit ul li {
margin-left: 0;
list-style-position: inside;
}

hr {
clear: both;
color: white;
background-color: #dddddd;
height: 1px;
}

#sprache {
font-family: Arial, sans-serif;
text-align: right;
color: white;
margin:0;
margin-right: auto;
margin-left: auto;
width:918px;
padding: 2px;
border-right:0;
font-size: 0.75em;
line-height: 1.5em;
background-color: transparent;
font-weight: bold;
}

#sprache li {
list-style-type:none;
display:inline;
padding-right: 10px;
}

#sprache ul {
margin-right: 60px;
}

#sprache li a:link, #sprache li a:visited, #sprache li a:hover, #sprache li a:focus, #sprache li a:active {
color:white;
text-decoration: none;
}

#sprache li a:hover, #sprache li a:focus, #sprache li a:active {
color:#baf4f4;
}

/*  ----------------------------------
Formulare
---------------------------------------*/
#EmailForm fieldset {
border:0;
width: 200px;
}

#EmailForm .text {
background-color: #baf4f4;
border-right:0;
width: 200px;
}

#EmailForm #cfMessage {
width: 200px;
background-color: #baf4f4;
}

/*  ----------------------------------
EINZELNE SEITENEINSTELLUNGEN
---------------------------------------*/
.seite48 #spalte1, .seite48 #spalte2, .seite48 #spalte3,
.seite51 #spalte1, .seite51 #spalte2, .seite51 #spalte3, 
.seite56 #spalte1, .seite56 #spalte2, .seite56 #spalte3, 
.seite76 #spalte1, .seite76 #spalte2, .seite76 #spalte3,
.seite77 #spalte1, .seite77 #spalte2, .seite77 #spalte3,
.seite78 #spalte1, .seite78 #spalte2, .seite78 #spalte3, 
.seite46 #spalte1, .seite46 #spalte2, .seite46 #spalte3,
.seite83 #spalte1, .seite83 #spalte2, .seite83 #spalte3,
.seite86 #spalte1, .seite86 #spalte2, .seite86 #spalte3{
float:left;
width: 266px;
padding:0;
padding-bottom:2em;
min-height: 200px;
}

.seite1 #spaltebreit a:link, .seite1 #spaltebreit a:visited {
text-decoration: none;
font-weight: bold;
}

.seite1 #spaltebreit a:hover, .seite1 #spaltebreit a:focus, .seite1 #spaltebreit a:active {
text-decoration: none;
color: #ff00cc;
}

.seite56 #navi li li.active,
.seite78 #navi li li.active,
.seite77 #navi li li {
border:0;
}

/*  ----------------------------------
Ferienhausseite
---------------------------------------*/

#spalte1 a:link, #spalte1 a:visited, #spalte1 a:hover, #spalte1 a:focus, #spalte1 a:active {
text-decoration: none;
color: #ff00cc;
font-size: 1.2em;
width: 266px;
height: 460px;
}

#spalte2 a:link, #spalte2 a:visited, #spalte2 a:hover, #spalte2 a:focus, #spalte2 a:active {
text-decoration: none;
color: #ff00cc;
font-size: 1.2em;
width: 266px;
height: 460px;
}

#spalte3 a:link, #spalte3 a:visited, #spalte3 a:hover, #spalte3 a:focus, #spalte3 a:active {
text-decoration: none;
color: #ff00cc;
font-size: 1.2em;
width: 266px;
height: 460px;
}

#spalte1 a:hover, #spalte1 a:focus, #spalte1 a:active,
#spalte2 a:hover, #spalte2 a:focus, #spalte2 a:active,
#spalte3 a:hover, #spalte3 a:focus, #spalte3 a:active
{
text-decoration: none;
color: #3d3232;
}

#spalte1 a:hover img , #spalte1 a:focus img, #spalte1 a:active img,
#spalte2 a:hover img , #spalte2 a:focus img, #spalte2 a:active img,
#spalte3 a:hover img , #spalte3 a:focus img, #spalte3 a:active img,
#spaltebreit a:hover img , #spaltebreit a:focus img, #spaltebreit a:active img {
border: solid 2px #3d3232;
}

#spalte1 span, #spalte2 span, #spalte3 span{
display:block;
text-align: center;
color: #3d3232;
font-size:80%;
}

#spalte1 h3, #spalte2 h3, #spalte3 h3 {
display: block;
width: 266px;
text-align: center;
}

#spalte1 img, #spalte2 img, #spalte3 img {
display:block;
width: 266px;
margin-bottom: 0.5em;
}


/*  ----------------------------------
Bilder UNTEN
---------------------------------------*/

#unten {
clear:both;
width: 900px;
position: relative;
left: -60px;
top:-12px;
}

#unten img {
width: 266px;
margin-right: 12px;
padding:0;
}

#spaltebreit .managecontainer {
width: 100%;
}

/*  ----------------------------------
BilderGALERIE
---------------------------------------*/
#galeria{
position: relative;
left: -60px;
top: -22px;
min-height: 400px;
}

#galeria form input{
position: relative;
left: 100px;
top: -20px;
margin:0;
padding:0;
}

#galeria img {
padding:0;
margin:0;
margin-right: 7px;
margin-bottom:5px;
}

#galeria p{
clear:both;
margin-left: 64px;
padding:0;
}

.thumbs div{
display:inline;
}

.thumbs div p{
display:none;
}

.thumbscontainer {
width: 870px;
}

#galeria .managepicture a img {
position: relative;
top:0;
left:0;
padding:0;
margin:0;
}
.shortfields input {
display:block;
}

/*  ----------------------------------
Klimatabelle
---------------------------------------*/

table {
border: solid 1px white;
font-size: 80%;
background-color: #baf4f4;
margin-top: 1.4em;
margin-bottom: 1.4em;
}

p.kuzinfo {
border: solid 1px white;
font-weight: bold;
background-color: #baf4f4;
width: 350px;
padding: 2px;

}