@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
body{
	background:url(../Images/body-background.gif) repeat-x #cc0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#c70b09; text-decoration:none;}
a:hover{ color:#ff3634; text-decoration:none;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h2{	padding:0px; margin:8px 0 2px 0; font-size:13px; font-weight:normal; color:#006633;}
h3{ padding:0px; margin:8px 0 2px 0; font-size:14px; font-weight:bold; color:#cc0000;}

.pngfix{ behavior:url(http://www.bratstandards.nl/Include/iepngfix.htc);}
.clear{ clear:both; height:0px;}

.mini{ font-size:0.8em; line-height:12px;}
.left{ float:left;}
.right{ float:right;}
.faq{ font-weight:bold; color:#006633;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	width:930px;
	/*min-height:600px;
    height:auto !important;
	height:600px;*/
	margin:0 auto 0 auto;
	padding:0px;
}
#header{
	position:relative;
	background:url(../Images/header-background.gif) no-repeat;
	height:95px;
	width:930px;
	margin:0px;
	padding:0px;
}
#links{
	background:url(../Images/configurator-background.jpg) no-repeat;
	width:295px;
	height:475px;
	margin:0px;
	padding:0 0 0 14px;
	float:left;
}
#content{
	background:url(../Images/content-background.gif) right #ffffff;
	margin:0 0 0 300px;
	padding:0 15px 20px 40px;
	line-height:18px;
}
#footer{
	background:#97b6c6;
	width:980px;
	height:26px;
	margin:0px;
	padding:0px;
}

/**************************************************************
** Header Styles
***************************************************************/
a.login{ position:absolute; left:836px; top:10px;}
#menu{
	height:16px;
	float:right;
	margin:0px;
	padding:50px 33px 0 0;
}
#menu ul{
	margin:0px;
	padding:0px;
}
#menu ul li{
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}
#menu ul li a{
	height:16px;
	margin:0 3px 0 0;
	padding:0px;
	border-right:1px solid #e1e1e1;
}
#menu ul li a.laatste{ border:none; margin:0px;}

/**************************************************************
** Links Styles
***************************************************************/
#links span{
	display:block;
	width:234px;
	margin:265px 0 0 32px;
	padding:0px;
	color:#ffffff;
}
#links span a{ color:#ffffff; text-decoration:underline;}
#links span a:hover{ text-decoration:none;}

/**************************************************************
** Content Styles
***************************************************************/
#content-header{
	background:url(../Images/content-top.gif) no-repeat right;
	height:35px;
	margin:0 0 0 300px;
	padding:0px;
}
#content-footer{
	background:url(../Images/content-footer.gif) no-repeat right;
	height:26px;
}
#content a{ color:#000000; text-decoration:underline;}
#content a:hover{ text-decoration:none;}
#content h1 { color:#cc0000; font-size:28px; line-height:normal; height:auto; margin:0px; padding:0px;}
#content h3{ font-size:14px; margin:0px; padding:0px;}
#content p{ padding:0 10px 0 0;}

.besteltabel{ width:540px; height:68px; font-size:11px; float:left;}
.dikke_lijn{ border-bottom: 2px solid #186f22;}

.kerstbomen{ background:url(../Images/kerstboom-background.gif) top left no-repeat; height:68px;}
.kerstbomen img, .kerstballenHeel img, .kerstballenHeelGroot img, .extraB img, .extraO img{ margin:6px 0 0 6px;}
input.aantal_bomen{ width:50px; height:24px; font-size:18px; color:#006633; border:1px solid #000000; margin:14px 0 0 2px;}

.kerstballenB{ background:url(../Images/offerte-background.gif) top left no-repeat; height:34px;}
.kerstballenO{ background:url(../Images/offerte-background.gif) bottom left no-repeat; height:34px;}
.kerstballenHeel{ background:url(../Images/offerte-background.gif) top left no-repeat; height:68px;}
.kerstballenHeelGroot{ background:url(../Images/offerte-background-groot.gif) top left no-repeat; height:88px;}
.kerstballenB img, .kerstballenO img{ margin:0 0 0 6px;}

.extraB{ background:url(../Images/extra-background.gif) top left no-repeat; height:49px;}
.extraO{ background:url(../Images/extra-background.gif) bottom left no-repeat; height:50px; border-bottom:2px solid #006600;}

.gegevenstabel{ line-height:18px; width:480px; font-size:11px;}
input.contactform{ height:21px; font-size:13px; font-family:Verdana; border:1px solid #ffffff; padding:4px 5px 0 5px;}
.groot{ background:url(../Images/text-large.gif) no-repeat; width:471px;}
.middel{ background:url(../Images/text-almost-small.gif) no-repeat; width:160px;}
.middel2{ background:url(../Images/text-middle-small.gif) no-repeat; width:291px;}
.klein{ background:url(../Images/text-almost-small.gif) no-repeat; width:44px; }

.totalPrice{ background:url(../Images/offerte/prijs-background.gif); width:102px; height:21px; float:right; clear:right; color:#ffffff; padding-left:12px; font-size:13px; padding-top: 18px; font-weight:bold;}
.topTotalPrice{ margin-top:0px; margin-right:35px; display:inline;}

#info_tekst{ background:#ffffff; width:440px; height:100px; padding:10px 10px 0 10px; font-size:11px;}
#info_tekst_middel{ background:#ffffff; width:430px; height:390px; overflow-y:scroll; padding:10px 10px 0 10px; font-size:11px;}
#info_tekst_lang{ background:#ffffff; width:430px; height:757px; overflow-y:scroll; padding:10px 10px 0 10px; font-size:11px;}
#info_tekst h1, #info_tekst_middel h1, #info_tekst_lang h1{ color:#990000; margin:0px; padding:0px; font-size:12px;}

/**************************************************************
** Footer
***************************************************************/

.footer{
	width:930px;
	margin:0 auto;
	padding:0px;
}
.footer DIV.footer_top{
	/*background:url(../Images/footer_top_bg.gif) no-repeat top right;*/
	height:10px;
	width: 100%;
}
.footer DIV.footer_bottom{
	/*background:url(../Images/content-footer.gif) no-repeat bottom right;*/
	height:15px;
	width: 100%;
}
.footer DIV.footer_content{
	/*background:url(../Images/content-background.gif) right #ffffff;*/
	margin:0 0 0 300px;
	padding:0 40px 0 40px;
	line-height:18px;
	width: 550px;
}
.footer DIV.footer_content UL{
	margin: -3px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.footer DIV.footer_content UL LI{
	display: inline;
	font-size: 11px;
	line-height: 13px;
	color:#d5d5d5;
}
.footer DIV.footer_content UL LI.bull{
	padding: 0 5px;
}
.footer DIV.footer_content UL LI A{
	font-size: 11px;
	line-height: 13px;
	color: #d5d5d5;
	text-decoration: underline;
}
.footer DIV.footer_content UL LI A:hover{
	color: #dddddd;
	text-decoration: none;
}