/*
# Design by Webdesign Vlinder
# http://www.webdesign-vlinder.de

# CSS-Layout sowie alle anderen Inhalte auf dieser Datei sind urheberrechtlich geschützt !
# Copyright 2009 by Webdesign Vlinder
*/


body { background: #ccc url(../images/back/bg.gif) repeat-x fixed; margin: 0; padding: 0; text-align: center; }
h1 { color: #333; font-size: 12px; font-family: sans-serif, Arial; font-weight: 500; text-align: center; margin: 0; padding-top: 115px; padding-bottom: 2px; }
p.h1 { color: #333; font-size: 12px; font-family: sans-serif, Arial; font-weight: 500; margin: 0; padding: 0 10px 0 77px; }
h2 { color: #000; font-size: 25px; font-family: sans-serif, verdana; font-weight: 500; margin: 0; padding-top: 25px; padding-bottom: 12px; }
p.h2 { color: #999; font-size: 12px; font-family: sans-serif, Arial; font-weight: 500; text-align: center; width: 590px; margin: 0; padding-top: 0; padding-right: 100px; padding-bottom: 34px; }h3 { font-size: 0.75em; font-weight: bold; margin: 0; padding: 1em 0 0; }
p { color: #ccc; font-size: 0.75em; font-family: sans-serif, verdana; text-align: left; margin: 0 50px 0 0; padding-top: 0; padding-bottom: 0.5em; padding-left: 0; }
* html p { margin-right: 20px; }
p.charity { font-size: 12px; font-family: sans-serif, Arial; text-align: center; }
/*-------------------------------------------------------------------------------------*/
a:link, a:visited { color: #900; text-decoration: none; }
a:focus { color: #900; text-decoration: none; }
a:hover {  }
a:active { color: #900; text-decoration: none; }

/*-------------------------------------------------------------------------------------*/
#hoofd { background-color: white; background-image: url(../images/layout/vlinder.png); background-repeat: no-repeat; background-position: center 25px; text-align: left; width: 799px; height: 9em; margin: 0; padding: 0; border-top: 12px solid #252525; }
* html #hoofd { height: 8em; }
.rechts { font-family: "times new roman", sans-serif; background-color: #fff; text-align: left; width: 540px; height: 150px; float: left; margin: 0; padding: 0; }
.links { background-color: #375D81; background-repeat: no-repeat; text-align: left; width: 220px; height: 150px; float: left; margin: 0; padding: 0; }
* html .links {  }
#logo { background-color: #000; background-repeat: no-repeat; text-align: left; width: 220px; height: 134px; margin: 0; padding: 0; }

/*-------------------------------------------------------------------------------------*/
#pagina { }
#front { text-align: center; }
#container { position: relative; z-index: 1; }
.doos1 { float: left; width: 799px; margin-left: -30px; }
.doos2 { float: left; width: 799px; }
.doos3 { float: left; width: 799px; }
.grotedoos { font-variant: normal; text-align: center; width: 799px; height: auto; margin: 0; padding: 15px; }
* html .grotedoos {  }
.grotedoos p { color: #333; }

/*-------------------------------------------------------------------------------------*/
.inhoud { color: #333; background-color: #fff; background-position: 0 0; float: right; width: 799px; margin: 0; padding: 0; }
.companion1 { float: left; width: 799px; }
.companion2 { float: left; width: 799px; }
.companion3 { float: left; width: 799px; }
.companion1 { height: 1em; /*opacity: .5;*/ padding-top: 16000px; margin-top: -16000px; position: relative; }
.companion2 { height: 1em; /*opacity: .5;*/ padding-top: 16000px; margin-top: -16000px; position: relative; }
.companion3 { height: 1em; /*opacity: .5;*/ padding-top: 16000px; margin-top: -16000px; position: relative; }
#verborgen{ height: 1em; }

/*-------------------------------------------------------------------------------------*/
#alpha { font-size: 12px; font-family: sans-serif, Arial; background-color: #900; text-align: center; width: 799px; height: 25px; padding-top: 8px; padding-bottom: 1px; }
#alpha p{ text-align: center; vertical-align: middle; margin: 0; padding: 0; }
#alpha2 { font-size: 12px; font-family: sans-serif, Arial; background-color: #900; text-align: center; width: 799px; height: 25px; padding-top: 8px; padding-bottom: 1px; }
#alpha2 p{ text-align: center; vertical-align: middle; margin: 0; padding: 0; }
a.top:link, a.top:visited { color: #000; font-size: 12px; font-family: Arial; background-color: #f3f3f3; margin: 0 1px; padding: 3px 7px; }
a.top:focus { color: #fff; font-size: 12px; font-family: Arial; background-color: #000; margin: 0 1px; padding: 3px 7px; } 
a.top:hover { color: #fff; font-size: 12px; font-family: Arial; background-color: #000; margin: 0 1px; padding: 3px 7px; }
a.top:active { color: #fff; font-size: 12px; font-family: Arial; background-color: #000; margin: 0 1px; padding: 3px 7px; }

/*-------------------------------------------------------------------------------------*/
#reclame1 { background-color: #e6e6e6; text-align: center; width: 799px; height: 100px; padding-top: 15px; padding-bottom: 5px; }
#reclame1 p { background-color: #060; text-align: center; width: 799px; padding-top: 15px; padding-bottom: 5px; }
#reclame2 { background-color: #e6e6e6; text-align: center; width: 799px; height: 100px; padding-top: 15px; padding-bottom: 5px; }
#reclame3 { background-color: transparent; text-align: center; width: 799px; height: 80px; padding-top: 15px; padding-bottom: 5px; }
#reclame4 { background-color: transparent; text-align: center; float: none; margin-top: 7px; margin-bottom: 7px; padding-top: 7px; padding-bottom: 7px; }
#reclame5 { background-color: #fff; text-align: center; width: 799px; height: auto; float: none; padding-top: 3px; padding-bottom: 34px; }

/*-------------------------------------------------------------------------------------*/
#crumb { color: #333; font-size: 11px; font-family: sans-serif, Arial; background-color: #ccc; text-align: center; width: 799px; height: 15px; padding-top: 2px; padding-bottom: 2px; }
#crumb a:link, a:visited { color: #333; text-decoration: none; }
#crumb a:focus { color: #333; text-decoration: none; }
#crumb a:hover { color: #c00; }
#crumb a:active { color: #333; text-decoration: none; }

/*-------------------------------------------------------------------------------------*/
#crumb2 { color: #333; font-size: 11px; font-family: sans-serif, Arial; background-color: #ccc; text-align: center; width: 799px; height: 15px; padding-top: 2px; padding-bottom: 2px; }
#crumb2 a:link, a:visited { color: #333; text-decoration: none; }
#crumb2 a:focus { color: #333; text-decoration: none; }
#crumb2 a:hover { color: #c00; }
#crumb2 a:active { color: #333; text-decoration: none; }

/*-------------------------------------------------------------------------------------*/
#navi { background-color: #900; background-repeat: no-repeat; background-position: center 0; text-align: center; width: 799px; height: 34px; margin: 0; padding: 0; }
* html #navi { margin: 0; padding: 0; }
.kleindoos { padding-top: 25px; }
* html .kleindoos { margin-top: 15px; padding-top: 5px; }
.menucontainer { background-color: transparent; text-decoration: none; text-align: center; width:157px; height: 20px; padding: 1px; float:left; margin: 0; }
* html .menucontainer { width: 192px; }
a.menu:link, a.menu:visited { color: #fff; font-size: 11px; font-family: Arial; background-color: #900; background-repeat: repeat-x; text-decoration: none; text-align: center; visibility: visible; margin-top: 0.01em; margin-bottom: 0.01em; padding-top: 5px; padding-right: 0; padding-bottom: 5px; display: block; }
a.menu:focus { color: #ccc; font-size: 11px; font-family: Arial; font-weight: bolder; background-color: #000; background-repeat: repeat-x; text-decoration: none; text-align: center; margin-top: 0.01em; margin-bottom: 0.01em; padding-top: 5px; padding-right: 0; padding-bottom: 5px; display: block; }
a.menu:hover { color: #fff; font-size: 11px; font-family: Arial; font-weight: bolder; background-color: #000; background-repeat: repeat-x; text-decoration: none; text-align: center; visibility: visible; margin-top: 0.01em; margin-bottom: 0.01em; padding-top: 5px; padding-right: 0; padding-bottom: 5px; display: block; }
a.menu:active { color: #fff; font-size: 11px; font-family: Arial; font-weight: bolder; background-color: #000; background-repeat: repeat-x; text-decoration: none; text-align: center; margin-top: 0.01em; margin-bottom: 0.01em; padding-top: 5px; padding-right: 0; padding-bottom: 5px; display: block; }

/*-------------------------------------------------------------------------------------*/
hr { clear: both; height: .1px; border: 0; visibility: hidden; margin: 0; padding: 0; }
td { }
address { color: #667; font-size: 0.7em; font-family: sans-serif; font-style: normal; text-align: center; padding-right: 30px; padding-bottom: 0.5em; }
big { color: #f93; font-size: 12px; }
small { color: #333; font-size: 0.6em; font-style: normal; margin: 0; padding: 0 0 1.5em; }
ul { color: #333; font-size: 0.75em; font-family: sans-serif, Arial; list-style-type: circle; margin: 0; padding-top: 0.5em; padding-left: 1em; }
li { padding-left: 7px; list-style-type: none; }
p.copyright { color: #667; font-size: 0.6em; text-align: center; margin: 0; padding-bottom: 2.5em; }
.left { float: right; padding: 0.5em 0.5em 0.5em 2.5em; }
img { border-color: #666; }
em { color: #999; font-family: sans-serif, verdana; }
.screen { float: right; margin-right: 15px; }
.buttom { margin-right: 7px; margin-bottom: -1px; }
.color { color: #b71e63; }
.teken { color: #c00; font-size: 14px; padding-right: 4px; padding-bottom: 3px; padding-left: 4px; }
.bookmark { padding: 1em; }
.tel { font-size: 14px; font-weight: 600; float: right; }
span.displaynone { display:none; }

/*-------------------------------------------------------------------------------------*/
#front table { color: #900; font-family: sans-serif, Arial; text-align: center; }
#front table p { color: #999; font-family: sans-serif, Arial; text-align: left; }
#front td { background-color: #f3f3f3; text-align: left; width: 250px; height: 75px; }
#front p.basic { color: #000; font-size: 11px; font-family: sans-serif, verdana; background-image: url(../images/adressen/basic.png); background-repeat: no-repeat; text-align: left; width: 588px; height: 77px; margin: 0 0 7px 25px; padding: 7px 7px 7px 125px; outline: solid 1px #ccc; }
#front p a { color: #fff; }
#front p strong { color: #000; font-size: 14px; font-weight: 700; }
a.index:link, a.index:visited { color: #000; font-size: 12px; font-family: Arial; width: 15px; padding: 4px 7px; }
a.index:focus { color: #000; font-size: 12px; font-family: Arial; padding: 4px 7px; } 
a.index:hover { color: #c00; font-size: 12px; font-family: Arial; padding: 4px 7px; }
a.index:active { color: #000; font-size: 12px; font-family: Arial; padding: 4px 7px; }
/*-------------------------------------------------------------------------------------*/
a.abc:link, a.abc:visited { color: #000; font-size: 12px; font-family: Arial; background-color: #ccc; width: 15px; padding: 4px 7px; }
a.abc:focus { color: #fff; font-size: 12px; font-family: Arial; background-color: #900; padding: 4px 7px; } 
a.abc:hover { color: #fff; font-size: 12px; font-family: Arial; background-color: #900; padding: 4px 7px; }
a.abc:active { color: #fff; font-size: 12px; font-family: Arial; background-color: #900; padding: 4px 7px; }

a.copy:link, a.copy:visited { color: #000; }
a.copy:focus { color: #000; }
a.copy:hover { color: #c00; }
a.copy:active { color: #000; }

/*-------------------------------------------------------------------------------------*/
#voet { color: #252525; font-size: 15px; background-color: #fff; background-repeat: no-repeat; background-position: center 0; text-align: center; width: 799px; height: 160px; margin: 0 0 10px; padding: 10px 0 0; }* html #voet { height: 6em; }
#voet p { color: #000; text-align: center; margin: 34px 0 0; }
#voet big { color: #000; font-size: 14px; font-family: sans-serif, Arial; margin: 0; padding-top: 25px; }