/* Stylesheet Less is more Fotografie*/
  
html,body {
	background: #000000;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial;
	border: none;
	background-image: url(../img/background.gif);
	background-repeat: repeat-x;
}

#mainContent {
	width: 100%;
	height: auto;
	margin: auto;
}

#grijs {
	width: 100px;
	height: 120px;
	float: left;
	background-color: #9F9F9F;
}

#headerContent {
	width: 100%;
	_width: 1150px;
	min-width: 1150px;
	height: 120px;
	float: left;
}

#headerContent img{
	border: none;
	float: left;
}

.menuContent {
	width: 600px;
	height: 120px;
	float: right;
}

.menuContent ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.menuContent li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.menuContent a{
	height: 120px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 120px;
	color: #000;
	padding-right: 26px;
	text-decoration: none;
	float: left;
}

.menuContent .activemenu {
	color: #000;
} 

.menuDropdownContent {
	width: 20px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
}


.menuDropdownContent ul {
  padding: 0;
  margin: 0;
  list-style: none;
 }
  
.menuDropdownContent li {
  float: left;
  position: relative;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #DC1373;
  text-align: center;
  font-size: 21px;
}

.menuDropdownContent li ul {
  display: none;
  position: absolute; 
  margin-top: -26px;
  margin-left: 25px;
  *margin-top: 0px;
  *margin-left: 0px;
}

.menuDropdownContent li ul li {
	width: 196px;
	margin-left: 1px;
}

.menuDropdownContent li ul li a{
	text-decoration: none;
	color: #FFFFFF;
	height: 28px;
	width: 196px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding-left: 10px;
	line-height: 26px;
	background-color: #DC1373;
	text-align: left;
}

.menuDropdownContent li > ul {
	top: auto;
	left: auto;
}

.menuDropdownContent li:hover ul, li.over ul{ 
	display: block;
}

#wittebalk	{
	height: 120px;
	background-color:#FFFFFF;
	width: 100%;
}

#header	{
	height: 120px;
	width: 1008px;
}

#topleegeen	{
	height: 120px;
	width: 26px;
	float: left;
	background-color:#FFFFFF;
}

.logo	{
	width: 223px;
	height: 120px;
	background-image:url(../img/opbouw/logo_top.gif);
	float: left;
}

#topleegtwee	{
	height: 120px;
	width: 264px;
	float: left;
	background-color:#FFFFFF;
}

.home	{
	width: 46px;
	height: 120px;
	background-image:url(../img/opbouw/home_top.gif);
	float: left;
}

.home_active	{
	width: 46px;
	height: 120px;
	background-image:url(../img/opbouw/home_active.gif);
	float: left;
}

.lessismore	{
	width: 137px;
	height: 120px;
	background-image:url(../img/opbouw/lessismore_top.gif);
	float: left;
}

.lessismore_active	{
	width: 137px;
	height: 120px;
	background-image:url(../img/opbouw/lessismore_active.gif);
	float: left;
}

.fotogal	{
	width: 121px;
	height: 120px;
	background-image:url(../img/opbouw/fotogal_top.gif);
	float: left;
}

.fotogal_active	{
	width: 121px;
	height: 120px;
	background-image:url(../img/opbouw/fotogal_active.gif);
	float: left;
}

.kosten	{
	width: 80px;
	height: 120px;
	background-image:url(../img/opbouw/kosten_top.gif);
	float: left;
}

.kosten_active	{
	width: 80px;
	height: 120px;
	background-image:url(../img/opbouw/kosten_top.gif);
	float: left;
}

.contact	{
	width: 101px;
	height: 120px;
	background-image:url(../img/opbouw/contact_top.gif);
	float: left;
}

.contact_active	{
	width: 101px;
	height: 120px;
	background-image:url(../img/opbouw/contact_top.gif);
	float: left;
}

#omhulsel	{
	width: 802px;
	height: 428px;
	margin: auto;
}

#foto	{
	width: 100%;
	height: 428px;
	float: left;
	margin-top: 40px;
}

#foto	img{
	float: left;
}

.knop	{
	height: 24px;
	width: 24px;
	float: left;
	background-image:url(../img/opbouw/knop_pijl.gif);
	margin: 247px 0px 0px 578px;
}

#fotozwanger	{
	width: 802px;
	height: 428px;
	float: left;
	background-image:url(../img/opbouw/zwanger.gif);
}

#menu	{
	width: 193px;
	height: 115px;
	float: left;
	margin: 247px 0px 0px 609px;
	background-image:url(../img/opbouw/menu.gif);
}
	
.huwelijk	{
	width: 169px;
	height: 24px;
	float: right;
	background-image:url(../img/opbouw/knop_huwelijk.gif)
}

.zwangerschap	{
	width: 169px;
	height: 32px;
	float: right;
	background-image:url(../img/opbouw/knop_zwangerschap.gif)
}

.potretten	{
	width: 169px;
	height: 27px;
	float: right;
	background-image:url(../img/opbouw/knop_potretten.gif)
}

.divers	{
	width: 169px;
	height: 32px;
	float: right;
	background-image:url(../img/opbouw/knop_divers.gif)
}

#fotogalerij	{
	width: 100%;
	height: 76px;
	float: left;
	background-color:#00000;
	display:block;
}

#sitepath {
	width: 100%;
	height: 52px;
	text-align: right;
}

#sitepath a{
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	color: #DC1373;
	display: inline;
	line-height: 52px;
	text-decoration: none;
}

#sitepath .active {
	font-size: 30px;
	font-weight: normal;
	text-align: right;
	color: #FFF;
	display: inline;
	line-height: 52px;
	margin-right: 48px;
}

.path	{
	float:right;
	color: #DC1373;
	font-size: 13px;
	text-decoration: none;
	padding-top: 32px;
}

#pijlen	{
	height: 24px;
	width: 100%;
}

.leegvak	{
	width: 435px;
	height: 27px;
	background-color:#000000;
}

#midden_fotothumb	{
	width: 760px;
	height: 415px;
	margin: auto;
}

#nummers	{
	width: 100%;
	height: 24px;
	float: left;
}

#nummers img{
	border: none;
	margin-right: 5px;
}

#nummers a{
	display: block;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DC1373;
	float: left;
	margin-right: 8px;
	font-weight: bold;
}

.nummerlinks	{
	width: 24px;
	height: 24px;
}

.nummer	{
	width: 24px;
	height: 24px;
	margin-left: 10px;
}

.rij	{
	width: 100%;
	height: 128px;
	margin-top: 20px;
	float: left;
}


.menuRightFloat {
	width: 20px;
	height:30px;
	float: left;
	margin-top: 240px;
	margin-left: 10px;
}

.imageTextContent {
	color: #FFF;
	margin: 0;
	padding: 0;
	line-height: 27px;
	float: left;
	margin-bottom: 28px;
	width: 350px;
}

.imageTextContent h1{
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.imageTextContent p{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.imageTextContent .block{
	width: 24px;
	height: 24px;
	background-color: #DC1373;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 21px;
	line-height: 24px;
	padding-left: 8px;
	padding-right: 8px;
	display: block;
}

#fotoContent {
	width: 700px;
	height: auto;
	margin: auto;
}

#fotoContentKosten {
	width: 800px;
	height: auto;
	margin: auto;
}

#fotoContentKosten a{
	display: inline;
}

#fotoContent a{
	display: inline;
}

.contentImage {
	width: 126px;
	height: 126px;
	border: 1px solid #6B0D5D;
	float: left;
	margin-right: 20px;
}

.contentImage a{
	border: none;
}

.contentImage img{
	border: none;
}

#offerteContent {
	width:537px;
	margin: auto;
}

.detailRow {
	width: 435px;
	clear: both;
	margin-bottom: 15px;
	color: #DC1373;
	font-size: 12px;
}

.detailRow label{
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
}

.detailRow input{
	width: 435px;
	background-color: #DC1373;
	border: 1px solid #DC1373;
}

.detailRow .inputSmall {
	width: 200px;
}

.btnSend {
	display: block;
	width: 100px;
	height: 20px;
	background-color: #DC1373;
	margin-left: 40px;
	color: #FFF;
	border: 1px solid #DC1373;
	font-weight: bold;
}

.offerteFieldset{
	width: 550px;
	border: 1px solid #DC1373;
	padding: 20px;
	height: auto;
	margin-bottom: 20px;
}

.offerteFieldset legend{
	font-size: 15px;
	font-weight: bold;
	color: #DC1373;
}

.offerteText {
	width: 537px;
	margin-bottom: 20px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

.offerteText span{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#fotoCostConent {
	width: 100%;
	height: auto;
	float: right;
	background-image: url(../img/opbouw/kosten_BG.jpg);
	background-repeat: no-repeat;
	background-position: 520px 60px;
}

.textContent {
	width: 700px;
	height: auto;
	float: left;
	margin-bottom: 60px;
}

.textOdd {
 	height: 300px;
	padding-top: 20px;
}

.textContent a{
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
}

.textContent .offerteBtn{
	color: #DC1373;
	font-size: 16px;
	font-weight: bold;
}


.textContent h1{
	font-size: 14px;
	color: #DC1373;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.textContent p{
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.textContent span{
	font-size: 12px;
	color: #DC1373;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.textContent .kostenBtn {
	width: 10px;
	height: 10px;
	display: block;
	background-color: #DC1373;
	margin-right: 10px;
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.infoTextContent {
	font-size: 10px;
	font-weight: normal;
	margin: auto;
	text-align: center;
	color: #FFF;
	width: 400px;
}

.greenText {
	font-weight: bold;
	color: #8CA717;
}
