@charset "UTF-8";
/* CSS Document */

* {
padding:0;
margin:0;
}

BODY { 
  background-color: #151610;
  font-family: Georgia, Verdana, Geneva, sans-serif;
  font-size:14px;
  color:#ffffff;
}

#logo {
	position:relative;
	z-index:3000;
}

#everythingbelowlogo {
	margin-left:100px;
	margin-top:-0px;
	z-index:4000;
}

UL.werkmenu {
	width:228px;
	list-style-type:none;
	margin:4px 0px 4px 0px;
	margin-bottom:30px;
}

UL.werkmenu LI {
	width:100%;
	margin-bottom:4px;
}

UL.werkmenu LI A{
	display:block;
	width:100%;	
	text-decoration:none;
	background-color:#222222;
	height:100%;
	padding:10px;
}

UL.werkmenu LI A:hover{
	background-color:#333333;
}

#container {
	margin:0 auto;
	margin-top:10px;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:46em;
	width:904px;
	clear:left;
}

DIV#galleryright {
	margin-left:300px;
	width:500px;
	text-align:right;
}
DIV#galleryleft {
	width:250px;
	float:left;
}

IMG#aboutmephoto {
	margin-bottom:20px;
}

DIV#aboutright {
	margin-left:450px;
	width:350px;
	text-align:right;
}

DIV#aboutleft {
	width:400px;
	float:left;
}

DIV#contentcolumnscito {
	width:900px;
	clear:both;
}

DIV#aboutrightcito {
	margin-left:400px;
	width:400px;
	text-align:right;
}
DIV#aboutleftcito {
	width:350px;
	float:left;
}

HR.divider {
	clear:both;
	height:0px;
	visibility:hidden;
	width:100%;
}

#message {
	display:none;
}


/****************************************
 * Navigation
 ****************************************/

DIV#list-menu, DIV#langswitch {
	list-style-type: none;
	font-family : Georgia;
	letter-spacing : 2px;
	font-size: 17px;
	line-height:35px;
	margin-bottom:5px;
	color:#aaaaaa;
} 

DIV#list-menu UL LI {
	display:inline;
	padding-right: 20px;
} 

DIV#list-menu A {
	color:#aaaaaa;
	text-decoration: none;
}

DIV#list-menu A:hover, DIV#list-menu UL LI A.selected{
	color: #ffffff;
}

/****************************************
 * Fonts and colours
 ****************************************/
H1 {
	margin:10px 0px;
	letter-spacing : 1px;
	font-size: 20px;
}

H2 {
	margin:10px 0px;	
	letter-spacing : 1px;
	font-size: 16px;
}

P {
	margin:5px 0px 5px 0px;	
}

a {
color:#EFEFEF;
}

a:hover {
color:#999999;
}

/****************************************
 * Gallery layout
 ****************************************/

DIV.menuitem A IMG {
  border: 1px solid #000000;
  margin: 3px 5px 5px 3px;  
  float:left;  
}

DIV.menuitem A IMG.thumbselected {
  border: 3px solid #ffffff;
  margin: 1px 3px 3px 1px;  
  float:left;   
}

DIV#galleryleft DIV#chooser A {
	float:right;
}

DIV#galleryleft IMG {
  display: block;  
}

DIV#galleryright IMG {
  padding: 4px;  
}
/****************************************
 * Contact Form
 ****************************************/

FIELDSET {
  border: 0px;
}  

INPUT, TEXTAREA, SELECT {
  font-size: 11px;
  border: 1px solid #eeeeee; 
  padding:5px;
  background:#dddddd;
  margin:5px 0px 0px 0px;
}

INPUT { width:250px; }
TEXTAREA { width:250px; }
  
FIELDSET LABEL {
  width:80px;
  display:block;
  float:left;
}


/****************************************
 * Language selector
 ****************************************/

DIV#contentpane A.langselected {
  color:#ffffff;
}

#emailsubmit {
  margin-left:197px;
  width:100px;
}

#content {
	color:#ffffff;
}

#work {
	float:left;
	margin-right:20px;
}
	
#footer {
	color:#aaaaaa;
	text-align:left;
	font-size:14px;
	margin-top:20px;
	margin-bottom:50px;
	float:left;
	position:relative;
}

#footer A {
	color:#aaaaaa;
}