/* basic elements */
html,body{
	margin : 0;
	padding : 0;
	background-color : #FFFFFF;
	height : 100%;
}

html,body {
	line-height : 20px;
	font-family : Arial;
	font-size : 11px;
	color : #000000;
}

html,body {
	line-height : 21px;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
}

hr {
	background-color :#dedede;
	color : #dedede;
	border : 0;
	margin : 15px 0 15px 0;
	height : 1px;
}

a:link, a:visited, a:active {
	text-decoration : none;};
}
a:hover{

	text-decoration : none;
}

form {
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

hr {
	background-color : #C4C6C8;
	color : #C4C6C8;
	border : 0;
	margin : 0;
	height : 1px;
}


h1 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 14px;
	color : #000;
	text-transform : none;
}

h2 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 12px;
	color : #000;
	text-transform : none;
}

h3 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 16px;
	color : #000;
	text-transform : none;
}

h4 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 15px;
	color : #000;
	text-transform : none;
}

h5 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 14px;
	color : #000;
	text-transform : none;
}

h6 {
	background-image : url(http://dakloosinrotterdam.nl/gfx/titel_bullit.gif);
	background-repeat: no-repeat;
	background-position : 0 9px;
	padding : 0 0 0 15px;
	margin :  0 0 2px 0;
	color : #000;
	font-weight : normal;
	font-family : Arial;
	text-transform : none;
	font-size : 16px;
}




.menu ul li
{
color: #FFF;
}

.menu ul li
{
display: inline;
list-style-type: none;
}


.menu ul li a
{
color: #FFF;
font-size: 14px;
line-height: 17px;
margin: 0px 5px 0px 5px;
vertical-align: middle;
}

.menu ul li.selected a
{
color: #040b50;
}





.menusub ul li
{
display: inline;
list-style-type: none;
}

.menusub ul li a
{
font-size: 12px;
line-height: 17px;
}

.menusub ul li.selected a
{
color: #040b50;
}







.colorred a:link,
.colorred a:visited,
.colorred a:active,
.colorred a:hover
{
color: #e3000f;
}

.colorgreen a:link,
.colorgreen a:visited,
.colorgreen a:active,
.colorgreen a:hover
{
color: #38aa34;
}

.colororange a:link,
.colororange a:visited,
.colororange a:active,
.colororange a:hover
{
color: #f39100;
}











.cont_search,
.cont_search a:link,
.cont_search a:visited,
.cont_search a:active,
.cont_search a:hover,
a.white
{
color: #fff;
}

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */









.container {
	position : relative;
	margin : 0 auto;
	width : 971px;
}

.holder {
	float : left;
	background-color : #FFFFFF;
	width : 971px;
	height: 600px;
}

.holder_left
{
	position: relative;
	float: left;
	height: 100%;
	width: 611px;
}

.holder_right
{
	position: relative;
	float: left;
	height: 100%;
	width: 360px;

}

.space_blue
{
	position: relative;
	background-color : #000052;
	width: 100%;
	height: 551px;
}

.logo
{
	position: relative;
	width: 100%;
	height: 49px;
	background-image:				url(http://dakloosinrotterdam.nl/gfx/logo.gif);
	background-repeat:				no-repeat;
	background-position:			10% 100%;
	background-color:				#FFFFFF;
	text-align: 	right;
	color: 	#D3D3D3;
	font-size: 	9px;
}

.logo a
{
	color: #D3D3D3;
	text-decoration: none;
}


.cms_by
{
	position:     absolute;
	left:         50%;
	top:          612px;
	width:        644px;
	height:		 101px;
	margin-left:  -485px;


	text-align: 	left;
	color: 	#D3D3D3;
	font-size: 	9px;
}

.cms_by a
{
	color: #D3D3D3;
	text-decoration: none;
}


.splash_quote
{
	position: relative;
	width: 360px;
	height: 200px;
	color: #FFFFFF;
	font-size: 35px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
}

.splash_orange
{
	position: relative;
	background-image:				url(http://dakloosinrotterdam.nl/gfx/slash_vlak_orange.gif);
	background-repeat:				no-repeat;
	background-position:			33px 0%;
	height:							291px;
	width: 							100%;

}

.splash_orange_txt
{
	padding: 10px 60px 0px 40px;
	height: 235px;
	overflow: hidden;
	line-height: 20px;
}

.spacer {
	float : left;
	width : 971px;
	height : 10px;
}

.red_arrow
{
   position:     absolute;
   left:         50%;
   top:          415px;
   width:        164px;
   margin-left:  400px;
}


.crea
{
   position:     absolute;
   left:         50%;
   top:          463px;
   width:        164px;
   margin-left:  310px;
}

.splash_photo_large
{
   position:     absolute;
   left:         50%;
   top:          22px;
   width:        164px;
   margin-left:  -320px;
   z-index:		10;
}


.fade {
	position: absolute;
   	width: 472px;
   	heigth: 531px;
}

.fade div {
  	position: absolute;
  	top: 0;
  	left: 0;
  	display: none;
   	width: 472px;
   	heigth: 531px;
}


.vlak_top
{
background-image:				url(http://dakloosinrotterdam.nl/gfx/vlak_top.png);
background-repeat:				no-repeat;
background-position:			0% 0%;


position:     absolute;
left:         50%;
top:          22px;
width:        644px;
height:		 101px;
margin-left:  -485px;
}

.vlak_bottom
{
position:     absolute;
left:         50%;
top:          370px;
width:        618px;
height:		  238px;
margin-left:  -485px;
z-index: 	  100;
}


.vlak_bottom_top_left
{
float: left;
width: 143px;
height: 154px;

background-image:				url(http://dakloosinrotterdam.nl/gfx/vlak_bottom_top.png);
background-repeat:				no-repeat;
background-position:			0% 0%;
}
.vlak_bottom_top_right
{
float: left;
width: 475px;
height: 154px;
overflow: hidden;
}


.vlak_bottom_middle_left
{
float: left;
width: 611px;
height: 13px;

background-image:				url(http://dakloosinrotterdam.nl/gfx/vlak_bottom_middle.png);
background-repeat:				no-repeat;
background-position:			0% 0%;
}
.vlak_bottom_middle_right
{
float: left;
width: 33px;
height: 13px;
}



.vlak_bottom_bottom
{
float: left;
width: 618px;
height: 71px;

background-image:				url(http://dakloosinrotterdam.nl/gfx/vlak_bottom_bottom.png);
background-repeat:				no-repeat;
background-position:			0% 0%;
}

.bgred
{
background-color: #e3000f;
}

.bggreen
{
background-color: #38aa34;
}

.bgorange
{
background-color: #f39100;
}

.container_menu_sub
{
float: left;
height: 48px;
}


.menu
{
padding: 27px 22px 10px 22px;
}

.menusub
{
padding: 0px 12px 0px 12px;
}

.page_content
{
position: relative;
height: 420px;
width: 595px;
overflow: auto;
background-color: #fff;
padding: 8px;
float: left;
}

.height_div_behind_top
{
float : left;
height: 120px;
width: 100%;
background-color: #fff;
}

.height_home
{
height: 220px;
}

.blue_img
{
	position: relative;
	overflow: hidden;
	top: 15px;
	width: 100%;
	height: 100%;
}

.cont_hyves
{
margin: 90px 0px 0px 20px;
}


.cont_camera
{
float: left;
margin: 0px 0px 0px 20px;
line-height: 15px;
}



.cont_search
{
float: left;
margin: 20px 0px 0px 170px;
}


form {
margin : 0 0 0 0;
padding : 0 0 0 0;
}

INPUT , textarea {
position : relative;
outline : none;
border : none;
background-color : #FFFFFF;
border : 1px solid #000000;
margin-bottom: 2px !important;
margin-bottom: 0;
padding : 4px 3px 4px 3px;
font-family : Arial;
font-size : 12px;
color : #000000;
}




div.page_content ul
{
list-style-type: disc;
padding: 0px;
margin: 0px 0px 0px 13px;
}

div.page_content ul li
{
padding-left: 5px;
}
