/* --------------------------------------Body------------------------------------------ */ 
body, div, p, a, ul, table, td, img, form {
border: 0;
margin: 0;
padding: 0;
}

body {
cursor: default;
font-family: Trebuchet MS, Verdana, Arial, Helvetica;
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #E1E1E1;
background-image: url(../images/layout/bg.jpg);
background-repeat: repeat-x;
}


/* --------------------------------------Text------------------------------------------ */ 

a:link {
color: #83BCC0;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #83BCC0;
}

a:hover {
text-decoration: none;
color: #979583;
}

a:active {
text-decoration: none;
color: #CC6600;
}

h4 {
text-align: left;
font-size: 16px;
text-transform: uppercase;
color: #204D61;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

h4 a:link {
color: #83BCC0;
text-decoration: none;
}

h4 a:visited {
text-decoration: none;
color: #83BCC0;
}

h4 a:hover {
text-decoration: none;
color: #204D61;
background-color: #F8F4F3;
}

h4 a:active {
text-decoration: none;
color: #4597BA;
}

h3{
text-align: left;
font-size: 13px;
text-transform: uppercase;
color: #909090;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

h2{
text-align: left;
font-size: 11px;
text-transform: uppercase;
color: #E2AE22;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

h1{
text-align: left;
font-size: 14px;
text-transform: uppercase;
color: #544D3B;
margin: 40px 0px 3px 0px;
letter-spacing: 1px;
}

.floatright{
float: right;
margin: 5px 0px 0px 15px;
background-color: #000000;
}

.floatleft{
float: left;
margin: 5px 15px 5px 0px;
}

/* --------------------------------------Wrapper------------------------------------------ */ 

#wrapper1 {
margin: 0px auto;
width: 800px;
height: 150px;
}

#wrapper2 {
margin: 0px auto;
width: 800px;
height: 250px;
}


#wrapper3 {
margin: 0px auto;
width: 800px;
}


#wrapper4 {
margin: 0px auto;
width: 800px;
height: 20px;
}

/* Overheader Styles */

#overheader{
padding: 0px 0px 0px 0px;
width: 800px;
height: 150px;
clear: both;
}

#overheaderlinks{
float: left;
text-align: left;
width: 600px;
height: 150px;
padding: 0px 0px 0px 0px;
}

#overheaderrechts{
float: left;
text-align: left;
width: 200px;
height: 120px;
padding: 30px 0px 0px 0px;
font-size: 0.80em;
color: #999999;
}

/* --------------------------------------Header mit Menü-------------------------------- */ 
#headerlinks{
float: left;
text-align: left;
width: 600px;
height: 250px;
padding: 0px 0px 0px 0px;
}

#headerrechts{
float: left;
width: 200px;
height: 250px;
background-color: #009999;
padding: 0px 0px 0px 0px;
}


#menu{
width: 600px;
height: 150px;
padding: 0px 0px 0px 0px;
}

#headline{
width: 600px;
padding: 0px 0px 0px 0px;
}


#bild {
float: left;
width: 200px;
height: 250px;
}

/* --------------------------------------Navbar oben-------------------------- */ 

#navbar ul {
margin: 0;
padding: 0;
list-style: none;
}

#navbar li {
float: left;
list-style: none;
display: block;

}

#navbar a {
float: left;
overflow: hidden;
color: #ffffff;
font-size: 16px;
font-weight: bold;
width: 119px;
height: 84px;
padding: 67px 0px 0px 0px;
text-transform:uppercase;
text-align: center;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Arial, Helvetica;
border-left: 1px solid #57DBD0;
}

#navbar a:hover {
float: left; 
color:#FFFFFF;
background-color: #30A59B;
}

#navbar a.active {
float: left;
color: #ffffff;
background-color: #30A59B;
}


/* --------------------------------------Content------------------------------------------ */ 

#content{
width: 800px;
color: #333333;
margin: 0px auto;
}

#contentlinks{
float:left;
width: 599px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
border-right: 1px dotted #C5C19B;
}


#inhalt{
float:left;
text-align: left;
font-size: 0.81em;
width: 540px;
padding: 0px 50px 0px 0px;
}

#contentrechts{
float: left;
text-align: left;
width: 200px;
padding: 0px 0px 0px 0px;
font-size: 0.81em;
}

#buggy {
margin: 0px auto;
width: 800px;
min-height: 1px;
clear: both;
}


#adresse{
float:left;
width: 150px;
padding: 15px 25px 15px 20px;
}

.rowdisko{
width: 600px;
height: 125px;
padding: 10px 0px 10px 0px;
}

.rowleft{
float: left;
width: 125px;
height: 125px;
padding: 0px 0px 0px 0px;
}

.rowright{
float: right;
width: 430px;
height: 125px;
padding: 0px 0px 0px 0px;
}

.bildertext{
margin: 0px 0px 10px 0px;
border: 1px solid #998F77;
}

.bildertext:hover{
margin: 0px 0px 10px 0px;
border: 1px solid #998F77;
}
