/*
Theme Name: 4=6 Roderwolde
Theme URI: http://www.volaris.nl
Description: Speciaal ontwikkeld ontwerp voor Wordpress door <a href="http://www.volaris.nl">Volaris</a>. 
Version: 1.6 
Author: Dennis Prkic 
Author URI: http://www.4is6styling.nl 
Tags: 4=6 Woon- en Tuindecoratie 
4=6styling v1.0	 
http://www.4is6styling.nl	 
http://www.4is6styling.nl is ontworpen en gebouwd door Volaris 
De CSS, XHTML en design is eigendom van Volaris en van 4=6styling 
*/

body {
	margin: 0px;
	padding: 0px;
	color: #636363;
	font-size: 0.75em;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	background: url(images/bg.jpg) repeat-x #231f20; }

a img { border: none; }

img { border: none; }

a.image-border {
	text-decoration: none;
	border: 0 none; }

a:active { outline: none; }

a { outline: none; }

::selection {
	background: #355893;
	color: white; /* Safari */ }

::-moz-selection {
	background: #355893;
	color: white; /* Firefox */ }

li { list-style: none }

body#vervolg { background: url(images/bg_vervolg.jpg) repeat-x #231f20; }

	body#vervolg #midle { padding: 28px 0px 0px 0px; }

body a {
	text-decoration: none;
	color: #24008c;
	font-weight: normal; }

	body a:hover {
		text-decoration: none;
		color: #24008c;
		font-weight: normal; }

	body a:visited {
		text-decoration: none;
		color: #5b7e9c;
		font-weight: normal; }

.clear {
	clear: both;
	overflow: hidden;
	height: 0px; }

img {
	border: 0px;
	display: block; }

ul, li {
	list-style: none;
	margin: 0px;
	padding: 0px; }

form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0; }

h1, h2 {
	color: #FF4F5C;
	font-family: Georgia; }

h3, h4, h5 {
	color: #bcbcbc;
	font-family: Georgia; }

/****************************************************************************/
/**********************************  ONTAINER *******************************/
/****************************************************************************/
#container {
	position: relative;
	width: 100%; }

	#container #top {
		position: relative;
		width: 100%;
		height: 307px;
		background: url(images/bg_top.jpg) no-repeat top; }

		#container #top #inner {
			position: relative;
			width: 1000px;
			height: 307px;
			margin: 0px auto; }

			/****************************************************************************/
/********************************** TOP NAVIGATIE ***************************/
/****************************************************************************/
#container #top #inner #topnav { float: right; }

				#container #top #inner #topnav ul {
					padding: 20px 5px 0px 0px;
					margin: 0px; }

					#container #top #inner #topnav ul li {
						float: left;
						display: block;
						font-family: arial;
						font-size: 1.1em;
						border-right: 1px solid #676767; }

						#container #top #inner #topnav ul li.last { border-right: 0px solid #676767; }

						#container #top #inner #topnav ul li a {
							float: left;
							display: block;
							color: #676767;
							padding: 0px 5px 0px 5px;
							line-height: 15px; }

							#container #top #inner #topnav ul li a:hover {
								color: #d1d1d1;
								text-decoration: none; }

			/****************************************************************************/
/********************************** LOGO *********************************/
/****************************************************************************/
#container #top #inner a img {
				width: 275px;
				height: 171px;
				float: left;
				margin-left: 356px;
				margin-top: 10px; }

			/****************************************************************************/
/********************************** MENU *********************************/
/****************************************************************************/
#container #top #inner #menu {
				position: absolute;
				top: 198px;
				left: 0px;
				width: 100%;
				height: 57px;
				font-family: arial;
				font-size: 1.1em; }

				#container #top #inner #menu ul {
					height: 57px;
					margin: 0px;
					padding: 0px 0px 0px 2px;
					background: url(images/bg_menu.jpg) no-repeat; }

					#container #top #inner #menu ul li {
						float: left;
						display: block;
						height: 57px;
						outline: 0; }

						#container #top #inner #menu ul li a {
							float: left;
							display: block;
							height: 36px;
							color: #fff;
							padding: 21px 10px 0px 25px;
							font-weight: bold;
							background: url(images/bg_li.gif) no-repeat;
							outline: 0; }

							#container #top #inner #menu ul li a:hover {
								background: url(images/bg_lihover.gif) no-repeat;
								color: #FF4F5C; }

/****************************************************************************/
/*********************************** ZOEKEN *********************************/
/****************************************************************************/
.searchform input {
	width: 150px;
	font-family: "Trebuchet MS";
	border: #7d7d7d solid 1px;
	background: #fff;
	margin-top: 227px;
	margin-left: 205px;
	padding-left: 5px;
	padding-top: 6px;
	font-size: 14px;
	height: 24px;
	color: #666;
	top: 40px; }

	.searchform input.go {
		background:transparent url(http: //www.4is6styling.nl/wp-content/themes/4is6/images/footer_zoeken_go.png) no-repeat;
		position: absolute;
		overflow: hidden;
		cursor: pointer;
		border: none;
		height: 26px;
		width: 31px;
		clear: both;
		right: 11px;
		top: 39px; }

/****************************************************************************/
/********************************** ROTATOR *********************************/
/****************************************************************************/
#container #midle {
	width: 1000px;
	margin: 0px auto; }

/* Rotator styles */
#rotator {
	width: 989px;
	height: 294px;
	color: #696969;
	position: relative;
	margin: 0;
	font-size: 16px;
	padding: 0px;
	margin: 0px 0px 40px 5px;
	background: url(images/bg_tab.jpg) no-repeat; }

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif; }

ul.ui-tabs-nav {
	position: absolute;
	top: 250px;
	left: 0;
	z-index: 2;
	width: 989px;
	height: 44px;
	background: url(images/bg_tabul.png) no-repeat; }

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,

 

li.ui-tabs-nav-item a:visited {
	font-size: .8em;
	font-weight: normal;
	color: #696969;
	background: url(images/bg_tabli.jpg) no-repeat right top; }

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,

 

#rotator .ui-tabs-nav-item a:active {
	background: url(images/bg_tablihover.jpg) no-repeat right top;
	color: #333; }

#rotator .ui-tabs-nav-item a span {
	float: left;
	padding: 1em;
	cursor: pointer;
	z-index: 101; }

/* Active Tab */
#rotator .ui-tabs-selected a:link,

 

#rotator .ui-tabs-selected a:visited,

 

#rotator .ui-tabs-selected a:hover,

 

#rotator .ui-tabs-selected a:active {
	background: url(images/bg_tablihover.jpg) no-repeat right top;
	color: #FF4F5C; }

/****************************************************************************/
/********************************** CONTROL PANELS***************************/
/****************************************************************************/
#rotator .ui-tabs-panel {
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	color: #000;
	padding: 40px 546px 15px 28px;
	height: 225px;
	background: url(images/bg_tab.jpg) no-repeat; }

	#rotator .ui-tabs-panel img {
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 1; }

#rotator .ui-tabs-hide { display: none; }

#rotator h2 {
	font-weight: bold;
	margin: 0;
	font-size: 1.3em;
	font-family: Georgia;
	z-index: 2;
	padding: 0px 0px 8px 0px; }

#rotator p {
	font-size: 0.8em;
	color: #231f20;
	z-index: 2;
	line-height: 20px; }

#rotator em a {
	width: 153px;
	height: 24px;
	margin: 10px 0px 0px 0px;
	padding: 6px 0px 0px 15px;
	background: url(images/bg_btn.gif) no-repeat;
	float: right;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	font-family: "Trebuchet MS";
	font-size: 0.8em; }

#rotator li#nav-fragment-5 a { background: none; }

	#rotator li#nav-fragment-5 a:hover { background: url(images/bg_tablihover.jpg) no-repeat; }

#rotator em a:hover {  background: url(images/bg_btn-hover.gif) no-repeat; text-decoration:none;  }

#rotator .btn_learn_more {
	float: left;
	height: 26px;
	font-size: .9em; }

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/
#container #midle #content {
	width: 990px;
	padding: 0px 5px 0px 5px;
	line-height: 22px; }

	#container #midle #content a { color: #e9d7b5; }

		#container #midle #content a:hover { color: #fff; }

	#container #midle #content #left {
		width: 708px;
		float: left;
		padding: 0px 0px 30px 0px; }

	#container #midle #content #left2 {
		width: 990px;
		float: left;
		padding: 0px 0px 30px 0px; }

	#container #midle #content #left a:hover { color: #fff; }

	#container #midle #content #left ul.producten { font-size: 1.1em; }

		#container #midle #content #left ul.producten li {
			outline: 0;
			width: 235px;
			display: block;
			height: 62px;
			float: left;
			margin: 0px 0px 0px 0px; }

			#container #midle #content #left ul.producten li a {
				outline: 0;
				height: 35px;
				width: 168px;
				padding: 23px 0px 0px 58px;
				display: block;
				float: left;
				color: #b2b2b2;
				font-family: Georgia;
				font-weight: bold;
				border-left: 6px solid #231f20;
				border-top: 1px solid #231f20;
				border-bottom: 1px solid #231f20;
				border-right: 1px solid #231f20; }

				#container #midle #content #left ul.producten li a:hover { color: #fff; }

			#container #midle #content #left ul.producten li.advies a { background: url(images/advies.jpg) no-repeat left; }
			
			#container #midle #content #left ul.producten li.kerst a { background: url(images/kerst.png) no-repeat left; }

			#container #midle #content #left ul.producten li.decoraties { background: url(images/decoraties.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.tafels a { background: url(images/tafels.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.bloemen a { background: url(images/bloemen.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.oerhout a { background: url(images/oerhout.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.kasten a { background: url(images/kasten.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.schouwen a { background: url(images/schouwen.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.manden a { background: url(images/manden.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.lampen a { background: url(images/lampen.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.tuin a { background: url(images/tuindecoraties.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.geuren a { background: url(images/geuren.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.servies a { background: url(images/servies.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.kussens a { background: url(images/kussens.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.schilderijen a { background: url(images/schilderijen.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.kaarshouders a { background: url(images/kaarshouders.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.wandversieringen a { background: url(images/wanddecoraties.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li.kaarshouders a { background: url(images/kaarshouders.jpg) no-repeat left; }

			#container #midle #content #left ul.producten li a:hover {
				height: 35px;
				width: 168px;
				color: #fff;
				padding: 23px 0px 0px 58px;
				border-right: 1px solid #423d3f;
				border-top: 1px solid #423d3f;
				border-bottom: 1px solid #423d3f;
				border-left: 6px solid #423d3f; }

	#container #midle #content img.thumb { border: 4px solid #fff0a3; }

	#container #midle #content .big {
		width: 450px;
		padding: 0px 0px 20px 0px; }

		#container #midle #content .big img.thumb {
			float: left;
			padding: 0px;
			margin: 0px 0px 15px 0px; }

	#container #midle #content img.thumb { margin: 0px 0px 15px 0px; }

	#container #midle #content .big p {
		float: right;
		width: 255px;
		margin: -4px 0px 0px 0px; }

	#container #midle #content .small {
		width: 225px;
		padding: 0px 0px 20px 0px; }

		#container #midle #content .small em { color: #e2d99f; }

	#container #midle #content .float { float: left; }

	#container #midle #content .floatr { float: right; }

	#container #midle #content h1 {
		display: block;
		font-size: 1.4em;
		padding: 0px 0px 14px 0px;
		margin: 0px 0px 15px 0px;
		background: url(images/bg_h.jpg) repeat-x bottom; }

	#container #midle #content h2 {
		color: #fbcfc4;
		display: block;
		font-size: 1.4em;
		padding: 0px 0px 14px 0px;
		margin: 0px 0px 15px 0px;
		background: url(images/bg_h.jpg) repeat-x bottom; }

		#container #midle #content h2 span {
			display: block;
			color:#FFF !important; 
			padding: 0px 0px 0px 26px;
			background: url(images/bg_h2icon.jpg) no-repeat; }

			#container #midle #content h2 span.contact { background: url(images/bg_h2contact.jpg) no-repeat; }

	#container #midle #content p {
		margin: 0px;
		padding: 0px 0px 20px 0px;
		line-height: 20px;
		color: #eeeeee;
		font-size: 1.1em;
		display: block;
		text-align: justify; }

	#container #midle #content #right {
		width: 229px;
		float: right; }

/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/
#container #footer {
	background: url(images/bg_footer.jpg) repeat-x;
	width: 100%;
	height: 71px; }

	#container #footer a {
		color: #ffffff;
		text-decoration: none; }

		#container #footer a:hover {
			color: #ccc;
			text-decoration: underline; }

	#container #footer #center {
		width: 1000px;
		padding: 14px 0px 0px 0px;
		margin: 0px auto;
		color: #7f7f7f; }

		#container #footer #center p {
			margin: 0px;
			padding: 0px;
			float: left;
			font-size: 0.95em; }

		#container #footer #center img { float: right; }

.Textbox:focus { background-color: lightyellow; }

.textbox:focus { background-color: lightyellow; }

textarea:focus { background-color: lightyellow; }