/*The original design of this website is created by 2ydesign.nl. The code is rewritten with permission of the original designer.*/

/*Kleurgebruik website

#0c3113	Donkergroen (body)
#91a697	Lichtgroen (o.a. kleur logo in content, fontkleur link)
#0a270f Groen (infopaneeltje)
#564b47	Donkerbruin (hoofdtekst)
#9d9663	Lichtbruin (o.a. hoverkleur, lichtbruine tekst, diverse headers)
#ffffc2 Lichtgeel (tekstkleur hover, selected, visited)
#ffffff	Wit (o.a. witte vlak, fontkleur link bij hover)
*/


/* CSS Document for the layout of the photography*/

#photo_container {
	width:	725px; /*zonder border 720px*/
	height: 330px;
	padding-top: 25px;
	margin-left: 5px; /*zonder border 10px*/
	}

.img_single_position { /*positionering enkele foto (328px hoog) of 2 staande (152px hoog)*/
	float:right;
	margin: 0 0 0 5px; /*zonder border 0 0 0 5px*/
	}

.img_single_position_sa { /*positionering enkele foto verder naar links ('stand-alone')*/
	float:right;
	margin: 0 58px 0 5px; /*zonder border 0 0 0 5px*/
	}

.img_single_position_ds { /*positionering 2 foto's met meer tussenruimte ('duo-set')*/
	float:right;
	margin: 0 0 0 13px; /*zonder border 0 0 0 5px*/
	}

.img_series_position { /*positionering series van 3 liggende foto's (152px hoog)*/
	float:right;
	margin: 115px 0 0 5px; /*zonder border 115px 0 0 5px*/
	}

.img_series2_position { /*positionering series van combiserie staand/liggend (184px of 192px hoog) of 3 vierkante foto's (184px) */
	float:right;
	margin:85px 0 0 5px; /*zonder border 85px 0 0 5px*/
	}

.img_series3_position { /*positionering series van 2 liggende foto's (232px hoog)*/
	float:right;
	margin:60px 0 0 5px; /*zonder border 60px 0 0 5px*/
	}
	
.img_series3_position_ds { /*positionering 2 foto's met meer tussenruimte ('duo-set')*/
	float:right;
	margin:60px 0 0 13px; /*zonder border 60px 0 0 5px*/
	}

#photo_container img {
	border:2px solid #000000; /*zonder border border:none*/
	}

#photo_comment {
	visibility:hidden;
	float: left;
	width: 420px;
	background-color:#0a270f;
	}

#photo_comment p {
	color: #ffffc2;
	font-size: 1.1em; 
	text-align:right;
	padding: 15px; 
	}

#photo_comment .technical {
	font-size:1em;
	}

#pictogram {
	width: 705px;
	height: 15px;
	margin: 15px auto 0 auto;
	}
	
.arrow_left {
	float: left;
	border: none;
	}
	
.arrow_right {
	float: right;
	border: none;
	}
		
#pictogram li {
	display: inline;
	list-style-type: none;
	}


/*Instellingen menu scrollbar*/

#photography_menu_scroll {
	float:left;
	margin: 0 0 0 0;
	width:710px; 
	height:25px; 
	overflow:hidden;
	}
	
#photography_menu_items { /*De width moet aangepast worden, zodra er menu-items voor het scrollmenu toegevoegd of verwijderd worden */
	text-align:left;
 	width: 2550px; 
	}
	
#photography_menu_items li{ /*Scrollmenu*/
	display: inline;
	float: left;
	color: #91A697;
	font-size: 1.1em;
	text-decoration: none;
	border-right: 1px solid #91A697;
	padding: 0 1.1em 0 1.1em ;
	}
	
input#but_left, input#but_right { /*Knoppen < en > om scrollmenu te bedienen*/
	background: #0c3113;
	font-size: 1.4em;
	color: #91A697;
	border: none;
	}
	
input#but_left { /*Positionering knop <*/
	float: left;
	margin: -5px 0 0 0;
	}
	
input#but_right { /*Positionering knop >*/
	float: left; 
	margin: -29px 0 0 738px;
	}
	
input#but_left:hover, input#but_right:hover {
	background-color:#B4A851;
	color: #FFFFFF;
	}

#logo { /*Logo Rob Sweebe, div is nodig ivm positie photo_comment*/
	width:310px;
	height: 75px;
 	float: left;
	}

.mouseover { /*info.png*/
	float: left;
	width: 25px;
	background-color: #0c3113;
	color: #FFFFFF;
	font-weight:bold;
	margin: 12px 0 0 0;
	}

.info a {
	font-family:"Times New Roman", Times, serif;
	font-size:1.6em;
	color:#91a697;
	text-decoration:none;
	}

.info a:hover, .info a:visited {
	color:#ffffc2;
	background-color:#0c3113;
	}