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

/*** GENERAL ***/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{text-align:left; font:13px Arial,helvetica,clean,sans-serif; background-color:#FFFFFF; color:#474d58;*font-size:small;*font:x-small; }
body * {line-height:1.22em;}

a img{border:0;}
a{text-decoration:none; color:#3d7ae9;}
a:hover{text-decoration:underline;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0; font-size:inherit;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}

/*** CONTENT ***/
#container{width:982px; margin:0 auto; padding:0;}
#header{width:982px; height:75px; position:relative;background-color:white;margin:0;padding:0;}
 #header .logo{position:absolute; top:0px; left:0px; width:220px; height:75px; background:transparent url(../images/logo.jpg) top left no-repeat;}
/*** #header .logo{position:absolute; top:0px; left:0px; width:220px; height:75px; background:transparent url(../images/logo_tnsr.jpg) top left no-repeat; padding-top: 12px;}  ***/

#header_energy {width:982px; height:75px; position:relative;background-color:white;margin:0;padding:0;}
#header_energy .logo{position:absolute; top:0px; left:0px; width:320px; height:75px; background:transparent url(../images/logo_energy.gif) top left no-repeat;}

#header_groen {width:982px; height:75px; position:relative;background-color:white;margin:0;padding:0;}
#header_groen .logo{position:absolute; top:0px; left:0px; width:320px; height:75px; background:transparent url(../images/logo_groen.gif) top left no-repeat;}

.menu {font-size:116%; color:#3c3c3c; margin:0;padding:8px 0 0 15px; overflow:hidden;  width:967px; height:27px; vertical-align:middle; background: url(../images/bg_menu.gif) left top no-repeat}
.menu li{float:left; margin:0; padding:0;color:#3c3c3c;}
.menu li a{color:#3c3c3c; padding:0  0 0 28px}
.menu li a:hover, .menu li.active a{color:#4177d3; text-decoration:none;}
#home .menu{background-image:url(../images/bg_menu_home.gif);}

#content{margin:0; padding:16px 0 0 0; width:982px; overflow:hidden; }
#content h1{color:#6a9bee; font-size:153.9%;}
#content h2{color:#3c3c3c; font-weight:bold; font-size:123.1%}
#content h3{font-size:108%;color:#3c3c3c;}
#content a{color:#3d7ae9; font-style:italic;}
#content p{color:#474d58; margin:0; padding:15px 0 0 0; font-size:93%;}
#content ul{list-style:inside square;}
#home #content{background:url(../images/bg_bigbox.gif) left top repeat-y; padding-top:0;}
#home #content .content-wrapper{background:url(../images/bot_bigbox.gif) bottom left no-repeat;width:982px; overflow:hidden; padding:18px 0 102px 0;}
#home #content .content-wrapper2 {background:url(../images/backgroundgroen.jpg) bottom left no-repeat;width:982px; overflow:hidden; padding:18px 0 102px 0;}
#home #content .content-wrapper2 a,h1 {color:#009900;}
#home #content .content-wrapper2 h1 {color:#009900;}


#content .content-left{float:left; width:227px; margin:0; padding:0;}
#content .content-right{float:right;width:710px;margin:0; padding:0 25px 15px 0;}
#content .content-right .breadcrumbs {clear:both; color:#9a9ea6; font-size:85%; margin:0pt 0pt 10px; padding:0pt; list-style-type:none; overflow:hidden }
#content .content-right .breadcrumbs:after{content:"."; clear:both; height:0; display:block; visibility:hidden}

#content .content-right .breadcrumbs li { float:left; padding:0 3px 0 0; font-style:italic}
#content .content-right .breadcrumbs a {color:#797e87; font-style:normal;}
#content .content-right .breadcrumbs .active {color:#9a9ea6; font-style:italic}

#content .content-right h1{color:#4177D3; font-size:108%; padding:10px 0 0 0; clear:both; font-style:bold}
#content .content-right h2{color:#4177d3; font-size: 108%; font-weight:bold; padding:15px 0 0 0;clear:both}
#content .content-right h3{color:#6499f2; font-size: 123.1%; font-weight:bold; padding:0;clear:both}
#content .content-right h4{color:#808287; font-size: 93%; font-style:italic; padding:15px 0 0 0;line-height:17px;clear:both}
#content .content-right p{color:#000000; font-size:85%; padding:2px 0 14px 0;line-height:15px;clear:both}
.singleImage{ float:right; padding:0 0 5px 5px; }
#content .content-right .news-single-item p.bodytext{clear:none}

#home #content .content-left{float:left; width:218px; margin:0; padding:0;}
#home #content .content-left .roundbox {background-image: none!important; margin-left: 15px; margin-top: -5px; text-align: center;}
#home #content .content-right{float:right;width:670px;margin:0; padding:0 64px 0 0;}
#home #content .content-right p{line-height:26px}
#home #content .content-right p.bodytext{line-height:1.5em;}

#content .roundbox{ background:url(../images/bgc_roundbox.gif) left top repeat-y; width:227px; position:relative}
#home #content .roundbox{ background:url(../images/bg_roundbox.gif) left top repeat-y; width:218px;}
#content .roundbox h1{color:#3c3c3c !important; font-size:108%;background:url(../images/topc_roundbox.gif) left top no-repeat; line-height:31px; height:31px; padding:0 0 0 56px; overflow:hidden;}
#home #content .roundbox h1{background:url(../images/top_roundbox.gif) left top no-repeat;padding:0 0 0 23px;}
#content .roundbox h1 a{line-height:31px; display:block}
#content .roundbox .icon{width:63px; height:55px; position:absolute; left:0; top:-14px;}
#content .roundbox ul{padding:0 0 34px 0; background:url(../images/botc_roundbox.gif) left bottom no-repeat;list-style-type:none; width:227px; display:inline-block;}
#content .roundbox ul{display:block}
#home #content .roundbox ul{background:url(../images/bot_roundbox.gif) left bottom no-repeat; width:218px; padding-bottom: 4px}
#content .roundbox li{list-style:outside none; list-style-type:none; padding:0 0 0 3px; font-size:93%;color:#3c3c3c; width:222px;}
#home #content .roundbox li{ width:215px;}
#content .roundbox li.active a{color:#4177d3;}
#content .roundbox li a{ color:#3c3c3c; line-height:34px; padding:0 0 0 29px; background:url(../images/bul_roundbox.gif) left top no-repeat;width:192px; display:block; font-style:normal;}
#home #content .roundbox li a{ width:185px;}
#content .roundbox li a:hover{background-color:#fbfbfb; text-decoration:none}

#content .roundbox li a.home{background-color:#fbfbfb; text-decoration:none; color:#4177d3; }
#content .roundbox li ul{padding-bottom:5px; background:none;}
#content .roundbox li ul li{padding-left:18px; font-size:100%; width:204px;}
#content .roundbox li ul li a{width:174px;}
#content .roundbox li.active ul li a{color:#3c3c3c;}
#content .roundbox li ul li.active a{color:#4177d3;}

#content .content-right .projectbox {background:#f4f3f3; overflow:hidden; padding:5px; width:712px; margin-top:4px;}
#content .content-right .projectbox a br{height:0; padding:0; margin:0; font-size:0; line-height:0; display:none }
#content .content-right .projectbox:hover, #content .content-right .projectbox.over {background:#e0e0e0}
#content .content-right .projectbox img {float:left;}
#content .content-right .projectbox .text {float:right; width:553px;}
#content .content-right .projectbox .text h3{padding-right:29px;}
#content .content-right .projectbox .text h3 a{color:#6499f2; font-style:normal;}
#content .content-right .projectbox .text p{color:#3c3c3c; font-size:89%; font-style:italic; padding-bottom:7px; padding-right:29px;}
#content .content-right .projectbox .text p.read{font-size:100%;text-align:right; padding:0pt 13px 0pt 0pt;}
#content .content-right .projectbox .text p.read a{color:#4177d3; background:transparent url(../images/bul_boxes.gif) no-repeat scroll right -6px; padding:0 56px 0 0; display:block;line-height:25px;}
#content .content-right .projectbox .text h3 strong{font-size: 15px; font-weight: normal; }

.boxes{clear:both; width:978px; padding:0 2px; overflow:visible; background:#f5f4f4 url(../images/bg_boxes.gif) top left repeat-y; margin:19px 0 0 0; position:relative; display:inline-block}
.boxes{display:block}
.boxes:after{content:"."; clear:both; height:0; display:block; visibility:hidden}
.boxes .boxes_inner{ background:url(../images/bg_inner_boxes.gif) left top repeat-x; width:978px; padding:0 0 8px 0; display:inline-block}
.boxes .boxes_inner{display:block}
.boxes .boxes_inner:after{content:"."; clear:both; height:0; display:block; visibility:hidden}
.boxes .tlboxes{ background:url(../images/tl_boxes.gif) left top no-repeat; width:7px; height:7px; position:absolute; top:0; left:0;overflow:hidden}
.boxes .trboxes{ background:url(../images/tr_boxes.gif) left top no-repeat; width:7px; height:7px; position:absolute; top:0; right:0;overflow:hidden}
.boxes .btboxes {background:url(../images/bot_boxes.gif) left top no-repeat; width:982px; height:8px; position:absolute; bottom:-1px; left:0; overflow:hidden}

.boxes .box{width:316px; float:left;overflow:visible;position:relative}
.boxes .box .icon{width:63px; height:55px; position:absolute; left:11px; top:-11px;}
#home .boxes .box .icon{left:0;}
.boxes .box h2{ font-size:14px;  color:#3c3c3c; padding:0 0 11px 64px; line-height:28px;}
#home .boxes .box h2{ font-size:16px;font-weight:bold;}
#cases .boxes .box h2{ padding-left:18px; font-size:16px;}
.boxes .box h3{font-size:108%;color:#3c3c3c; padding:0 0 20px 22px;}
#home .boxes .box h3{padding-left:22px !important}
.boxes .box p{font-size:93%;color:#808287; width:282px;  padding:0 0 2px 22px; line-height:15px;}
#home .boxes .box p{font-size:85%;color:#3c3c3c; padding-left:22px !important; width:235px;}
.boxes .box a.visit{color:#3c3c3c;  background:url(../images/bul_roundbox.gif) right -8px no-repeat; display:block; padding:0 34px 0 0; font-size:77%; text-align:right; line-height:18px;}
.boxes .box .inside {padding-bottom:36px !important; height:122px; overflow:hidden; position:relative}
.boxes .box .inside img{margin:6px 0 0 0px;}
#cases .boxes .box .inside img{margin-left:17px}
.boxes .box ul{ margin:0; list-style-type:none; display:inline-block;}
.boxes .box ul{display:block}
.boxes .box li{list-style:outside none; list-style-type:none; padding:0 0 0 14px; font-size:108%;color:#3c3c3c; width:277px;}
.boxes .box li a{ color:#3c3c3c; height:33px; padding:5px 46px 0 8px; background:url(../images/bul_boxes.gif) right top no-repeat;width:223px; display:block; font-style:normal;}
.boxes .box li a span{color:#8a8a8a; font-size:77%; display:block; }
.boxes .box li a:hover{background-color:#fbfbfb; text-decoration:none}
.boxes .box p.link{position:absolute; bottom:0px; left:1px; background-color:#f5f4f4; padding-bottom:13px !important; padding-top:3px !important;}
.boxes .box li a span p.bodytext { padding:0px!important; margin-left:-22px!important; color: #8A8A8A!important;}
.boxes .box p.link a{color:#3c3c3c;  background:url(../images/bul_roundbox.gif) right -8px no-repeat; display:block; padding:0 34px 0 0; font-size:77%; text-align:right; line-height:18px;}
#home .boxes .box p.link a{color:#3D7AE9; background:none; display:inline; padding:0; font-size:100%; line-height:normal;}
#cases .boxes .box p.link a{ color:#3c3c3c; height:33px; padding:0px 46px 1px 8px; background:url(../images/bul_boxes.gif) right top no-repeat;width:223px; display:block; text-align:left; font-style:normal;font-size:100%; margin-top:4px;}
#cases .boxes .box p.link a span{color:#8a8a8a; font-size:93%; display:block}
#cases .boxes .box p.link a:hover{background-color:#fbfbfb; text-decoration:none}


.boxes #middle{width:364px;}
.boxes #middle .inside{background:url(../images/line_boxes.gif) left top repeat-y; padding:0 0 0 18px;}
.boxes #middle .inside img{margin-left:13px;}
.boxes #middle p, .boxes #last p, .boxes #middle h3, .boxes #last h3 {padding-left:0 }
.boxes #middle p{width:300px;}

.boxes #middle p.link a{margin-left: 10px;}
.boxes #last p.link a{margin-left: -7px;}
.boxes p.link a{margin-left: -13px;} 

#cases #middle p{width:279px; padding-left:0px;}
#cases #middle p.link a{width:225px}
.boxes #middle h2{padding-left:65px;}
#home .boxes #middle h2{padding-left:82px;}
#cases .boxes #middle h2{padding-left:18px;}
.boxes #middle .icon{width:72px; height:55px; position:absolute; left:10px; top:-14px;}
#home .boxes #middle .icon{left:18px;}
#cases .boxes #middle .inside img{margin-left:0px}

.boxes #last{width:298px;}
#cases #last h2{ padding-left:0px}

.boxes #last .icon{left:-7px}
#home .boxes #last .icon{ left:11px;}

.boxes #last h2{  padding-left: 51px;}
#home .boxes #last h2{ padding-left:64px; }

#home .boxes #last .inside img{margin-left:18px}
#cases .boxes #last .inside img{ margin-left:2px;}

#footer{clear:both; font-size:85%; margin:0; color:#cccdcd; text-align:center; padding:10px 0;}
#footer p, #footer a{color:#9a9ea6; padding:0}

.csc-firstHeader{padding-bottom:15px color: #4177D3;}
.csc-mailform-field { clear: both; margin-bottom: 5px; } 
.csc-mailform input { background:#fff!important; border: 1px solid #ccc; width: 220px; padding: 1px 4px; } 
.csc-mailform textarea { border: 1px solid #ccc; overflow: auto; padding: 1px 4px; width: 220px; } 
.csc-mailform label { float: left; width: 120px; text-align: right; padding:3px 10px 0 0; }
.csc-mailform-submit { margin-left: 130px; color: #666; width:50px!important; cursor:pointer; }

/*NEWS*/
.news-single-item img{float:right; padding:0 0 5px 5px; margin-top: 22px;}
.news-single-item .clearer{clear:both}
.news-list-item img{float:right; padding:0 0 5px 5px;}
.news-list-item p{clear:none !important;}

.news-single-item p.bodytext img{ float: none; padding: 0px; margin:0px; }

/*SITEMAP*/
.csc-sitemap { padding-top:10px; }
.csc-sitemap ul { padding-left:20px; }
.csc-sitemap ul li { padding:3px 0; }

/************powermail ***************/
.tx-powermail-pi1 { border:0px red solid;  font-size:11px; color:#828181;}
.tx-powermail-pi1_fieldset legend{display:none;}

.tx_powermail_pi1_fieldwrap_html {display:block; width:400px; }
.tx_powermail_pi1_fieldwrap_html label { width:100px; float:left;font-weight:bold;
margin-top:4px;}
.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory{color:#eb0000}
.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js{font-style:italic; color:#a8a8a8;}
.tx_powermail_pi1_fieldwrap_html input.powermail_text{width:360px; border:1px solid #999999;}
.tx_powermail_pi1_fieldwrap_html textarea {width:360px; border:1px solid #999999;}
.tx_powermail_pi1_fieldwrap_html .powermail_submit { text-align:center; float:left; background:#3d7ae9; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin-top:5px; margin-bottom:7px;}

.csc-textpic-text img { padding:0 7px 7px 7px; }
.content-right p {font-size:93%!important;}

.tx-newloginbox-pi1 label { font-size: 11px; font-weight: bold; margin-right: 5px; }
.tx-newloginbox-pi1 input[type=text], .tx-newloginbox-pi1 input[type=password] { border: 1px solid #999999; margin-bottom: 3px; font-size: 11px; }
.tx-newloginbox-pi1 input[type=submit] { border: 1px solid #3D7AE9; background-color: #3D7AE9; color: #FFFFFF; font-weight: bold; }

.align_right { float: right; width: 75px; margin-top: 50px; }

embed { margin-top: 0px; margin-left: -3px; }