@charset "UTF-8";

* { margin:0; padding:0;} 

body {

	font-family:Helvetica, Arial, sans-serif;

	font-size:13px;

	color:#FFFFFF;

	background-attachment:scroll;

	background-color:#0a0a0a;

	background-image:url(images/bg-s.jpg);

	background-repeat:repeat;

	margin:0px;

	height:100%;

	scrollbar-3dlight-color:#555555;

	scrollbar-arrow-color:#8BC541;

	scrollbar-track-color:#333333;

	scrollbar-darkshadow-color:#333333;

	scrollbar-face-color:black;

	scrollbar-highlight-color:black;

	scrollbar-shadow-color:black;

}

a { 	  color:#FF0;}

a:hover { color:#EC2227;}



a.selector {

	color:#FFF; 

	text-decoration:none;

	font-size:11px;

}

a.selector:hover { 

	color:#EC2227; 

	text-decoration:none

}

h1 {

	color:#EC2227;

	font-size:16px;

	font-weight:bold;

	margin-bottom:6px;

}

h2 {

	color:#EC2227;

	font-size:15px;

	font-weight:bold;

	margin-bottom:6px;

}

p{

	text-align:justify;

	font-size:1em;

	margin-bottom:8px;

}

ul {

	list-style-type: square;

	padding-left:24px;

	margin-bottom:6px;

}



#main{

	position:absolute;

	width:100%;

	height:600px;

	top:80px;

	background-image:url(images/bg_p2.gif);

	background-repeat:repeat;

	z-index:1;

	margin: 0 auto;

}

#frame_home {

	width:778px;

	height:440px;

	background-color:#000000;
	
	background-image:url(images/sorama_soundlayer.png);
	
	background-repeat:no-repeat;

	border:2px solid #FCEE21;

	padding-top:120px;

	padding-left:40px;

	padding-right:20px;

	padding-bottom:20px;

	z-index:3;

	position:relative;

	margin:0 auto;

	top:0px;

}

#frame_product {

	width:778px;

	height:440px;

	background-color:#000000;
		
	background-image:url(images/sorama_soundlayer.png);
	
	background-repeat:no-repeat;

	border:2px solid #ff6600;

	padding-top:120px;

	padding-left:40px;

	padding-right:20px;

	padding-bottom:20px;

	z-index:3;

	position:relative;

	margin:0 auto;

	top:0px;

}

#frame_referenties {

	width:778px;

	height:440px;

	background-color:#000000;
		
	background-image:url(images/sorama_soundlayer.png);
	
	background-repeat:no-repeat;

	border:2px solid #EC2227;

	padding-top:120px;

	padding-left:40px;

	padding-right:20px;

	padding-bottom:20px;

	z-index:3;

	position:relative;

	margin:0 auto;

	top:0px;

}

#frame_nieuws {

	width:778px;

	height:440px;

	background-color:#000000;
		
	background-image:url(images/sorama_soundlayer.png);
	
	background-repeat:no-repeat;

	border:2px solid #8BC541;

	padding-top:120px;

	padding-left:40px;

	padding-right:20px;

	padding-bottom:20px;

	z-index:3;

	position:relative;

	margin:0 auto;

	top:0px;

}

#frame_overons {

	width:778px;

	height:440px;

	background-color:#000000;
		
	background-image:url(images/sorama_soundlayer.png);
	
	background-repeat:no-repeat;

	border:2px solid #2AABE2;

	padding-top:120px;

	padding-left:40px;

	padding-right:20px;

	padding-bottom:20px;

	z-index:3;

	position:relative;

	margin:0 auto;

	top:0px;

}

#frame_contact {

	width:778px;

	height:440px;

	background-color:#000000;
		
	background-image:url(images/sorama_soundlayer.png);
	
	background-repeat:no-repeat;

	border:2px solid #2E368F;

	padding-top:120px;

	padding-left:40px;

	padding-right:20px;

	padding-bottom:20px;

	z-index:3;

	position:relative;

	margin:0 auto;

	top:0px;

}

#selector {

	position: absolute;

	width:60px;

	height:20px;

	margin:0 auto;

	left:18px;

	padding:0;

	z-index:100;

	top:14px;

}

#menu {

	position: absolute;

	width:940px;

	height:40px;

	margin:0 auto;

	left:-42px;

	padding:0;

	z-index:100;

	top:37px;

}

ul#navigation-1 { 

	margin:0; 

	padding:0px 0; 

	list-style:none; 

	width:100%; 

	height:20px;  

	font:bold 0.8em verdana, arial, helvetica;

}

ul#navigation-1 li {

	margin:0; padding: 2px 2px; display:block; float:left; position:relative; width:150px; }

ul#navigation-1 li a:link,

ul#navigation-1 li a:visited

	{ padding:4px 0; display:block; text-align:center; text-decoration:none; color:#ffffff; width:150px; height:13px; }

ul#navigation-1 li:hover a,

ul#navigation-1 li a:hover,

ul#navigation-1 li a:active

	{ padding:4px 0; display:block; text-align:center; text-decoration:none; color:#ffffff; width:150px; height:13px; }



/* navigation 2 - orange button */		

ul#navigation-1 li ul.navigation-2

	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#000; width:150px; position:absolute; top:25px; left:-1px; }

ul#navigation-1 li:hover ul.navigation-2

	{ display:block; }

ul#navigation-1 li ul.navigation-2 li

	{ width:150px; clear:left; }

ul#navigation-1 li ul.navigation-2 li a:link,

ul#navigation-1 li ul.navigation-2 li a:visited

	{ clear:left; background:#000; padding:4px 0; width:150px; border:1px solid #ff6600; color:#ff6600; position:relative; z-index:100; }

ul#navigation-1 li ul.navigation-2 li:hover a,

ul#navigation-1 li ul.navigation-2 li a:active,

ul#navigation-1 li ul.navigation-2 li a:hover

	{ clear:left; background:#000; padding:4px 0; width:150px; border:1px solid #ff9933; color:#ff9933; position:relative; z-index:100; }



/* navigation 3 - red button */	

ul#navigation-1 li ul.navigation-3

	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#000; width:150px; position:absolute; top:25px; left:-1px; }

ul#navigation-1 li:hover ul.navigation-3

	{ display:block; }

ul#navigation-1 li ul.navigation-3 li

	{ width:150px; clear:left; }

ul#navigation-1 li ul.navigation-3 li a:link,

ul#navigation-1 li ul.navigation-3 li a:visited

	{ clear:left; background:#000; padding:4px 0; width:150px; border:1px solid #EC2227; color:#EC2227; position:relative; z-index:100; }

ul#navigation-1 li ul.navigation-3 li:hover a,

ul#navigation-1 li ul.navigation-3 li a:active,

ul#navigation-1 li ul.navigation-3 li a:hover

	{ clear:left; background:#000; padding:4px 0; width:150px; border:1px solid #ff6666; color:#ff6666; position:relative; z-index:100; }

	

.but1{

	height:14px;

	background-color:#FCEE21;

	border-left-width:0px;

	border-left-style:solid;

	border-left-color:#000000;

	color:#000000;

}

.but2{

	height:14px;

	background-color: #ff6600;

}

.but3{

	height:14px;

	background-color:#EC2227;

}

.but4{

	height:14px;

	background-color:#8BC541;

}

.but5{

	height:14px;

	background-color:#2AABE2;

}

.but6{

	height:14px;

	background-color:#2E368F;

}



#content{

	float:right;

	width: 290px;

	height: 340px;

	padding-right:20px;

	overflow:auto

}



#picture{

	width:420px;

	height:266px;

	top: 60px;

	font-size:11px;

	vertical-align:text-bottom;

}

#bottom_text_l {

	color:#FFF;

	font-size:0.8em;

}

#bottom_text_r {

	color:#FF0;

	font-size:0.8em;

}

#red {

	color: #F00;

	font-size:0.8em;

}