/* 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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #727272;
	margin-top: 0px;
	background-image: url(../images/bgsite.jpg);
	background-repeat: repeat-x;
}

* { margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, 'Sans Serif';  }

p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; font-size: 8pt;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold;color: #374A23; }
h2, .subtitle { font-size: 130%;  font-weight: bold;color: #374A23; }
h3, .sectiontitle { font-size: 140%; font-weight: bold; line-height: 190%;color: #374A23; }
h4, .introduction { font-size: 130%; font-weight: bold; line-height: 190%; color: #374A23; }
h5, .description { font-size: 100%; font-weight: bold; line-height: 190%; color: #374A23; }
h6, .summary { font-size: 90%; font-weight: bold; line-height: 190%;}
h7 { font-size: 100%; }
p {  line-height: 190%; margin: 0px; padding-bottom:10px; color: #475E30; }
span { font-size: 100%; margin: 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }
li {line-height: 190%; color: #475E30;}
ul {	margin-bottom: 10px; margin-left: 15px;}


a:link { color: #495F31;  text-decoration: underline; }
a:visited { color: #495F31; }
a:hover { color: #90C748; }
a:active { color: #495F31;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
	margin:auto;
	width: 800px;
}
#header  { width: 800px;height:347px;}
#header h1 {display: none;}
#header h1 span {	display: none;}
#header h2 span {	display: none;}
#header p span {	display: none;}
#header .navigation {	width: 100%;background-color: #A5C150; height: 30px;}
#header .navigation ul { list-style-type: none; margin: 0px;}
#header .navigation li { font-size: 10pt; line-height:1.4; float: left; font-weight: bold; letter-spacing: 1px;}

#header .navigation li a {  color: white; display: block; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;  text-align: left; }
#header .navigation li a:link { color: white; text-decoration: none; }
#header .navigation li a:visited { color:#FFFFFF ; text-decoration: none; }
#header .navigation li a:hover {   color:#475F30; }

#header .logo { position:absolute;top:40px;left:30px; }

.main {  width: 740px; padding: 30px;background-color: #FFFFFF;}
.main .left { float: left; vertical-align:top; width: 100%;padding-left:0px; }
.main .left p { padding-left: 0px; }
.main .left ol { padding-left: 20px; }
.main .left ul { padding-left: 20px; }
.main .left li { padding-left: 10px; }
.main .right{ float: right;  vertical-align:top; width: 228px; padding-right: 15px;}
.main .right p { padding-left: 13px; }
.main .right h4 { padding-left: 13px; }
.main .right h5 { padding-left: 13px; }

.breaker {	clear: both;}

#center .content {    padding: 20px; padding-top: 70px;}
#right .content {    padding: 10px; padding-top: 2px; padding-left: 30px;}

/* FORM OPTIONS - stacking build up*/
.button {    border: Solid 1px black;}
.form {    border: Solid 1px black;}
.small {    width: 100px; }
.date02{    width: 55px; }
.date04 {    width: 70px; }
.normal {    width: 250px; }
.wide {    width: 350px; }
.margin-bottom {
    margin-bottom: 10px;
}
.color-a { background-color: #1D3F3F; color: white; }

/* FRONTEND ADMIN FUNCTIONS */
.admin-anchor {	position: relative;}
.admin-anchor .edit {
position: absolute; z-index: 100; top: -30px; 
border: Dashed 1px black; background-color: #D5E9AB; padding: 5px; filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;
}

.admin-anchor .edittotal {
position: absolute; z-index: 100; top: -10px; text-align: right; width: 100%; 
border: Dashed 1px black; background-color: #B1D469; padding: 5px; filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;
}

.prijzen {

}
.prijzen td{
	padding: 5px;
	border-bottom: 1px solid #495F31;
	border-right:1px solid #495F31;
	vertical-align: top;
}
.abbonementen {
	border-top:1px solid #B8B8B8;margin-top:10px;margin-bottom:10px;
}
.abbonementen td{
	vertical-align: top;border-bottom:1px solid #B8B8B8;padding-top:10px;padding-bottom:10px; border: 
}

.bestelonderdeel {
	margin-bottom:10px;
	padding:10px;
	background-color:#fff;
	border-top:1px dotted #ccc;
	float:left;
	margin-right:15px;
}

.pricetable {
	width:200px;vertical-align:middle;
}