/*
Theme Name: NAOMT
Theme URI: http://www.tijmensteketee.nl/
Description: Delta9 Internet Theme
Version: 1.0
Author: Tijmen Steketee
Author URI: http://www.tijmensteketee.nl/
*/

html {
/*This displays a vertical scrollbar on every page*/
height: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

body {
margin:0px; background:#dbdbdb url('http://www.naomt.nl/images/background.png') repeat-y fixed center 50%; height:100%; background-repeat:repeat-y; background-attachment:fixed
}


/* wraps op volgorde */

#wrap_top_menu {
	position:relative;
	top:0px;
	height:40px;
	width:100%;
	background:url('http://www.naomt.nl/images/menu_back.gif');
}

#top_header_background {
position:relative;
margin:0 auto;
height:100px;
top:0px;
width:1000px;
background:url('http://www.naomt.nl/images/header_background.png') center 50%;

}

#top_header_logo {
	position:relative;
	left:20px;
	top:12px;
	width:180px;	
}

#top_header_tekst {
	position:absolute;
	left:150px;
	top:54px;
	width:500px;
}

p.header_tekst {
	margin:0;
	font-family:Arial;
	font-size: 1.2em;
	color:#ffffff;
	text-align:left;
}

#wrap_content {
	position:relative;
	margin:0 auto;
	top:0px;
	min-height:100%;
	height:100%;
	width:920px;
}

#frontnews_wrap_page {
	position:relative;
	left:0px;
	top:0px;
	height:120px;
	width:920px;
}

#news_wrap_long_page {
	position:relative;
	float:left;
	left:0px;
	top:20px;
	height:100%;
	width:600px;
}

#index_tekst {
	position:relative;
	float:left;
	left:0px;
	top:190px;
	height:100%;
	width:600px;
}


#right_wrap_index {
	position:relative;
	float:right;
	right:0px;
	top:190px;
	width:300px;
	height:100%;
	background:#c0c0c0 url('http://www.naomt.nl/images/right_bg.gif');

}

#right_wrap_page {
	position:relative;
	float:right;
	right:0px;
	top:20px;
	width:300px;
	height:100%;
	background:#c0c0c0 url('http://www.naomt.nl/images/right_bg.gif');
}

#right_wrap {
	position:relative;
	left:620px;
	right:0px;
	top:510px;
	width:300px;
	height:100%;
	background:#c0c0c0 url('http://www.naomt.nl/images/right_bg.gif');
}

#footer {
	position:relative;
	margin:0 auto;
	height:100px;
	width:920px;
	top:0px;
	bottom:0px;
	background:#c0c0c0;

}

/* test */



#menu2 {
float:right;
position:relative;
height:40px;
top:0px;
font-family: Arial;
font-size: 0.9em;
}

#menu2 ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu2 ul li{
float: left;
}

#menu_left2 ul li{
float: left;
border-left: 1px solid #00908b;
}

#menu2 ul li a{
background: url('http://www.naomt.nl/images/menu_back_top.gif');	
display:block;
padding: 12px;
border-right: 1px solid #dbdbdb;
text-decoration: none;
color: #006864
}

#menu2 ul li a:hover{
background: url('http://www.naomt.nl/images/menu_overlay.gif');
color:#ffffff
}

/* test */

/* Easy Slider */

	#slider, #slider2, #schoon{position:relative;}
	#slider ul, #slider li, #slider2 ul, #slider2 li, #schoon ul, #schoon li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #schoon li{ 
					/* 
						define width and height of list item (slide)
						entire slider area will adjust according to the parameters provided here
					*/ 
				position:relative;
				width:920px;
				height:120px;
				overflow:hidden; 
					}
	#slider2 li{ 
			/* 
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here
			*/
			position:relative; 
			width:920px;
			height:320px;
			overflow:hidden; 
			}	

	p#controls, p#controls2, p#schoon{
		margin:0;
		position:relative;
		} 

	#prevBtn, #schoon1, #schoon2{ 
		z-index:4;
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:80px;
		height:80px;
		position:absolute;
		left:0px;
		top:-80px;
		}
		
		#nextBtn {
			z-index:4;
			display:block;
			margin:0;
			overflow:hidden;
			text-indent:-8000px;		
			width:80px;
			height:80px;
			position:absolute;
			left:0px;
			top:-120px;	
		}
		
		#prevBtn2, #nextBtn2{ 
			z-index:4;
			display:block;
			margin:0;
			overflow:hidden;
			text-indent:-8000px;		
			width:80px;
			height:80px;
			position:absolute;
			left:0px;
			top:-220px;
			}
				
	#nextBtn, #nextBtn2{ 
		left:840px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:80px;
		height:80px;
		background:url('http://www.naomt.nl/images/pijllinks.png') no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		display:block;
		width:80px;
		height:80px;
		background:url('http://www.naomt.nl/images/pijlrechts.png') no-repeat 0 0;	
		}												

/* // Easy Slider */

/************************************************************************************************/
/*slidercontent*/
/************************************************************************************************/

.mainsliderdiv {
	display:block;
	position:relative;
	left:0px;
	top:0px;
	height:320px;
	width:920px;
	z-index:1;
}

.divoverlay{
	position:absolute;
	left:0px;
	top:0px;
	height:320px;
	width:920px;
	background-image:url('http://www.naomt.nl/images/caroussel_overlay.png');
	z-index:3;
}

.sliderleesmeerknop {
	display:block;
	position:absolute;
	left:799px;
	top:293px;
}

.sliderleesmeer {
	display:block;
	position:absolute;
	left:680px;
	top:280px;
	font-family: Arial;
	font-size:1.5em;
	text-align:center;
	text-decoration:none;
}

.sliderleesmeer a {
	display:block;
	height:40px;
	width:240px;
	padding-top:6px;
	margin-top:-1px;
	margin-right:1px;
	color:#ffffff;
	}
	
.sliderleesmeer a:hover {
	background:url('http://www.naomt.nl/images/menu_overlay.gif');
	color:#ffffff
	}

.sliderkort {
	position:absolute;
	left:320px;
	top:246px;
	font-family: Arial;
	font-size:1.4em;
	color:#ffffff;
}



.slidertype {
	left:20px;
	top:12px;
	position:absolute;
	font-family: Arial;
	font-size:1.0em;
	color:#ffffff;
}

.slidertype a, .slidertype a:hover, .sliderkort a, sliderkort a:hover {color:#ffffff;}

/************************************************************************************************/
/*/slidercontent*/
/************************************************************************************************/

/************************************************************************************************/
/*slidercontent_klein*/
/************************************************************************************************/

.mainsliderdiv_klein {
	display:block;
	position:relative;
	left:0px;
	top:0px;
	height:120px;
	width:920px;
	z-index:1;
}

.divoverlay_klein{
	position:absolute;
	left:0px;
	top:0px;
	height:120px;
	width:920px;
	background-image:url('http://www.naomt.nl/images/caroussel_overlay_klein.png');
	z-index:3;
}

.sliderleesmeerknop_klein {
	display:block;
	position:absolute;
	left:799px;
	top:93px;
}

.sliderkort_klein {
	position:absolute;
	left:320px;
	top:91px;
	font-family: Arial;
	font-size:1.0em;
	color:#ffffff;
}

.sliderkort_klein a, .sliderkort_klein a:hover, .sliderkort_klein a:visited {color:#ffffff;}


.slidertype_klein {
	left:20px;
	top:12px;
	position:absolute;
	font-weight:normal;
	font-family: Arial;
	font-size:1.0em;
	color:#ffffff;
}

/************************************************************************************************/
/*/slidercontent_klein*/
/************************************************************************************************/

/************************************************************************************************/
/*menu*/
/************************************************************************************************/

#menu {
position:relative;
margin:0 auto;
height:40px;
top:0px;
width:960px;
font-family: Arial;
font-size: 0.9em;
}

#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li{
float: left;
border-right: 1px solid #00908b;
}

#menu_left ul li{
float: left;
border-left: 1px solid #00908b;
}

#menu ul li a{
background: url('http://www.naomt.nl/images/menu_back.gif');	
display:block;
padding: 12px;
border-right: 1px solid #006864;
text-decoration: none;
color: #ffffff
}

#menu ul li a:hover{
background: url('http://www.naomt.nl/images/menu_overlay.gif');
}

/************************************************************************************************/
/*nieuws*/
/************************************************************************************************/

.leesmeer {
	position:relative;
	top:4px;
	float:right;
	height:20px;
	width:120px;
	text-align:center;
	text-decoration:none;
}

p.leesmeer {
	font-family: Arial;
	font-size: 0.8em;
	text-align:center;
	text-decoration:none;
}

p.leesmeer a{
	display:block;
	height:20px;
	width:120px;
	padding-top:4px;
	margin-top:-1px;
	margin-right:1px;
	background:url('http://www.naomt.nl/images/menu_back.gif'); color: #ffffff
	}
	
p.leesmeer a:hover {background:url('http://www.naomt.nl/images/menu_overlay.gif'); color: #ffffff}

p.tekst_nieuws{
	margin:0;
	font-family:Arial;
	font-size: 0.8em;
	color:#4d4d4d;
	text-align:left;
}
p.tekst_nieuws a {color:#4d4d4d;}
p.tekst_nieuws a:hover {color:#006864;}

/************************************************************************************************/
/*/nieuws*/
/************************************************************************************************/



/************************************************************************************************/
/*main_wraps*/
/************************************************************************************************/



#top_header_search {
	position:absolute;
	float:right;
	right:60px;
	top:10px;
	height:20px;
	width:180px;
}




#frontnews_wrap {
	position:absolute;
	left:0px;
	top:0px;
	height:320px;
	width:920px;
}

#frontnews_wrap2 {
	position:absolute;
	left:0px;
	top:340px;
	height:320px;
	width:920px;
}

#frontnews_wrap4 {
	position:relative;
	left:0px;
	top:340px;
	height:320px;
	width:920px;
}



#news_wrap_patient {
	position:absolute;
	left:0px;
	top:340px;
	height:240px;
	width:920px;
}

#news_wrap_patient2 {
	position:absolute;
	left:0px;
	top:0px;
	height:240px;
	width:300px;
}

#news_wrap_patient3 {
	position:absolute;
	right:310px;
	top:0px;
	height:240px;
	width:300px;
}

#news_wrap_patient4 {
	position:absolute;
	right:0px;
	top:0px;
	height:240px;
	width:300px;
}

#news_wrap {
	position:absolute;
	left:0px;
	top:340px;
	height:240px;
	width:300px;
}

#news_wrap2 {
	position:absolute;
	right:310px;
	top:340px;
	height:240px;
	width:300px;
}

#news_wrap3 {
	position:absolute;
	right:0px;
	top:340px;
	height:240px;
	width:300px;
}


#news_wrap_knop {
	position:absolute;
	left:0px;
	top:460px;
	height:20px;
	width:300px;
}

#news_wrap2_knop {
	position:absolute;
	right:310px;
	top:460px;
	height:20px;
	width:300px;
}

#news_wrap3_knop {
	position:absolute;
	right:0px;
	top:460px;
	height:20px;
	width:300px;
}

#news_wrap_knop_patienten {
	position:relative;
	left:0px;
	top:120px;
	height:20px;
	width:300px;
}

#news_wrap2_knop_patienten {
	position:absolute;
	right:310px;
	top:120px;
	height:20px;
	width:300px;
}

#news_wrap3_knop_patienten {
	position:absolute;
	right:0px;
	top:120px;
	height:20px;
	width:300px;
}

#news_wrap_long {
	position:absolute;
	left:0px;
	top:510px;
	height:100%;
	width:600px;
}



#news_wrap_long_page_patient {
	position:absolute;
	left:0px;
	top:660px;
	height:100%;
	width:920px;
}








.news_wrap_picture {
	float:left;
	width:194px;
	height:75px;
	background:url('http://www.naomt.nl/images/under_news.png') no-repeat;	
}

.news_wrap_picture_div {
	float:left;
	margin-left:7px;
	margin-top:7px;
}

.lees_meer {
	float:right;
	width:120px;
}


.profile_wrap_picture {
	float:left;
	width:150px;
	height:170px;
	background:url('http://www.naomt.nl/images/profile_under.png') no-repeat;	
}

.profile_wrap_picture_div {
	float:left;
	margin-left:12px;
	margin-top:11px;
}

.clear_wrap {clear:both;}


/************************************************************************************************/
/*main_wraps*/
/************************************************************************************************/


/************************************************************************************************/
/*patientenwebsite-ledenwebsite-menu-optie*/
/************************************************************************************************/

#menu_website ul li{
float: right;
border-left: 1px solid #00908b;
}

#menu_website ul li a{
background: url('http://www.naomt.nl/images/menu_back_2.gif');	
display:block;
padding: 12px;
border-right: 1px solid #006864;
text-decoration: none;
color: #a8c7c4
}

#menu_website ul li a:hover{
background: url('http://www.naomt.nl/images/menu_overlay_2.gif');
}

/************************************************************************************************/
/*header_menu*/
/************************************************************************************************/
#top_header_menu {
	position:absolute;
	right:20px;
	top:56px;
	height:20px;
	width:420px;
}

#header_menu ul{
list-style: none;
margin: 0;
padding: 0;
font-family: Arial;
font-size: 0.9em;
}

#header_menu ul li{
float: right;
}

#header_menu ul li a{
display:block;
padding-left: 10px;
padding-right:10px;
padding-top:2px;
border-right: 1px solid #bdbdbd;
text-decoration: none;
color: #3b6864;
}

#header_menu ul li a:hover{
color: #bdbdbd;
}


p.ledenlijst_knop {
	font-family: Arial;
	font-size: 0.8em;
	text-align:center;
	text-decoration:none;
}

p.ledenlijst_knop a{
	display:block;
	height:20px;
	width:100%;
	padding-top:4px;
	margin-top:-1px;
	margin-right:1px;
	background:url('http://www.naomt.nl/images/menu_back.gif'); color: #ffffff
	}
	
p.ledenlijst_knop a:hover {background:url('http://www.naomt.nl/images/menu_overlay.gif'); color: #ffffff}

/************************************************************************************************/
/*teksten*/
/************************************************************************************************/

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

p {margin:0;}

p.news {
	margin:0;
	font-weight:normal;
	font-family: Arial;
	font-size: 0.9em;
	color:#006864;
	text-align:left;
}

p.news a{color:#006864;}
p.news a:hover{color:#dadada;}

p.tekst {
	margin:0;
	font-family: Arial;
	font-size: 0.8em;
	color:#4d4d4d;
	text-align:justify;
}

p.tekst a{color:#4d4d4d;}
p.tekst a:hover{color:#006864;}

p.synopsis {
	margin:0;
	font-weight:bold;
	font-family: Arial;
	font-size: 0.8em;
	color:#4d4d4d;
	text-align:justify;
	margin-bottom:10px;
}

p.synopsis a{color:#4d4d4d;}
p.synopsis a:hover{color:#006864;}

p.tekst_center {
	margin:0;
	font-family: Arial;
	font-size: 0.8em;
	color:#4d4d4d;
	text-align:center;
}

p.textbox {
	margin:0;
	font-family: Arial;
	font-size: 0.8em;
	color:#4d4d4d;
	text-align:justify;
}

p.tekst_compleet {
	margin-top:20px;
	font-family: Arial;
	font-size: 0.8em;
	color:#4d4d4d;
	text-align:justify;
}

p.titel {
	margin:0;
	font-family:Arial;
	font-size: 0.85em;
	font-weight:bold;
	color:#4d4d4d;
	text-align:left;
}

p.titel a{color:#4d4d4d;}
p.titel a:hover{color:#006864;}



p.datum_tekst_nieuws {
	margin:0;
	font-family:Arial;
	font-size: 0.8em;
	color:#a1a1a1;
	text-align:left;
}



p.ledenlijst {
	margin-left:4px;
	font-weight:bold;
	font-family: Arial;
	font-size: 0.8em;
	color:#4d4d4d;;
	text-align:center;
}

p.ledenlijst a{color:#4d4d4d;}
p.ledenlijst a:hover{color:#006864;}

p.datum {
	color:#a1a1a1;
}

p.footer {
	font-weight:bold;
	padding-left:10px;
	font-family: Arial;
	font-size: 0.8em;
	color:#ffffff;
	text-align:left;
}

p.footer_end {
	padding-top:10px;
	font-family: Arial;
	font-size: 0.8em;
	color:#ffffff;
	text-align:center;
}

