body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica, Arial, Verdana, Cantarell, Droid Sans;
	font-size: 11px; 
	line-height: 1.8em;
	background: #000000 url('img/bgmain/bg9.jpg') center no-repeat;
	text-align: left;
	color: #555555;
}

#designstudio{
background: #000000 url('img/bgmain/bg1.jpg') center no-repeat;
}

#een {background: #000000 url('img/bgmain/bg1.jpg') center no-repeat;}
#twee {background: #000000 url('img/bgmain/bg1.jpg') center no-repeat;}
#drie {background: #000000 url('img/bgmain/bg7.jpg') center no-repeat;}
#vier {background: #000000 url('img/bgmain/bg8.jpg') center no-repeat;}
#vijf {background: #000000 url('img/bgmain/bg9.jpg') center no-repeat;}
#zes {background: #000000 url('img/bgmain/bg10.jpg') center no-repeat;}

.homenews .newsitem {}

#contact a{
color: #8f99b0;
}

#designpublisher{
background: #000000 url('img/bgmain/bg6.jpg') center no-repeat;
}

#nieuws{
background: #000000 url('img/bgmain/bg1.jpg') center no-repeat fixed;
}

#contact{
background: #000000 url('img/bgmain/bg1.jpg') center no-repeat;
}

.clear {
clear: both;
}

h1 {
font-family: Droid Sans, Cantarell, Impact, Arial, Helvetica, Verdana;
text-transform:uppercase;
font-size: 18px;
padding: 0;
margin: 0;
font-weight: Bold;
color: #8f99b0;
}

h2
{
font-family: Droid Sans, Cantarell, Arial, Helvetica, Verdana, Droid Sans, Cantarell;
font-size: 12px;
padding: 0;
margin: 0;
font-weight: bold;
color: #555555;
}

h3 {
font-size: 12px;
padding: 4px 0;
margin: 0;
color: #555555;
font-weight: normal;
}

img {
border: none;
}



/* hide from ie5 mac \*/
html {
  height: 100%;
  
}

.fontgroot {
font-size: 13px;
line-height: 1.5em;
}

.fontgroot2 {
font-size: 13px;
line-height: 1em;
margin: 0;
padding: 6px 0;
}

/* designpublisher*/

#designpublisher h1
{
font-size: 14px;
padding: 0;
margin: 0;
font-weight: normal;
color: #e38036;
}
a:link, a:visited, a:hover, a:active{
text-decoration: none;
color: #8f99b0;
}

#designpublisher #dp_content a:link, a:visited, a:hover, a:active{
text-decoration: none;
color: #e38036;
}

#designstudio #dp_content a:link, #designstudio #dp_content a:hover, #designstudio #dp_content a:visited { color: #8f99b0;}

#flashcontainer {
	margin: 0 auto;
	height: 100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 1;
}
	
wrap {
position: absolute; 
z-index: 2; 
left: 0px; 
top: 0px;
}

#topbalk {
position: absolute; 
z-index: 3; 
display: block;
width: 100%;
height: 32px;
background: #363b3a;
float: left;
}

#logo {
text-indent: -9999em;
background: url("img/logoSOS.png") no-repeat;
width: 112px;
height: 32px;
display: block;
float: left;
}

#logo a {
width: 112px;
height: 32px;
display: block;
border: none;
}

#label {
text-indent: -9999em;
background: url("img/sosdesignstudio.png") no-repeat;
width: 160px;
height: 32px;
display: block;
float: right;
}

#label a {
width: 160px;
height: 32px;
display: block;
}


#balk2 {
position: absolute; 
z-index: 3; 
display: block;
width: 100%;
height: 32px;
background: #555555 url("img/menubalk_achtergrond.png") no-repeat right;
top: 32px;
color: #ffffff;
}

#balk2 ul, #balk2 li {
float: right;
list-style: none;
padding: 4px 16px 4px 8px;
margin:  0;
}

#balk2 a{
color: #ffffff;
}

#nav {
position: absolute; 
z-index: 7999; 
display: block;
width: 100%;
height: 32px;
background: #8f99b0 no-repeat right;
top: 64px;
padding-left: 0px;
margin: 0;
color: #ffffff;
}

#designpublisher #nav {
background: #e38036;
}

#webstudio #nav {
background: #0066ff;
}

#webpublisher #nav {
background:red;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 32px;
}

#nav a {
	display: block;
	color: #ffffff;
}

#nav li {
	float: left;
	margin: 0 80px 0 0;
}

#nav li ul {
	position: absolute;
	width: 16em;
	left: -999em;
	background: url(img/nav_dropdown_background.png) no-repeat left 4px;
	height: 240px;
	margin: 0;
	padding: 21px 0px;
	font-size: 13px;
}

#designpublisher #nav li ul {
	background: url(img/dp_nav_dropdown_background.png) no-repeat left 4px;
}

#nav li ul li {
 background: #363b3a;
 display: block;
 width: 165px;
 height: 240px;
 padding: 16px;
 color: #ffffff;
}


#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul a{
border: none;
display: inline;
color: #8f99b0;
}

#nav .nav_over_kop{
display: block;
font-size: 14px;
color: #8f99b0;
margin: 0;
padding: 0;
}


#newsitems, #contactpagina, #alg_content{
position: absolute; 
z-index: 3; 
top: 96px;
padding: 0 16px 16px 32px;
float: left;
}

#newsitems {
width: 1600px;
}

#newsitems a{
color: #8f99b0;
}

.routebeschrijving {
border: 1px solid red;
}

.contactitem {
background: #ffffff;
display: block;
float: left;
margin: 16px 16px 0 0;
padding: 16px;
width: 416px;
height: 540px;
}

.webcamitem {
background: #ffffff;
display: block;
float: left;
margin: 16px 16px 0 0;
padding: 16px;
width: 600px;
height: 500px;
}


.brochures {
background: #ffffff;
display: block;
float: left;
margin: 16px 16px 0 0;
padding: 16px;
width: 960px;
}

.pageflipSOS {
background: transparent;
display: block;
float: left;
margin: 16px 16px 0 0;
padding: 16px;
width: 960px;
}


.brochures h1 {display: block; float: left;}

.brochures a{
display: block;
background: #fff url(img/download_brochure_SOS.png) no-repeat 0 -18px;
width: 320px;
height: 32px;
border: 0px solid red;
text-indent: -9999em;
float: right;
margin: 0;
}

.brochures .b{
background: #fff url(img/download_brochure_SOSDP.png) no-repeat 0 -18px;margin: 0 0 0 8px;
}

.brochures a:hover{
background: #fff url(img/download_brochure_SOS.png) no-repeat 0 -108px;
}

.brochures .b a:hover{
background: #fff url(img/download_brochure_SOSDP.png) no-repeat 0 -108px;
}

.newsitem {
background: #ffffff;
display: block;
float: left;
margin: 16px 16px 0 0;
padding: 16px;
width: 208px;
}


#menu1 {
left:32px;
top:112px;
}

#menu2 {
left:264px;
top:112px;
}

#menu3 {
left:496px;
top:112px;
}

#menu4 {
left:728px;
top:112px;
}

#leesmeer {
position: absolute; 
z-index: 4; 
display: block;
top:224px;

}


#dp_nav, #ds_nav{
position: absolute; 
z-index: 300; 
display: block;
padding: 0px;
left:32px;
top:112px;
}

#dp_nav ul, #ds_nav ul{
list-style: none;
padding: 0;
margin: 0;
}

#dp_nav ul li{
background: #ffffff;
list-style: none;
padding: 4px 8px;
margin: 0 0 8px 0;
text-align: right;
width: 112px;
}

#dp_nav ul li.active{
background: #e38036;
}

#ds_nav ul li.active{
background: #8f99b0;
}

#dp_nav ul li.active a, #ds_nav ul li.active a{
color: #ffffff;
}

#ds_nav ul li ul  a {

}

.background_wit{
margin: 0 0 0px 0;
padding: 16px 16px 32px 16px;
background: #ffffff;
}

#kolom2 .background_wit, #kolom3 .background_wit{
background: url(img/menu_pijl_links_onder.png) left bottom no-repeat;

}

#dp_content, #ds_content{
position: absolute; 
z-index: 3; 
display: block;
padding: 0px;
left:160px;
top:112px;
float: left;
}

#dp_video {
position: relative; 
z-index: 3; 
display: block;
padding: 0px;
margin: 0 auto;
left: center;
top:112px;
text-align: center;
}



#dp_content #kolom1, #alg_content #kolom1{
background: url(img/menu_pijl_links_boven.png) left top no-repeat;
display: block;
width: 286px;
float: left;
margin: 0;
padding: 0 0 0 16px;
}



#dp_content #kolom2{
display: block;
width: 286px;
float: left;
margin: 0;
padding: 0 0 0 16px;
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
}

#dp_content #kolom3{
display: block;
width: 192px;
float: left;
margin: 0;
padding: 0 0 0 16px;
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
}


#dp_content #demo_kolom1{
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
display: block;
width: 480px;
float: left;
margin: 0;
padding: 0 0 0 16px;
}

#dp_content #demo_kolom2{
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
display: block;
width: 240px;
float: left;
margin: 0;
padding: 0 0 0 16px;
}

#dp_content #demo_kolom2 .background_wit{
background: #ffffff url(img/bekijkdemo1.png) 16px top no-repeat;
height: 180px;
}

#dp_content #demo_kolom2 .background_wit a{
display: block;
height: 160px;
text-indent: -9999em;
}


#ds_content #kolom1_portfolio{
background: url(img/menu_pijl_links_boven.png)left top no-repeat;
display: block;
width: 560px;
float: left;
margin: 0;
padding: 0 0 0 0px;
border: 0px solid red;
}

#ds_content #kolom2_portfolio{
display: block;
width: 240px;
float: left;
margin: 0;
padding: 0 0 0 0px;
}


#ds_content #kolom2.background_wit{
display: block;
height: 800px;
width: 240px;
float: left;
margin: 0;
padding: 0 0 0 16px;
border: red solid 1px;
}





#volgende_klant {
background: url(img/nextklant_pijl_rlinks_in.png) right center no-repeat;
margin: 0 0 8px 0;
padding: 8px 16px;
height: 16px;
color: #ffffff;
width: 224px;
}

#volgende_klant a{
display: block;
color: #fff;
}


form .grey {
display: block;
width: 120px
}

#pikame_user {
width: 534px;
border: red 0px solid;
margin: 4px 0 0 0;
}

#pikame_user li{

border: red 0px solid;
margin: 0px 4px 4px 0;
width: 169px;
}

form.nieuwsbrief_input input {
margin: 12px 0;
border: #e3e3e3 1px solid;
height: 19px;
}

#kolom2 input {
margin: 6px 0;
border: #e3e3e3 1px solid;
height: 19px;
}




input {
border: #e3e3e3 1px solid;
color: #404040;
height: 19px;
}

textarea {
border: #e3e3e3 1px solid;
color: #404040;
}

form.nieuwsbrief_input .bt_submit{
border: #e3e3e3 1px solid;
height: 23px;
margin: 12px 0 0 6px;
position: absolute;
font-weight: bold;
font-size: 9px;
color: #ffffff;
background: #363b3a;
}


#but_bekijk_demo{
background: #ffffff url(img/demolink.png) no-repeat 0 0px;
height: 112px;
}

#but_bekijk_demo a{
display: block;
height: 112px;
width: 256px;
padding-top: 92px;
}

#fotopand {
background: #ffffff;
width: 416px;
}


#ds_nav li ul li a {
width: 36px;
height: 56px;
margin: 0;
padding: 0;
border: 0px solid red;
}

#ds_nav li ul li a:link, #ds_nav li ul li a:visited, #ds_nav li ul li a:hover, #ds_nav li ul li a:active {
color: #ffffff;
}


#map_canvas {
width: 416px; 
height: 300px; 
margin: 6px 0 12px 0;
}


#map_canvas span, #scalecontrol, #map_canvas a, #hmtctl {
display: none;
}



#kolom2 .bt_login {
display: block;
background: #404040;
color: #ffffff;
height: 23px;
position: relative;
top: -35px;
left: 186px;
}

#dp_actie label, .niceform label {display: block; width: 180px; float: left; padding: 6px 0;}

/***** FormCheck *****/
table.tipsbox {display: block; width: 240px; position: relative; top: -100px; z-index: 8000;  }

.tipsbox .tipsbox_top_left{
	background : url('img/top_left.png') no-repeat;
	_background : url('img/top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('img/top.png') repeat-x;
	height : 17px;
	_background : url('img/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('img/top_right.png') no-repeat;
	_background : url('img/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('img/left.png') repeat-y;
	width : 17px;
	_background : url('img/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('img/right.png') repeat-y;
	width : 22px;
	_background : url('img/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('img/bottom_left.png');
	_background : url('img/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('img/mark.png') no-repeat;
	height : 36px;
	_background : url('img/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('img/bottom_right.png');
	_background : url('img/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('img/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('img/error.png') no-repeat;
	_background : url('img/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}

#nieuws #nav, #nieuws #topbalk, #nieuws #balk2, #nieuws #flashcontainer  {position: fixed;}
#nieuws #nav, #nieuws #topbalk, #nieuws #balk2  {z-index: 9999;}