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

h1 {
font-family: Droid Sans, Impact, Arial, Helvetica, Verdana;
text-transform:uppercase;
font-size: 18px;
padding: 0;
margin: 0;
font-weight: bold;
}

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

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

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

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

#contact a{
color: #8f99b0;
}

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

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

/* Basis elementen */

.clear {
clear: both;
}

img {
border: none;
}

html {
  height: 100%;
}

#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;
}

/* Hoofd menu */

#hoofdmenu_1 {
width: 200px;
height: 200px;
display: block;
margin-top: -200px;
}

#hoofdmenu_2 {
width: 150px;
height: 200px;
display: block;
margin-top: -200px;
margin-left: 240px;
cursor:pointer;
cursor: hand;
}

#submenu{
border-top: 1px solid #555555;
display: block;
width: 150px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#submenu a {color: #FFFFFF;}

.last {border-bottom: 1px solid #555555;}

#hoofdmenu_3 {
width: 250px;
height: 200px;
display: block;
margin-top: 0px;
margin-left: 430px;
z-index: 5;

}



/* Navigatie Pull down */

#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;
}

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

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

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

#right {
float: right; 
}

#nav li ul {
	position: absolute;
	width: 16em;
	left: -999em;
	height: 240px;
	margin: 0;
	padding: 21px 0px;
	font-size: 13px;
	
}

#navtriangle {

	margin-top: -34px;
	margin-left: 5px;
	margin-bottom: 25px;
	width: 0;
	height: 0;
	border: transparent transparent white transparent;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
}

#navtriangle2 {

	margin-top: -34px;
	margin-left: 5px;
	margin-bottom: 25px;
	width: 0;
	height: 0;
	border: transparent transparent white transparent;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
}

#navtriangle3 {

	margin-top: -34px;
	margin-left: 5px;
	margin-bottom: 25px;
	width: 0;
	height: 0;
	border: transparent transparent white transparent;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
}

#navtriangle4 {

	margin-top: -34px;
	margin-left: 5px;
	margin-bottom: 25px;
	width: 0;
	height: 0;
	border: transparent transparent white transparent;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
}

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

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

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


/* formulieren */

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

form.nieuwsbrief_input input {
margin: 12px 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;
}

/* 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;
}

/* Kolommen */

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

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

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

/* Kolommen Background en onderpijltjes */

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

.background_wit_onder{
margin: 0px 0px 0px 0px;
padding: 16px 16px 32px 16px;
background: #ffffff;
background: url(img/menu_pijl_links_onder.png) left bottom no-repeat;
}

/* Kolommen Background en onderpijltjes GRIJS */

.background_grey{
margin: 0px 0px 0px 0px;
padding: 16px 16px 16px 16px;
background: #555555;
color: #FFFFFF;
}

.background_grey_onder{
margin: 0px 0px 0px 0px;
padding: 16px 16px 16px 16px;
background: url(img/menu_pijl_links_onder_grey.png) left bottom no-repeat;
color: #FFFFFF;
}

.boven_grey{
background: url(img/menu_pijl_links_boven_gr.png)left top no-repeat;
}

.background_grey h2, .background_grey_onder h2 {
color: #ffffff;
}