/*
 
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 
 
*/
/* Begin Typography & Colors */
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/***************** STYLESHEET FOR 4=6 WOON-TUINDECORATIES *******************/
/****************************************************************************/
/****************************************************************************/
/***************************** BY VOLARIS.NL ********************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/********************************** REGULAR *********************************/
/****************************************************************************/
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 15px 0px 29px;
							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 { font-weight: bold; }
 
#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.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: #bcbcbc;
		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;
			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;
}