/* 
Reitsma Bedden
======================================================================================
URL:				http://www.reitsmabedden.nl/
Start ontwerp: 		onbekend
Start xhtml: 		3 april 2009
Auteur: 			Ale van der Ploeg [http://www.addnoise.nl]
======================================================================================
*/

@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);


body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000; 
	background: #efebd2;
}

		
html
{
	height: 100%;
}

a:link, a:visited { 
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	   color: #3A452D;
	   text-decoration: underline;
	}
	
a:hover, a:active { 
	color: #000000;
	text-decoration: underline;
	}	


/* Algemene opmaak
---------------------------------------------------------------------------------------------- */

#container {
	width: 1001px;
	margin: auto;
	padding: 0px;
}

#header {
	width: 100%;
	background: #9aa587;
	height: 180px;
	padding: 30px 0px 0px 0px;
}

#header .left{
	width: 144px;
	float: left;
}
#header .left img{ border: 0px; margin: 0px; padding: 0px;}

#header .right { 
	width: 857px;
	float: left;
	height: 139px;
	background: #ffffff;
}

#header .right img{ margin: 0px 0px 0px 2px; float: left;}

.header1{
	width: 160px;
	height: 139px;
}

.header2{
	width: 120px;
	height: 139px;
}

.header3{
	width: 156px;
	height: 139px;
}

.header4{
	width: 114px;
	height: 139px;
}

.header5{
	width: 138px;
	height: 139px;
}

.header6{
	width: 157px;
	height: 139px;
}



#header .menu {
	width: 847px;
	padding: 0px;
	float: right;
	height: 40px;
}

#header .menu ul{ list-style: none; margin: 0px; padding: 0px 0px 0px 4px;}
#header .menu li { list-style: none; margin: 0px; padding: 0px; float: left;}
#header .menu a:link, #header .menu a:visited {
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0px 7px 0px 7px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	float: left;
}

#header .menu a.actief:link, #header .menu a.actief:visited, #header .menu a:hover {
	color: #3a4523;
}

#maincontent {
	width: 100%;
	float: left;
	background: #FFF url(../images/maincontent_bg.gif) top left repeat-y;
}

#maincontent .left{
	width: 146px;
	float: left;
}

#maincontent .left img{ border: 0px;}

#maincontent .left .text {
	padding: 10px;
	color: #FFF;
	font-weight: normal;
	font-size: 7px 0px 10px 8px;
}

#maincontent .left .text a:link, #maincontent .left .text a:visited{
	height: 20px;
	line-height: 20px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}

#maincontent .left .text a:hover{
	text-decoration: underline;
}

#maincontent .middle{
	width: 657px;
	padding: 20px;
	float: left;
}

#maincontent .middle p{
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

#maincontent .middle .top{
	width: 657px;
	float: left;
	background: transparent url(../images/top_bg.gif) bottom left no-repeat;
	padding: 0px 0px 30px 0px;
}

#maincontent .middle .top img{ float: left; margin: 0px 20px 0px 0px; border: 0px;}
#maincontent .middle .top .text {
	width: 320px; 
	float: right;
}

#maincontent .middle .bottom{
	width: 657px;
	float: left;
	background: transparent url(../images/bottom_bg.gif) top left no-repeat;
	padding: 0px 0px 0px 0px;
}

#maincontent .middle .bottom .left{
	width: 299px;
	float: left;
	padding: 40px 0px 30px 14px;
}

#maincontent .middle .bottom .right{
	width: 299px;
	float: right;
	padding: 40px 14px 30px 0px;
}

#maincontent .middle .bottom .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3a452d;
	padding: 0px 0px 10px 20px;
	background: transparent url(../images/arrow_bottom.gif) 0px 4px no-repeat;
	font-weight: bold;
}

#maincontent .middle .bottom .item {
	width: 291px;
	float: left;
	background: transparent url(../images/item_bg.png) top left no-repeat;
	padding: 8px 0px 8px 8px;
}

#maincontent .middle .bottom .item img{
	float: left;
	border: 0px;
	width: 71px;
	height: 71px;
	position: relative;
}

#maincontent .middle .bottom .item .text{
	float: right;
	width: 200px;
	color: #4e4d46;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#maincontent .middle .bottom .item .text a:link, #maincontent .middle .bottom .item .text a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #4e4d46;
	display: inline;
	line-height: 18px;
}

#maincontent .middle .bottom .item .text .kop {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d37;
	text-decoration: none;
}

#footer {
	height: 21px;
	float: left;
	width: 100%;
	background: transparent url(../images/footer_bg.gif) top left repeat-y;
}

#footer .left {
	width: 146px;
	height: 21px;
	float: left;
}

#footer .middle {
	width: 690px;
	height: 21px;
	float: left;
	line-height: 21px;
}

#footer .middle p{ margin: 0px; padding: 0px;}

#footer .middle a:link, #footer .middle a:visited{
	text-decoration: none;
	color: #000;
	float: left;
}

a.doorlink, a.doorlink:visited {
	color: #3a452d;
}


.subnavigatie{
	width: 143px;
	padding: 21px 0px 0px 7px;
	float: left;
}



/* Fotosoverzicht
-------------------------------------- */

.fotosrechts { 
	float: right;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 20px;
	position: relative;
	}
	
.fotosrechts img {
	border: 0px;
	width: 250px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	}

.fotosrechts img:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	}
	
.fotoslinks { 
	float: left;
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 15px 20px 20px 0px;
	position: relative;
	}
	
.fotoslinks img {
	border: 0px;
	width: 180px;
	margin: 0px 2px 0px 0px;
	cursor: pointer;
	}

.fotoslinks img:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	}
	
			
.fotosoverzicht { 
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}		

.fotosoverzicht img
{
	border: 0px;
	padding: 0px;
	margin: 0px 15px 15px 0px;
	float: left;
	cursor: pointer;
	width: 148px;
	height: 110px;	
}	

.fotosoverzicht img:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	}


/* Overzicht
--------------------------------- */

.itemfoto{
	float: left;
	width: 123px;
	height: 123px;
	background: #e2e2e2;
	padding: 1px;
}

.itemfoto img{
	float: left;
	width: 123px;
	height: 123px;
	border: 0px;
}
.itemfoto img:hover {
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


.itemcontent{
	float: right;
	width: 510px;
}

.itemkop{
	float: left;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #3A452D;
	width: 276px;
	font-weight: bold;
	border-bottom: 1px solid #c0c4bc;
	padding: 12px 90px 5px 15px;
}

.itemkop_kort{
	float: left;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #3A452D;
	width: 216px;
	font-weight: bold;
	border-bottom: 1px solid #c0c4bc;
	padding: 12px 150px 5px 15px;
}


.itemkop a:link, .itemkop a:visited { 
	color: #3A452D;
	text-decoration: none;
	}

.itemkop a:hover, .itemkop a:active { 
	color: #69696C;
	text-decoration: none;
	}
	
	
.itemkop_kort a:link, .itemkop_kort a:visited { 
	color: #3A452D;
	text-decoration: none;
	}

.itemkop_kort a:hover, .itemkop_kort a:active { 
	color: #EB7928;
	text-decoration: none;
	}	
	
.itemtekst{
	float: left;
	width: 368px;
	padding: 10px 0px 0px 15px;
	color: #4E4D46;
}
.itemtekst .datum {
	color: #3A452D;
	font-size: 11px;
	font-style: italic;
}


/* Fonts
---------------------------------------------------------------------------------------------- */

	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
	color: #3a452d;
	padding: 0px 0px 0px 0px;
	}
	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #9B1F0E;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h4 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #242424;
	padding: 0px 0px 0px 0px;
	}	
	
h5 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 31px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}		
	
	
	
/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 143px;
		text-align: left;
		padding-bottom: 0px;
	}

	#verznav ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
	}

	#verznav li a
	{
		display: block;
		width: 143px;
		color: #3A452D;
		padding: 3px 0px 4px 0px;
		text-decoration: none;
		font-weight: bold;
	}
	
	#verznav li a:hover
	{
		text-decoration: none;
		color: #000000;
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #000000;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	#verznav li li a
	{
		display: block;
		width: 128px;
		color: #3A452D;
		padding: 3px 0px 4px 15px;
		text-decoration: none;
		font-weight: normal;		
	}
	

	
	#verznav li li a:hover
	{
		color: #000000;
		text-decoration: none;
		background: none;
	}
	
	#verznav li li a.actief, #verznav li li a.actief:hover
	{
		background: none;
		text-decoration: underline;
	}	
	
/* Clearers
---------------------------------------------------------------------------------------------- */

.line {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	clear: both;
	background: #b8b99d;
}

.itemline {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background: transparent url(../images/item_line.png) top left no-repeat;
}

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

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

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


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


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

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


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

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


.copy{
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

/* Fix voor IE */
		* html #maincontent .middle .bottom .item
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/reitsmabedden/images/item_bg.png', sizingMethod='crop');
		}	

/* Fix voor IE */
		* html .itemline
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/reitsmabedden/images/item_line.png', sizingMethod='crop');
		}