/*  
Theme Name: HouseOfOutdoor.com
Theme URI: http://www.HouseOfOutdoor.com/
Description: Het thema voor HouseOfOutdoor.com
Version: 1.0
Author: Marcel Swanink
Author URI: http://www.webdesinghouten.nl/
*/

* {
padding:0; 
margin:0
}

html {
margin-bottom:1px;
min-height:100%
}

body { color:#333; font:0.8em/170% "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #024d27; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin:15px 0 0
   }

#top, #container, #bottom, #footer{width:803px}/* 3 pixels extra i.v.m. comentaar bug in ie*/
#head,#splash,.container_cols4,.container_cols2 {width:743px}/* 3 pixels extra i.v.m. comentaar bug in ie*/
#top,#container,#bottom,#head,#footer,.container_cols4,.container_cols2 {margin:0 auto}

#top {
background:url(images/page_bgr_top.gif) no-repeat;
height:15px
}

#container {
background:url(images/page_bgr.gif) repeat-y 0 0;
padding-bottom:15px;
clear:left
}

#bottom {
background:url(images/page_bgr_bottom.gif) no-repeat 0 0;
height:30px
}

#recent {
float:left;
	width:355px;
	padding-top:15px;
	padding-left:45px;
}

#contact {
float:left;
width:185px;
	padding-top:15px;
	padding-left:15px;
}

#recent ul li a, #contact ul li {
	color: #FFFFFF;
	font-size: .85em;
}

#recent h2, #contact h2 {
	color: #FFFFFF;
	margin-bottom:10px;
}

#head {
position:relative;
height:70px;
}

#logo {
position:absolute;
left:20px;
top:0px;
}

#splash {
	height:185px;
	margin:0 auto 15px
}

#footer {
	color:#666;
	font-size:95%;
	text-align:center
}

.container_cols4 {background:url(images/cols4_bgr.gif) repeat-y}
.container_cols2 {background:url(images/cols2_bgr.gif) repeat-y}

#sidebar{
	float:left;
	width:155px;
	padding:0 15px;
}

.wrapper{float:left;}


.row{
	margin-bottom:0px;
	background:url(images/cols4_bgr.gif) repeat-y;
}

.col_185, .col_555 {
	float:left;
	padding:0 15px
}

.col_185 {width:155px}
.col_555 {width:525px}

.col_555_nopadding {width:555px; float:left}

.col_370 {
	width:340px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
	margin-left:15px;
}

.col_555 ul{
	list-style: disc outside;
	padding-left:30px;
	margin-bottom: 20px;
}


ol.commentlist{
	list-style: decimal inside;
}

ol.commentlist li {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.teaser p {
	font-size:.9em;
	line-height:160%;
	margin:0 0 10px
}


#nav{
	height: 23px !important;
	height: 20px;
	padding:7px 40px 0px 0px !important;
	padding:10px 40px 0px 0px;
}

#nav ul{
	float:right;
	list-style-type: none;
	text-align: left;
}

#nav ul li{float:left;}

#nav ul li a{
	height: 20px;
	border:none !important;
	border:none;
	float: left;
	padding: 0px 10px;
	text-transform: uppercase;
	color: #666;
	font-size: 0.8em;
	background: url(images/blt-grey.gif) no-repeat left 9px;
}

#nav ul li a:hover, #nav ul li a#active{
	color: #333;
	background: url(images/blt-orange.gif) no-repeat left 9px;
}

ul{list-style: none;}



ul.submenu, ul.webfeed{
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
}

ul.submenu li, ul.webfeed li{font-weight: normal; letter-spacing: 0em;}
ul.submenu li{
	padding-bottom: 0px;
	border-bottom: 1px solid #CCCCCC;
}

ul.submenu li a{
border-bottom: none !important; /*FF*/
border-bottom: none #ccc; /*IE*/
	font-weight: normal;
	color:#666;
}

ul.offertes{list-style: url(none) none outside; padding-left:15px;}

ul.offertes li {
	background: url(images/blt-offertes.gif) no-repeat left 6px;
	padding-left:20px;
	padding-bottom:3px;
}





p{margin-bottom:10px}

h1, h2, h3 {
text-transform:uppercase;
letter-spacing:0.1em;
}

h1, h2, h1 a, h2 a, h2.newsheader {color:#e75600}

h1{font-size:.85em;}
h1.pagetitle{margin-bottom:15px;}

h2 {
font-size:.85em;
margin-bottom:15px;
}

h2.newsheader{
margin-bottom:0px;
}

h2.listheader {
color:#333;
font-size:.8em;
margin-bottom:0px;
}

.teaser h2 {
	color: #666;
	text-transform: none;
	letter-spacing: 0em;
	line-height:140%;
margin-bottom:8px;
}

h3 {
color:#333;
font-size:.85em;
padding-bottom:20px;
}

a {
	color:#e75600;
	font-weight: bold;
}

a:hover {color:#006b00;}

a, a:hover {text-decoration:none}
a img {border:none;}

#nav a{
border-bottom: none !important; /*FF*/
border-bottom: none; /*IE*/
font-weight: normal;
}

#footer a{
	color:#666;
	font-weight: normal;
}

.more {text-align:right}

.more a {
color:#666;
font-size:.75em;
font-weight:700
}

a.no-linkborder img {
border: none !important; /*FF*/
border: none; /*IE*/
}

a.no-linkborder, a:hover.no-linkborder {
border-bottom: none !important; /*FF*/
border-bottom: none; /*IE*/
}

.smalltext {
	font:0.85em/160% Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	margin-top:6px
}

img.icon {
margin-right:5px;
vertical-align:middle
}

.end {
	color:#e75600;
	font-size:36px;
	font-weight:700;
	text-align:center;
	clear: both;
	margin-bottom: 15px;
}

img.right-border,img.left-border, img.wide-border, img.alignnone {
background:#fff;
border:1px solid #ccc;
padding:4px
}

img.right-border,img.right {
float:right;
margin:5px 0 5px 15px}

img.left-border,img.left {
float:left;
margin:5px 15px 5px 0}

.submenu,.outlinelist {
font-size:0.85em;
margin-bottom:15px
}

.submenu li a,.outlinelist li a {text-decoration:none}
.more a:hover {color:#333}

.item{
margin-bottom: 30px;
clear: both;
}


label small {
color:#666;
font-size:95%;
}

.edit a{
	font-size: .85em;
	text-transform: uppercase;
	color: #666;
	font-weight:normal ;
}


table {
border-collapse:collapse;
width: 100%;
margin-bottom:15px;
}