@charset "utf-8";
/* CSS Document */
html {background-color:fff; font-family:Arial, Helvetica, sans-serif;} /*#faf0e6*/
body	{
/*background-image:url(images/bg_aqua_white1.png);
background-repeat: repeat-x;*/
background-color:#fff; margin:auto; width:720px; overflow: -moz-scrollbars-vertical;
}
/*.content_main	{position:relative top:0px; width:720px;}*/
/*.bodyMain	{ margin:0 auto; position:relative top:0px; width:720px;}*/

a:link, a:visited, a:active	{color:blue;}
a:hover	{color:red;}

.contentText	{position:relative; left:5px; right:5px; width:710px; font:normal 12px Arial, Helvetica, sans-serif;}
.contentText .left	{width:340px; float:left; margin-top:40px;}
.contentText .right	{width:340px; float:right; margin-top:40px;}

.contentText h1 {font:bold 18px Arial, Helvetica, sans-serif;}
.contentText h2 {font:bold 16px Arial, Helvetica, sans-serif;}
.contentText h3 {font:bold 13px Arial, Helvetica, sans-serif;}
.contentText .left p, .contentText .right p	{text-align:justify;}
.contentText .bullets ul	{list-style:disc;}
.contentText .bullets ol, .contentText .bullets li	{font-size:12px;}
p {font-size:12px}

.contentText .image img {margin:10px 0px; border:0px}
.contentText hr {color:#0077ff; border:none; border-top:1px solid #0077ff; height:1px;} /* !!op deze manier!! wordt het ook goed in ff weergegeven */

#logo {position:relative; top:10px; left:0px; width:283px; float:left;}
.logo2 img {margin:15px; border:0px; width:225px; height:75px;}
.input	{position:relative;	top:2px; right:0px; float:right; width:60%; text-align:right; font:bold 11px Arial; vertical-align:middle;}
.input	{background-color:fff;}
a img {border:none}

/* ### floating and fixed menu ### */
#floatdiv {position:absolute; top:0px; left:0; width:119px; height:42px; padding:0px; background:#FFF; border:0px solid #2266AA;}
#fixeddiv {position: static; top:15%; left:4%; width:119px; height:42px; padding:0px; background:#FFF; border:0px solid #2266AA;}

#flashbanner	{position:relative; top:60px; width:600px; height:300px; margin:0 auto; /*horizontaal centreren*/}
#flashbanner2	{position:relative; top:25px; width:710px; height:400px; margin:0 auto;}

/*orderbutton*/
.orderbutton	{position:relative; top:30px; float:right; width:50%; /*margin-top:30px;*/}
.order	{background-image: url(images/order_button_blue_over.png); width:223px; height:41px; float:right;}
.orderhover	{background-image: url(images/order_button_red.png); width:223px; height:41px; float:right;}
.orderbutton a	{text-decoration:none}
.order h1, .orderhover h1	{font-weight:bold; color:#fff; margin-top:10px; text-align:center;}
.orderbutton_topleft	{position: relative; float:left; top:30px; width:50%;}
.order_topleft	{background-image: url(images/order_button_blue_over.png); width:223px; height:41px; float:left;}
.orderhover_topleft	{background-image: url(images/order_button_red.png); width:223px; height:41px; float:left;}
.orderbutton_topleft a	{text-decoration:none}
.order_topleft h1, .orderhover_topleft h1	{font-weight:bold; color:#fff; margin-top:10px; text-align:center;}
		
/***** topbox *****/	
#topboxes 	{padding:110px 0px 0px 0px; width:720px;}
#topboxes a {color:#fff; text-decoration:none; cursor:pointer;}
.topbox {
background-image:url(images/topbox_blue_dark2.png);
display:block;
float:left;
width:230px;
height:70px;
margin:0px 5px 0px 5px;
padding:0px;
font-weight:bold;
}
.topboxhover	{
background-image:url(images/topbox_blue_light.png);
display:block;
float:left;
width:230px;
height:70px;
margin:0px 5px 0px 5px;
padding:0px;
font-weight:bold;
/*opacity: 0.9;
filter: alpha(opacity=90); ie7 problematic*/
}
.topbox p, .topboxhover p	{margin-top:1px; color:#fff; text-align:center; font-weight:bold;}
.topbox h1, .topboxhover h1	{margin:7px 0px 0px 0px; font-size:20px; color:#fff; text-align:center;}
.topbox h2, .topboxhover h2	{margin:6px 0px 0px 0px; font-size:16px; color:#fff; text-align:center;}
.topbox .tabel, .topboxhover .tabel	{margin-top:1px; padding-left:15px; border:0px; font-size:12px; text-align:left; width:230px;}
.topbox .tabel2, .topboxhover .tabel2	{margin-top:1px; border:0px; font-size:12px; text-align:left; width:180px;}

/* footer */
.bottom {
background-image:url(images/menu_bar_blue_25x1_rev.png);
background-position:bottom;
background-repeat:repeat-x;
width:720px;
height:25px;
margin:0px auto; /* margin-left:padding-left topboxes + margin-left topbox of 0px */
}		
.footer	{padding:7px 0px 0px 0px; margin:0px; color:#fff; font-size:11px; text-align:center;}		
.footer a		{text-decoration:none; color:#fff;}
.footer a:link, .footer a:visited, .footer a:active	{color:#fff;}
.footer a:hover {text-decoration:underline; color:#fff;}
#footer_logos	{margin-top:40px; text-align:center;}

/* xlite picture in de download pagina */
.contentText .xlite	{position:relative; margin:0 auto; width:200px; height:300px;}

#custom_gen ul 	{
list-style: disc;
margin-left:20px;
padding:0 2em;
text-align:justify;
}

/* ########## levelsmenu-topbar.css ########## */
/* ### Matt Black Strip Main Menu Bar CSS ### */
#topmenubar	{margin-top:10px;} /* !!postition levert hier problemen op!! */
#topmenubar2{margin:0px auto;}
.bluewhitemenu ul	{
margin:0 auto;
padding: 0px;
font:900 14px Arial;
list-style-type: none;
border: 0px solid #0055ff;
background-image: url(../images/menu_bar_blue_30x1.png);
background-repeat: repeat-x;
overflow: hidden;
width: 720px;
}
.bluewhitemenu li	{display:inline; margin: 0px;}
.bluewhitemenu li a{
float: left;
display: block;
text-decoration: none;
color:#fff;
margin: 0px auto;
padding: 7px 12px 10px 12px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
background-image: url(../images/menu_bar_blue_30x1.png);
background-repeat: repeat-x;
}
.bluewhitemenu li a:visited	{color:#fff;}
.bluewhitemenu li a:hover	{color:#fff; background-image: url(../images/menu_bar_blue_30x1_rev.png);
background-repeat: repeat-x;} /*background of tabs for hover state */
.bluewhitemenu a.selected{
background-image: url(../images/menu_bar_blue_30x1.png); background-repeat:repeat-x;} /*background of tab with "selected" class assigned to its LI */
.bluewhitemenu li a.menuright {border-right:0px;}
.bluewhitemenu li a.menuleft {border-right:0px;}
/* ########## levelsmenu-base.css ########## */
/* ### Drop Down ULs CSS ### */
.submenustyle, .submenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 12px Arial;
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 0px;
list-style-type: none;
background: white;
border: 0px solid #0055ff;
border-bottom-width: 0px;
visibility: hidden;
z-index:200; 
}
.submenustyle li a{
display:block;
width: 100%; /*width of menu (not including side paddings)*/
color:#fff;
background-color:#0077ff;
text-decoration: none;
padding: 4px 4px;
padding-left:12px;
border-bottom: 1px solid #0055ff;
}
.submenustyle li a:visited	{color:#fff;}
.submenustyle li a:active	{color:#fff;}
.submenustyle li a:hover	{color:#fff; background-image: url(../images/menu_bar_blue_25x1.png);
background-repeat:repeat-x;
}
/* ### Neutral CSS ### */
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 5px;
border: 0;
}
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 1px;
left: 100px;
border: 0;
}
.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ##### Special box_top for products page and order_now page ##### */
.box_top 	{
/*background-image: url(images/box_top.jpg);*/
background-image: url(images/box_top_round.png);
background-repeat:no-repeat;
width:262px;
height:25px;
margin-bottom:0px;
padding-top:0px;
text-align:center;
}
.box_bottom_round {
background-image: url(images/box_bottom_round.png);
background-repeat:no-repeat;
width:262px;
height:25px;
}
.box_bottom_square 	{
background-image: url(images/box_bottom_square.gif);
background-repeat:no-repeat;
width:262px;
height:1px;
}
.box_content 	{background-image: url(images/box_middle.png); width:262px; min-height:225px; background-repeat:repeat-y;}
.box_content p 	{padding:0px 20px 0px 20px}
.box_content h1 {padding-top:10px; text-align:center; color:#000; font:bold 20px Arial, Helvetica, sans-serif;}				
.box_content h2 {padding-top:10px; text-align:center; color:#00F; font:bold 16px Arial, Helvetica, sans-serif;}
.box_content h3 {text-align:center; color:#000; font:bold;}
.box_content h4 {text-align:center; color:#000; font:normal 11px Arial, Helvetica, sans-serif;}
.box_content .special	{color:white;}
.box_content .specialHead 	{color:#FF0000; text-align:center; font:bold 16px Arial, Helvetica, sans-serif;}
.box_content .image img {margin:30px 0 10px 0; border:0px;}
.box_content .image2 img {margin-top:10px; border:0px;}

/* ### split ### */
.split 	{clear:both;}
.splitL	{clear:left;}
.splitR	{clear:right;}

/* ### login buttons and text ### */
.loginButton,  	{border:1px solid #0055ff; font-size:10px; background-color:#fff;}
.loginText		{border:1px solid #0055ff; font-size:10px; background-color:#fff;}

/* Products Table class */
table.propertiesT 	{
font:12px Arial, Helvetica, sans-serif;
color:#000;
width:340px;
text-align:left;
border:1px solid #0077ff;
border-collapse:collapse;
margin-top:20px;
}
table.propertiesT td.propHd {
border:1px solid #0077ff;
background-color:#0077ff;
text-align:center;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
}
table.propertiesT td 	{
border-bottom:1px dotted #0077ff;
color:#000;
background-color:#fafad2;
text-align:left;
padding-left:2px;
}
table.propertiesT td.propTD1 {border-left:1px solid #0077ff; padding-right:2px;}
table.propertiesT td.propTD2 {border-left:1px dotted #0077ff; border-right:1px dotted #0077ff; padding-right:2px;}
table.propertiesT td.propTD3 {border-right:1px solid #0077ff; padding-right:2px;}
table.propertiesT td.propTD4 {border-left:1px dotted #0077ff; border-right: 1px solid #0077ff; padding-right: 2px;}
table.propertiesT li	{list-style-type:disc; list-style-position:outside; margin-left:15px;}

/*these are the css for the table countries with the rollover effect */
table.countriesTable 	{
font:bold 12px Arial, Helvetica, sans-serif;
width:340px;
border: 1px solid #0055FF;
border-collapse: collapse;
}
table.countriesTable th	{/*standaard is een th tag gecentreerd!*/
text-align:left;
padding-left:2px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
background-color:#0055FF;
border:1px solid #0055ff;
height:22px;
}
table.countriesTable td	{/* select no background!!*/
border-bottom: 1px solid #0055FF;
border-right: 0px solid #0055FF;
padding: 1px 2px 1px 2px;
height:22px;
}
/*table.countriesTable td.propTD 	{padding-left:2px; border-right:1px solid #0055FF;}*/


#ads {margin-top:20px}
			
/*** These classes are used by the script as rollover effect ***/	
.tableRollOverEffect	{background-color:#ffcc00;color:#000;}
.tableRowClickEffect	{background-color:#ffcc00;color:#000;}


table.orderT 	{
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
height:160px;
width:255px;
border:1px #fff solid;	/*#D0D0D0*/
background-color:#0077ff;
margin-top:15px;
}
table.orderT td.orderTD {text-align:center}
table.orderT td {font:bold 11px; text-align:left;}
				 
/* register tabel eigenschappen */
.register	{margin-top:30px;}
.register h1 {text-align:center; font-weight:bold;}
table.registerT		{background-color:#FFF; border-spacing:1px; vertical-align:middle;}
table.registerT td	{background-color:#0077ff;}	
table.registerT td.propTD	{background-color:#0077ff; text-align:right; padding:0 2px 0 5px; font-weight:bold; color:#fff;}	

/* ##### FAQ1 sliding show/hide script css style ##### */
.orkutel_faq_question{	/* Styling question */
/* Start layout CSS */
color:#FFF;
font-size:12px;
background-color:#00f;
width:330px;
margin-bottom:2px;
margin-top:2px;
padding-left:2px;
background-repeat:no-repeat;
background-position:top right;	
height:20px;
/* End layout CSS */
overflow:hidden;
cursor:pointer;
}
.orkutel_faq_answer{	/* Parent box of slide down content */
/* Start layout CSS */
border:1px solid #317082;
background-color:#ffcc66;
width:330px;
/* End layout CSS */
visibility:hidden;
height:0px;
overflow:hidden;
position:relative;
}
.orkutel_faq_answer_content	{/* Content that is slided down */
padding:1px;
font-size:12px;	
position:relative;
}
/*#### FAQ2 "Show/Hide content" script css style ####*/
/* Layout properties for your question  */
.question	{
font-size:12px;		
color:#000;
cursor:pointer;
border-bottom: 1px solid #0099ff;
padding: 3px;
}		
.answer	{
font-size:12px;
color:black;
border-bottom:1px solid #0099ff;
padding:3px;
background-color:#E9EEFF;
/* !!This one should not be changed very important!!*/
display:none;	
}	
.faqBlock {width:310px;}

/* special class */
#choice {margin-top:30px;}	

.specialSupport {color:#0055ff;	font:bold 13px Arial;}

/* Lijsten */
.numberlist	{list-style-type:decimal; margin-top:0px;}
.normallist	{list-style-type:disc; margin-top:0px; margin-bottom:0px;}

#supportbox	{width:262px;}
#supportbox img	{border: 1px solid #00aaff;}

/* fieldset */
fieldset {padding:10px 10px 10px 10px; border:1px solid #0077ff;}
legend {margin-bottom:5px; padding:1px 5px 1px 5px; background-color:#0077ff; font-size:12px; color:#fff;}
fieldset.login {
-moz-border-radius: 8px;
border-radius: 1px;
padding:1pt 0px; 
width:400px; 
text-align:center; 
margin:0px auto; /*zo centreer je een div!!*/
}
fieldset.col {
-moz-border-radius: 8px;
border-radius: 1px;
padding:1pt 0px; 
width:330px; 
text-align: right; 
margin:0px auto;
}
fieldset.faqCol {
-moz-border-radius: 8px;
border-radius: 1px;
padding:1; 
width:310px; 
text-align:left; 
margin:0px auto;
}
/*download page */
.style_dl_1 {font-weight:bold;}
.style_dl_2 {font:bold 14px Arial; color:blue; text-align:center;}
.style_dl_3 {font-weight:bold; text-decoration:underline; display:block;}
.style_dl_4	{font-weight:bold; color:red}
.style_dl_5	{font-weight:bold;}
/* index page */
.slogan		{margin-top:80px;}
.slogan .one {font:700 22px Georgia; text-align:center; color:red;}
.slogan .two {font:700 20px Georgia; text-align:center; color:blue;}
/* rates  privatenumbers page */
.Style8		{font:bold 10px Arial, Helvetica, sans-serif; background-color:#FFCC00;}
.Style9		{font:bold 12px Arial, Helvetica, sans-serif;}
.Style10	{font:bold 10px Arial, Helvetica, sans-serif; background-color:#FFCC00;}
.Style11 	{font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background-color:#0077ff; padding-left:4px;}
/* antwoord6 antwoord7 confirm country page*/
.style_ans9 {color:#000}
.style_ans3 {color:#000033; font-weight:bold;}
.Style15 {font-size:11px; font-weight:bold; text-align:left; color:#FFF; background-color:#00AAFF;}
.Style16 {font-size:12px; font-weight:bold; text-align:center; color:#FFF; background-color:#0077ff;}
.Style17 {font-size:12px; font-weight:bold; text-align:right; color:#FFF; background-color:#0099FF;}
.Style18 {margin-top:30px;}
/* management page */
.style_man9 {font-size:11px; font-family:Tahoma; font-weight: bold; color:#000;}
.style_man10 {font:bold 20px Arial, Helvetica, sans-serif; font-style:italic;}
.style_man11 {font-size:11px; font-weight:bold; font-family:Tahoma; color:#0000FF;}
.style_man17 {font-size:12px; font-weight:bold; text-align:center; color:#FFF;}
.style_man18 {font-size:12px; font-weight:bold; text-align:center; text-decoration:underline; margin-top:30px;}