/* CSS Fotoclub Lunetten
Author: RVD Design (http://www.rvd-design.nl/)
Last Modified: 09-12-2009
Copyright http://www.fotoclub-lunetten.nl/

Notes:
#000000 = Black
#ffffff = White
#808080 = Gray
#800000 = Crimson
#f0f0f0 = White/Gray

*/

body {
	background-color: 	#f0f0f0;
	background-image: url(../images/bg.png);
	color: 				#808080;
	font-family: 		Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 			12px;
	line-height: 		;
}

/* Links */

a {
   outline: none;
}

a:link, a:visited, a:active { color:#FFD700; text-decoration:underline;}
a:hover { color:#000000; text-decoration: none; }

/*#content span.a { color:#FFD700; text-decoration:underline;}
#content span.a:hover { text-decoration: none; }*/

p {
	margin-bottom: 		5px;
}

/* Heads */

h1 { 
	color:				#FFD700;
	font-family: 		Verdana, Tahoma;
	font-size:			1.5em;
	margin-top:			20px;
	margin-bottom:		7px;
}

h2 { 
	color:				#FFD700;
	font-family: 		Verdana, Tahoma;
	font-size:			1.2em;
	margin-bottom: 		5px;
	margin-top:			20px;
}

h3 {
	color:          	#0B0B3B;
	font-size:      	12px;
	font-weight:    	bold;
	padding-bottom:		3px;
}

/* Forms */

form { display: inline; }

input {
	font-family: 		Verdana, Tahoma, Arial;
	font-size: 			14px;
}

.forminput, .textinput {
 	border: 			1px solid #000000;
	font-family: 		Calibri, Verdana, Tahoma, Arial;
	font-size: 			16px;
}

/* +++ */

.highlight {
	color: 				#000000;
}

/* Divs */

div { 
	/*border: 			#FFD700 1px solid;	
	margin: 			0px;*/
}

/* Container */ 
#container {	
	background-color:	/*#f0f0f0;*/ #151515;
	border:				2px solid #0B0B3B;
	margin:				0 auto;
	margin-top:			16px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px; 
	overflow: 			hidden;
	width: 				1090px; /*970*/
}

/* Header */

#header {
	clear:				both;
	/*text-align:			center;*/
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	padding:			2px 0px 0px 0px; 
}

#breadcrumbs {
	padding:			4px;
	padding-left: 		170px;
}

#search {
	margin-top:			-20px;
text-align: right;
}

#submenu {
	border-bottom:		1px solid #000000;
	border-top:			1px solid #000000;
	clear:				both;
	font-family:		Verdana, Tahoma, Calibri;
	font-size:			1.3em;
	padding-top:		10px;
	padding-bottom:		10px;
	text-align:			center;
}

#submenu a:link, #submenu a:visited, #submenu a:active { color:#FFFFFF; text-decoration: none;}
#submenu a:hover { text-decoration: underline; color:#000000; }

/* Menu */
/* #ECF1F3 */
#nav {
	background-color:	#808080;
    color: 				#0B0B3B;
	border-right:		1px solid #000000;
	float:				left;
	font-family:		Verdana, Tahoma, Calibri;
	font-size:			1.2em;
	height:				550px;
	padding-top:		5px;
	width:				150px;
}

.nav-list {
	background-color:	#ecf1f3;
	border:				3px solid #0B0B3B;
	color:				#000000;
 	list-style: 		none;
	margin: 			0 auto;
	margin-bottom:		5px;
	-moz-border-radius: 3px 3px 3px 3px;
	padding: 			0;
	-webkit-border-radius: 3px;
	width:				140px;
}

.nav-list li {
	border-bottom: 		dotted 1px #000000;
	cursor: 			pointer;
	padding: 			5px 0px 5px 10px;
}

.nav-list ul li {
	cursor: 			pointer;
	padding: 			5px 0px 5px 10px;
}

/*
.nav-list li:hover {
	text-decoration: 	none;
}
*/

.nav-list a:hover {
	color: 				#0B0B3B;
	text-decoration: 	none;
}

.nav-list li a:link, a:visited, a:active { color:#000000; text-decoration:underline;}
.nav-list li a:hover { color:#000000; text-decoration: none; }

span.breadcrumbs a{ color:#FFD700; text-decoration:underline;}
span.breadcrumbs a:hover { text-decoration: none; }

#enquete {
	background-color:	#ecf1f3;
	border:				3px solid #0B0B3B;
	font-size:			10px;
 	list-style: 		none;
	margin: 			0 auto;
	margin-bottom:		5px;
	-moz-border-radius: 3px 3px 3px 3px;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		5px;
	-webkit-border-radius: 3px;
	width:				135px;
}

#login {
	background-color:	#ecf1f3;
	border:				3px solid #0B0B3B;
	font-size:			10px;
 	list-style: 		none;
	margin: 			0 auto;
	margin-bottom:		5px;
	-moz-border-radius: 3px 3px 3px 3px;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		5px;
	-webkit-border-radius: 3px;
	width:				135px;
}

.inputbox {
	font-size: 			10px;
	width:	 			120px;
}

.button {
	font-size: 			10px;
}

/* Content */

#content {
	float:				left;
	height:				540px;
	overflow: 			auto;
	padding-top:		20px;
	padding-left:		5px;
	width: 				415px;
}

#right {
/*	background-color:	#f0f0f0; */
	float:				left;
	height:				480px;
	margin:				15px 25px 25px 0px;
	-moz-border-radius: 10px;
	padding:			2px;
	-webkit-border-radius: 10px;
	width:				483px; /*508*/
}

.photo {
	background-color:	#ffffff;
	border-top:			5px solid #ffffff;
	border-right:		5px solid #ffffff;
	border-bottom:		55px solid #ffffff;
	border-left:		5px solid #ffffff;
	/* height:				340px; */
	margin:				0 auto;
	-moz-border-radius: 15px 15px 35px 15px;
	padding:			5px;
	-webkit-border-radius: 10px;
	/* width:				433px; */
}

.foto {
	background-color:	#000000;
	/* height:				330px; */
	margin:				0 auto;
	margin-bottom:		5px;
	padding:			5px;
	/* width:				423px; */
}

/* Footer */

#footer {
	border-top:			1px solid #000000;
	color:				#808080;
	clear:				both;
	margin:				0 auto;	
	padding-top:		3px;
	padding-left:		5px;
	padding-right:		5px;				
}

#footer a:link {
	color:				#FFD700;
}

#footer a:hover {
	color:				#FFD700;
}

.right { 
	clear:				right;
	float: 				right;
	text-align: 		right; 
}

.right a:link {
	color:				#808080;
}