/* 
style.css 
Theme: tuinwijck
with submenu 
Created: 04-01-2009
Last update: 10-02-2009
CSS Design Name: Website: tuinwijck
Design by studoprinsen (Ricardo)
http://www.studioprinsen.nl
W3C: (X)HTML 1.0 Strict and CSS 
 Colors selected with ColorWheel
 */


body {
	margin: 0;
	padding: 0;
	font: normal 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	background: #EEEEEE;
}

h1, h2{
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
}

h2 {
	text-transform: uppercase;
	font-size: 18px;

}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	color: #D2691E;

}

p, blockquote, ul, ol {
	line-height: 18px;
	text-align: justify;
}

blockquote {
	padding-left: 20px;
	background: url(images/img05.gif) repeat-y;
}

.orange {
color: #ff6600
}

/* Links */
a:link {color: #4B6400;text-decoration: underline;}		/* unvisited link */
a:visited {color: #4B6400;text-decoration: underline;}		/* visited link */
a:hover {color: #000000;text-decoration: none;}			/* mouse over link */
a:active {color: #000000;text-decoration: none;}			/* selected link */

.feedtitle{
	text-transform: uppercase;
	font-style: italic;
}

.button, button {
	margin: auto;
	padding: 0px 2px 2px 2px;
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	color: rgb(255,255,255);
	background: #FF6600;
	border: 2px #A0C80E solid;
	height:22px;
	}

select.pull{
     font-size: 12px;
     color: rgb(0,0,0);
     background: #F9F9F9;
     border: solid 1px #656565;
     border-color: #656565;
     height: 22px; 
}

.inputbox {
	background: #F9F9F9;
    border: solid 1px #656565;
    padding: 2px;
	width: 270px;
}

/* Header */

#headercontainer{ 
	width: 100%;
	background: #242424;
	text-align:center;
}

#header {
	width: 760px;
	height: 130px;
	margin: 0 auto;
	background:#242424 url(images/img02.jpg);
	border: 1px solid #6F6F6F;
	border-top: 0px;
	border-bottom: 0px;
}


/* Menu */

#menu {
	width: 760px;
	height: 29px;
	margin: 0 auto;
	background: #A0C80E;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
}

#menu ul {
	padding: 0;
	margin: 0;

	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 105px;
	height: 21px;
	padding: 7px 1px 0 1px;
	background: url(images/menu-background.jpg) no-repeat center center;
	background-repeat:repeat-x;
	border-right: 1px solid #95BC0E;
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;
}

#menu a:hover, #menu .active a {
	background-image: url(images/menu-hover.jpg);
	background-repeat:repeat-x;
	color: #485B06;
}

/*menu text active*/
#menu  ul li a.active {
	color: #485B06;
	font-weight: bolder;
}

/* Content */

#content {
	width: 720px;
	margin: 0 auto 20px auto;
	padding: 20px;
	background: #FFFFFF;
	border: 1px solid #B5B5B5;
	border-top: 0px;
	border-bottom: 1px #B5B5B5 solid;
}

/* Posts */

#posts {
	float: left;
	width: 590px;
	background: #FFF;
}

/* Links  sub menu */

#links {
	float: right;
	width: 88px;
	padding-left: 5px;
	background:#FFF url(images/img05.gif) repeat-y;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#links li ul {
	padding: 5px 0 30px 0;
}

#links li li {
	padding: 7px 10px;
	background: url(images/img06.gif) repeat-x left bottom;
}

#links li a {
	text-decoration: none;
}

#links li a:hover {
	text-decoration: underline;
}

#links li i {
	font-style: normal;
	font-size: 9px;
}

#links li h2 {
	font-size: 14px;
}

/* Footer */

#footer {
	padding: 0px;
	height: 117px;
	background: #fff url(images/logotuinwijck.png) no-repeat 0px 12px;
	text-align: right;
	font-size: 11px;
}

#footer p {
	text-align: center;
	color: #999999;
}