/* CSS Document */

body {
	background-color:#000000;
	background-image:url(../images/back.jpg);
	background-attachment:fixed;
	background-position:50% 100%;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	font-family:Trebuchet MS, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	
	letter-spacing:1.0pt;
}

/* LAYERS OPMAAK */

#container {
	width:960px;
	min-height:570px;
	_height:570px;
	margin:auto;
	color:#FFFFFF;
}
#top {
	width:960px;
	height:240px;
	float:left;
}
#navigatie {
	background-color:#1E1E1E;
	width:940px; /* 960 - 20 */
	height:24px;
	padding-left:20px;
	float:left;
}
#kruimelpad {
	width:920px; /* 960 - 40 */
	float:left;
	padding:20px;
}
#main {
	width:960px;
	float:left;
}
#left {
	width:180px;
	padding-left:20px;
	float:left;
}
#content {
	padding-left:30px;
	padding-right:30px;
	width:500px;
	float:left;
}
#content_kerst {
	padding-left:30px;
	padding-right:30px;
	width:700px;
	float:left;
}
#content_breed {
	padding-left:30px;
	padding-right:30px;
	width:700px;
	float:left;
}
#content_details {
	padding-left:30px;
	padding-right:30px;
	width:700px;
	float:left;
}
#content_breedst {
	padding-left:30px;
	padding-right:30px;
	width:900px;
	float:left;
	color: white;
}
#right {
	width:200px;
	float:left;
}
#bottom {
	width:400px;
	margin-top:50px;
	margin-left:230px;
	float:left;
}


/* ALGEMENE OPMAAK */
img {
	border:0px;
}
td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1.0pt;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1.0pt;
	margin:0 0 20px 0;
}
.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
	letter-spacing:1.0pt;
}
.bold {
	font-weight:bold;
}
.bold_klein {
	font-size:11px;
	line-height:11px;
	font-weight:bold;
}
.kruimelpad {
	color:#666666;
	font-size:11px;
}
a.kruimelpad, a.kruimelpad:link {
	color:#666666;
	font-size:11px;
	text-decoration:none;
}
a.kruimelpad:hover {
	color:#ECAC01;
	font-size:11px;
	text-decoration:none;
}
.zwart {
	background-color:#000000;
}
.klein {
	font-size:11px;
}
.klein_grijs {
	color:#666666;
	font-size:11px;
}
a, a:link {
	color:#FFFFFF;
}
a:hover {
	color:#ECAC01;
	text-decoration:none;
}
a.none, a.none:link {
	/*color:#FFFFFF;*/
	text-decoration:none;
}
a.none:hover {
	text-decoration:underline;
}
a.subnavigatie, a.subnavigatie:link {
	/*padding-left:20px;*/
	color:#FFFFFF;
	text-decoration:none;
}
a.subnavigatie:hover {
	color:#ECAC01;
}
a.subnavigatie_aan, a.subnavigatie_aan:link {
	/*padding-left:20px;*/
	color:#ECAC01;
	text-decoration:none;
}
a.subnavigatie_aan:hover {
	color:#ECAC01;
	text-decoration:underline;
}
.subpage {
	padding-left:20px;
}
a.subsubnavigatie, a.subsubnavigatie:link {
	font-size:11px;
	padding-left:25px;
	color:#FFFFFF;
	text-decoration:none;
}
a.subsubnavigatie:hover {
	font-size:11px;
	color:#ECAC01;
}
a.subsubnavigatie_aan, a.subsubnavigatie_aan:link {
	font-size:11px;
	padding-left:25px;
	color:#ECAC01;
	text-decoration:none;
}
a.subsubnavigatie_aan:hover {
	font-size:11px;
	color:#ECAC01;
	text-decoration:underline;
}
.subpage {
	padding-left:20px;
}

/* WIJZER/WEBSHOP OPMAAK */

#fornuis_selectie {
	line-height:14px;
	width:195px;
	height:195px;
	/*background-color:#1A1818;*/
	border:3px;
	border-style:double;
	border-color:#4D4D50;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
}
#fornuis {
	line-height:14px;
	width:120px;
	height:130px;
	/*background-color:#1A1818;*/
	border:3px;
	border-style:double;
	border-color:#4D4D50;
	float:left;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#fornuis_detail {
	width:710px;
	/*background-color:#1A1818;
	border:3px;
	border-style:double;
	border-color:#4D4D50;*/
	float:left;
}
input, select {
	background-color:#333333;
	border:0px;
	font-family:Trebuchet MS, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin: 4px 0px 0px 0px;]
}
.input_border {
	border:1px #FFFFFF solid;
}

.fe_input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1.0pt;
	width:400px;
}
.vinkvak {
	background-color:#000000;
	border:0px;
	font-family:Trebuchet MS, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.verzenden {
	background-color:#000000;
	border:1px;
	border-color:#4D4D50;
	border-style:solid;
	font-family:Trebuchet MS, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#categorie {
	line-height:16px;
	width:140px;
	height:130px;
	/*background-color:#1A1818;
	border:3px;
	border-style:double;
	border-color:#4D4D50;*/
	float:left;
	text-align:center;
	margin-right:30px;
	margin-bottom:30px;
	padding-top:10px;
}
#product {
	line-height:16px;
	width:165px;
	height:162px;/*155*/
	 /*background-color:#1A1818;
	border:3px;
	border-style:double;
	border-color:#4D4D50;*/
	float:left;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:10px;
}
#product_detail {
	line-height:16px;
	width:470px;
	height:330px;
	/*background-color:#1A1818;
	border:3px;
	border-style:double;
	border-color:#4D4D50;*/
	float:left;
	/*margin-right:0px;*/
	margin-bottom:30px;
	padding:10px;
}
hr {
	border: 0px;
	color: #666666;
	background-color: #666666;
	height: 1px;
	width: 100%;
	padding: 0px;
	margin: 5px;
	margin-left:0px;
	margin-right:0px;
}
.header_aan {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px;
	border-bottom-style:solid;
}
.header_grijs {
	color:#666666;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px;
	border-bottom-style:dotted;
}
#nieuwe_klanten {
	display:none;
	float:left;
}
#bestaande_klanten {
	display:none;
	float:left;
}
#thumb {
	line-height:16px;
	width:150px;
	background-color:#1A1818;
	/*border:3px;
	border-style:double;
	border-color:#4D4D50;*/
	float:left;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
}
.error {
	color:#ff0000;
}
form {
	padding:0px;
	margin:px;
}
#main ul {
	padding:0 0 0 10px;
	margin:10px 0 10px 10px;
}
#main li {
	padding:0 0 0 10px;
	margin:0px 0 5px 10px;
	list-style:square;
}
#right ul {
	padding:0;
	margin:0;
	list-style:none;
}
#right li {
	padding:0;
	margin:0;
	list-style:none;
}

/* NAVIGATIE */

.jqueryslidemenu{
	background: #1e1e1e;
	width: 960px; /* 960 - 40 */
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	background: #1e1e1e; /*background of tabs (default state)*/
	color: white;
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #707173;
	color: #2d2b2b;
	font-size:12px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;
	text-align:center;
}
.jqueryslidemenu ul li a.producten {
	width:74px;
	text-align:left;
}
.jqueryslidemenu ul li a.kookdemonstraties {
	width:132px;
	text-align:left;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: white;
}

.jqueryslidemenu ul li a:hover{
	background: #3d3d3d; /*tab link background during hover state*/
	color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
}

/* Sub level menu links style */ 
.jqueryslidemenu ul li ul li a{
	width: 140px; /*width of sub menus*/
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #707173;
	border-right: 1px solid #707173;
	border-bottom: 1px solid #707173;
	margin: 0;
	text-align:left;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #FF0;
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 10px;
	right: 10px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}


/* BLOG */

textarea {
	background-color:#333333;
	border:0px;
	font-family:Trebuchet MS, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:700px;
}
.reactie {
	background-color:#333333;
	border:0px;
	font-family:Trebuchet MS, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:700px;
	height:175px;

}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1.0pt;
	padding:0;
	margin:0;
}
h3 {
	font-size:10px;
	font-weight:normal;
	color:#666;
	margin:0;
	padding:0;
}


/* jq dialog */
#jqDialog_box {
	background: #000;
	position: absolute;
	width: 450px;
	height: 100px;
	border: 1px solid #ccc;
	color:#FFF;
}
#jqDialog_content {
	margin: 10px;
	font-weight: bold;
	font-size: 11px;
	overflow: hidden;
}

#jqDialog_options {
	margin: 10px;
	text-align: center;
}
#jqDialog_options button {
	margin-right: 5px;
	font-size: 11px;
	background: #000;
	border: 1px solid #CCC;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	width: auto;
}
#jqDialog_input {
	padding: 4px;
	width: 250px;
}
#jqDialog_close {
	background: none;
	border: none;
	float: right;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #333333;
	color: white;
}

.mceContentBody a {
   color: white !important; /* FF requires a important here */
}

/* JQUERY PORTFOLIO */

ol,ul {
	list-style:none;
	padding:0;
	margin:0;
}
#logo {
	position:absolute;
	margin-top:70px;
	margin-left:40px;
	z-index:20;
}

/* JQUERY BANNERS */

#banner_button1 {
	position:absolute;
	width:170px;
	height:24px;
	margin-top:91px;
	z-index:20;
}
#banner_button2 {
	position:absolute;
	width:170px;
	height:24px;	
	margin-top:226px;
	margin-left:0px;
	z-index:20;
}
#banner_button3 {
	position:absolute;
	width:170px;
	height:24px;	
	margin-top:361px;
	margin-left:0px;
	z-index:20;
}
.video_thumb {
	float: left;
	width: 200px;
	height: 400px;
	margin: 0px 15px 0px 0px;
	padding: 0;
	text-align: center;
}
.dealer_brochure {
	width: 120px;
	height: 120px;
	border: 3px double #4D4D50;
    line-height: 14px;    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}
.dealer_pdf_thumbs {
	float: left;
	border: 1px solid red;
	width: 140px;
	height: 140px;
	margin: 0px 10px 10px 0px;
	padding: 2px;
}
#pdf_container {
	margin-left: -21px;
}
fieldset {
	border:solid 1px #666;
}