/*
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; }

#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; }
	#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-30 .header { display:none;}
#node-30 .content { display:none;}

#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: 1em;}
.content ul , .content ol { margin: 1em 2em; list-style: inside;}


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

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


#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-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;}

#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 { float:right;height:70px;margin-top:10px;position:relative;width:260px;}

#nav-prev, #nav-next  { display:block; float:left; height: 0 !important; padding: 43px 0 0 0; color:#939393 !important; width: auto; background:url('../img/esa/nav-prev.gif') no-repeat scroll 15px top transparent; position:absolute; }
#nav-prev { left: 0;}
#nav-next { background:url('../img/esa/nav-next.gif') no-repeat top center;  right:0; }
#nav-all { cursor:pointer; margin-top:8px; margin-left:80px; display:block; text-align:center; width: auto; bottom:0;  left: 10px; font-size:14px}

	#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;}