/***
Reset HTML
***/
html{color:#016274;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;empty-cells:show}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*to enable resizing for IE*/td,input,textarea,select{*font-size:100%;font-family:Verdana,sans-serif}/*because legend doesn't inherit in IE */legend{color:#000;}a { color: #E2048F; outline:0;text-decoration:none}img a{border:0}td{vertical-align:top}textarea{}p{margin:0 0 1em 0;}strong{font-weight:bold;}em{font-style:italic;}.tekst ol,.tekst ul {margin:10px 0 10px 10px; padding-left: 15px;}li{list-style:disc}
/***
Algemene opbouw
***/


body{
	text-align: center;
	line-height: 1.7;
	font-size: 11px;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-weight: normal;
	

}
#top,
#frame,
#bot{
	width: 100%;
	overflow: hidden;
}
#container,
#header,
#footer{
	margin: 0 auto;
	text-align: left;
	width: 980px;
	overflow: hidden;
}
#copy {
	float:right;
	margin-top:40px;
}
a{
	color:#f38617;
}
#top {
	background:transparent url(../img/header.jpg) repeat-x scroll left top;
	height:197px;	
}
#bottom {
	background:transparent url(../img/footer.jpg) repeat-x scroll left bottom;
	height:70px;
}
#logo {
	padding-top:10px;
	float:left;
	overflow:hidden;
}
#menulinks,
#menucenter,
#menurechts {
	float:left;
}
#menucenter {
	padding:3px 5px 0 5px;
}
#menucenter a {
	color:#fff;
}
#menutop {
	background-color:#f3810e;
	height:31px;
	float:right;
	overflow:hidden;
	margin-top: 3px;
}
#navigatie {
	color:#fff;
	height:40px;
	width:980px;
	float:left;
	margin-top:24px;
}
#navigatie li {
	float:left;
	list-style-type:none;
	overflow:hidden;
	color:#fff;
	display:block;
	font-size:17px;
	
	font-weight:bold;
}
#navigatie li.actief {
	background:transparent url(../img/activerechts.jpg) no-repeat scroll right top;
	height:39px;
}
#navigatie li.actief a {
	background:transparent url(../img/activelinks.gif) no-repeat scroll left top;
	color:#fff;
	display:block;
	padding:4px 23px;
}
#navigatie li a {
	color:#fff;
	display:block;
	padding:6px 25px;
}
#acties {
	padding-top:6px;
	padding-bottom:0;
	width:704px;
	height:199px;
}

#intermenuitems li {
	float:left;
	list-style-type:none;
	overflow:hidden;
	color:#000;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	padding-top:7px;
}
#intermenu {
	background:url(../img/intermenulinks.jpg) no-repeat scroll right top;
	width:704px;
	margin-top: 8px;
  overflow: hidden
}
#intermenu ul{
  padding-left: 8px;
  height: 42px;
  overflow:hidden;
}
#intermenu li {
	color:#000;
	float:left;
	font-size:17px;
	
	font-weight:bold;
	list-style-type:none;
	overflow:hidden;
	padding:7px 30px;
}	
#intermenu li.actief {
	background:transparent url(../img/interactivelinks.gif) no-repeat scroll left top;
	padding:0px;
}
#intermenu li.actief a {
	background:transparent url(../img/interactiverechts.gif) no-repeat scroll right top;
	color:#000;
	padding: 7px 30px;
	display:block;
}
#intermenu li a {
	color:#000;
}
#intermenu .tab{
  margin-top: 8px;
  margin-bottom: 8px;
}
.tekst {
	color:#016274;
}
#content {
	width:704px;
	float:left;
}

#interactiefmenu {
	width: 704px;
	overflow: hidden;
}
.contenttekst {
	height:auto;
	color:#016274;
	font-size:12px;
	width:700px;
	margin-top:8px
}
#content .contenttekst li{
float: none;
font-size: 12px;
list-style-type: disc;
margin: 0;
padding:0;
	}
	#content .contenttekst ul{
height: auto;
	}
.contenttekstgroter{
	height:auto;
	color:#016274;
	font-size:16px;
	width:700px;
	
}

td {
text-align:center;
vertical-align:middle;
}
.tdlinks {
text-align:left;
font-weight:bold;
padding-left:5px;
width:128px;
}

.tdlinksgr {
background: url(../img/inlog/label_bg_maat.gif) no-repeat left top transparent;
background-color:#f0fdff;
text-align:left;
font-weight:bold;
width:200px;
height:30px;
padding-left:5px;
}

.maatwerksubmit input {
background: none;
border: none;
background: url(../img/offerte.gif) no-repeat left top transparent;
width: 150px;
height: 30px;
cursor: pointer;
float: right;
margin-right: 8px; 
margin-top: 8px; 
}

.maatwerk{
background: url(../img/inlog/input_bg.gif) no-repeat left top transparent;
background-color:#f0fdff;
width: 159px;
height: 30px;
float: left;
}
.maatwerk input{
  margin: 5px;
padding: 2px;
  border: none;
  background: none;
}
.tdlinksextra {
text-align:left;
width:200px;
}

.tdcenter {
text-align:center;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
}
#h1 {
font-size:18px;
color:#000;
}
.bold {
font-weight:bold;
color:#3699ac;
}
#rechterkant {
float:right;
padding: 0;
overflow:hidden;
width:276px;
height:auto;
}
.extra {
padding-top:8px;
float:left;
}
#inlog {
margin:7px;
height:199px;


}
#intermenurechts {
background:transparent url(../img/interactiefmenurechts.gif) no-repeat scroll right top;
height: 42px;
width:274px;
padding-bottom:2px;
margin:7px 0;

}
/***
Login rechterkant
***/
#inlog{
height:198px;
margin:8px 7px 7px 7px;
*margin:8px 7px 9px 7px;
width: 268px;
overflow: hidden;
background: url(../img/inlog/inlog_bg.gif) repeat-y left top transparent;
text-align: left;
}
#inlog .bot{
height: 7px;
width: 268px;
overflow: hidden;
background: url(../img/inlog/inlog_bot.gif) no-repeat left top transparent;
}
#inlog ul{
  overflow: hidden;
}
#inlog ul li{
float: left;
list-style-type: none;
height: 35px;
}
#inlog ul li#klant{
width: 133px;  
background: url(../img/inlog/klant.gif) no-repeat left top transparent;  
}
#inlog ul li#direct{
width: 135px;
background: url(../img/inlog/direct.gif) no-repeat left top transparent;  
}
#inlog ul li a{
display: block;
padding: 8px 0 7px 35px;
color: #000000;
font-weight: bold;
}
#inlog ul li#klant.actief a{
background: url(../img/inlog/klant_actief.gif) no-repeat left top transparent;
}
#inlog ul li#direct.actief a{
background: url(../img/inlog/direct_actief.gif) no-repeat left top transparent;
}
#klant_email,
#klant_wachtwoord,
#klant_opvragen,
#direct_domein,
#direct_email,
#direct_wachtwoord,
#direct_opvragen{
width: 268px;
overflow: hidden;
margin-bottom: 4px; 
}
.label{
background: url(../img/inlog/label_bg.gif) no-repeat left top transparent;
width: 83px;
float: left;
padding: 6px 0 5px 8px;
margin-left: 8px;
}
.input{
background: url(../img/inlog/input_bg.gif) no-repeat left top transparent;
width: 159px;
height: 30px;
float: left;
}
.input input{
  margin: 5px;
padding: 2px;
  border: none;
  background: none;
}
.submit input{
background: none;
border: none;
background: url(../img/inlog/inlog_knop.gif) no-repeat left top transparent;
width: 100px;
height: 30px;
cursor: pointer;
float: right;
margin-right: 8px; 
margin-top: 3px; 
}
#inlog .extra{
  padding-left: 11px;
}
#inlog #klantenpanel{
margin-top: 53px;
}
#inlog #direct_admin{
  margin-top: 17px;
}
#contact {
background: url(../img/contact.gif) no-repeat left top transparent;
width:268px;
height:229px;
margin:7px 7px
}
#livesupport {
height:49px;
width:248px;
text-align:center;
margin-left:10px;
padding-top:172px;
}
#actiebox {
background: url(../img/actie.gif) no-repeat left top transparent;
width:268px;
height:1px;
margin: 7px 7px;
}
#domeinen {
height:107px;
margin:8px 7px 7px 7px;
width: 268px;
overflow: hidden;
text-align: left;
background: url(../img/domeincheck.gif) no-repeat left top transparent;
}
.domeininput{
background: url(../img/domeininput.gif) no-repeat left top transparent;
width: 168px;
height: 30px;
float: left;
margin-top:30px;
margin-left:7px;
}
.domeininput input{
  	margin: 5px;
	padding: 2px;
  	border: none;
  	background: none;
}
.domeinoption{
background: url(../img/domeinselect.gif) no-repeat;
width: 84px;
height: 30px;
float: left;
margin-top:30px;
border:none;

}
.domeinoption option{
background-color:#e4fafd;
width: auto;
height: 14px;
float: left;
border:none;
overflow:hidden;
}
.domeinoption select{
  	margin: 5px;
	padding: 2px;
	border: none;
  	background: none;
	position: absolute;
	overflow:hidden;
	
	
}
.domeinsubmit input{
background: none;
border: none;
background: url(../img/check_knop.gif) no-repeat left top transparent;
width: 100px;
height: 30px;
cursor: pointer;
float: right;
margin-right: 8px; 
margin-top: 8px; 
}
#paypal {
margin-left:20px;
}