/* style of waterfun */

/* Browsereinstellungen zurücksetzten */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
			color:#7ac7cb;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1.3;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: "";
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

/* ### Main ##################################################################################################### */
html{
	background-color:#001f38;
	border-top: 0.5em solid #0399a2;
}
	body{
		width:960px;
		margin: 0.5em auto 0 auto;
		font-family:Ubuntu, sans-serif;
		font-weight:300;
		font-style:italic;
	}
		#header{
			text-align:right;
			padding: 1em 1em 0 0;
		}
		
		#navigation{
			overflow:hidden;
			border-bottom:0.4em solid #0399a2;
		}
		#navigation li{
			float:left;
		}
		#navigation a:link,
		#navigation a:visited,
		#navigation a:hover,
		#navigation a:focus,
		#navigation a:active{
			display:block;
			padding: 0.75em 1em 1em 1em;
			text-decoration:none;
			color:#7ac7cb;
		}
		#navigation a:hover,
		#navigation a:focus,
		#navigation a.current{
			background-color:#0399a2;
			color:#fff;
		}

		#article{
			width:630px;
			float:left;
			background-color:#1a354c;
			padding-bottom:1em;
			margin-bottom:2em;
		}
			#article #slider ul,
			#article #slider	li{
				margin:0;
				padding:0;
				list-style-image:none;
			}
			#article h2,
			#article h3{
				border-top: 0.2em solid #001f38;
				padding: 1em 0.5em 0.5em 0.5em;
				font-size:2em;
				font-weight:800;
				color:#ff7300;
			}
			#article h3{
				font-weight:500;
				color:#bce3e5;
				font-size:1.5em;
				padding: 0.75em 0.75em 0 0.75em;
			}
			#article h4{
				font-weight:500;
				font-size:1em;
				padding:0.4em 1em 0 1em;
				color:#bce3e5;
			}
			#article p,
			#article ul{
				padding: 0 1em 0.5em 1em;
			}
				#article p img{
					float:right;
					margin: 0.5em 0 0.5em 1em;
					border: 0.25em solid #0399a2;
				}
		
				#article li{
					margin-left:2em;
					list-style-image:url(pics/list-item.gif);
					list-style-position:outside;
				}
				#article a.toplink:link{
					display:block;
					text-align:right;
					margin-right:1em;
					border:0;
				}
				#article ul a:link,
				#article ul a:visited,
				#article ul a:hover,
				#article ul a:focus,
				#article ul a:active{
					text-decoration:none;
					color:#bce3e5;
					display:block;
					padding-bottom:0.2em;
					border-bottom: 0.1em solid #7ac7cb;
				}
				
				#article ul a:hover,
				#article ul a:focus{
					color:#fff;
					border-bottom-color:#fff;
				}
				strong{
					font-weight:bold;
				}
				#motorbootzertifikat span,
				#binnensee span,
				#see span,
				#binnen span {
				color:#ff7300;
				padding: 0.75em 0.75em 0 0;
				}
				#FS  {
				border-top: 0.4em solid #001f38;

				}
				#FS a {
				text-decoration:none;
				color:#bce3e5;
				}
				#FS th {
				text-align:left;
				padding-left:0.8em;
				padding-bottom:0.1em;
				color:#bce3e5;
				}
				
				#bootsschule th{
				text-align:left;
				padding-left:0.8em;
				padding-bottom:0.1em;
				color:#bce3e5;
				
				}
				#bootsschule {
				padding-bottom:0.5em;
				text-decoration:none;
				}
				#bootsschule a{
				text-decoration:none;
				color:#bce3e5;
				}
				
			

				
				
/* ### Sidebar ##################################################################################################### */

		#sidebar{
			width:315px;
			float:right;
		}
		
		#secondnav{
			padding:1.5em 1em;
			background-color:#4d6274;
			font-size: 0.875em;
			
		}
		#secondnav li{
			list-style-image:url(pics/sub-item-normal.gif);
			list-style-position:outside;
			border-bottom: 0.1em solid #7ac7cb;
			margin-left:2em;
		}
		#secondnav li:hover,
		#secondnav li.current{
			list-style-image:url(pics/sub-item-hover.gif);
			border-bottom: 0.1em solid #fff;
		}
		#secondnav li.current a{
			color:#fff;
		}
		#secondnav a:link,
		#secondnav a:visited,
		#secondnav a:hover,
		#secondnav a:focus,
		#secondnav a:active{
			display:block;
			margin-left:1em;
			text-decoration:none;
			padding: 0.5em 0 0.1em 0;
		}
		
		#secondnav a:hover,
		#secondnav a:focus,
		#secondnav a:active{
			color:#fff;
		}
		
		#sonderaktionen{
			margin-top:0.5em;
			padding:1em;
			background-color:#ff7300;
		}
		#sonderaktionen h3{
			font-size:2em;
			color:#001f38;
			margin-bottom:0.2em;
		}
		
		#sonderaktionen p, 
		#sonderaktionen li,
		#sonderaktionen span{
			color:#fff;
			
			
		}
		
		#sonderaktionen span{
			display:block;
			font-size:2em;
		}
		#sonderaktionen a {
			color:#fff;
			font-size:0.8em;	
		}
		
		#zitat{
			background-color:#1a354c;
			margin-top:0.5em;
			padding:1em;
		}
		
		#zitat blockquote,
		#zitat span{
			color:#7ac7cb;
		}
		
		#zitat blockquote{
			font-size:1.5em;
		}
		
		#zitat blockquote span{
			display:block;
			text-align:right;
			font-size:0.5em;
		}
		
		#wettertool{
			margin-top:0.5em;
			background-color:#1a354c;
		}
		
		#cont_675bf62a814d9541cd136f88c7da72f1 h3{
			font-size:2em;
			text-align:left;
			margin-left:0.5em;
			margin-top:0.5em;
		}
		
/* ### Formulare ##################################################################################################### */
form{
	width:80%;
	margin: 1em auto;
}
input, textarea{
	display:block;
	width:100%;
	background-color:#4d6274;
	border:1px solid #001f38;
	color:#fff;
	font-family:Ubuntu, sans-serif;
	font-size:1em;
	font-style:italic;
	font-weight:700;
}
input:hover,
input:focus,
textarea:hover,
textarea:hover{
	border-color:#ff7300;
	color:#ff7300;
}
input.check{
	display:inline;
	width:auto;
	margin-left:2em;
}