/* General --- */
body
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 20px;
    background: url(../images/layout/site_bg.jpg) left top repeat-x;
}

ul.breadcrumb {list-style-type: none; margin: 0; padding: 0;}
ul.breadcrumb li {float: left; padding: 0 10px 0 0;}
ul.breadcrumb li a {text-decoration: none;}
ul.breadcrumb li a:visited, ul.breadcrumb a {color: #666666;}

.debugger {background-color: #FFF; border: 1px solid black; z-index: 10; height: 100%; position: absolute; width: 450px; overflow: scroll;}
.debugger a {font-size: 10px; text-decoration: none;}

div.containerBg { background:url('../images/homepage/btn_bg.jpg') left bottom  repeat-x; }
div.container {/*height: 100%;*/ position: relative; width: 950px; left: 50%; margin-left: -475px;}
div.container div.header {background-color: #fff; width: 920px; height: 60px; border-left: 1px solid #e4acca; border-bottom: 1px solid #e4acca; border-right: 1px solid #e4acca; margin: 0 15px;} 

div.container div.header img#logo {margin:12px 0 0 15px;}
div.container div.header div span { float:left; display:block; padding: 2px 5px; }
div.container div.header div.rcol {float: right; height: 50px; width:160px;}
div.container div.header div.rcol div {float: right; /*line-height: 50px;*/ padding:13px 10px 0 15px; display:inline;}

div.container div.content {margin-top: 15px; /*margin-bottom: -4px;*/ overflow: hidden;}

div.footer {height: 50px; position:relative; background-color: #eb088c;/* url('../images/layout/btn_bg.jpg') left top repeat-x;*/ }
div.footer div { left: 50%; margin-left: -460px; position: absolute; width: 925px; }
div.footer div img { margin-top:25px; } 
div.footer div p { padding-top: 10px; display:block; width:930px; text-align:center; }
div.footer div a, div.footer div a:visited { text-decoration:none; color:#000; }
div.footer div a:hover { text-decoration:underline; }
div.footer div.flying_ovchipkaart { position: absolute; bottom: 10px; margin-left:317px; width:auto;}

h1 {color: #e2007a; text-transform: uppercase; line-height:25px; font-size:25px; height:25px; }
div#home div.col1 div.headingcontainer h1 { font-size:22px; }
.headingcontainer { height:25px; }
p {line-height: 20px; text-align: justify; }

select {font-family: verdana;}

.securityBoxEditorContainer {opacity: 1 !important; position: absolute; left: 50%; width: 420px; margin-left: -210px; height: 375px; top: 50%; margin-top: -187px;}
.sitelayer {opacity: 0.7; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000;}

a#txtsmaller, a#txtsmaller:visited, #txtsmaller { text-decoration:none; color:#000; font-size:12px; font-weight: bold; cursor:pointer; }
a#txtlarger, a#txtlarger:visited, #txtlarger { text-decoration:none; color:#000; font-size:18px; font-weight: bold; cursor:pointer; }
#txtsmaller.active,
#txtlarger.active { color:#597A94; background-color:#ECF0F1; }

.BreadCrumbBlock { margin:-5px 0 0 17px; }

/* Headings --- */
/*h1.home { background: url('../images/homepage/title_home.gif') left top no-repeat; text-indent:-9999px; }*/

/* Homepage --- */
a#vraagnuaan, a#vraagnuaan:visited { display:block; width:100px; height:25px; text-indent:-9999px; background: url(../images/homepage/btn_vraag_aan.jpg) left top no-repeat; }
a#vraagaanoplocatie, a#vraagaanoplocatie:visited { float:right; display:block; width:155px; height:25px; text-indent:-9999px; background: url(../images/homepage/btn_oplocatie.gif) left top no-repeat; }
a#vraagnuaan:hover,
a#vraagaanoplocatie:hover { background-position: left -35px; }
.col1 { width:570px; float:left; display:inline; margin:0 15px; }
.col1 p { margin-top:10px; }
.col1 div.highlight { clear:both; margin-top: 15px; height: 320px; margin-left:-15px; width:600px; }
.col1 div.highlight div { cursor:pointer; float:left; padding:220px 16px 0; width:168px; height:100px; display:inline; }
.col1 div.highlight div h2 { display:none; }
.col1 div.highlight div p { text-align:left; }
.col1 div.highlight div#item1 { background: url(../images/homepage/btn_sprite.jpg) left 15px no-repeat; }
.col1 div.highlight div#item1.hover { background-position: left -380px; }
.col1 div.highlight div#item2 { display:inline; background: url(../images/homepage/btn_sprite.jpg) -200px 15px no-repeat; }
.col1 div.highlight div#item2.hover { background-position: -200px -380px; }
.col1 div.highlight div#item3 { cursor: auto; display:inline; background: url(../images/homepage/btn_sprite.jpg) -400px 15px no-repeat;}
.col1 div.highlight div#item3.hover { background-position: -400px -380px; }
.col2 { width:350px; float:right; height:100%; }
div#home .col2 img { position:absolute; display:block; bottom:0; }
div#home .col2 .graancirkel {position: absolute; width: auto; top: 165px; clear: both; z-index: 2;}


/* Faq --- */
ul.FaqCategories {}
ul.FaqCategories li a {text-decoration: none; color: #000000;}
ul.FaqCategories li a:hover {color: blue;}

div.AdminPanel h2 a, table.adminAction h2 a {color: #000000; text-decoration: none;}
div.AdminPanel h2 a:hover, table.adminAction h2 a:hover {text-decoration: underline;}
div.AdminPanel h2, table.adminAction h2 {font-size: 14px;}
div.AdminPanel tr td, table.adminAction tr td {padding: 4px;}

.InputBox input,  select {font-size: 11px; font-family: verdana; border: 1px solid black;}

div#faq {overflow:hidden; margin-bottom:20px; }
div#faq div.col1 .headingcontainer { height:36px;}
div#faq div.col1 h1 { margin-bottom:11px; }
div#faq .col2 { text-align:right; padding-top: 5px; width:275px; }
div#faq .col2 img { margin-right:15px; }

div.formrow {margin-bottom: 5px;}
div.formrow Label {margin: 0 4px 40px 0;}

div.faq_item div.question .headingcontainer {height:auto; }
.faq_item {margin: 0 15px; clear:both; width:680px; height:230px;}
.faq_item div.question {padding-top:10px;}
.faq_item div.question h2 {color: #e2007a; text-transform: uppercase; font-size:25px;}
.faq_item div.answer {width:674px; padding-top:20px;}

table.faqitems { float:left; display:inline; width:645px; }
table.faqitems tr td p {margin-top:0;}
table.faqitems tr td.selected a, table.faqitems tr td.selected a:visited {color: #fff; text-decoration:none;}
table.faqitems tr td.selected a:hover { }

table.faqitems tr td.unselected {padding-left: 6px;}
table.faqitems tr td.unselected a, table.faqitems tr td.unselected a:visited {font-weight: bold; color: #000; text-decoration:none;}
table.faqitems tr td.unselected a:hover { text-decoration:underline; }

table.faqitems tr td.selected table tr td.question {background-color: #e2007a;}
table.faqitems tr td.selected table tr td.left {width: 6px; height: 24px; background: url(../images/faq/selected_left.gif) no-repeat;}
table.faqitems tr td.selected table tr td.right {width: 6px; height: 24px; background: url(../images/faq/selected_right2.gif) no-repeat;}


/* FAQ Items */
div#faq ul#questions {padding:0; margin:0;}
div#faq ul#questions li {vertical-align:top; margin-top:10px; list-style-type:none; }
div#faq ul#questions li p {margin-top:0;}

div#faq ul#questions li.unselected {padding-left: 6px;}
div#faq ul#questions li.unselected a, div#faq ul#questions li a:visited {/*font-weight: bold;*/ color: #000; text-decoration:none;}
div#faq ul#questions li.unselected a:hover { text-decoration:underline; }

div#faq ul#questions li.selected {height:24px;}
div#faq ul#questions li.selected a, div#faq ul#questions li.selected a:visited {color: #fff; text-decoration:none; display:block; line-height:24px;}
div#faq ul#questions li.selected div.left{width: 6px; height:24px; background: url(/themes/default/images/faq/selected_left2.gif) #fff no-repeat; float:left;}
div#faq ul#questions li.selected div.question{ height:24px; background: #E2007A url(/themes/default/images/faq/selected_right2.gif) right top no-repeat;}

/*div.faqItemsBlock {float: left;}*/
div.faqItemsBlockImage {position: absolute; top: 60px; right: 0; }

div.zipcodeform h1 {font-size: 20px; margin-left: 15px;}
div.zipcodeform {width: 305px;}
div.zipcodeform div.elements {margin-top: 20px; overflow:hidden;}
div.zipcodeform div.elements p { clear:both; margin-left:6px; }
div.zipcodeform div.elements input.SubmitButton {float: right; border:0; width:74px; height:42px; background:url('../images/zipcodeform/go.gif') left top no-repeat; text-indent:-100px;}
div.zipcodeform div.elements input.zipcodeCheck {float: left; border: 0; background: url(../images/zipcodeform/txtBg.gif) left top no-repeat; width: 220px; height: 42px; text-align: center; color: #fff; font-weight: bold; letter-spacing: 3px; font-size: 25px; padding-top:5px; }

/*
div.enterZipCodeContainer {position: absolute; left: 50%; margin-left: -150px; width: 300px; top: 50%; margin-top: -43px; height: 86px;}
*/
div#aanvragen { padding: 120px 15px 185px 323px; /*145px;*/ }
div.enterZipCodeContainer {  }

/* Voorwaarden --- */
div#voorwaarden div.col1 { padding-bottom: 50px; }
div#voorwaarden div.col1 ol { padding-left:20px; color: #000000; margin-left:0; }
div#voorwaarden .col2 { text-align:right; padding-top: 40px; }
div#voorwaarden .col2 img { margin-right:15px; }

/* Aanvragen op locatie */
div#aanvragenoplocatie div.col1 { padding-bottom: 50px; }
div#aanvragenoplocatie div.col1 ul#infodays { list-style-type:none; margin:0 0 25px 0; padding:0; }
div#aanvragenoplocatie div.col1 .underline {text-decoration: underline;}
div#aanvragenoplocatie div.col1 .bold {font-weight: bold;}
div#aanvragenoplocatie div.col1 ul#infodays li {
    width:120px;
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    /*border-bottom:1px dotted #E2007A;*/
    position:relative; /* IE needs this in order to recognize links in all columns */
}
div#aanvragenoplocatie div.col1 ul#infodays li.column1 { margin-left:0; }
div#aanvragenoplocatie div.col1 ul#infodays li.column2 { margin-left:120px; }
div#aanvragenoplocatie div.col1 ul#infodays li.column3 { margin-left:270px; }
div#aanvragenoplocatie div.col1 ul#infodays li.column4 { margin-left:400px; }
div#aanvragenoplocatie div.col1 ul#infodays li.first { margin-top:-225px; }
div#aanvragenoplocatie .col2 { text-align:right; padding-top: 40px; }
div#aanvragenoplocatie .col2 img { margin-right:15px; }

div#aanvragenoplocatie ul
{
    margin-top: 0px;    
}

/* Graancirkels */
div#graancirkels h2 {color: #e2007a; text-transform: uppercase; font-size:16px; }
div#graancirkels div.col1 {margin: 0 9px;}
div#graancirkels div.col1 div.headingcontainer {height: 35px; margin: 0 0 0 6px;}
div#graancirkels div.col1 div#form {margin: 10px 0 0 6px;}
div#graancirkels div.col1 div#form th#column1, div#graancirkels div.col1 div#form th#column2
{
	display: none;
}

div#graancirkels div.col1 div#form
{
	margin: 0 0 10px 0;
}
div#graancirkels div.col1 div#form table td
{
	padding: 0 0 4px 0;
}

div#graancirkels div.col1 div#form table td.error
{
	color: red;
	font-weight: bold;
	
}
div#graancirkels div.col1 div#form input
{
    height: 19px; 
	border: 1px solid #a9bac8;
	width: 295px;	
}

div#graancirkels div.col1 div#form div.thankyou
{
	margin: 0 0 20px 0;
}

div#graancirkels div.col1 div#form input.SubmitButton
{
    width: 83px;
	text-indent: -350px;
	border: 0px;
	background:url("../images/graancirkel/submit.gif") no-repeat scroll left top transparent;
	/*height: 35px;*/
	height: 26px;
	margin: 15px 0 0 0;
	display:block;
}

div#graancirkels div.col2
{
	padding: 5px 0 0 0;
	text-align: right;
	width: 275px;
}

div#graancirkels div.col2 img
{
	margin-right: 15px;
}