
/********************************
*	GENERAL					
********************************/
html{overflow-y:scroll;}
*{margin:0; padding:0;}
body
{
    margin: 0px;
    background: #FFFFFF url(../images/bgtop.jpg) repeat-x;
 	font: normal normal 11px/20px Verdana,Arial,Helvetica;
}
.page{width: 807px; margin: 0px auto; border: dotted 0px #cccccc;position:relative;}


/***HEADER***/
#header{ position:relative; z-index:0}
#header h1 a{height:100px; width:529px; margin-left:30px; background: url(../images/logooudpapier.jpg) top left no-repeat;display:block}
#header h1 a span{display:none;}
#header a{font-size: 11px; line-height:15px; padding: 5px 0px 0px 10px; color:#000000; text-decoration:underline;}

/***TAAL***/
#taal{width:100px;height:20px; background-color:#ff002b;position:absolute;top:0px;left:680px;text-align:center;}
#taal a{font-size: 11px; line-height:15px; padding: 5px 0px 0px 10px; color:White; text-decoration:none;}
#taal a.selected,
#taal a:hover{ text-decoration:underline}

/***Telefoon bovenaan)***/
#tel{width:180px;height:60px;position:absolute;top:40px;left:630px;text-align:right;}

/***MENU***/
#menu {width:100%; text-align:center; position:relative;}
#menu li{display:inline;}
#menu li a{font-size: 15px; line-height:40px; padding: 10px 25px 10px 25px; color:White; text-decoration:none;}
#menu li a.selected,
#menu li a:hover{ color:White; background-color:#ff002b;}

#container{width:100%; float:left;}
/*** RECHTERBLOK ***/
#side-right{float:left;width:249px; padding:10px 10px ;}
#side-right h1 {color:#ffffff;font-size:25px;padding-bottom:10px}
#side-right h2 {color:#ffffff;font-size:16px;}
#side-right h3 {color:#FF002B; font-size:13px;padding-top: 5px; padding-bottom:10px;margin-left:10px}
#side-right a{color:#FF002B;font-size: 15px; text-decoration:none; font-weight:bold;}
#side-right a.selected,
#side-right a:hover{ text-decoration:underline}

/*** CONTENT BLOK ***/
#content{margin: 0; width:480px; float:left; padding: 30px 20px 20px 20px;}
#content p{text-align:justify;}
#content h1 {color:#FF002B; font-size:22px;padding-bottom:10px}
#content h2 {color:#FF002B; font-size:13px;padding-top: 5px;}
#content p {padding-top: 15px}
#content ul{margin-left:50px;}

#footer{background:#ff002b; clear:left; position:relative; height:50px}
#footer ul{position:absolute;top:10px;left:10px;}
#footer li{display:inline;color:#fff; font-size: 12px; font-weight:bold}
#footer li a{font-size: 12px;	color:#fff; text-decoration: none; font-style : normal; font-weight: bold; text-decoration:underline}
#footer li a:hover{text-decoration: underline; font-style : normal; font-weight: bold;}

.googlemaps{width:265px; height:400px; border:solid 1px #999;font-size:10px}
#side-right .googlemaps a{font-size: 0px;}
#side-right .googlemaps span{font-size: 0px;}

/********************************
*	MESSAGES					
********************************/
.errorBorder{
	padding: 5px;	
	border: solid 1px #c22c21;
    margin:10px;
	/*cursor:pointer;*/
	color: #c22c21;
}
.errorContent{background:#fde2df; padding:10px; line-height:20px;}
.errorContent span{display:block; margin:0 0 0 15px;}

.messageBorder{
	padding: 5px;	
	border: solid 1px #26be26;
    margin:10px;
	/*cursor:pointer;*/
	color: #227722;
}
.messageContent{background:#d6ffd6; padding:10px; line-height:20px;}



/********************************
*	CONTACT					
********************************/
.contact{
    width: 510px;
}
.contact label
{
    float:left;
    clear:both;
    width:25%;
    text-align:left;
    display:block;
    line-height:15px;
    margin-bottom:8px;
}
.contact input,
.contact input.required{
    margin:2px 0;
    display:block;
    width:70%;
    border: 1px solid #A6BFD5;
    background:#efefef;
    height:15px;
    margin-bottom:8px;
}
.contact input.required{
    background-color: #dedede;
}
.contact input:focus,
.contact textarea:focus
{
    border-left:solid 1px #666;
    border-top:solid 1px #666;
    background:#ffffff;}

.contact textarea
{
    width:70%; 
    height:75px;
	border: 1px solid #A6BFD5;
    background:#efefef;
	overflow:hidden;
}

.contact .btn{
    margin: 2px 0 2px 81%;
    width:auto;
    border:1px solid #333333;
    background:#cccccc;
    line-height:17px;
    height:22px;
} 





/********************************
*	SITEMAP					
********************************/
.sitemap{padding-top:10px; list-style:none;}
.sitemap li{
    display:block;
    line-height:20px;
    height:20px;
    color:#F2743F; 
    background: url(../images/sitemap.png) -100px 0px no-repeat;
}
.sitemap li a{color:#F2743F; line-height:20px; padding:2px 0px;}
.sitemap li a:hover{text-decoration:underline;}
.sitemap li.lev0F a,
.sitemap li.lev0 a,
.sitemap li.lev0L a
{color:#ffffff; background: #F2743F; padding:2px 5px; text-transform:uppercase;}
.sitemap li.lev0F  {background-position: 0px    0px; padding: 0 0 0 15px;}
.sitemap li.lev0   {background-position: 0px -180px; padding: 0 0 0 15px;}
.sitemap li.lev0L  {background-position: 0px -440px; padding: 0 0 0 15px;}
.sitemap li.lev1F  {background-position: 0px    0px; padding: 0 0 0 25px;}
.sitemap li.lev2F  {background-position: 0px  -20px; padding: 0 0 0 35px;}
.sitemap li.lev3F  {background-position: 0px  -40px; padding: 0 0 0 45px;}
.sitemap li.lev1S2 {background-position: 0px  -60px; padding: 0 0 0 25px;}
.sitemap li.levS2  {background-position: 0px  -80px; padding: 0 0 0 25px;}
.sitemap li.lev12S3{background-position: 0px -100px; padding: 0 0 0 35px;}
.sitemap li.levS3  {background-position: 0px -120px; padding: 0 0 0 35px;}
.sitemap li.lev1S3 {background-position: 0px -140px; padding: 0 0 0 35px;}
.sitemap li.lev1   {background-position: 0px -180px; padding: 0 0 0 25px;}
.sitemap li.lev12  {background-position: 0px -200px; padding: 0 0 0 35px;}
.sitemap li.lev2   {background-position: 0px -220px; padding: 0 0 0 35px;}
.sitemap li.lev3   {background-position: 0px -240px; padding: 0 0 0 45px;}
.sitemap li.lev13  {background-position: 0px -260px; padding: 0 0 0 45px;}
.sitemap li.lev23  {background-position: 0px -280px; padding: 0 0 0 45px;}
.sitemap li.lev123 {background-position: 0px -300px; padding: 0 0 0 45px;}
.sitemap li.lev123L{background-position: 0px -320px; padding: 0 0 0 45px;}
.sitemap li.lev13L {background-position: 0px -340px; padding: 0 0 0 45px;}
.sitemap li.lev23L {background-position: 0px -360px; padding: 0 0 0 45px;}
.sitemap li.lev3L  {background-position: 0px -380px; padding: 0 0 0 45px;}
.sitemap li.lev12L {background-position: 0px -400px; padding: 0 0 0 35px;}
.sitemap li.lev2L  {background-position: 0px -420px; padding: 0 0 0 35px;}
.sitemap li.lev1L  {background-position: 0px -440px; padding: 0 0 0 25px;}

/********************************
*	LINK WEBS					
********************************/
a.webs{font-size: 10px;	color:#ffffff; text-decoration: none; font-style : normal; font-weight: normal;position:absolute;top:10px;right:10px;}
a.webs:hover{text-decoration: underline; font-style : normal; font-weight: normal;}