/*
Title: ESA bvba		
Updated: 	
Version: 1.0
Author: yse
*/

body{background: #272727; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
img { border:0;}
#wrapper { width: 900px; margin: 50px auto 0 auto;}
.cb{ clear:both; }
.last{ margin:0; }

#blockside { float:left; width: 100px; padding-top: 20px; margin-right: 100px;}
#blockmain { float:left; width: 700px; }


#references-info { float:left; width: 400px;padding: 15px; background:#333333; margin-right:7px;}
	#references-info h3 { color: #C6C6C6; float:left; width: 120px; font-size: 12px; }
	#references-info .line { padding: 3px 0; clear:both;}


#logo { }

#blockmain a { color: #FFF; text-decoration:none; border-bottom: 1px solid #666666;}
#blockmain a:hover { border-bottom: 0;}
#references-nav a { border:0;}

h1 { font-size: 16px;}

.error-message { color: #FF3333; padding: 5px 0 5px 120px;}

.header { background: #333 url('../img/esa/header-architectuur.jpg') no-repeat top left; border: 3px solid #333; height: 75px;position: relative;  margin-bottom: 1em;}
#node-8 .header {background-image:url('../img/esa/header-referenties.jpg');}

#node-reference .header { display:none;}

.header h1 {  position:absolute; bottom: 0px; right: -11px; height: 30px; width: auto; padding: 15px 20px 5px 15px; background:url('../img/esa/background.title.gif') no-repeat top right;  }

p { margin-bottom: 1em; line-height:1.5em;}
.content, .col-content { line-height:1.5em; padding: 20px; background:#333; margin-bottom:7px;}
.content ul , .content ol { margin: 1em 2em; list-style: inside;}


.col .col-content ul li { margin-bottom: 8px;}

.module .col {width:226px; float:left; margin-left: 10px;}
.module h2 { margin-bottom: 5px; font-size: 15px;}
.module .col.first{ margin-left:0; }

#mainmenu { margin-top: 100px;}
#mainmenu ul a { display:block; height: 0 !important; padding: 20px 0 0 0; overflow:hidden; float:left; width: 81px;}
	#mainmenu ul a:hover { background-position: 0 -20px;}
	#mainmenu ul a.active { background-position: 0 -40px;}
	#li-activiteiten a { background: url('../img/esa/li-activiteiten.gif') no-repeat top left;}
	#li-architectuur a { background: url('../img/esa/li-architectuur.gif') no-repeat top left;}
	#li-stabiliteit a { background: url('../img/esa/li-stabiliteit.gif') no-repeat top left;}
	#li-engineering a { background: url('../img/esa/li-engineering.gif') no-repeat top left;}
	#li-downloads a { background: url('../img/esa/li-downloads.gif') no-repeat top left;}
	#li-survey a { background: url('../img/esa/li-survey.gif') no-repeat top left;}
	#li-referenties a { background: url('../img/esa/li-referenties.gif') no-repeat top left; margin-top: 50px;}
	#li-team a { background: url('../img/esa/li-team.gif') no-repeat top left;}
	#li-contact a { background: url('../img/esa/li-contact.gif') no-repeat top left;}
	
#slideshow { position: relative; background: #333333; width: 687px; height: 460px; padding: 7px; margin-bottom: 7px;}
#slideshow .controls{ position:absolute; left:5px; right:5px; top:210px;}
#slideshow .controls .prev{ position:absolute; left:0; z-index:10; cursor:pointer;}
#slideshow .controls .next{ position:absolute; right:0; z-index:10; cursor:pointer;}

#footer {display:block; clear:both; text-align:right; color: #999999; font-size: 10px; padding: 20px 0;}
#footer a { color: #999;}
#footer a:hover {color: #FFF;}

#references-nav { margin-bottom:7px; text-transform: lowercase; font-size:11px; position:relative; }
#nav-prev{ float:left; padding:10px; background:#333333; display:block; color:#7f7f7f !important; }
#nav-next{ float:right; padding:10px; background:#333333; display:block; color:#7f7f7f !important;}
#nav-prev:hover, #nav-next:hover{ color:white !important; }
#nav-all{  display: block; left: 290px; position: absolute; top: 10px; }

	#slideshow .title { position:absolute; bottom: 25px; right: -11px; height: 30px; width: auto; padding: 15px 30px 5px 15px; background:url('../img/esa/background.title.gif') no-repeat top right; }
	#slideshow a { border:0;}
	
.input { padding: 5px 0;}
	.input label { float:left; width: 120px; }
	.input input, .input textarea { width: 300px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
	.input .form-error { border: 1px solid #FF3333;}
	.submit { padding-left: 120px;}
	.submit button, .submit input {  padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif;}