/*

CSS Windvision
31/09/2011
www.bworx.be
  
*/

/*** RESET ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*** GENERAL ***/

* { padding: 0; margin: 0; }

body {
font-family: "Lucida Sans Unicode", verdana, georgia, arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 75%; 
line-height: 150%; 
font-size-adjust: none; 
font-stretch: normal;
background: #f4f4f4; 
}

a:link { color: #008eaf; }
a:visited { color: #008eaf; }
a:hover, a:active
{
color: #008eaf;
text-decoration: none;
}

#wrapper { 
margin: 0 auto;
width: 990px;
background: #fff;
 /*width: 922px;*/
}
#faux {
 background: #fff;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 990px;
 /*width: 920px;*/ 
 padding: 0;
 height: 150px;
 margin: 1px 0px 0px 0px;
 background: #fff;
 /*border: 1px solid #000;*/
}
#navcontainer {
 background: #fff;
 /*border-bottom: 1px solid #f4f4ff;*/
 float:right;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 10px 0 0 0;
 width: 195px;
 float: left;
}
#content { 
 float: right;
 color: #333;
 margin: 10px 30px 0 0;
 padding: 0px 0 120px 0;
 width: 750px;
 display: inline;
 position: relative;
}
#footer { 
 width: 980px;
 clear: both;
 color: #333;
 margin: 0;
 padding: 5px;
 padding-top: 5px;
 padding-bottom: 40px;
 border-top: 1px solid #008eaf;
 background: #fff;
}
.clear { clear: both; background: none; }

/*** HEADINGS ***/

h1 {
display: none;
}
h2 {
color: #008eaf;
font-size: 170%;
font-weight: bold;
padding: 10px 0 15px 0; 
}
h3 {
color: #faa61a;
font-size: 170%;
font-weight: bold;
padding: 10px 0 15px 0; 
}
h4 {
color: #8cc63f;
font-size: 170%;
font-weight: bold;
padding: 10px 0 15px 0; 
}
h5 {
color: #008eaf;
font-size: 120%;
font-weight: bold;
padding: 10px 0 15px 0; 
}
h6 {
color: #faa61a;
font-size: 120%;
font-weight: bold;
padding: 10px 0 15px 0; 
}

/*** HEADER ***/
.banner {
float:right;
padding: 1px 10px 0 0; /* 17px verwijderen als de taalkeuze terug zichtbaar is */
}

img.windvision_logo {
padding: 0 0 10px 35px;
position: absolute;
float: left;
}

/*** NAVCONTAINER ***/

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top:0px;
color: #000;
background: #fff;
float: right;
width: 100%;
font-family: "Lucida Sans Unicode", Verdana, georgia, times, "times new roman", serif;
text-transform: uppercase;
}

#navcontainer ul li { 
display: inline; 
font-stretch: wider;
}

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #fff;
color: #000;
text-decoration: none;
float: right;
border-right: 1px solid #000;
}

#navcontainer ul li a:hover
{
background-color: #008eaf;
color: #fff;
}

#navcontainer ul li:first-child a{ 
border-right: none;
}


/* NAVCONTAINER TEST 2*/


#navcontainer_left {
margin: 10px 0 0 10px;

}

#navcontainer_left ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, verdana, Helvetica, sans-serif;
}

#navcontainer_left li { margin: 0 0 1px 0; }


#navcontainer_left a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #008EAF;
text-decoration: none;
}

#navcontainer_left a:hover
{
color: #fff;
background-color: #faa61a;
text-decoration: none;
}

#navcontainer_left a#current 
{
color: #fff;
background-color: #faa61a;
text-decoration: none;
}


#navcontainer_left ul ul li { margin: 0 0 1px 0; }

#navcontainer_left ul ul a
{
display: block;
padding: 5px 5px 5px 20px;
width: 135px;
color: #008EAF;
background-color: #ccc;
text-decoration: none;
}

#navcontainer_left ul ul a:hover
{
color: #fff;
background-color: #faa61a;
text-decoration: none;
}

/*** LISTS ***/

#content ul {
list-style-type: disc;
padding: 10px 0 10px 5px; 
text-indent: 5px;
list-style-position: inside;
}

/*** FOOTER ***/
.footer {
float: right;
}

/*** TABLE SUBMENU ***/
/* Menu 1 column */
TD#menu_1 {	
	vertical-align: top; 
	width: 180px;	
	padding-top: 10px;
	font-family: "Lucida Sans Unicode", Verdana, georgia, times, "times new roman", serif;
}
TD#menu_1 DIV {
	width: 85%;
}
TD#menu_1 DIV A {
	color: #000;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  /*border-bottom: 1px dotted #999999;*/
  /*font-size: 11px;*/
  padding-top:5px;
  padding-left:5px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
  /*border-bottom: 1px solid #999999;*/
  font-weight:bold;
 /* font-size: 11px;*/
  padding-top:5px;
  padding-left:5px;
  background-color: #008eaf;
  filter:alpha(opacity='70', style='0');
}
TD#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  /*font-size: 10px;*/
  padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
/*  font-size: 10px;*/
  font-weight:bold;
  padding-left:20px;
}


/*  MENU 2, level 1, general for all table cells: 
TR#menu_2 TD {
  background-color: #333366;
  width: 10%;
  text-align: center;
  padding: 0px 2px 0px 2px;
}
TR#menu_2 TD A {
  color: white;
  font-size: 10px;
  font-family: verdana, arial;
  text-decoration: none;
}
TR#menu_2 TD A:hover {
  text-decoration: underline;
}
TR#menu_2 TD.oddcell {
  background-color: #666699;
}
TR#menu_2 TD.menu2-level1-act {
  background-color: #88292A;
}
*/

/*** TAALKEUZE ***/
.flag {
float: right;
padding: 0 10px;
margin: 0;
}
.flag a {
color: #000;
text-decoration: none;
}

/*** CSS DIRECT MAIL ***/
label
{
width: 30em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
.csc-mailform-submit
{
color: #000;
border: 2px outset #ccc;
margin-left: 30.5em;
margin-top:  5px;
}
.csc-mailform-field {
margin-top:  5px;
}
fieldset
{
border: 0px solid #ccc;
}
select {
font-family: "Lucida Sans Unicode", Verdana, georgia, times, "times new roman", serif;
}

/*** P CONTENT ***/
p.align-center {
padding-bottom: 10px;
text-align: center;
}
p.bodytext {
padding-bottom: 10px;
}
p.align-right {
padding-bottom: 10px;
text-align: right;
}

/*** IMAGES Content ***/
#content img {
border: 1px solid #ccc;
padding: 2px;

}

/*** IMAGES TAALKEUZE ***/

#taalkeuze {
padding: 70px 150px 0 480px;
margin: 0 0 0 40px;
background: #fff url(../img/start.jpg) no-repeat;
height: 600px;
}

#taalkeuze a {
text-decoration: none;
color: #000;
font-size: 120%; 
font-weight: bolder;
}

.logo_language {
float: right;
border: 0px solid #ccc;
padding: 0 50px 0 0;
}

/*** PIJL TO TOP ***/

#content img.pijl {
border: 0px solid #ccc;	
float: right;
padding: 50px 10px 10px 0;
}


/*** START ***/
.start {
font-family: verdana;
font-size: 110%;
}

hr.clearer {
color: #008EAF;
background-color: #008EAF;
height: 2px;
margin: 6px 0;
}


#twocols #content {width: 410px; float: left;}
#twocols #rightBox {float: right; width: 334px; margin: 0 1px 0 0; padding: 0 8px 0 0;}

#slideshowContainer {width: 334px; height: 246px; margin-bottom: 15px; margin-top: 80px;}

/* Logos */
#slideshowGal li {
	margin-right: 8px;
	cursor: pointer;
}

#slideshowGal li img {
	display: block;
}

.jcarousel-container {
	/*padding: 0 10px;*/
}

.jcarousel-clip {
	padding: 0 0 0 2px;
}
.jcarousel-prev, .jcarousel-next {
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;
	height: 55px;
	/*background: url(../img/logo_nav.png) 0 22px no-repeat;*/
	float: left;
	display: block;
	cursor: pointer;
}

.jcarousel-next {
	right: 0;
	left: auto;
	background-position: right 22px;
}

    /* ENERCON HISTORISCHE DATA */
    /* Clearing floats */
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
     
    .clearfix {
    display: inline-block;
    }
     
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
     
     
    #content .turbineInfo {
    width: 600px;
    display: block;
    margin: 10px 0 10px 0;
    }
    #content .turbineInfo ul.header, #content .turbineInfo ul.turbineTable {
    list-style: none;
    padding: 0;
    margin:0;
    width: 100%;
    }
    #content .turbineInfo ul.header {
    border: 1px solid #008EAF;
    background: #008EAF;
    color: #FFF;
    padding: 10px 0 10px 0;
    }
    #content .turbineInfo ul.turbineTable {
    background-color: #FFF;
    color: #008EAF;
    border: 1px solid #008EAF;
    border-bottom: none;
    }
    #content .turbineInfo li {
    list-style-type: none;
    float: left;
    }
    #content .turbineInfo ul.turbineTable li {
    border-bottom: 1px solid #008EAF;
    padding: 10px 0 10px 0;
    }
    #content .turbineInfo ul.turbineTable li ul.item li {
    border: none;
    padding: 0;
    }
     
    #content .turbineInfo li.col1 {
    width: 110px;
    }
    #content .turbineInfo li.col2 {
    width: 150px;
    text-align: center;
    }
    #content .turbineInfo li.col3 {
    width: 170px;
    text-align: center;
    }
    #content .turbineInfo li.col4 {
    width: 170px;
    text-align: center;
    }
     
    #content .turbineInfo ul.item {
    margin: 0;
    padding: 0;
    } 


/* 7mw */

.mw7_logo {
	padding: 0 0 0 195px;
}
