@charset "UTF-8"; 
body{font-family:Verdana,Arial,Helvetica,sans-serif; background-color:#000}
#container{width:960px; margin:0px auto 0px auto}

#container #home{width: 700px; margin:0px auto 0px auto;margin-top: 100px;}
#container #home #thestrand{margin: 2px;background:#BF4215;width:220px;height: 162px;float: left; position: relative;} 
#container #home #leftup{margin: 2px;background:url(../images/rightup.jpg);float:left;width: 220px;height: 162px;} 
#container #home #rightup{margin: 2px;background:url(../images/leftup.jpg);float:left;width: 220px;height: 162px;} 
#container #home #leftmiddle{float: left;margin: 2px;background:#D8CD45;height: 162px;width: 220px;} 
#container #home #centermiddle{margin: 2px;background:url(../images/middle.jpg);float:left;width: 220px;height: 162px;} 
#container #home #centerright{margin: 2px;float:left;background:#62A9BC;width: 220px;height: 162px;} 
#container #home #bottomleft{margin: 2px;float:left;background:url(../images/leftunder.jpg);width: 220px;height: 162px;} 
#container #home #bottomcenter{margin: 2px;float:left;background:#C13D3D;width: 220px;height: 162px;} 
#container #home #bottomright{margin: 2px;float:left;background:#DD3D25;width: 220px;height: 162px;} 
#container #home #thestrand #thestrandlogo{position:absolute; top: 40px; left:3px; border:none;}
#container #home a{color: #FFFFFF; text-decoration: none;display:block; font-weight: bold;text-align:center; line-height: 162px; height: 162px;}
#container #home #footer{  width: 666px; line-height: 11px;}
#container #home #footer a{ color: red; font-size: 11px; height: auto; line-height: 11px; display:inline;}
#container #home #footer p{ color: #999; font-size: 11px; height: auto; line-height: 11px; display:inline;}

#subcontact{ margin-top: 120px; margin-left: 10px;}
#subcontact p{ color:#CCC; font-size: 11px; }
#subcontact a{color: red;}
h3 {
	font-size: 11px;
}


#headertop{position:relative; width:960px; height:74px}

.red #headertop{background:url(../images/redheader.png); width:960px; height:74px}
.red h1{margin-left:25px; color:#8C1414; font-size:14px}

.orange #headertop{background:url(../images/orangeheader.png); width:960px; height:74px}
.orange h1{margin-left:25px; color:#BF4214; font-size:14px}
.orange h2{margin-left:25px; color:#BF4214; font-size:12px}

.fellorange #headertop{background:url(../images/fellorangeheader.png); width:960px; height:74px}
.fellorange h1{margin-left:25px; color:#DD3D25; font-size:14px}

.green #headertop{background:url(../images/greenheader.png); width:960px; height:74px}
.green h1{margin-left:25px; color:#B7B81F; font-size:14px}

.purple #headertop{background:url(../images/purpleheader.png); width:960px; height:74px}
.purple h1{margin-left:25px; color:#62A9BC; font-size:14px}

.lime #headertop{background:url(../images/limeheader.png); width:960px; height:74px}
.lime h1{margin-left:25px; color:#ACC051; font-size:14px}

#logo{position:absolute; top:4px; left:70px; width:257px; height:67px}
#homebutton{position:absolute; width:30px; height:30px; top:23px; left:20px; border:0px}
#headerbottom{width:960px; height:181px}
#menu{float:left; width:275px; background:url(../images/menuback.jpg) no-repeat; background-position:right bottom; height:400px; background-color:#171717; margin-top:2px}
#menu ul{margin:0px; padding:0px}
#menu ul li{list-style:none; background-color:#1E1E1E; margin-bottom:1px; padding:0px}
#menu ul li a{font-size:14px; line-height:30px; color:#FFF; text-decoration:none; margin-left:20px}
#menu li a:active{font-weight:bold}

.red #menu ul li:hover{background-color:#8C1414}
.red #menu ul li:active{background-color:#8C1414}
.red #menu .active{background-color:#8C1414; font-weight:bold}
.red #contentbox h1, 
.red #contentbox h2,
.red #contentbox h3,
.red .activetab,
.red .tab {color: #8C1414;}


.orange #menu ul li:hover{background-color:#BF4214}
.orange #menu ul li:active{background-color:#BF4214}
.orange #menu .active{background-color:#BF4214; font-weight:bold}
.orange #contentbox h1, 
.orange #contentbox h2,
.orange #contentbox h3,
.orange .activetab,
.orange .tab {color: #BF4214;}


.fellorange #menu ul li:hover{background-color:#DD3D25}
.fellorange #menu ul li:active{background-color:#DD3D25}
.fellorange #menu .active{background-color:#DD3D25; font-weight:bold}
.fellorange #contentbox h1, 
.fellorange #contentbox h2,
.fellorange #contentbox h3,
.fellorange .activetab,
.fellorange .tab {color: #DD3D25;}


.green #menu ul li:hover{background-color:#B7B81F}
.green #menu ul li:active{background-color:#B7B81F}
.green #menu .active{background-color:#B7B81F; font-weight:bold}
.green #contentbox h1, 
.green #contentbox h2,
.green #contentbox h3,
.green .activetab,
.green .tab {color: #95951A;}


.lime #menu ul li:hover{background-color:#ACC051}
.lime #menu ul li:active{background-color:#ACC051}
.lime #menu .active{background-color:#ACC051; font-weight:bold}
.lime #contentbox h1, 
.lime #contentbox h2,
.lime #contentbox h3,
.lime #contentbox h4,
.lime #contentbox h5,
.lime .activetab,
.lime .tab {color: #81932D;}

.purple #menu ul li:hover{background-color:#62A9BC}
.purple #menu ul li:active{background-color:#62A9BC}
.purple #menu .active{background-color:#62A9BC; font-weight:bold}
.purple #contentbox h1, 
.purple #contentbox h2,
.purple #contentbox h3,
.purple .activetab,
.purple .tab {color: #62A9BC;}


#contentwrapper{margin-top:2px; background:#171717; float:right; width:682px; height:400px}
.content{position:relative; float:right; width:682px; height:132px; background-color:#171717; margin-top:2px}
.content p{width:470px; margin-top:5px; margin-left:25px; color:#B3B3B3; font-size:11px}
.orange .content {min-height:400px; height:auto !important; height:400px;}
.content h1{margin-top:10px; margin-bottom:0px}
.content img{position:absolute; right:10px; top:10px}
.content .more{position:absolute; right:150px; bottom:20px}
.content .more a{color:#FFF; font-size:12px; text-decoration:underline}
#contentwrapper #tabs{display:block; margin-right:15px; margin-top:15px; float:right}
#contentwrapper #tabs ul{list-style-type:none}
#contentwrapper #tabs ul, 
#contentwrapper #tabs li{padding:0px; margin:0px; height:30px}
#contentwrapper #tabs li{float:right; font-size:12px; font-weight:bold}
.tab{background-image:url(../images/tab_back.gif); background-position:bottom; background-repeat:repeat-x; display:block; height:23px; line-height:23px; padding:0px 0px; margin:0px 2px; text-decoration:none; padding-top:7px}
.activetab{height:30px; padding:0px; background-image:url(../images/tab_back.gif); background-position:bottom; background-repeat:repeat-x; background-color:#d4d3d1; display:block; line-height:23px; padding:0px 0px; margin:0px 6px; text-decoration:none}
.tabtl{background:url(../images/tab_tl.gif) 0 0 no-repeat; display:block}
.tabtr{background:url(../images/tab_tr.gif) 100% 0 no-repeat; padding:0px 8px; display:block}
#contentbox{float:right; width:640px; margin-top:0px; margin-right:10px; padding:20px 10px 30px 10px; background:#1E1E1E}
#contentbox h1, 
#contentbox h2{ margin:0px; padding:0px; font-size:13px}
#contentbox p{font-size:12px; color:#CCC}
#contentbox td{font-size:12px; color:#CCC}
#contentbox li{font-size:11px}
#algemeenbox{ min-height:100px;  height:auto !important;  height:100px}
#fotobox{width:183px; display:block; float:right; border-left:solid 1px #d4d3d1; padding-left:10px; margin-left:10px}
#fotobox img{border:0px}
#fotobox #foto1{margin:6px 4px 4px 0px; cursor:pointer}
#fotobox #foto2{margin:6px 0px 4px 4px; cursor:pointer}
#fotobox #foto3{margin:4px 4px 6px 0px; cursor:pointer}
#fotobox #foto4{margin:4px 0px 6px 4px; cursor:pointer}
#fotobox img{border:solid 1px #d4d3d1}
#fotobox #fotogroot{margin-top:10px}
.links td a {font-size:0.7em;color: #FFFFFF; text-decoration: none;}