/* css reset
--------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11pt;
	vertical-align: baseline;
	background: transparent;
}

body
{
	line-height: 1;

}

ol, ul
{
	list-style-position: outside;
}

ol
{
    list-style-type:decimal;
}

li ol
{
    list-style-type:lower-latin;
}

ul
{
    list-style-type: square;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/* standard elements
----------------------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}

body
{
    background:	#FFFFFF; 
    font-family: Verdana,Helvetica,sans-serif;
    text-align:center;
	min-height:468px;/* for ie7*/
}

h1,h2,h3,h4,h5,h6
{
    font-family: Verdana,Helvetica,sans-serif;
    margin: 0.4em 0 0;
     color: #34312e;
}

p,blockquote,pre,q,dl,ol,ul,table
{
    margin-top:.5em;
}

h1,h2,h3,h4,h5,h6
{
    font-weight: bold;
    color: #34312e;
}

h1
{
    font-size: 2.5em;
    margin:.5em 0 0;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size:1.3em;
}

h4
{
    font-size:1.2em;
}

h5
{
    font-size:1.1em;
}

p
{
    margin: .5em 0 0;
    text-align:justify;
}

ol ol, ul ul
{
    margin:0 0 .2em;
}

/* form elements
------------------*/

form fieldset
{
    /*margin:1em 0;
    padding:1em;
    border:1px solid #444;*/
}

form label
{
    display: block;
    float: left;
    width: 12em;
    margin-bottom:.5em;
}

form input[type=text], form input[type=password], form textarea
{
    display: block;
    margin: 0 0 .5em;
    color:#333;
    background-color:#DDD;
    border:1px solid #333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
}

form textarea
{
width: 18em;
}

form input[type=text], form input[type=password]
{
    width: 18em;
}

form optgroup
{
    color:#F90;
    font-style:normal;
    font-size:1.1em;
    background-color:#333;
}

form option
{
    color:#333;
    background-color:#DDD;
    padding:.1em .3em;
}

form input[type=checkbox], form input[type=radio]
{
    display:block;
    clear:both;
    float:left;
    margin:.1em .5em 0 0;
    height:1em;
    width:1em;
    color:#333;
}

form input[type=checkbox]
{
    background-color:#DDD;
    border:1px solid #333;
}

form input[type=text]:focus, form input[type=password]:focus, form input[type=checkbox]:focus, form input[type=radio]:focus form textarea:focus
{
    background-color: White;
    border:1px solid #34312e;
}

form input[type=button], form input[type=submit], input[type=reset], form button
{
    padding:.15em;
    font-size: .9em;
}

form table input[type=text], form table input[type=password], form table textarea
{
    float:none;
    margin:0;
}

form table label
{
    width:auto;
}

#firstcolumn
{
vertical-align:top;

}

/* page layout
----------------*/

#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 563px;
}	

#container
{
    max-width:900px;
    height:563px;
    margin:0 auto;
    border: solid 1px black;
    #position: relative;
    #top: -50%;
    /*display: table-cell;
    vertical-align: middle;*/
    
}

#header
{
    clear: both;
    background-color : #34312e;
    height: 80px;
}

#headerlogo
{
    clear: both;
    height: 79px;
    float: left;
    width: 370px;
    text-align: left;
    padding-left: 10px;
}

#headerright
{
    float:right;
    margin-top: 0px;
    width: 155px;
    height: 79px;
    vertical-align: top;
}

#headerinfo
{
    margin-top: 0px;
    vertical-align: top;
    height: 79px;
    width: 364px;
    float: left;
}


#contentcolumncontainer
{
    float:left;
    margin-top : 0px;

    background-color: #FFFFFF;
    width: 379px;
    height: 384px;
    vertical-align: top;
}

#menucolumncontainer
{
    float:right;
    margin-top: 0px;
        background-color: #c9c5c0;
    width: 155px;
    height: 404px;
    vertical-align: top;
}

#rotatorColumncontainer
{
    margin-top: 0px;
    top: 0px;
    background-color : #34312e;
    vertical-align: top;
    height: 404px;
    width: 365px;
    float: left;
    text-align:left;
    left: 1px;

}

#rotator
{
visibility: hidden;
    /*background-color: Yellow;*/
}

#loginmenucontainer
{
    float:right;
    margin-top:1em;
    color:#999;
}


#menucontainer
{
    position: relative;
    height: 238px;
    text-align: right;
    top: 4px;

}

#menuinhoudcontainer
{

    position: relative;
    width: 100%;
    bottom: 0px;
}

#menuitemcontainer
{
    height: 18px;
    padding: 0px;
    bottom: 0px;
}


#sfeercontainer 
{	position: relative;
    height: 165px;
    width: 100%;
       text-align: right;
}

#sfeerinhoudcontainer
{
    /*position: absolute;*/
    top: 0px;
}

#contactcontainer 
{	
    position: absolute;	
    bottom: 0;	
    right: 0;
}


#footer
{
    clear: both;
    background-color : #34312e;
 /*   margin: 1em 0 1em;*/
    font-size: .8em;
    height: 80px;
}


#footerIcons
{
    float:left;
    margin-top : 0px;
    width: 370px;
    height: 25px;
    padding-left: 10px;
    padding-top: 32px; 
    text-align: left;

}

#footerLogin
{
    float:right;
    margin-top: 0px;
    width: 144px;
    height: 30px;
    padding-top: 53px;
    padding-right: 10px;
    text-align: right; 
    color: #FFF;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 7px;
}

#login
{
    color: #c9c5c0;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 10px;
}

#footerText
{
    margin-top: 0px;
    /*height: 70px;*/
    width: 363px;
    float: left;
    text-align: center;
    margin-left: -50px; /*delete when banner is over */
    padding-top: 10px; /* was 25px*/
}

#footerIconInfo
{
    color: #c9c5c0;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 10px;
    height: 17px;
    padding: 2px;
}

#footerIconImage
{
    position: relative;
    color: #FFF;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 10px;   
}

#verkooppunt
{
    position:relative;
    float:left;
    color: #c9c5c0;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 10px;   
    padding-top: 4px;
    padding-left: 2px;
}

/* header
-----------*/

#header h1
{
    margin:0;
    padding:1em;
    color:#EEF;
    background:#222 url(/Content/bg_header.jpg) 0 0 no-repeat;
    border:1px solid #333;
    border-top-width: 0;
}

/* menu
---------*/

ul#rotator
{
    list-style:none;
    display: table-row;
    height: 404px;
    top: 0px;
    
}

ul#rotator li
{
    list-style:none;
    margin-right: 0;
    padding:0 0 0 0;
    display:inline-block;
    /*background: #333 url(/Content/roundcorner_topleft.png) 0 0 no-repeat;*/
}



/* content
------------*/

#contentblock
{
    padding: 10px 10px 10px 10px;
 /*padding-left: 10px;
 padding-right: 10px;*/
 overflow: auto;
 height: 383px;
 text-align: left;
 top: 0px;
 font-family: Verdana,Helvetica,sans-serif;
 font-size: 9px;
 line-height: 1.5em;
 color: #34312e;
}

#contentblock a
{
    color: Black;
    text-decoration: none;
}

#contentblock a:hover, #content a:active, #content a:focus
{
    text-decoration:underline
}

#contentblock a:visited
{
    color: Gray;
}

#contentblock a.external
{
    background:url(/Content/link_external.png)  0 50% no-repeat;
    margin-left:5px;
    padding-left:13px;
}

#contentblock a.image
{
    background:url(/Content/link_image.png) 0 50% no-repeat;
    margin-left:5px;
    padding-left:13px;
}

#contentblock a.document
{
    background:url(/Content/link_document.png) 0 50% no-repeat;
    margin-left:5px;
    padding-left:13px;
}

#contentblock h1,h2,h3,h4,h5,h6
{
    color: Black;
}

#contentblock ul, #contentblock ol
{
    padding-left: 2em;
}

#contentblock table
{
    border-collapse:collapse;
}

#contentblock th
{
    background-color:#333;
    min-width:3em;
}

#contentblock th,td
{
    padding:.2em .5em;
    vertical-align: top;
}

#contentblock th
{
    border:1px solid #222;
}

#contentblock td
{
    font-family: Verdana, Arial;
    color: Black;
    font-size: 10px;
   /* font-weight:
    border:1px solid #333;*/
}

#firstcolumn
{
vertical-align: top;
top: 1px;
}

#rotate_image
{

}


/* footer
-----------*/

/* messages
-------------*/

div.information, div.error, div.success, ul.validation-summary-errors
{
    margin:1em 0;
    padding:1em;
}

div.information
{
    color:#C60;
    background-color:#FF9;
    border:1px solid #F90;
}

div.error, ul.validation-summary-errors
{
    color: #F00;
    background-color:#C99;
    border:1px solid #900;
}

div.success
{
    color: #060;
    background-color:#9C9;
    border:1px solid #060;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

      label.error           
        { 
            font-weight:normal;
            font-size: 10px;
            position: relative;
            color:red;
            text-align:left; 
            
            /*background: transparent url(/content/images/icons/delete.png) no-repeat scroll left; */
        }
        
.smallfont
{
    font-family: Verdana, Arial;
    color: Black;
    font-size: 9px;
   /* font-weight:
    border:1px solid #333;*/
}