/* Author: Johnny Ceelen, johnny[at]s2b.nl */
/* DON'T USE IN LIVE VERSION 
@import url("reset.css");
@import url("grid.css");
@import url("fonts.css");
@import url("layout.css");*/

/* COLORS 
-------------------
gray				#9a9a9a
medium gray		#373737	//body text
dark gray		#343434  //.bar
soft black		#2d2d2d	//h2, .h2, .nav a
blue				#00adef
purple			#850d6f
yellow			#ffd203
red				#ee4035
violet			#542f92
orange			#f78f1e
-----------------*/

/* #RESET.css
-----------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{margin:0; padding:0;}
img{border:0;}
ul li{list-style:none;}
:focus{outline:0;}
body{font-size:62.5%;font-family: Arial, Verdana, Helvetica, sans-serif;color:#373737;background:url(/Content/Img/bg.gif) no-repeat center 320px;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input[type="checkbox"],input[type="radio"]{display:block;height:12px;width:12px;}
table{border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}

/* #GRID.css
-----------------*/
.size1of1{float:none;}
.size1of2{width:330px;}
.size1of3{width:213px;}
.size2of3{width:447px;}
.size1of4{width:155px;}
.size3of4{width:505px;}
.wrapper{position:relative;margin:0 auto;width:960px;}
.unit{float:left;margin: 0 10px;}
.first{margin-left:0;}
.head{}
.holder{margin: 20px 0;}
.nav{width:219px;float:left;padding:20px 0;border-right:1px solid #e3e3e3;display:inline;}
.body{float:left;padding:20px 0;width:690px;display:inline;}
.footer{}
.separate{border-bottom:1px solid #d7d7d7;margin: 0 0 15px;}
.line{padding:0 0 15px;}
.lineHead{padding:0 0 5px;position:relative;}
/* LINE AND NAV AND FLOAT CLEARING */
.line:after, .clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
.line, .clearfix{display: inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac \*/* html .line, * html .clearfix{height: 1%;}.line, .clearfix{display:block;}/* End hide from IE-mac */

/* #FONTS.css
---------------*/
.print{background:url(/Content/Img/icon_print.gif) no-repeat;color:#fff;font-size:1.2em;font-weight:bold;text-decoration:none;padding:1px 0 0 25px;position:absolute;top:16px;right:20px;}
a.print:hover{text-decoration:underline;}

.nav a{color:#2d2d2d;font-weight:bold;font-size: 1.4em;text-decoration:none;padding:0 10px;}
.nav ul li ul li, .body ul li{background:url(/Content/Img/bullet.gif) no-repeat 12px 9px;}
.nav ul li a:hover{color:#000;}
.nav ul li ul li a{font-size:1.2em;font-weight:normal;color:#9a9a9a;display:block;padding:4px 5px 0 22px;}
.nav ul li ul li a:hover{color:#373737;text-decoration:underline;}
.nav ul li ul li a.active{color:#373737;}

.body{font-size:1.2em;line-height:1.5em;}
.body a:hover{text-decoration:none;}
.body p, .body ul, .body ol{padding: 0 0 10px;}
.body p.clean{padding:0;}
.body ul li, .body ol li ul li, .body ul li ul li{background-position: 3px 7px; margin: 0 0 0 5px;padding: 0 10px;}
.body ol li{margin: 0 0 0 25px;padding: 0;}
.body ol ol{list-style: lower-alpha;}
.body ol ol ol{list-style: lower-roman;}

.lineHead h2{color:#850d6f;}

h1, .h1{font-size:1.4em;font-weight:bold;color:#2d2d2d;}
h2, .h2{font-size:1.4em;font-style:italic;font-weight:bold;color:#2d2d2d;}

.body h1{padding: 0 0 8px;}
.body h2, .body .h2{font-weight:bold;font-size:1.1em;font-style:normal;}

.body h1, .body a{color:#1d1d1d;}

/* #LAYOUT.css
---------------*/
/* =HEADER
--------------- */
#logo{margin:16px 20px;}
.slogan{background:url(/Content/Img/vs.jpg) no-repeat;position:absolute;left:450px;top:65px;min-height:72px;height:auto !important;height:72px;padding: 10px 20px 0 90px;}
.slogan .h2{width:300px;}
.bar{position:relative;width:960px;height:50px;background:#343434;padding:0;margin:0;}
.bar ul li a{display:none;}
.bar ul li ul{position:absolute;top:0;left:0;}
.bar ul li ul li{float:left;padding:16px 20px;border-right:1px solid #000;}
.bar ul li ul li a{display:block;color:#fff;text-decoration:none;font-size:1.4em;}
.bar ul li ul li a:hover{text-decoration:underline;}
.tl, .tr, .bl, .br{position:absolute;top:0;background:url(/Content/Img/corners.gif);width:6px;height:6px;overflow:hidden;}
.tl, .bl{left:0;}
.tr, .br{right:0;background-position:-6px 0;}
.bl, .br{top:44px;background-position:0 -6px;}
.br{background-position:-6px -6px;}

/* =NAV 
---------------*/
.nav{margin: 0 20px;}
.nav ul{}
.item1, .item2, .item3, .item4, .item5, .item6{position:relative;margin:0 0 20px;padding:2px 0;_padding:0;display:block;}
.item1{border-left: 2px solid #00adef;}
.item2{border-left: 2px solid #850d6f;}
.item3{border-left: 2px solid #ffd203;}
.item4{border-left: 2px solid #ee4035;}
.item5{border-left: 2px solid #542f92;}
.item6{border-left: 2px solid #f78f1e;}

/* =TABS
---------------*/
.tabs{position:absolute;height:23px;background:#d9d9d9;padding:5px 0 0;}
.tabs ul{padding: 0 5px 0 0;}
.tabs ul li{float:left;background:none;padding:0 5px;}
.tabs ul li a{color:#373737;text-decoration:none;font-weight:bold;font-size:1.1em;}
.tabs ul li a:hover{text-decoration:underline;}
.row0{top:220px;left:250px;}
.row1{top:249px;right:35px;}
.row2{top:220px;right:20px;}
.tabs .bl, .tabs .br{background:url(/Content/Img/corners_tabs.gif) 0 6px;top:22px;}
.tabs .br{background-position:-6px -6px;}

.top{position:absolute;top:0;right:10px;}

/* =ELEMENTS
---------------*/
.body table{border:1px solid #d7d7d7;margin: 0 0 10px;}
.body table tr{border-bottom:1px solid #d7d7d7;}
.body table td{padding:5px;}
.body .image img{border:1px solid #d7d7d7;padding:5px;margin:5px 0;background:#fff;}
.function{font-weight:bold;}
.user{background:url(/Content/Img/icon_user.gif) no-repeat 0 2px;padding:0 0 0 22px;}
.post{background:url(/Content/Img/icon_post.gif) no-repeat 0 2px;padding:0 0 0 22px;}
.phone{background:url(/Content/Img/icon_phone.gif) no-repeat 0 2px;padding:0 0 0 22px;}
.email{background:url(/Content/Img/icon_email.gif) no-repeat 0 2px;padding:0 0 0 22px;}
.internet{background:url(/Content/Img/icon_internet.gif) no-repeat 0 2px;padding:0 0 0 22px;}