/*
_______________________________
GENERAL */
body
{
	background-color:#4ebfe9;
	background-image:url(../img/bodyback.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

html, body 
{
  height: 100%;
}

.clear
{
	clear:both;	
}

#contentwrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -542px;
}

a:link, a:visited, a:hover, a:active
{
	color:#fff;
}

a.back_to_top:link, a.back_to_top:visited, a.back_to_top:hover, a.back_to_top:active 
{
	position:relative;
	top: 30px;
	text-decoration:none;
	border-bottom: 1px dotted #0C3B44;
	background-image:url(../img/totop.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 14px;
	font-size: 0.9em;
	color:#0C3B44;
	
}

a.back_to_top:hover
{
	border-style:solid;	
}

h1, h2, h3, h4
{
	font-weight:normal;
}

div.speech
{
	background-image:url(../img/speech.gif);
	width: 23px;
	height:27px;
	margin-left: 20px;
}

/*
_______________________________
CONTENT */
#content
{
	width: 960px;
	margin-left: auto;
	margin-right:auto;
}

/*
_______________________________
HEADER */
#header
{
	width: 960px;
	height: 225px;
	float:left;
	background-image:url(../img/header-generic.jpg);
	background-repeat:no-repeat;
}

#header.frontpage
{
	background-image:url(../img/header-frontpage.jpg);
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active 
{
	display:block;
	height: 200px;
	width: 210px;
	text-decoration:none;
	margin-top: 15px;
	margin-left: 15px;
}

/*
_______________________________
CONTENT_GROUP */
#content_group
{
	width: 960px;
	float:left;
	background-image:url(../img/sky.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


/*
_______________________________
NAVIGATION */
#navigation
{
	width: 210px;
	padding: 0px 15px;
	float: left;
}

#navigation ul.navigation_list
{
	background-color:#0c3b44;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#navigation ul
{
	font-size: 0.9em;	
}

/*
______________________________-
NAVIGATION MAIN ITEMS */
#navigation ul li
{
	margin: 0px 0px;
	line-height: 1.7em; /* use line-height instead of margin to fix jQuery jumpy slidedown */
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active
{
	color:#fff;
	text-decoration:none;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#navigation a:hover
{
	background-color:#40a3b4;
}

#navigation a.selected:link, #navigation a.selected:visited, #navigation a.selected:hover, #navigation a.selected:active
{
	background-color:#f78a1f;	
}

/*
_______________________________
NAVIGATION SUB ITEMS */

#navigation ul li ul a:hover
{
	background-color:#2a7e8c;
}

#navigation ul li ul
{
	padding-left: 20px;
	font-size: 0.8em;
	margin: 3px 0px 8px 0px;
}

#navigation ul li ul li
{
	line-height: 1.8em;	
}

#navigation li.sublink a:link, #navigation li.sublink a:visited, #navigation li.sublink a:hover, #navigation li.sublink a:active 
{
	padding: 2px 3px;
}

#navigation li.sublink a.selected:link, #navigation li.sublink a.selected:visited, #navigation li.sublink a.selected:hover, #navigation li.sublink a.selected:active
{
	background-color:#f78a1f;
}

/*
_______________________________
INFORMATION */
#information
{
	width: 705px;
	float: left;
}

/*
_______________________________
INTRO */
#information div.intro
{
	height: 192px;
	width: 665px;
	padding-top: 30px;
	padding-left: 40px;
	background-color:white;
	background-image:url(../img/solarsystem.jpg);
	background-repeat:no-repeat;
	background-position:top right;	
}

div.intro h1
{
	font-size: 3.8em;
	color: #186773;
	line-height: 0.8em;
	letter-spacing:-4px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
}

div.intro h1 span
{
	color: #f6891f;
}

#information div.subintro
{
	padding: 15px;
}

#information div.subintro p
{
	color: #0d3b44;
	font-size: 1.3em;
	margin: 20px 0px;
	line-height: 1.5em;
}

#information div.subintro p a:link, #information div.subintro p a:visited, #information div.subintro p a:hover, #information div.subintro p a:active 
{
	font-weight: bold;
	color: #0a3239;
	text-decoration:none;
	border-bottom: 1px dotted #01191e;
	
}

#information div.subintro p a:hover
{
	color: #01191e;
	border-style:solid;
}

/*
_______________________________
INFORMATION TEXT */
div.information_text
{
	padding: 0px 20px;
}

div.information_text a:link, div.information_text a:visited, div.information_text a:hover, div.information_text a:active 
{
	text-decoration:none;
	border-bottom: 1px dotted #0C3B44;
	color:#0C3B44;
}

div.information_text a:hover
{
	border-style: solid;	
	color:#052930;
}

div.information_text h1
{
	color:#0a5864;
	font-family:Helvetica,Arial,sans-serif;
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:1em;
	margin: 0px 0px 0px 0px;
	background-color:white;
	padding: 0.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.information_text h1 span
{
	color: #2a93a3;	
}

div.information_text h2
{
	margin: 30px 0px 20px 0px;
	color:#0c3b44;
	font-size: 1.8em;
	font-weight:normal;
	letter-spacing:-1px;
	border-bottom: 1px solid #3ba8b9;
	padding-bottom: 5px;
}

div.information_text h3
{
	margin: 30px 0px 20px 0px;
	color:#0c3b44;
	font-size: 1.3em;
	font-weight:normal;
	letter-spacing:-1px;
	border-bottom: 1px solid #3ba8b9;
	padding-bottom: 5px;
}

div.information_text h3.subtitle
{
	border:none;
}

div.information_text p
{
	color: #0c3b44;
	line-height: 1.4em;
	margin: 1em 0px;
	font-size: 0.9em;
}

div.information_text p.highlight
{
	padding: 5px;
	background-color:#a3ddf4;
	margin-left: 30px;
	margin-top: 30px;
}


div.information_text img
{
	border: 3px solid #73cdee;
}


div.information_text a img
{
	height: 151px;
	border: 3px solid #fff;
	margin: 15px 5px 15px 0px;
}

div.information_text a img:hover
{
	border-color: #2a93a3;	
}

div.information_text ol
{
	list-style-type:decimal;
	list-style-position:outside;
	font-size:0.9em;
	line-height: 1.4em;
	color:#0C3B44;
	margin-left: 30px;
	font-weight:bold;
}

div.information_text ol li
{
	margin: 15px 0px;
	background-color:#68c6ec;
	padding: 7px;
}

div.information_text ol li span
{
	color:#0C3B44;
	font-weight:normal;
}

div.picthumb
{
	background-color:yellow;
	width: 239px;
	padding:10px;
	background-color:#68c6ec;
}

div.picthumb img
{
	margin:0;
	padding:0;
	border:none;
	border: 3px solid #90dbf7;
	
}

div.picthumb p
{
	font-style:italic;
	font-size: 0.8em;
	margin:0;
	padding:0;
	padding-top: 5px;
	color:#225e6a;
}

table
{
	font-size: 0.9em;
}

tr
{
	
}

td, th
{
	padding: 5px;
	border: 1px solid #43b2da;
	background-color:#60cdf4;
	color:#0C3B44;
	text-align:center;
}

th
{
	text-align:right;
}


/*
_______________________________
INFORMATION TEXT */
div.references
{
	padding: 0px 20px;
	width: 665px;
	float:left;
}

div.references ul
{
	width: 665px;
	float:left;
}

div.references ul li
{
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 151px;
}

div.references ul li img
{
	width: 151px;
	border: 3px solid #fff;
}

div.references ul li img:hover
{
	border-color: #2a93a3;	
}

div.references h1
{
	color:#186773;
	font-family:Helvetica,Arial,sans-serif;
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:0.8em;
	margin: 0px 8px 0px 0px;
	background-color: #fff;
	padding: 0.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.references h1 span
{
	color: #2a93a3;	
}

div.references h2
{
	margin: 1.2em 8px 15px 0px;
	color:#0a5864;
	font-size: 1.8em;
	font-weight:normal;
	letter-spacing:-1px;
	clear:both;
	border-bottom: 1px solid #3ba8b9;
	padding-bottom: 5px;
}


/*
_______________________________
CONTACT */

div.contact_form
{
	padding: 0px 20px;
	padding-bottom: 80px;
}

div.contact_form p.contactdetails
{
	width: 270px;
	color: #0A5864;
	float:left;
	font-size: 1.3em;
	padding: 0px 10px;
	line-height:1.2em;
	margin-bottom: 30px;
}

div.contact_form p.ingenieurs
{
	width: 255px;
	padding:7px;
	float:left;
	margin-right: 10px;
	font-size: 0.8em;
	color: #0A5864;
	line-height:1.2em;
	background-color:#d6effa;
	margin-bottom: 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

div.contact_form p.ingenieurs img
{
	width: 40px;
	float:left;
	margin-right: 10px;
}


div.contact_form h1, div.contact_form h2
{
	color:#0a5864;
	font-family:Helvetica,Arial,sans-serif;
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:0.8em;
	margin: 0px 0px 30px 0px;
}

div.contact_form h2
{
	font-size: 2em;
	margin-top: 15px;
}

div.contact_form p.feedback
{
	color: #0a5864;
	line-height: 1.4em;
	margin: 1em 0px;
	font-size: 0.9em;
	background-color:#b9e0f1;
	width: 540px;
	padding: 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#loading
{
	width: 35px;
	height:35px;
	margin-bottom: 20px;
	background-image:url(../img/loading.gif);
	background-repeat:no-repeat;
	display:none;
}

/* feedback */
div.contact_form p.error
{
	background-color:red;
	color: white;
}

div.contact_form p.success
{
	background-color:#008a4c;
	color: white;
}

div.contact_form input, div.contact_form textarea
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	margin-bottom: 10px;
	width: 250px;
}

div.contact_form textarea
{
	width: 350px;	
}

div.contact_form label
{
	display: block;	
	font-size: 1.0em;
	color: #0A5864;
	font-weight:bold;
	float:left;
	width: 200px;
	padding-top: 7px;
}

div.contact_form label span.required
{
	color: #e03609;	
	font-size: 0.9em;
}

div.contact_form input.button
{
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 20px;
	width: 200px;
	margin-left: 200px;
}

/*
_______________________________
FOOTER */

.push 
{
  height: 542px;
  clear: both;
}

#footer
{
	height: 431px;
	width: 100%;
	background-image:url(../img/footer.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
}

#footer_bottom
{
	height: 112px;
	width: 100%;
	background-image:url(../img/footergradient.jpg);
	background-repeat:repeat-x;
}

#footer_inside
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 112px;
	color:#5d94a5;
	font-size: 0.7em;
}

#footer_inside p
{
	line-height: 1.4em;	
}

#footer_inside a:link, #footer_inside a:visited, #footer_inside a:hover, #footer_inside a:active 
{
	color: #abe0f0;
}

#footer_inside a:hover
{
	color:#fff;
}

#footer_inside span
{
	color: #abe0f0;
}

#nenco_contact, #nenco_desc, #made_by_goodbytes
{
	width: 280px;
	float: left;
	padding: 30px 20px 0px 20px;
}

#nenco_contact
{
	background-image:url(../img/nencofooter.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	width: 200px;
	padding-left: 80px;
}

#nenco_desc
{

}

#made_by_goodbytes
{
	text-align:right;
}