/* ========================
Pepper Interactive
www.pepper-interactive.nl

Colors
-------------
e1f1fb - Light Blue
3abcd9 - Auqa'ish
======================== */
html {
    overflow: -moz-scrollbars-vertical;
}
body
{
    margin:0;
    padding:0;
    font-family: Arial,Helvetica,Sans-serif;
    font-size:12px;
    line-height:16px;
    background:url('../images/background.gif') repeat-x center top #e1f1fb;
}
.clear { clear:both; }

/* Tekst
--------------------------------------------------- */
h1, h2, h3, h4, h5
{
    font-size:18px;
    line-height:28px;
    font-weight:normal;
}
h1
{
    margin-top:0;
}
a
{
    color:#3abcd9;
}
a:hover 
{
    color:#71c8dc;
}
ul, li
{
    margin:0;
    padding:0;
    list-style-type:none;
}
.image
{
    border:1px solid #ddd;
    padding:2px;
}

/* Template
--------------------------------------------------- */
.wrapper 
{
   width:960px;
   margin:0 auto;
}

/* Header
----------------------- */
.header
{
   height:100px;
   width:960px;
}
.header ul
{
    margin-top:46px;
    text-align:center;
}    
.header li
{
    display:inline-block;
    zoom: 1; /* IE7 en lager display-inline hack */
    *display: inline; /* IE7 en lager display-inline hack */
}
.header li a
{
    display:block;
    padding:34px 0 0;
    margin:0 10px 0 3px;
    color:#bbb;
    text-decoration:none;
    text-transform: uppercase
}
.header li .menu-li-home { background:url('../images/menu-icon-home.png') no-repeat center top; }
.header li .menu-li-converter { background:url('../images/menu-icon-converter.png') no-repeat center top; }
.header li .menu-li-contact { background:url('../images/menu-icon-contact.png') no-repeat center top; }
.header li .menu-li-login { background:url('../images/menu-icon-login.png') no-repeat center top; }
.header li a:hover, .header .Selected a
{
    color:#3abcd9;
    background-position:center -50px; 
}

/* Tab menu
----------------------- */
.tab-menu
{    
    height:31px;
    width:759px;
    border-bottom:1px solid #DDDDDD;
    margin-left:5px;
    padding-left:196px;
}
.tab-menu li
{
    float:left;
}
.tab-menu li a
{
    height:21px;
    display:block;
    border:1px solid #ddd;
    background-color:White;
    padding:5px 20px 0 20px;
    margin:4px 0 -1px -1px;
    color:#bbb;
    text-decoration:none;
}
.tab-menu li a:hover, .tab-menu .Selected a
{
    height:23px;
    display:block;
    background-color:White;
    padding-top:7px;
    margin:0 0 -2px -1px;
    color:#3abcd9;
}
.tab-menu .Selected a
{
    border-bottom:1px solid white;
}

/* Content
----------------------- */
.content
{
    width:955px;
    margin-left:5px;
    background:url('../images/content-background.jpg') repeat-y left top;
    border-bottom:1px solid #ddd;
}
.content-left
{
    width:195px;
    padding-top:5px;
    float:left
}
.dropDownLeft
{
	margin-bottom:5px;	
	margin-left: 5px;
	width: 185px;
}

.sub-menu li a
{
    height:21px;
    display:block;
    border:1px solid #ddd;
    border-right:0;
    background-color:White;
    padding:5px 5px 0 10px;
    margin:-1px 0 0;
    color:#bbb;
    text-decoration:none;
}
.sub-menu li a:hover, .sub-menu .Selected a
{
    color:#3abcd9;
    margin-left:-5px;
}
.content-right
{
    width:700px;
    padding:30px;
    float:left;
    min-height:200px;
}
.content-right li
{
    padding-left:30px;
    background:url('../images/bullet.jpg') no-repeat 10px 5px;
}
.versie
{
	float:right;
    color:#bbb;	
    margin-right:5px;
}

.linkLeft a
{
	margin-left:30px;
}

.label
{
	width: 200px;	
	display: inline-block;
	margin-top :8px;
	vertical-align : top;
}