/*-------------------+
| Main               |
+--------------------*/


html {height:100%; max-height:100%; padding:0; margin:0; border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}
	
body {margin:0; border:0; padding:0; background:#fff; font-family:"Verdana", serif; font-size: 10px; overflow: hidden; line-height:1.4em; overflow:hidden;}

#container {left:0; background:transparant; padding:0; width:100%;}
* html #container {height:100%; width:100%;}

#header {top:0; left:0; width:100%; height:100px; background:transparant;}
#footer {height:28px; text-align:left; background:#c7e5f8;}

#adress {width: 893px; overflow:auto; text-align:left; background:#fff; overflow:hidden; margin-top:5px;}
#adress p {color:#83a2bc; text-align:right; margin:0; padding:0;}

#content {height:408px; width:750px;  margin:0; display:block; overflow:auto;}
#content_intro {height:450px; margin-left:234px; background:url('images/intro_img.jpg') top left no-repeat;}

#content_inner {width:680px; margin:15px; padding:0;}
#content_inner_new {width:450px; margin:15px; padding:0; float:left;}
#content_inner_new_right {width:200px; margin:15px 0 0 10px; padding:10px; float:left; background:#00a2e5; color:#ffffff;}


h1 {font-family:"Arial", serif; font-size:12px; margin:0; padding:0; color:#333;}
h2 {font-family:"Arial", serif; font-size:12px; margin:0; padding:0; color:#fff;}

p {font-family:"Verdana", serif; font-size: 10px; text-align:justify; color:#333;}

#footer p {color:#fff; margin:10px 15px; text-transform:uppercase; font-size:9px;}

a, a:visited {font-size:10px; text-decoration:none; color:#00a2e5;}
a:hover {color:#00a2e5; text-decoration:underline;}

.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

#leftimage {float :left; width: 150px !important; height : 464px; }
.normal {text-align:left;}

.normal a {text-align:left; color:#0e447b; text-decoration:none}
.normal a:hover {text-align:left; color:#0e447b; text-decoration:underline}


/*-------------------+
| Menu Intro         |
+--------------------*/

#nav_intro {height:36px; margin-top:40px; }
#nav_inner_intro {height:36px; margin-left:170px;}

#nav_intro a.home_intro {float:left; width:74px; height:36px; margin: 0px; padding:0px; background-image:url('images/home_intro.jpg');}
#nav_intro a:hover.home_intro {background-position: 0 -36px;}

#nav_intro a.interactive_intro {float:left; width:144px; height:36px; margin: 0px; padding:0px; background-image:url('images/interactive_intro.jpg');}
#nav_intro a:hover.interactive_intro {background-position: 0 -36px;}

#nav_intro a.products_intro {float:left; width:99px; height:36px; margin: 0px; padding:0px; background-image:url('images/products_intro.jpg'); display:block;}
#nav_intro a:hover.products_intro {background-position: 0 -36px;}

#nav_intro a.services_intro {float:left; width:93px; height:36px; margin: 0px; padding:0px; background-image:url('images/services_intro.jpg'); display:block;}
#nav_intro a:hover.services_intro {background-position: 0 -36px;}

#nav_intro a.connectivity_intro {float:left; width:121px; height:36px; margin: 0px; padding:0px; background-image:url('images/connectivity_intro.jpg'); display:block;}
#nav_intro a:hover.connectivity_intro {background-position: 0 -36px;}

#nav_intro a.policy_intro {float:left; width:79px; height:36px; margin: 0px; padding:0px; background-image:url('images/policy_intro.jpg'); display:block;}
#nav_intro a:hover.policy_intro {background-position: 0 -36px;}

#nav_intro a.contact_intro {float:left; width:108px; height:36px; margin: 0px; padding:0px; background-image:url('images/contact_intro.jpg'); display:block;}
#nav_intro a:hover.contact_intro {background-position: 0 -36px;}

/*-------------------+
| Menu               |
+--------------------*/

#nav {background:#00a2e5 url('images/bg_menu2.jpg') top left repeat-x;}
#nav_inner {height:61px;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0;}
#nav ul {margin:0; padding:0;}

#nav a.home {float:left; width:74px; height:36px; margin: 0px; padding:0px; background-image:url('images/home.jpg');}
#nav a:hover.home {background-position: 0 -36px;}
#nav a.home_act {float:left; width:74px; height:36px; margin: 0px; padding:0px; background-image:url('images/home.jpg');background-position: 0 -36px;}

#nav a.interactive {float:left; width:144px; height:36px; margin: 0px; padding:0px; background-image:url('images/interactive.jpg');}
#nav a:hover.interactive {background-position: 0 -36px;}
#nav a.interactive_act {float:left; width:144px; height:36px; margin: 0px; padding:0px; background-image:url('images/interactive.jpg');background-position: 0 -36px;}

#nav a.products {float:left; width:99px; height:36px; margin: 0px; padding:0px; background-image:url('images/products.jpg'); display:block;}
#nav a:hover.products {background-position: 0 -36px;}
#nav a.products_act {float:left; width:99px; height:36px; margin: 0px; padding:0px; background-image:url('images/products.jpg');background-position: 0 -36px;}

#nav a.services {float:left; width:93px; height:36px; margin: 0px; padding:0px; background-image:url('images/services.jpg'); display:block;}
#nav a:hover.services {background-position: 0 -36px;}
#nav a.services_act {float:left; width:93px; height:36px; margin: 0px; padding:0px; background-image:url('images/services.jpg');background-position: 0 -36px;}

#nav a.connectivity {float:left; width:121px; height:36px; margin: 0px; padding:0px; background-image:url('images/connectivity.jpg'); display:block;}
#nav a:hover.connectivity{background-position: 0 -36px;}
#nav a.connectivity_act {float:left; width:121px; height:36px; margin: 0px; padding:0px; background-image:url('images/connectivity.jpg');background-position: 0 -36px;}

#nav a.policy {float:left; width:79px; height:36px; margin: 0px; padding:0px; background-image:url('images/policy.jpg'); display:block;}
#nav a:hover.policy {background-position: 0 -36px;}
#nav a.policy_act {float:left; width:79px; height:36px; margin: 0px; padding:0px; background-image:url('images/policy.jpg');background-position: 0 -36px;}

#nav a.contact {float:left; width:108px; height:36px; margin: 0px; padding:0px; background-image:url('images/contact.jpg'); display:block;}
#nav a:hover.contact {background-position: 0 -36px;}
#nav a.contact_act {float:left; width:108px; height:36px; margin: 0px; padding:0px; background-image:url('images/contact.jpg');background-position: 0 -36px;}

#nav .select a{display:block; height:15px; float:left; padding:0 20px 0 20px; text-decoration:none; font-size:11px; white-space:nowrap; border-right:1px solid #fff; color:#fff; margin-top:10px;}
#nav .select a:hover, #nav .select li:hover a {cursor:pointer; color:#fff;}

#nav .sub {display:none; }
#nav .sub li a:hover, .sub li a:hover {background:#888; color:#fff;}

#nav .sub_active .current_sub a, #nav .sub_active a:hover {color:#222; background:#18d5fd; text-transform:uppercase;}
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none; background:#a6d1e9;text-transform:uppercase;}

#nav .sub_active {display:block; position:absolute; left:0; margin-top:0; padding:0; z-index:10; top:141px;}
*html #nav .sub_active {display:block; position:absolute; left:0; margin-top:0; padding:0; z-index:10; top:143px;}

#nav .sub_active a {text-decoration:none; white-space:nowrap; display:block; float:left; padding:2px 20px 0 20px; margin:0; font-size:10px; font-family:"Verdana", serif;white-space:nowrap; border:0;  color:#222; height:18px;}


/*----------------------------+
|Block                        |
+-----------------------------*/

.block {border-bottom:1px solid #00a2e5; padding-top:10px;}
.block_tit {font-family:"Verdana", serif; font-size:10px; margin:5px 0 10px 5px; padding:0; color:#00a2e5; font-weight:bold;}

.thmb {float:left; width:140px; height:125px; margin-right:20px; padding-bottom:5px;}


/*----------------------------+
| FORM                        |
+-----------------------------*/

form.formulier {border:0; background: transparant; margin:0; float:left; }
fieldset {border:0; background: fff;}
form.formulier{display:block;}

.field {float: left; width: 340px; height:16px; margin-left: 4px; padding:2px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}
.field_xsmall{float: left; width: 80px; height:16px; margin-left: 4px; padding:2px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}
.field_small{float: left; width: 200px; height:16px; margin-left: 4px; padding:2px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}

.fielddeep {float: left; width: 338px; height:100px; margin:0 0 0 4px; padding:3px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}
#submit {background:#00a2e5; height:19px; cursor:pointer; border:none; padding:0 8px 0 16px; color:#faf7f7; font-family:"Arial",Helvetica,sans-serif; font-weight:bold; float:right; margin-right:20px; font-size:11px; text-align:center;}

.zebox {float: left;  clear: both;  margin:2px 0 2px 0; width:450px;}
.zebox_small {float: left;   margin:2px 0 2px 0; width:250px;}
.zebox_xsmall {float: left;   margin:2px 0 2px 0; width:180px;}
.zebox_radio {float: left;   margin:2px 0 8px 80px; width:300px;}


label {width: 80px; float: left; text-align: left; padding:0; color: #666; display:block;  font: bold 11px "Arial",Helvetica,sans-serif; line-height:1.3em; }
.label_small {width: 40px; float: left; text-align: left; padding:0; color: #666; display:block;  font: bold 11px "Arial",Helvetica,sans-serif; line-height:1.3em; }

.emptyfield{padding-left:133px;color:#f41707; font-size:12px;font-weight:bold; font-family:Arial;}


/*-------------------+
| CMS NEWS           |
+--------------------*/

#content_inner_new_right_CMS {width:205px; height:355px; margin:15px 0 0 10px; padding:10px; float:left; background:#00a2e5; color:#ffffff; overflow:auto;}
.newsitem_first {border-bottom:1px dotted #c1edfc; padding:0 0 10px 0; margin:0; color:#fff;}
.newsitem {border-bottom:1px dotted #c1edfc; padding:10px 0; margin:0;}
.newsitem_last { padding:10px 0; margin:0;}
.newsitem_xl_first{border-bottom:1px dotted #a1a1a1; padding:10px 0 10px 0; margin:0; text-align:justify;}
.newsitem_xl{border-bottom:1px dotted #a1a1a1; padding:10px 0 10px 0; margin:0; text-align:justify;}
.newsitem_xl_last{ padding:10px 0 10px 0; margin:0; text-align:justify;}

.newstitle_xl{text-transform:uppercase; font-weight:bold; padding:0; margin:0; color:#00a2e5;}
.newstitle{text-transform:uppercase; font-weight:bold; padding:0; margin-bottom:2px; color:#0e447b;}
.newsdate{text-transform:uppercase; font-size:9px; padding:0; margin-bottom:10px; color:#d3f0fb;}
.newstxt{text-align:justify; padding:0; margin-bottom:10px; color:#fff;}
.newstxt a.rtelink {color:#003b7d;}
.newstxt_xl{padding:0; margin-bottom:0;}

.newslink{color:#fff; font-weight:bold; padding:0; margin:0;}
.newslink a {color:#fff; font-weight:bold; padding:0; margin:0; text-decoration:none;}
.newslink a:hover {text-decoration:underline;}

.thmb_news {width:150px; height:75px; margin:10px 15px 10px 0; float:left; border:none;}