@font-face
{
    font-family: segoepr;
    src: url('segoepr.eot');
    src: local(segoepr), url('segoepr.ttf') format('opentype');
}
.csc-header{
	color:#0066cc;
}
Body{
	background-color: #018cee;
	font-family: verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	width:100%;
}
.main{
    position:relative;
	width: 1024px;
}
.top{
	width:1024px;
	height:164px;
	background-image: URL("img/top.png");
	overflow:hidden;
	background-repeat:no-repeat;
}
.logo{
	width:155px;
	height:149px;
	float:left;
	padding-left:85px;
	padding-top:15px;
}
.tekstTop{
	height:164px;
	width: 315px;
	float:left;
}
.zomerbad{
	padding-top:30px;
	font-family:segoepr;
	font-size:30px; 
	width:300px;
	height:55px;
}
.seizoen{
	font-family:segoepr;
	font-size: 20px;
	width:200px;
	height:20px;
}
.topBalk{
	width: 15px;
	height:180px;
	float:left;
}
.topPic{
	width:454px;
	float:left;
}
.topWave{
	background-image: URL('img/waveTop.png');
	background-repeat: no-repeat;
	position:absolute;
	top:124px;
	height:65px;
	width:1024px;
    z-index:3;
}
.middle{
	width:1024px;
}
.bottomWave{
	height:55px;
	width:1024px;
	position:absolute;
    top:155px;
    z-index:1;
}
.middleLeft{
	width:154px;
	float:left;
}
.middleRight{
	width:154px;
	float:left;
}
.content{
	float:left;
	width:715px;
	height:602px;
	background-image: URL("img/topContent.png");
	background-repeat:no-repeat;
	padding:0px;
}
.contentText{
	width:616px;
	height:517px;
    margin-top:35px;
    padding: 10px 50px 10px 50px;
    background-color:white;
    overflow: auto;
}
.nothing{
	padding:0px;
	margin:0px;
	clear:both;
}
.footer{
	padding:0px;
	width:716px;
    height:20px;
    padding-top:10px;
	background-color:white;
}
.footer a:link, a:visited, a:hover{
    color:black;
}
.footerLeft{
	width:580px;
	text-align:center;
	float:left;
    background-color:white;
}
.footerRight{
	width:135px;
	float:left;
    background-color:white;
}
.menu{
    width:1024px;
    height:45px;
    padding-top:7px;
    text-align:center;
}
.dropdown{
    width:940px;
    height:45px;
}
#menuItemUp{
    float:left;
    width:85px;
    margin-left:55px;
    padding-left:40px;
    z-index:400;
}
#menuItemUp a:link{
    text-decoration: none;
    color:white;
}
#menuItemUp a:hover{
    text-decoration: none;
    color:white;
}
#menuItemUp a:visited{
    text-decoration: none;
    color:white;
}
#menuItemUpAct{
    float:left;
    width:85px;
    margin-left:55px;
    padding-left:40px;
    z-index:400;
}
#menuItemUpAct a:link{
    text-decoration: none;
    color:white;
}
#menuItemUpAct a:hover{
    text-decoration: none;
    color:white;
}
#menuItemUpAct a:visited{
    text-decoration: none;
    color:white;
}
#menuItemBottomLeft{
    float:left;
    text-align:center;
    width:85px;
    margin-left:60px;
    padding-left:40px;
    padding-top:30px;
    z-index:400;
}
#menuItemBottomLeft a:link{
    text-decoration: none;
    color:white;
}
#menuItemBottomLeft a:hover{
    text-decoration: none;
    color:white;
}
#menuItemBottomLeft a:visited{
    text-decoration: none;
    color:white;
}
#menuItemBottomLeftAct{
    float:left;
    width:85px;
    margin-left:60px;
    padding-left:40px;
    padding-top:28px;
    z-index:400;
}
#menuItemBottomLeftAct a:link{
    text-decoration: none;
    color:white;
}
#menuItemBottomLeftAct a:hover{
    text-decoration: none;
    color:white;
}
#menuItemBottomLeftAct a:visited{
    text-decoration: none;
    color:white;
}
#menuItemBottom{
    float:left;
    width:85px;
    margin-left:50px;
    padding-left:40px;
    padding-top:30px;
    z-index:400;
}
#menuItemBottom a:link{
    text-decoration: none;
    color:white;
}
#menuItemBottom a:hover{
    text-decoration: none;
    color:white;
}
#menuItemBottom a:visited{
    text-decoration: none;
    color:white;
}
#menuItemBottomAct{
    float:left;
    width:85px;
    margin-left:50px;
    padding-left:40px;
    padding-top:30px;
    z-index:400;
}
#menuItemBottomAct a:link{
    text-decoration: none;
    color:white;
}
#menuItemBottomAct a:hover{
    text-decoration: none;
    color:white;
}
#menuItemBottomAct a:visited{
    text-decoration: none;
    color:white;
}
#menuItemSec{
	background-image:URL("img/sub2.png");
	background-repeat:no-repeat;
	padding-top:20px;
	margin-left:20px;
    width:164px;
    height:25px;
    z-index:4000;
}
#menuItemSec a:link{
    color:white;
    height:25px;
}
#menuItemSec a:visited{
    color:white;
    height:25px;
}
#menuItemSec a:hover{
    color:white;
    height:25px;
}
#menuItemSecAct{
	background-image:URL("img/sub2.png");
	background-repeat:no-repeat;
	padding-top:20px;
	margin-left:20px;
    width:164px;
    height:25px;
    z-index:4000;
}
#menuItemSecAct a:link{
    color:white;
    height:25px;
}
#menuItemSecAct a:visited{
    color:white;
    height:25px;
}
#menuItemSecAct a:hover{
    color:white;
    height:25px;
}


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
}
ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}
ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}
ul.dropdown ul li {
 float: none;
}
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
ul.dropdown li:hover > ul {
 visibility: visible;
}
/*
 * Text style
 */
.align-right{
	text-align:right;
}
a {
	color:#0066cc;
}
a:link {
	color:#0066cc;
}
a:visited {
	color:#0066cc;
}
a:active {
	color:#0066cc;
}
img{
    border-style: none;
}