﻿* { margin:0; padding:0;}
html, body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5em; color:#121111; height: 100%; margin: 0 0 1px; padding: 0;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}

.wrapper { width:100%; overflow:hidden;}

p { margin-bottom:24px;}

.red { color:red; font-weight:bold; }

/*==================list====================*/
ul { list-style:none;}

dl { margin-bottom:-24px;}
dl dt { font-weight:bold; color:#f4a03b; font-size:medium}
.dltdimage {vertical-align:middle;};
dl dd { padding-bottom:24px;}

.list1 li { background:url(images/bull1.gif) no-repeat left 8px; padding:0 0 0 18px;}
.list1 li.last { background:none; padding:6px 0 0 18px;}

.list2 li { width:100%; overflow:hidden;}
.list2 li span { float:left; width:303px;}

.contacts { margin-bottom:0;}
.contacts dt { font-weight:bold; float:left; width:100px; color:#121111;}
.contacts dd { overflow:hidden; height:1%;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:12px;}
.p2 { margin-bottom:24px;}
.p3 { margin-bottom:36px;}

/*==================txt, links, lines, titles====================*/
a {color:#f4a03b; outline:none;}
a:hover{text-decoration:none;}

h1 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:2.14em; line-height:1.1em; font-weight:normal; color:#545454; letter-spacing:-1px; margin-bottom:18px;}
h1 span { color:#f4a03b;}
h2 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:2.14em; line-height:1.1em; font-weight:normal; color:#545454; letter-spacing:-1px; margin-bottom:18px;}
h2 span { color:#f4a03b;}
h3 { font-size:1em;}

.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y;}

/*header*/
#header .row-1 { height: 2px;}
#header .row-2 { height:46px;}
#header .row-2 { background:url(images/menuback45p.gif);}
#header .row-3 { height:270px;}

.menu { padding:8px 0 0 75px;}
.menu li { display:inline;}
.menu li a { display:block; float:left; color:#3fa0ff; font-size:15px; font-family:arial; text-decoration:none; margin-right:19px;}
.menu li a b { display:block;}
.menu li a em { display:block; padding:2px 10px 2px 10px; font-style:normal; font-weight:normal;}
.menu li a:hover { background:url(images/menu_bgd.gif) left top repeat-x; color:#fff;}
.menu li a:hover b { background:url(images/menu_left.gif) no-repeat left top;}
.menu li a:hover em { background:url(images/menu_right.gif) no-repeat right top;}
.menu li a.current { background:url(images/menu_bgd.gif) left top repeat-x; color:#fff;}
.menu li a.current b { background:url(images/menu_left.gif) no-repeat left top;}
.menu li a.current em { background:url(images/menu_right.gif) no-repeat right top;}
.menu li a.last { margin-right:0;}

.main-box { background:url(images/onlinebackup.jpg) no-repeat left top; height:270px; position:relative; border: 0px none;}
.main-box .gratistestbanner { position:absolute; right:20px; bottom:-1px; border: 0px none;}
.main-box .gratistestbanner a {border: 0px none;}
.main-box .gratistestbanner img {border-width: 0;}

/*content*/
#content { padding:0 0 40px 0;}
#content .indent { padding:5px 20px 30px 10px;}

.banners { width:100%; overflow:hidden; padding:12px 0 0 0;}
.banners li { float:left; margin-right:10px;}
.banners li.last { margin-right:0;}

.box { background:url(images/box-bg.gif) left bottom repeat-x #fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:20px 30px 15px 30px;}

.formulier{ padding:8px 0 0 125px;}
.formulier input {
	background-color:#c9ddee;
	width:360px;
	height:20px;
} 
.formulier button { height: 35px;
					width:360px;					
}
.formulier textarea { background-color:#c9ddee;
					  height: 120px;
					  width:360px;
}

table { border:1px solid #dadada; width:100%;  border-collapse:collapse;}
table td { border:none;}
table td.cell-1 { width:330px;}
table td.cell-2 { text-align:center;}
table td.cell-3 { text-align:center;}
table td.cell-4 { text-align:center;}
table td.cell-5 { text-align:center;}
table thead td { background:#ebebeb; font-weight:bold; padding:7px 30px 7px 30px; border:1px solid #dadada;}
table tbody td {padding:6px 30px 0 30px; text-align:center; border:1px solid #dadada; border-bottom:none; border-top:none;}
table tbody td.last { padding-bottom:20px;}

.prijslijst table td{
	border-style: solid;
	border-color: #000000;
	background-color: #c9ddee;
	border-left-color: #000000;
	border-right-color: #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight:bold;
}


/*footer*/
#footer { color:#292929;}

#footer .nav { text-align:center; padding-bottom:14px;}
#footer .nav li { display:inline;}
#footer .nav li a { padding:0 10px 0 10px; color:#292929;}

.tscfooter {width: 100%;
	overflow: hidden;
	text-align: center;
}
#main {width:950px; margin:0 auto; position:relative;}

#header {height:320px;}
#header, #content { font-size:0.875em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .line-ver { background-position:454px top;}
#page1 #content .col-1 {width:411px; margin-right:94px;}
#page1 #content .col-2 { width:405px;}

/*======= index-4.html =======*/
#page5 #content .line-ver { background-position:454px top;}
#page5 #content .col-1 {width:411px; margin-right:94px;}
#page5 #content .col-2 { width:405px;}

/*=========================*/

#footer { padding:0 20px 40px 20px; font-size:.75em;}

