/* Prowriter CMS Stylesheet */
/* Version: 1.0 | 14/02/2004 */
/* BASIC FRONTEND VERSION */
/* TEMPLATE STYLE 1 (logo - top | nav | body)*/

/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body,html {
    font-family:  droid-sans-1,Anivers,Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #404040;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #313131;
    margin-top: 0px;
	 width:100%;
	 height:100$;
	 overflow-x:hidden;
/*  background-image: url(../images/bg_site.jpg); */
}


* { margin: 0px; padding: 0px; font-family: droid-sans-1,Georgia,Verdana, Arial,  Verdana, Arial, Helvetica, 'Sans Serif'; line-height: 175%; }
table {
	vertical-align: top;border-collapse:collapse;
}

/* default font and font size */
p, td, tr, th, li, span, div, table
{ font-family:  droid-sans-1,Georgia,Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; font-size: 9pt; line-height: 175%; }

/* most imporant color settings */
p {color: #404040;  }
li {	color: #404040; }

a:link { color:#404040;  text-decoration: underline; }
a:visited { color: #404040; }
a:hover { color: #c31d71; }
a:active { color: #404040;}
h1, h2, h3, h4, h5, h6, h7{
	font-family: arial,verdana;display:inline;
}
/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-size: 130%;  font-weight: bold;}
h3, .sectiontitle { font-size: 18pt;font-weight: normal;padding:2px;padding-bottom:1px;padding-top:1px;color:white;background-color:#353336; display: inline;  font-family:droid-sans-1,  museo-1, anivers-1,Anivers, Anivers Regular, Verdana, Arial, Helvetica, 'Sans Serif'; }
h4 { font-size: 13pt; font-weight: normal;color:white;padding:2px;padding-bottom:1px;padding-top:1px;background-color:#c31d71; display: inline; font-family:droid-sans-1, museo-1,anivers-1,Anivers, Anivers Regular, Verdana, Arial, Helvetica, 'Sans Serif'; }
h5, .description { font-size: 100%; font-weight: bold; }
h6, .summary { font-size: 90%; font-weight: bold; }
h7 { font-size: 100%; }
p { font-size: 100%; }
span { font-size: 100%;}
li { font-size: 100%; }
ul {  margin-bottom: 10px; margin-left: 15px;}


h3.green {
	background-color:#a2c239;
}
h3.blue {background-color:#2fbdd1}
h3.yellow {background-color:#e7bf1f}
h3.purple {background-color:#8f3896}

h4.green {background-color:#a2c239;}
h4.blue {background-color:#2fbdd1}
h4.yellow {background-color:#e7bf1f}
h4.purple {background-color:#8f3896}

.green {background-color:#a2c239;}
.blue {background-color:#2fbdd1;}
.yellow {background-color:#e7bf1f;}
.purple {background-color:#8f3896;}
.default {background-color:#c11d70;}
.whitefont {color:white;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin:auto;
    width: 100%;
	 padding-top:20px;
/*  width: 1000px; */	 
}

/* HEADER */
#header  { width: 100%;height:130px;border-bottom:0px dashed #313131;background-color:#FFFFFF; }
#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* NAVIGATION: SUBPAGE MENU */
#header .navigation {font-family: droid-sans-2; width:570px;right:10px;position:absolute; height: 15px;top:85px;}
#header .navigation ul { list-style-type: none; margin: 0px;font-family: georgia,arial,verdana;  }
#header .navigation li { font-family: droid-sans-2;  font-size: 9pt; line-height:1.4; float: left;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;line-height:15px;margin-right:13px; position:relative; }

/* passive */
#header .navigation li a,
#header .navigation li a:link,
#header .navigation li a:visited
#header .navigation li.passive a,
#header .navigation li.passive a:link,
#header .navigation li.passive a:visited { background-color:#e3dfde;float:left; color: #4b4a48; display: block;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;padding-left:12px;padding-right:12px;height:15px; padding-top: 5px; padding-bottom: 5px; line-height:15px; text-align: center; text-decoration: none; }
#header .navigation li.a:hover,

/* hier colore plaatsen zie beneden*/
#header .navigation li.passive a:hover { background-color:#c31d71;color:white; }

/* active en parent */
#header .navigation li.active a,
#header .navigation li.parent a,
#header .navigation li.active a:link,
#header .navigation li.parent a:link,
#header .navigation li.active a:visited,
#header .navigation li.parent a:visited { background-color:#c31d71;color:white;}
#header .navigation li.active a:hover {background-color:#c31d71;color:white;}

/* child passive */
#header .navigation li.passive-child a,
#header .navigation li.passive-child a:link,
#header .navigation li.passive-child a:visited {background-color:#a1c23a; }
#header .navigation li.passive-child a:hover {background-color:#c11d70;; }

/* child active */
#header .navigation li.active-child a,
#header .navigation li.active-child a:link,
#header .navigation li.active-child a:visited { background-color:#c11d70;}
#header .navigation li.active-child a:hover {background-color:#c11d70; }


/* PERSONAL: SUBPAGE MENU */
#header .personal {font-family: droid-sans-2; width:235px;right:10px;position:absolute; height: 15px;top:5px;text-align:right;}
#header .personal ul { list-style-type: none; margin: 0px;font-family: georgia,arial,verdana;  }
#header .personal  li { font-family: droid-sans-2;  font-size: 9pt; line-height:1.4; float: right;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;line-height:15px;margin-right:13px; position:relative; }

/* passive */
#header .personal  li a,
#header .personal  li a:link,
#header .personal  li a:visited
#header .personal  li.passive a,
#header .personal  li.passive a:link,
#header .personal  li.passive a:visited { color: #4b4a48; display: block;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;padding-left:12px;padding-right:12px;height:15px; padding-top: 5px; padding-bottom: 5px; line-height:15px; text-align: center; text-decoration: none; }
#header .personal  li.a:hover,

/* hier colore plaatsen zie beneden*/
#header .personal li.passive a:hover { background-color:#c31d71;color:white; }

/* active en parent */
#header .personal  li.active a,
#header .personal  li.parent a,
#header .personal  li.active a:link,
#header .personal  li.parent a:link,
#header .personal  li.active a:visited,
#header .personal  li.parent a:visited { background-color:#c31d71;color:white;}
#header .personal  li.active a:hover {background-color:#c31d71;color:white;}

/* child passive */
#header .personal li.passive-child a,
#header .personal  li.passive-child a:link,
#header .personal  li.passive-child a:visited {background-color:#a1c23a; }
#header .personal  li.passive-child a:hover {background-color:#c11d70;; }

/* child active */
#header .personal li.active-child a,
#header .personal  li.active-child a:link,
#header .personal  li.active-child a:visited { background-color:#c11d70;}
#header .personal li.active-child a:hover {background-color:#c11d70; }


/* MAIN BODY */
.breaker {    clear: both; height:0px; line-height:0px; overflow:hidden; }

/* tabelopmaak */
.tabelopmaak { width:800px;text-align: center; border-top:1px solid white; }

.tabelopmaak .left {width:200px; vertical-align: top; color:white;}
.tabelopmaak .right {vertical-align: top; padding:20px; width:600px;}

/*block element */
.block {padding:20px; padding-left:10px; padding-right:20px; padding-top: 0px; padding-bottom:20px; vertical-align:top;}
/* de kleuren van de website /*

/*navigatie achterground en contactgegevens blok*/
.colora {background-color:#bbd333;}
.colora_border {border:1px #333333 solid;}

/* nieuwsitemsblok en footer  */
.colorb {background-color:#9D0D0D;}
.colorbcolor{ color:#9D0D0D; }

/*faq en headers */
.colorc  {background-color:#f4f8dc; color:black;}
.colorc {color:#88a500;}
/*navigaties active*/
.colore {background-color: #313131; color:white;}


/* header en rechterkolom */
.colord {background-color: #FFFFFF;}
.white_border { border:1px solid #FFFFFF;}



/*tekstkleur*/
.colorf { color: #FFFFFF;}
/* end */ 

/*zwarte border */
.black_border { border:1px solid #000000;}
/* end */ 

#subparent { opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0px;top:29px;
}




/*footer */
.footer {text-align:left;width: 100%;height:100%;color:white;margin-bottom:0px;margin-top:0px;}
.footer p { font-size: 8pt; text-align:center;color:white;}
.footer a:link {
	color:white;
}
.footer a:hover {
	color:#c51c6f;
}
.footer a:active {
	color:white;
}
.footer a:visited {
	color:#c51c6f;
}

/* FIX FOR TRANSPARANT PNG IE6 */

.readmore a { -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;color:#4b4a48;background-color:#e3dfde;padding:2px; padding-left:6px;padding-right:6px;text-decoration:none;font-weight:bold;}
.readmore a:visited { -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;color:#4b4a48;background-color:#e3dfde;padding:2px; padding-left:6px;padding-right:6px;text-decoration:none;font-weight:bold;}
.readmore a:link { -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;color:#4b4a48;background-color:#e3dfde;padding:2px;padding-left:6px;padding-right:6px;text-decoration:none;font-weight:bold; }
.readmore a:hover { -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px 20px 20px 20px;color:white;background-color:#c31d6f;padding:2px; padding-left:6px;padding-right:6px;text-decoration:none;font-weight:bold;}


/* DIENSTEN MENU */

.submenu { padding:0px;margin:0px;list-style-type:none;font-weight:normal;font-size:9pt; }
.submenu li {
}
.submenu li a { text-decoration: none;font-size:11pt;height:30px;}
.submenu li a:link {	text-decoration: none;height:30px;}
.submenu li a:hover {	text-decoration: none;background-color:#87a02e;color:white;height:30px;}
.submenu li a:active {	text-decoration: none;height:30px;}
.submenu li a:visited {	text-decoration: none;height:30px;}

.portitems a { text-decoration: none;color:white;border:6px solid #e3dfde;}
.portitems a:link {	text-decoration: none;color:white;border:6px solid #e3dfde;}
.portitems a:hover {	text-decoration: none;border:6px solid #313131;color:black;}
.portitems a:active {	text-decoration: none;color:white;border:6px solid #e3dfde;}

/* SLIDER MENU EN EFFECTS */
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	

/* PORTFOLIO */
		ul.polaroids { width: 970px; margin: 0 0 18px -30px; }
		ul.polaroids li { display: inline; }
		ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: "Marker Felt", sans-serif; text-decoration: none; color: #333; font-size: 18px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg);transform: rotate(-2deg); }
		ul.polaroids img { display: block; width: 190px; margin-bottom: 12px; }
		ul.polaroids a:after { content: attr(title); }
		
		ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg);  transform: rotate(2deg);-ms-transform: rotate(2deg); }
		ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; transform: none;-ms-transform: none;}
		ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); transform: rotate(5deg);-ms-transform: rotate(5deg);}
		ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
		ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }
		
		ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);transform: rotate(-5deg);-ms-transform: rotate(-5deg); }
		
		ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }
		#contact {width:959px;}
#contact input {width:300px;height:25px;line-height:25px;border:1px solid #bfb7b5;}
#contact textarea {width:300px;height:100px;border:1px solid #bfb7b5;}
#contact .button{width:130px; background-color:#c31d71;color:white;font-weight:bold;border:2px solid #404040;}
#content{
	background-color: white;
}
.logo {
	position:absolute;top:10px;
}
.logo a { background: url(../images/logo.png) ; background-repeat:no-repeat;background-position:top left; width:97px;height:89px;display:block}
.logo a:hover { background: url(../images/logoover.png) ; background-repeat:no-repeat;background-position:top left; width:97px;height:89px;display:block}
.subposition {	position: absolute; z-index:1; top:-32px; left: -130px; width:600px;}

.next_link a {
	background-image: url(../images/volgende.png);
}
.next_link a:hover {
	background-image: url(../images/volgende_over.png);
}

.offerte input { color:#404040;height:25px;line-height:25px;border:1px solid #a09692;padding:2px;width:200px; }
.offerte input:focus { color:#404040;height:25px;line-height:25px;width:200px;border:1px solid #a09692;background-color:#e3dfde;padding:2px; }
.offerte textarea {width:300px; color:#404040;height:103px;line-height:25px;border:1px solid #a09692;padding:2px; }
.offerte textarea:focus {width:300px; color:#404040;height:103px;line-height:25px;border:1px solid #a09692;padding:2px;background-color:#e3dfde; }
.offerte table td {
	padding-top:7px;padding-right:10px;
}
.offerte table h4 {
	padding-top:7px;padding-right:10px;background-color:transparent;color:black;
}