@charset "UTF-8";
/* CSS Document */

/* ---------------------verticale scrollbar---------------- */

html {
height: 100%; 
margin-bottom: 1px;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#FAFBFB;
} 

body {
width: 800px; 
margin: 0px auto;
}

/* -------------------end verticale scrollbar-------------- */


/* --------------------------Header------------------------ */
.headerstock {
background-image:url(http://www.suddaby.nl/images/headerstock2.png);
width:800px;
height:125px;
}

.header {
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
border: 0px;
}
/* ------------------------End Header----------------------- */

/* ------------------------------tabs------------------------ 

.tabcontainer {
height:40px;;
width:800px;
background-image: url(../images/Tabs/tabcontainer.png);
background-repeat:no-repeat;
position: absolute;
}

		.tabgewoon1
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-home-gewoon.png);
		text-align:center;
		text-decoration:none;
		margin-left:60px;
		float:left;
		left: 20px;
		}
		
		.tabaktief1
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-home-aktief.png);
		text-align:center;
		text-decoration:none;
		margin-left:60px;
		float:left;
		left: 20px;
		}
		
		.tabmouse1
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-home-mouse.png);
		text-align:center;
		text-decoration:none;
		margin-left:60px;
		float:left;
		left: 20px;
		}
		
		.tabgewoon2
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-trainingen-gewoon.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabaktief2
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-trainingen-aktief.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabmouse2
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-trainingen-mouse.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabgewoon3
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-trainers-gewoon.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabaktief3
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-trainers-aktief.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabmouse3
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-trainers-mouse.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		.tabgewoon4
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-inschrijven-gewoon.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabaktief4
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-inschrijven-aktief.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabmouse4
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-inschrijven-mouse.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabgewoon5
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-contact-gewoon.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabaktief5
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-contact-aktief.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}
		
		.tabmouse5
		{
		width:135px;
		height: 40px;
		background-image: url(../images/Tabs/tab-contact-mouse.png);
		text-align:center;
		text-decoration:none;
		margin-left:1px;
		float:left;
		}

.tabcontainer2 {
position: relative;
top:80px;
width: 800px;
height: 40px;
background-image: url(../images/Tabs/tabcontainer2.png);
}



------------------------end tabs-------------------  */

/* ------------------------- Menu -------------------  */

.menu {
width:150px;
float:left;
margin-top:20px;
margin-bottom:0px;
padding-bottom:0px;
background-color:#FAFBFB;
}

/* ---------------------------Body---------------------------*/

.contenttop {
width: 620px;
height:10px;
float:right;
margin-top:20px;
background-image:url(../images/contenttop.png);
background-repeat: no-repeat;
}

.bannertop {
width: 620px;
height:10px;
float:right;
margin-top:20px;
}

.banner {
width: 620px;
float:right;
margin-top:0px;
}

.bannerbottom {
width: 620px;
height:10px;
float:right;
}

.contentbottom {
width: 620px;
height:10px;
float:right;
background-image:url(../images/contentbottom.png);
background-repeat:no-repeat;
background-color:#FAFBFB;
}

.content {
width: 620px;
float:right;
margin-top:0px;
background-image:url(../images/bgcontent.png);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

.contenttop_form {
width: 800px;
height:10px;
float:right;
margin-top:20px;
background-image:url(../images/contenttop_form.png);
background-repeat: no-repeat;
}

.contentbottom_form {
width: 800px;
height:10px;
float:right;
background-image:url(../images/contentbottom_form.png);
background-repeat:no-repeat;
background-color:#FAFBFB;
}

.bannertop_form {
width: 800px;
height:10px;
float:right;
margin-top:20px;
}

.banner_form {
width: 800px;
float:right;
margin-top:0px;
}

.bannerbottom_form {
width: 800px;
height:10px;
float:right;
}

.content_form {
width: 800px;
float:right;
margin-top:0px;
background-image:url(../images/bgcontent_form.png);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

	h1 {
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	text-decoration:none;
	margin-bottom:0;
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
	h2 {
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0590C7;
	text-decoration:none;
	margin-bottom:0;
	margin-top:0;
	margin-left: 20px;
	margin-right: 20px;
	}

		.titel {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #0590C7;
		text-decoration:none;
		margin-left: 20px;
		margin-right: 20px;
		}
		
		.subtitel {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #0590C7;
		text-decoration:none;
		margin-right: 20px;
		margin-left: 20px;
		}
		
		.maintext {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #444444;
		text-decoration:none;
		font-size:12px;
		border:none;
		margin-left: 20px;
		margin-right: 20px;
		}
		
		.plaintext {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #444444;
		text-decoration:none;
		font-size:12px;
		border:none;
		}
		
                h3 {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #FFFFFF;
		text-decoration:none;
                font-weight:bold;
		font-size:14px;
		border:none;
                margin-top: 1px;
                margin-bottom: 1px;
		}
                
		.profieltext {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #444444;
		text-decoration: none;
		font-size: 12px;
		margin-left: 20px;
		margin-right: 20px;
		}
    
    .nieuwsbrieftitel {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #ffffff;
		text-decoration:none;
		font-size:12px;
    font-weight:800;
		border:none;
		margin-left: 5px;
		margin-right: 5px;
    }
    
    .nieuwsbrieftext {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #ffffff;
		text-decoration:none;
		font-size:12px;
		border:none;
		margin-left: 5px;
		margin-right: 5px;
    }
		
		.hyperlink {
		text-decoration:none;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#0590C7;
		}
		
		.textarea {
		resize: none;
		}
		
		.tabtext {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #444444;
		text-decoration:none;
		font-size:12px;
		border:none;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
		}
                
                a.tabtext:link {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #444444;
                }
                
                a.tabtext:visited {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #444444;
                }
                
                a.tabtext:hover {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #3399ff;
                }
                
                a.tabtext:active {
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		color: #3399ff;
		}

/* ---------------------------End Body-------------------------*/


/* ----------------------------Footer--------------------------*/
.footer {
		position:absolute;
		margin-left:-20px;
		background-color:#FFFFFF;
		width:695px;
		bottom:0px;
		}

.footertext {
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 10px;
	text-align:center;
	color: #444444;
	text-decoration:none;
	font-weight:normal;
}


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



/* ---------------------------links-------------------  */
a,
	a:link {
	text-decoration: none;
	cursor: pointer;
	text-shadow:none;
	}
	a:active {
	text-decoration: none;
	cursor: pointer;
	text-shadow:none;
	}
	a:focus {
	text-decoration: none;
	cursor: pointer;
	text-shadow:none;
	color:#1590C8;
	
	}
	a:visited {
	text-decoration: none;
	cursor: pointer;
	text-shadow:none;
	}
	
	a:hover {
	text-decoration: none;
	cursor:pointer;
	text-shadow:none;
	}

img	{
border:none;
margin-bottom:0px;
margin-top: 0px;
border:none;
padding-bottom:0px;
padding-top:0px;
font-size:0px;
display:block;
}

.img2	{
border:none;
margin-bottom:2px;
margin-top: 2px;
margin-right:20px;
}

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