/* 
Wildwater Communicatie
======================================================================================
Start xhtml: 		4 januari 2008
======================================================================================
*/


/* Kleuren
Tekst:			#003480
Blauw:			#21427C
Wit:			#FFFFFF
Lichtblauw:		#00ADEF
*/



* a {position:relative;}
* input {position:relative;}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #003480; 
	background: #ffffff url(../images/body_vissenkom.jpg) top left no-repeat;
}

body.netwerk{
	background: #ffffff url(../images/body_netwerk.jpg) top left no-repeat;
}

body.wie{
	background: #ffffff url(../images/body_home.jpg) top left no-repeat;
}

body.kerfstok{
	background: #ffffff url(../images/body_home.jpg) 100px 0px no-repeat;
}

body.willen{
	background: #ffffff url(../images/body_willen.jpg) 40px 0px no-repeat;
}

body.kunnen{
	background: #ffffff url(../images/body_kunnen.jpg) 40px 0px no-repeat;
}

body.dtp{
	background: #ffffff url(../images/body_dtp.jpg) 40px 0px no-repeat;
}

body.cases{
	background: #ffffff;
}

body.oogopslag{
	background: #ffffff;
}


html
{
	height: 100%;
}


#nieuwshome{
	position: absolute;
	width: 490px;
	height: 140px;
	top: 145px;
	left: 78px;
}

#teksthome{
	position: absolute;
	width: 410px;
	height: 170px;
	top: 145px;
	left: 106px;
	line-height: 16px;
	color: #6B778E;
}

#teksthome h1{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#newswrapper{
	float: left;
	width: 950px;
}

#nwshome{
	position: relative;
	width: 410px;
	float: left;
	padding-left: 106px;
	padding-top: 525px;
}

#nwshome2{
	position: relative;
	width: 410px;
	float: left;
	padding-left: 24px;
	padding-top: 525px;
}

#nwshome h1, #nwshome2 h1{
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #284D8C;
}

.nws_top
{
	background: url(../images/nws_top.png) top left no-repeat;
	width: 404px;
	height: 14px;
	line-height: 1px;
	font-size: 1px;
}



	/* Fix voor IE */
	* html .nws_top
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://beheer.addnoise.nl/addsite/data/sites/wildwater/www/images/nws_top.png', sizingMethod='crop');
	}
	
.nws_center
{
	background: url(../images/nws_center.png) top left repeat-y;
	width: 404px;
	min-height: 50px;
	float: left;
}



	/* Fix voor IE */
	* html .nws_center
	{
		height: 50px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://beheer.addnoise.nl/addsite/data/sites/wildwater/www/images/nws_center.png', sizingMethod='scale');
	}	
	
.nws_bottom
{
	background: url(../images/nws_bottom.png) top left no-repeat;
	width: 404px;
	height: 45px;
	line-height: 1px;
	font-size: 1px;
}



	/* Fix voor IE */
	* html .nws_bottom
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://beheer.addnoise.nl/addsite/data/sites/wildwater/www/images/nws_bottom.png', sizingMethod='crop');
	}	

.nws_tekst{
	padding: 0px 14px 0px 14px;
	float: left;
	width: 376px;
}

#flashcontent{
	position: absolute;
	width: 780px;
	height: 100px;
	top: 285px;
	left: 55px;
}

a:link, a:visited { 
	color: #024AB2;
	text-decoration: underline;
	position:relative;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #242424;
	text-decoration: underline;
	}
	
.wildwater{
	position: absolute;
	top: 84px;
	left: 105px;
	width: 250px;
	height: 22px;
	border: 0px solid #ffdd00;
}

.link{
	float: left;
}

a.scrollink:link img, a.scrollink:visited img
{
	border: 0px;
	filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}	

a.scrollink:hover img
{
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}	


a.scrollink_act:link img, a.scrollink_act:visited img, a.scrollink_act:hover img
{
	border: 0px;
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}	


#container
{
	position: relative;
	min-height: 100%;
	background: url(../images/logo.gif) top left no-repeat;
}

* html #container
{
	height: 100%;
}


#menuwrapper{
	position: absolute;
	top: 463px;
	height: 28px;
	width: 100%;
}

#menuwrapper_home{
	position: absolute;
	top: 463px;
	height: 28px;
	padding-bottom: 65px;
	width: 100%;
}

#menu
{
	background: url(../images/menuback.png) top left repeat-x;
	width: 100%;
	min-width: 900px;
	height: 28px;
	text-transform: lowercase;
}



	/* Fix voor IE */
	* html #menu
	{
		height: 28px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://beheer.addnoise.nl/addsite/data/sites/wildwater/www/images/menuback_ie.png', sizingMethod='crop');
	}



#menu ul{
	width: 797px;
	height: 28px;
	margin: 0px;
	padding: 0px 0px 0px 95px;
	list-style-type: none;
}

#menu ul li{
	display: inline;
	height: 28px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
}

#menu a:link, #menu a:visited { 
	color: #ffffff;
	text-decoration: none;
	height: 28px;
	float: left;
	padding: 0px 5px 0px 6px;
	background: url(../images/lijn.gif) top right no-repeat;
	}

#menu a:hover, #menu a:active { 
	color: #ffffff;
	text-decoration: underline;
	}
	
#menu a.last:link, #menu a.last:visited { 
	color: #ffffff;
	text-decoration: none;
	height: 28px;
	float: left;
	padding: 0px 5px 0px 6px;
	background: none;
	}

#menu a.last:hover, #menu a.last:active { 
	color: #ffffff;
	text-decoration: underline;
	}
	
#menu a.actief:link, #menu a.actief:visited, #menu a.actief:hover, #menu a.actief:active { 
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	height: 28px;
	float: left;
	padding: 0px 10px 0px 12px;
	background: url(../images/lijn.gif) top right no-repeat;
	}
	
#menu a.lastactief:link, #menu a.lastactief:visited, #menu a.lastactief:hover, #menu a.lastactief:active { 
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	height: 28px;
	float: left;
	padding: 0px 10px 0px 12px;
	background: none;
	}	



.logo{
	position: absolute;
	top: -141px;
	left: 114px;
	width: 481px;
	height: 189px;
	border: 0px;
}

.link{
	float: left;
}


#content
{
	display: block;
	position: relative;
	min-width: 777px;
}


#tekst{
	position: absolute;
	width: 363px;
	height: 278px;
	top: 150px;
	padding-left: 107px;
}


#tekst_nieuws{
	position: absolute;
	width: 490px;
	height: 278px;
	top: 150px;
	padding-left: 107px;
}

.intro{
	font-weight: bold;
}

#mygaltop{
	position: absolute;
	width: 395px;
	height: 358px;
	left: 486px;
	top: 53px;
	overflow: hidden;
	border: 0px solid #000000;
}

#mygaltop img{
	float: left;
	width: 395px;
	height: 358px;
}


#dezecase{
	position: absolute;
	width: 70px;
	top: 420px;
	left: 486px;
	height: 24px;
	text-align: left;	
	color: #003480;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 40px;
}

#navigatie{
	position: absolute;
	width: 145px;
	top: 426px;
	left: 736px;
	height: 24px;
	text-align: right;	
}

#navigatie_nieuws{
	position: absolute;
	width: 145px;
	top: 426px;
	left: 736px;
	height: 24px;
	text-align: right;	
}

.number { 
	color: #003480;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: -6px;
	}

a.number:hover, a.number:active { 
	color: #242424;
	text-decoration: underline;
	}
	
a.number_act:link, a.number_act:visited, a.number_act:hover, a.number_act:active { 
	color: #242424;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding: 1px;
	position: relative;
	top: -6px;
	}	
	

#tekst_dick{
	position: absolute;
	width: 400px;
	height: 300px;
	top: 150px;
	left: 107px;
	text-align: left;
}

#tekst_peter{
	position: absolute;
	width: 400px;
	height: 300px;
	top: 580px;
	left: 107px;
	text-align: left;
}


#tekst_cases{
	position: absolute;
	width: 363px;
	height: 278px;
	top: 150px;
	padding-left: 107px;
	text-align: right;
}

.up{
	position: absolute;
	left: 400px;
	top: 27px;
}

.down{
	position: absolute;
	left: 400px;
	top: 50px;
}

td{
	line-height: 15px;
	font-size: 10px;
}

h1{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: normal;
}

.kop{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: normal;
}


#content_left
{
	position: absolute;
	width: 157px;
	top: 114px;
	left: 0px;
	padding-bottom: 20px;
}



#content_right
{
	position: absolute;
	width: 316px;
	top: 0px;
	right: 0px;
}

#content_right img
{
	float: right;
	margin: 0px;
}



#content_center
{
	padding: 114px 333px 0px 174px;
	display: block;
	min-height: 471px;
}


/* Fix voor IE */
* html #content_center
{
	height: 471px;
	
}





	
	
/* Footer
---------------------------------------------------------------------------------------------- */		

	
#footer
{
	display: block;
	position: relative;
	height: 50px;
	text-align: left;
	padding: 20px 20px 0px 187px;
}


#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  { 
	color: #231F20;
	}	


	

	

/* Clearers
---------------------------------------------------------------------------------------------- */	

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 12px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background: pink;
}




/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    top: 491px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height: 65px;
    width: 65px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}









.jcarousel-skin-tango.jcarousel-container {
    background: #ffffff;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 245px;
    padding: 0px 0px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 65px;
}



.jcarousel-skin-tango .jcarousel-item {
    height: 65px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 0px;
    height: 0px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 0px;
    height: 0px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}





/**
 * Overwrite for having a carousel with dynamic width.
 */
.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 100%;
    min-width: 900px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
    min-width: 900px;
}
















/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}

.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 0px solid #ff0000; /* this is the border. should have the same value for the links */
margin: 0px;
padding: 0px;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
margin: 0px;
padding: 0px 0px 100px 0px;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
	position: absolute;
	width: 348px;
	top: 420px;
	left: 486px;
	height: 24px;
	text-align: center;
}
	
	
#newz .stripTransmitter ul { /* the auto-generated set of links */
float: left;
list-style-type: none;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}


.stripTransmitter ul { /* the auto-generated set of links */
float: left;
list-style-type: none;
margin: 0 auto;
padding: 0px 0px 0px 70px;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
float:left;
padding: 0px 3px 0px 3px;
margin: 3px 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 12px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ffffff;
color: #003480;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #ffffff;
color: #003480;
text-decoration: underline;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #fff;
color: #242424;
text-decoration: underline;
}
/* end slideViewer default styles */






.linkcontainer
{
	position:relative;
	display: block;
	width: 376px;
	background: none;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #8794AD;
	text-align: left;
}

.linkcontainer a, .linkcontainer a:link, .linkcontainer a:visited 
{
	display: block;
	width: 376px;
	min-height: 45px;
	background: none;
	color: #6B778E;
	text-decoration: none;
	left: 0px;
	border-bottom: 0px solid white;
}

/* Fix voor IE */
* html .linkcontainer a, * html .linkcontainer a:link, * html .linkcontainer a:visited 
{
		height: 45px;
}

.linkcontainer img
{
	float: left;
	border: 0;
	padding:  0px 0px 0px 0px;
}

.linkcontainer .linktekst
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0 5px 0px 0;
}

.linkcontainer a:hover
{
	display: block;
	width: 376px;
	text-decoration: none;
	background: none;
	color: #003480;
}


.linkje
{
	display: block;
	width: 100%;
	height: 100%;
}

.linkkop { 
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	}


.tekstblauw
{
	color: #6B778E;
	margin-left: 5px;
}