/***********************************************/
/*** schwimmbad-alzey.de		             ***/
/*** BASIC CSS                               ***/
/***********************************************/


/***********************************************
     BASIC SETTINGS
***********************************************/

body {
     overflow : auto;
     margin : 0;
     text-align : left;
     font : 85% Verdana, sans-serif;
     color : #000000;
	 line-height : 160%;
     background-color : #e6e9ed;
}

img {
     border : 0 none;
}

img a {
     border : 0 none;
}

ul, li {
	list-style-type: none;
	display : block;
    margin: 0px;
    padding: 0px;
}

#footer ul, #footer li {
    font : 95% Verdana, sans-serif;
	list-style-type: none;
    display : inline;
	float : right;
	font-weight : normal;
}

#contents ul {
	display : block;
	list-style-type: disc;
	font-style : italic;
	margin-top : 20px;
}

#contents li {
	display : block;
	list-style-type: disc;
	font-weight : bold;
}

/***********************************************
     LAYOUT SETTINGS
***********************************************/

#container {
     position : absolute;
     left : 50%;
     margin-left : -490px;
	 margin-top : 20px;
     width : 980px;
     text-align : left;
	 background-color : #ffffff;
}

#header {
     width : 980px;
	 height : 120px;
     float : left;
	 border-bottom : 10px solid #009dd5;
}

#navigation {
     float : left;
	 margin-top : 35px;
}

#startseite {
	 margin-top : 240px;
	 margin-bottom : 50px;
	 text-align : center;
}

#navi-freibad {
     margin-bottom : 15px;
}

#navi-schwimmhalle {
     float : left;
	 clear : left;
}

.logo {
     float : right;
	 margin-top : 15px;
	 margin-right : 40px;
}

.visual {
     float : left;
	 margin : 0;
}

.zeit {
     margin-right : 150px;
}

.preis {
     width : 60px;
	 text-align : right;
	 float : right;
}

#contents {
     width : 620px;
	 margin-right : 40px;
	 margin-top : 50px;
	 margin-bottom : 30px;
	 text-align : left;
	 float : right;
}

.highlight {
     padding : 15px;
	 width : 430px;
	 margin-top : 15px;
	 background-color : #ff6600;
	 text-align : center;
	 font : 110% Verdana, sans-serif;
	 color : #fff;
	 display : block;
}

.thumbnail {
     float : left;
     width : 115px;
	 height: 115px;
	 margin : 0px 7px 7px 0px;
	 border : 0 none;
}

#footer {
     width : 940px;
	 height : 50px;
     float : left;
	 padding-right : 20px;
	 padding-left : 20px;
	 padding-top : 90px;
	 font-weight : bold;
	 color : #fff;
	 line-height : 18px;
	 background-image : url(../../grafik/footer.gif);
	 background-position : top;
     background-repeat : no-repeat;
	 background-color : #1d539d;
}

#wassertemperatur {
     background-color : #ccc;
	 background-image : url(../../grafik/bg-temperatur.gif);
	 background-position : top left;
     background-repeat : no-repeat;
     display : block;
     width: 205px;
	 height: 100px;
     padding : 10px 0px 12px 20px;
     margin-left : 20px;
	 font : 11px Verdana, sans-serif;
     font-weight: bold;
     color: #1d539d;
     margin-bottom: 3px;
}

.temperatur {
     display : block;
     margin-left : 55px;
	 margin-top : 15px;
	 font : 40px Verdana, sans-serif;
     font-weight: bold;
     color: #fff;
}

#temperaturstation {
     background-color : #d9d9d9;
     display : block;
     width: 205px;
     padding : 10px;
     margin-left : 20px;
	 font : 11px Verdana, sans-serif;
     font-weight: bold;
     color: #1d539d;
     margin-bottom: 3px;
	 float : left;
}

.temperatur-becken {
	 float : left;
	 padding-top : 7px;
	 padding-bottom : 7px;
	 font : 28px Verdana, sans-serif;
     font-weight: bold;
	 height : 50px;
	 width : 100px;
     color: #ff6600;
	 text-align : center;
	 margin-top : 15px;
	 background-color : #ccc;
}

.becken-headline {
	 font : 10px Verdana, sans-serif;
	 margin-top : 7px;
     font-weight: bold;
	 text-transform : uppercase;
     color: #1d539d;
	 display : block;
}

.becken-subline {
	 font : 10px Verdana, sans-serif;
     font-weight: normal;
     color: #1d539d;
	 display : block;
}


/***********************************************
     TEXT SETTINGS
***********************************************/

h1 {
     font : 90% Verdana, sans-serif;
     color: #808080;
	 font-weight : bold;
	 margin-top : 0px;
	 margin-bottom : 20px;
}

h2 {
     font : 120% Verdana, sans-serif;
     color: #000;
	 font-weight : bold;
	 margin-top : 0px;
	 margin-bottom : 10px;
}

h3 {
     font : 100% Verdana, sans-serif;
     color: #000;
	 font-weight : bold;
	 margin-top : 25px;
	 margin-bottom : 3px;
}

h4 {
     font : 100% Verdana, sans-serif;
     color: #fff;
	 font-weight : bold;
	 margin-top : 0px;
	 margin-bottom : 10px;
	 text-transform : uppercase;
}

p {
	 margin-top : 20px;
	 margin-bottom : 0px;
}

a:link, a:visited {
     font : 100% Verdana, sans-serif;
	 font-weight : normal;
     color: #1d539d;
	 text-decoration: underline;
}

a:hover, a:active {
     font : 100% Verdana, sans-serif;
	 font-weight : normal;
     color: #039ed5;
	 text-decoration: none;
}

a.navi:link, a.navi:visited {
     background-color : #1d539d;
     text-decoration : none;
     display : block;
     width: 223px;
     padding : 12px 0px 15px 22px;
	 font : 18px Verdana, sans-serif;
     font-weight: bold;
     color: #fff;
}

a.navi:hover, a.navi:active {
     background-color : #1d539d;
     text-decoration : none;
     display : block;
     width: 223px;
     padding : 12px 0px 15px 22px;
     font : 18px Verdana, sans-serif;
     font-weight: bold;
     color: #fff;
}

a.subnavi:link, a.subnavi:visited {
     background-color : #039ed5;
     text-decoration : none;
     display : block;
     width: 205px;
     padding : 10px 0px 12px 20px;
     margin-left : 20px;
	 font : 16px Verdana, sans-serif;
     font-weight: bold;
     color: #fff;
     margin-bottom: 3px;
}

a.subnavi:hover, a.subnavi:active {
     background-color : #1d539d;
     text-decoration : none;
     display : block;
     width: 205px;
     padding : 10px 0px 12px 20px;
	 margin-left : 20px;
     font : 16px Verdana, sans-serif;
     font-weight: bold;
     color: #fff;
     margin-bottom: 3px;
}

#navigation em {
     background-color : #1d539d;
     text-decoration : none;
     display : block;
     width: 205px;
     padding : 10px 0px 12px 20px;
	 margin-left : 20px;
     font : 16px Verdana, sans-serif;
     font-weight: bold;
     color: #fff;
     margin-bottom: 3px;
}

#startseite a:link, #startseite a:visited {
	 font : 120% Verdana, sans-serif;
	 font-weight : bold;
	 color : #1d539d;
	 text-decoration : none;
}

#startseite a:hover, #startseite a:active {
	 font : 120% Verdana, sans-serif;
	 font-weight : bold;
	 color : #039ed5;
	 text-decoration : none;
}

a.footer:link, a.footer:visited {
	 color : #fff;
	 text-decoration : none;
	 margin-right : 20px;
}

a.footer:hover, a.footer:active {
	 color : #039ed5;
	 text-decoration : none;
	 margin-right : 20px;
}

#footer em {
     font : 95% Verdana, sans-serif;
	 font-weight : normal;
	 font-style : normal;
	 color : #039ed5;
	 text-decoration : none;
	 margin-right : 20px;
}