@import url("./css/sIFR-print.css") print;
@import url("./css/sIFR-screen.css") screen;

html{
	overflow-y:scroll;
}

body {
	margin:auto;
	padding:0;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:#07112a;
	background-color:#3d3d3d;
}

a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#06b9e4;
	text-decoration:underline;
	outline-style:none;
}

div#container{
	margin:0 auto;
	width:970px;
}

div#bodyWrapper {
	width:970px;
	padding:0;
	margin:0;
	float:left;
}

div#header {
	width:970px;
	height:154px;
	padding:0;
	margin:0 0 1px 0;
	float:left;
	background:url(../img/header.jpg) no-repeat;
}

div#navigatieHeaderWrapper {
	width:689px;
	height:44px;
	padding:0px 0 0 281px;
	margin:0;
	float:left;
	background:url(../img/menu_background.jpg) repeat-x;
}

/*/////////////////////////////////*/
	
a.linkHome {
	display:block;
	width:73px;
	height:44px;
	padding:0 0 0 0;
	float:left;
	background:url(../img/menu.jpg) 0 0;
}

a.linkHome:hover {
	background-position: 0 -44px;
}

/*/////////////////////////////////*/

a.linkCompany {
	display:block;
	width:170px;
	height:44px;
	padding:0;
	float:left;
	background:url(../img/menu.jpg) -73px 0px;
}

a.linkCompany:hover {
	background-position: -73px -44px;
}

/*/////////////////////////////////*/	

a.linkDealers {
	display:block;
	width:95px;
	height:44px;
	padding:0;
	float:left;
	background:url(../img/menu.jpg) -243px 0px;
}

a.linkDealers:hover {
	background-position: -243px -44px;
}

/*/////////////////////////////////*/	

a.linkNews {
	display:block;
	width:70px;
	height:44px;
	padding:0;
	float:left;
	background:url(../img/menu.jpg) -338px 0px;
}

a.linkNews:hover {
	background-position: -338px -44px;
}

/*/////////////////////////////////*/	

div#sunbeds {
	width:970px;
	height:30px;
	padding:0;
	margin:1px 0 0 0;
	float:left;
	background:url(../img/kop1.jpg) no-repeat;
}

div#content_sun {
	width:970px;
	height:200px;
	padding:0;
	margin:1px 0 0 0;
	float:left;
	background:url(../img/background_content.jpg) no-repeat;
}

div#content_sunvision {
	width:297px;
	height:196px;
	padding:3px 0 0 124px;
	margin:0;
	float:left;
}

div#content_sunlounge {
	width:295px;
	height:196px;
	padding:3px 0 0 130px;
	margin:0;
	float:left;
}

a#sunvision {
	display:block;
	width:297px;
	height:196px;
	padding:0;
	margin:0 0 0 0;
	float:left;
	background:url(../img/sunvision.jpg) no-repeat;
}

a#sunlounge {
	display:block;
	width:295px;
	height:196px;
	padding:0;
	margin:0 0 0 0;
	float:left;
	background:url(../img/sunlounge.jpg) no-repeat;
}

div#welcome {
	width:970px;
	height:31px;
	padding:0;
	margin:1px 0 0 0;
	float:left;
	background:url(../img/kop2.jpg) no-repeat;
}

div#content {
	width:537px;
	height:auto;
	padding:10px 216px 10px 217px ;
	margin:0;
	float:left;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6d6b70;
}
	
div#menu_onder {
	width:970px;
	height:30px;
	padding:0;
	margin:1px 0 0 0;
	float:left;
	background:url(../img/background_menu.jpg) repeat-x;
}

div#ruimte_email {
	width:14px;
	height:30px;
	padding:0;
	marging:0;
	float:left
}

a#email {
	display:block;
	width:22px;
	height:14px;
	padding:0;
	margin:9px 11px 7px 0px;
	float:left;
	background:url(../img/email.jpg) no-repeat;
}

a#links {
	display:block;
	width:37px;
	height:25px;
	padding:0;
	margin:2px 5px 3px 0;
	float:left;
	background:url(../img/links.jpg) no-repeat;
}

a#sunloungeSmall {
	display:block;
	width:37px;
	height:25px;
	padding:0;
	margin:2px 0 3px 0;
	float:left;
	background:url(/img/sunloungeSmall.jpg) no-repeat;
}

div#ruimte_links {
	width:155px;
	height:30px;
	padding:0;
	marging:0;
	float:left
}

a#sensible {
	display:block;
	width:132px;
	height:30px;
	padding:0;
	margin:0px 0 0 0px;
	float:left;
	background:url(../img/sensible.jpg) no-repeat;
}

a#marketing {
	display:block;
	width:162px;
	height:30px;
	padding:0;
	margin:0px 0 0 0;
	float:left;
	background:url(../img/marketing.jpg) no-repeat;
}

a#dealersite {
	display:block;
	width:99px;
	height:30px;
	padding:0;
	margin:0px 0 0 0;
	float:left;
	background:url(../img/dealersite.jpg) no-repeat;
}

a#engelsevlag {
	display:block;
	width:18px;
	height:13px;
	padding:0;
	margin:10px 8px 7px 0;
	float:right;
	background:url(../img/engelsevlag.jpg) no-repeat;
}

a#nederlandsevlag {
	display:block;
	width:18px;
	height:13px;
	padding:0;
	margin:10px 8px 7px 0;
	float:right;
	background:url(../img/nederlandsevlag.jpg) no-repeat;
}

div#footer {
	width:970px;
	height:5px;
	padding:0;
	margin:1px 0 0 0;
	float:left;
	background:url(../img/footer.jpg) no-repeat;
}

div#kop {
	width:970px;
	height:30px;
	padding:0;
	margin:1px 0 1px 0;
	float:left;
	background:url(../img/kop.jpg) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	
}

div#kop_tekst {
	width:970px;
	height:23px;
	padding:0;
	margin:7px 0 0px 0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-align:center;
}

.content_news {
	width:537px;
	height:auto;
	padding:10px 216px 10px 217px ;
	margin:0;
	float:left;	
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6d6b70;
}

.balloonstyle{
	position:absolute;
	top: -100px;
	left: 0;
	padding: 10px;
	visibility: hidden;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	color:#666666;
	background-color: white;
	width: 278px;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

div#titel_news {
	width:970px;
	height:30px;
	padding:0 0 0 0px;
	margin:0;
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
} 

.news_lijn {
	width:537px;
	height:8px;
	padding:0;
	margin:0;
	float:left;
	background:url(../img/alisun_nieuws_scheiding.jpg) no-repeat;
}

.news_container{
	width:537px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.news_paginanummers{
	width:362px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.news_menu{
	width:175px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.contact_container{
	width:665px;
	height:auto;
	padding:10px 152px 10px 153px ;
	margin:0;
	float:left;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6d6b70;
}

.contact_content{
	width:312px;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:0;
	float:left;
	background:#FFFFFF;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.contact_formulier{
	width:313px;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:0;
	float:left;
	background:#FFFFFF;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.contentrow{
	width:280px;
	height:auto;
	padding:0;
	margin:0;
	float:0;
	font:Arial, Helvetica, sans-serif;
	text-align:left;
}

.contentrow2{
	width:280px;
	height:auto;
	padding:0;
	margin:0;
	float:0;
	text-align:left;
}

.contentrowinput{
	width:260px;
}

.contentrowinput2{
	width:280px;
}

.buttom{
	width:970px;
	height:auto;
	margin:auto;
}

.buttom_disclamer{
	width:485px;
	height:auto;
	float:left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.buttom_qball{
	width:485px;
	height:auto;
	float:left;
	text-align:right;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.buttom_qball a{
	color:#FFFFFF;
	text-decoration:none;
	outline-style:none;
	font-weight:normal;
}

.buttom_disclamer a{
	color:#FFFFFF;
	text-decoration:none;
	outline-style:none;
	font-weight:normal;
}

#titel{
	width:970px;
	height:30px;
	text-align:center;
	color:#000000;
	font-size:20px;
	margin:0;
	paddin:0;
}

a{
	cursor:pointer;
}

#map{
	background:#E5E3DF;
	width: 650px; 
	height: 550px;
	border:1px solid #979797;
	overflow: hidden;
}

.head{
	font-size: 13px;
	font-weight: bold;
}
.baloon{
	background:url(bgbaloon.jpg) no-repeat 100px;
}
/*voor de mouseover*/
.tooltip {
	border: 1px #666666 solid;
	background: #FFFFFF;
	filter: alpha(opacity=80);
	opacity:0.8;
	color: #000000;
	position: absolute;
   	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size: 10px;
	display: none;
}
.tooltip .head{
	font-size: 11px;
	font-weight: bold;
	display: none;
}

.news_lijn {
	width:512px;
	height:8px;
	padding:0;
	margin:0 0 0 25px;
	float:left;
	background:url(../img/alisun_nieuws_scheiding.jpg) no-repeat;
}

.dealer_world{
	text-align:center;
}

div#legenda {
	text-align:center;	
	color:#6d6b70;
	padding:0 0 0 150px;
}

div#legenda span {
	padding-right: 20px;
}

div#content_dealers {
	width:650px;
	height:auto;
	padding:10px 159px 10px 159px;
	margin:0;
	float:left;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6d6b70;
}

 .wereld{
	color:#666666;
}

.legende_tekst{
	width:auto;
	height:17px;
	padding:5px 0 5px 0;
	float:left;
}

.legende_plaatjes{
	width:auto;
	height:27px;
	padding:0;
	float:left;
}
div#popup{
	background:#FFFFFF;
	background-color:#FFFFFF;
	padding:10px;
	margin:10px;
	width:640px;
	float:left;
}
