/* base
----------------------------------------------- */

body {
margin: 0px;
padding: 0px;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #888;
background-color: #70a6f9;

}

img {
margin:5px 5px 0px 0px;
padding:0px;
float:left;
border:none;
}

#content img {
margin: 0px 5px 5px 0px;
padding: 0px;
float:left;
border:none;
}


p {
padding: 0px;
font-size: 0.8em;
line-height: 1em;

}

.center p {
text-align:center;
}


#top p{
font-family: Arial, Helvetica, sans-serif;
margin-top:3px;
font-size: 0.9em;
line-height: 1.1em;
color:#fff;
}


#info p{
margin:8px 20px 13px 0px;
line-height: 1.1em;
color:#888;
}


#contact p{
margin:8px 20px 0px 0px;
line-height: 1.1em;
color:#888;
}

#footlist p{
margin:0px;
font-size: 0.8em;
line-height: 1.1em;
float:left;
color:#c1cfe5;
}

.box p {
margin: 0;
}

#filedunder p {
margin-top:11px;
color: #f2b42e;
font-size: 0.7em;
line-height: 1.1em;
}

.box img {
margin: 4px 4px 0px 0px;
padding: 0px;
float:left;
border:none;
}

.box img a{
margin: 4px 4px 0px 0px;
padding: 0px;
float:left;
}


#text p {
font-size: 0.8em;
line-height: 1.1em;
color:#888;
}


h1, h2, h3 {
font-weight: normal;
font-family: Arial Helvetica, sans-serif;
}


h1 {
font-size: 1.7em;
letter-spacing: -1px;
line-height:1em;
color: #70a6f9;
margin: 0px;
background-color: #fff;
padding:0px;
}

h2 {
font-size: 1em;
font-style: italic;
}


/* boxover
----------------------------------------------- */


.tooltipheader {
background-color:#f2b42e;
font: 1.5em Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color:#fff;
font-weight: normal;
letter-spacing: -1px;
border: none;
margin-bottom: 6px;
padding: 5px;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
max-width:350px;
}

.tooltipbody {
background-color:#f2b42e;
font: 1em Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
border: 1px dotted #efc45d;
color:#fff;
padding: 10px 10px 0px 10px;
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
max-width:350px;
border: none;
}

.tooltipbody p {
max-width:330px;
padding:0px;
margin:0px;
}

.tooltipbody h3 {
font-size: 0.7em;
line-height: 1.1em;
margin-top:6px;
padding:6px 0px 8px 0px;
border-top: 1px dotted #fff;
}

/* links
----------------------------------------------- */

a {
margin:0px;
padding:0px;
}

a{
        color:#c1cfe5;
        text-decoration: none;
        
}

a:hover{
	color: #fff;
        text-decoration: none;
}


#text a{
        color:#888;
        text-decoration: none;
        
}

#text a:hover{
	color: #70a6f9;
        text-decoration: none;
}



/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}


#container {
min-width:720px;
padding:0px;
margin:0px;
background-color: #70a6f9;
}

#top {
min-width:620px;
text-align: left;
margin:0px 0px 0px 0px;
padding:50px 0px 0px 50px;
background-color: #70a6f9;
}

#navigation {
max-width:1050px;
margin:10px 10px 20px 0px;
padding-left:50px;
background-color:#70a6f9;
}

.box {
margin: 0;
padding: 0;
background-color:#70a6f9;
float:left;
}

#content {
background-image:url(http://www.freischwimmen.de/images/80.png); 
height:100%;
margin:0px 0px 0px 0px;
padding: 20px 0px 0px 50px;
background-color: #fff;
border:none;
}

#contact {
width:340px;
margin-bottom:10px;
padding: 10px 10px 5px 15px;
background-color: #fff;
float:left;
border:none;
}

#contactform {
width:100%;
margin:15px 0px 0px 0px;
padding: 0px;
background-color: #fff;
float:left;
border:none;
}

#info {
width:400px;
margin:0px 20px 0px 0px;
padding: 10px 10px 5px 15px;
background-color: #fff;
border:none;
float:left;
}

#articleimage {
width:610px;
padding:5px 0px 0px 5px;
margin:0px 15px 10px 0px;
background-color:inherit;
float:left;
}


#text {
width:300px;
padding:15px 20px 15px 20px;
margin:0px;
background-color: #fff;
float:left;
}

#yellow {
width:340px;
margin-bottom:15px;
background-color: transparent;
float:left;
}



/* subnav
----------------------------------------------- */

#fixedwidth {
width:340px;
height:32px;
margin:0px;
padding:0px;
background-color: transparent;
float:left;
font-family: Arial, Helvetica, sans-serif;
}

#filedunder {
position:relative; left:0px; background-color:#dfd;
width:128px;
height:100%;
margin:0px;
background-color: #fff;
float:left;
text-align:center;
}

#subnav {
margin:0px 0px 0px 0px;
height:100%;
padding:0px;
background-color:transparent;
float:left;
}


#subnav ul {
list-style-type:none;
color: #70a6f9;
font-size:0.9em;
font-weight: normal;
line-height: 1em;
display:inline;
margin:9px 0px 0px 0px;
padding:0px;
float:left;
height:100%;

}

#subnav ul li {
list-style-type:none;
display:inline;
margin-right:4px;
padding:0px ;
float:left;

}



#subnav ul li a{
list-style-type:none;
color: #70a6f9;
padding:6px 5px 6px 5px ;
background:#FFF;
margin-top:0px;
text-decoration: none;
        
}

#subnav ul li a:hover{
	color: #fff;
        background:#70a6f9;
        text-decoration: none;
}



/* foot
----------------------------------------------- */


#foot {
min-height:65px;
margin: 0px;
padding: 20px 0px 0px 55px;
clear: both;
text-align: left;
background-color: #70a6f9;
}

#footlist {
margin-right: 70px;
padding-bottom:20px;
text-align: left;
background-color: inherit;
float:left;
}



#footlist ul {
list-style-type:none;
color: #c1cfe5;
font-size: 0.8em;
margin:0px;
padding:0px;


}

#footlist ul li {
list-style-type:none;
color:#c1cfe5;
display:block;
line-height: 1.1em;
padding:0px ;

}



#footlist ul li a{
list-style-type:none;
color:#c1cfe5;
padding:0px ;
margin-top:0px;
text-decoration: none;
        
}

#footlist ul li a:hover{
color: #fff;
text-decoration: none;
padding:0px ;
margin-top:0px;
}


#footlist a{
list-style-type:none;
color:#c1cfe5;
padding:0px ;
margin-top:0px;
text-decoration: none;
        
}

#footlist a:hover{
color: #fff;
text-decoration: none;
padding:0px ;
margin-top:0px;
}



label {   
color: #888;
font-size: 0.8em;
font-weight:normal;
margin: 0px;
padding:5px 0px 0px 0px;
text-decoration: none;
}

textarea { 
marginbottom: 3px;
padding: 0px;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #888;
width:315px;
font-size: 0.8em;
}

input { 
margin-bottom: 3px;
padding: 0px;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #888;
font-size: 0.8em;
}

submit { 
margin-bottom: 3px;
padding: 0px;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #888;
font-size: 0.8em;
}


#contactform ul {
list-style-type:none;
color: #70a6f9;
font-size:1em;
font-weight: normal;
line-height: 1em;
display:block;
padding:15px 0px 15px 0px;
margin:0px 0px 5px 0px;
height:100%;
border-top: 1px dotted #70a6f9;
border-bottom: 1px dotted #70a6f9;
}

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

}