/*Stylesheet für  "Campingplatzwillkommen" */
* {padding: 0; margin: 0;}
html { overflow-y: scroll;}

body
{
background-color:#8c8c8c;
color: white;
font family: Verdana, Arial, Helvetica, sans serif;
font-size: medium; 
}

div#wrapper {
background: none;
position: relative;
color:blue;
background-color: white;
width: 1119px; /*feste Breite definieren*/
margin-top: 10px;
margin-right: auto;/*Abstand rechts automatisch*/
margin-bottom: 10px;
margin-left: auto; /*Abstand links automatisch*/


}

div# kopfbereich {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position:relative;/*positioniert,bleibt im Fluss*/
color: blue;
background-color: #ccffff;/*hell-blau*/
background-image: url(farbverlauf7.gif);

background-position: center;


padding-top: 10px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}


p#slogan	{
text-align: left;
position:absolute;
top:25px;
right:60px;
padding:5px 5px 5px 5px;
margin-bottom: 0;
}

div#navibereich{
text-align: left;
color: black;
background-color: #ccffcc;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 4px;
padding-left: 20px;
border-bottom: 1px solid #8c8c8c;
}


#navibereich ul {margin-bottom: 0; }
#navibereich li {
display: inline;
list-style-type: none;
margin: 0; 
}
#navibereich a {color:green;
background-color:#ffff;
padding: 4px 8px 4px 8px;
border: 1px solid #8c8c8c
}
#navibereich a:hover,
#navibereich a:focus {
	color:white;
	background-color: #0000ff;
	border-bottom-color: #000ff;
}
#navibereich a:active {
color: green;
background-color: white;
border-bottom-color: white;
}



div#langmenu{
text-align: right;
color: blue;
background-color: #ffffff;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 4px;
padding-left: 20px;

}


#langmenubereich ul {margin-bottom: 0; }
#langmenubereich li {
display: inline;
list-style-type: none;
margin: 0; 
}

}
#langmenu a {color:green;
background-color:#ffff;
padding: 4px 8px 4px 8px;
border: 1px solid #8c8c8c
}
#langmenubereich a:hover,
#langmenubereich a:focus {
	color:white;
	background-color: #0000ff;
	border-bottom-color: #000ff;
}
#langmenubereich a:active {
color: green;
background-color: white;
border-bottom-color: white;
}













div#textbereich	{
background-color: white;
color:blue;
padding-top: 20px;
padding-right: 280px;
padding-bottom: 20px;
padding-left: 260px;
}
#textbereich img{
box-shadow: 5px 5px 10px #888;
}
#textbereich h2  {
text-shadow: 1px 1px 2px #888;
}
#textbereich h5 {

text-shadow: 0px 0px 0px #ffffff;
}
div#sidebar {


position: absolute;
top: 490px;
right: 10px;
width: 200px;
background-color: #ccffcc;
padding: 10px;
border: 1px solid green;
border-radius: 10px;
margin: 10px;
margin-top: 0;
}
#sidebar img{
box-shadow: 5px 5px 10px #888;

}
div#sidebar1{


position: absolute;
top: 470px;
left: 5px;
width: 200px;
background-color: #ccffff;
color:green
font family: Verdana, Arial, Helvetica, sans serif;
font-size: small;

padding: 10px;
border: 1px solid green;
border-radius: 10px;
margin: 10px;
margin-top: 0;
}
#sidebar1 img{
box-shadow: 5px 5px 10px #888;
padding: 0;
border: 0;
}
div#table
 {
background-color: #white;

border-collapse: collapse;
border:none
}

thead {
background-color: #ccffcc;
}
tfoot {
background-color: #ccffcc;
}
td,th {
color: blue;
font-size: normal;
font-weight: bold;
vertical-align: top;
text-alingn: left;
padding: 1em 3em;
}

div#fussbereich{
background: white;
padding-top: 10px; /*unterhalb der Rahmenlinie*/
padding-right: 20px;
padding-bottom: 20px;
padding-left; 20px;
border-top: 1px solid #8c8c8c; /*Rahmenlinie oben*/
margin-top: 0px; /*oberhalb der Rahmenlinie*/
}
img#logo{
background-color: white;
color:black;
padding: 10px;
border: 10px solid #d9d9d9


}

h1{font-size: 150%; }
h2{font-size: 130%; }

address {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;
line-hight: 1.5%
}

a {
text-decoration: none;
}

a:link { color: #0000ff; }
a:visited { color: #cc66666; }
a:hover,
a:focus {
border-bottom: 1px solid #0000ff;
}
a:active {
color:white;
background-color: #00ffff;

}

div#textbereich a {
	border-bottom: 1px solid #0000ff;
}

div#textbereich a:hover;
div#textbereich a:focus {
	border-bottom: 1px solid #0000ff;
}

/*Abstand nach unten*/
h2,p,ul,ol {margin-bottom: 1em;}

/*verschachtelte Listen ohne Abstand*/
ul ul {margin-bottom: 0; }

/*Abstand von links*/
li {margin-left: 1em; }


form	{
background-color: #d9d9d9;
width: 370px; /*Breite des Formulars*/
padding: 20px;
border: 1px solid #8c8c8c8;
}

label	{/*Beschriftung auf eigener Zeile*/
display:block;
cursor: pointer; /*Mauszeiger wird zur Hand*/
}
input#besuchername,
input#besuchermail,
textarea {
width: 300px;
border: 1px solid #8c8c8c;
margin-bottom: 1em;
}

textarea {
	height: 12em;
}

input focus,
textarea:focus {
background-color: #ffeda0;
}

.bildlinks	{
display: inline;
float:left;
padding: 3px;
border: 0px solid #ccc;
margin-right: 5px;
margin-bottom: 10px;

}

.bildrechts	{
display: inline;
float: right;
padding: 3px;
border: 0px solid #ccc;
margin-right: 0px;
margin-bottom: 10px:

}


.clearing	{
clear: both;
}