/*
Theme Name: Twentestuc
Theme URI: http://www.webiteers.nl/
Description: Theme created by Webiteers
Version: 1.0
Author: M. Bonvanie
*/

/* CSS Document */

body {
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000;
        height: 100%;
}

img {
	border: none;
	padding:0;
	margin:0;
	}


/* ---( Structuur )---*/

#wrap {
	width: 745px;
	margin: 0 auto;
	padding: 0 15px;
	text-align:left;
	background: #fff;
	height: 100%;
	}

#content {
	width:746px;
	border-left:4px solid #c40f2f;
	border-bottom:2px solid #c40f2f;
	background-color:#cec7bf;
}
	
#inhoud {
	float:left;
	width:511px;
	padding: 0 0 10px 0;
	margin:0;
	background:#eeece9 url(images/background_logo.gif) no-repeat 100px 70px;
	min-height:400px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

#sfeer {
	float:left;
	width:233px;
	padding: 0;
	margin: 0;
	background-color:#cec7bf;
}

/* ---( header & content blok )--- */


#header {
	margin: 0;
	padding: 0;
	height:135px;
	width:750px;
	font-family: "verdana";
	background: #fff url(images/twente_stuc_adres.gif) no-repeat top right;
	border-bottom: 1px solid #fff;
	display:block;
	}

#header .adres {
	text-align:left;
	width:200px;
	height:100px;
	float:right;
	margin:20px 20px 0 0;
	padding:0;
	color:#fff;
        font-size: 11px;
}
#header img {
	float:left; 
        margin-top: 4px;
}

#content img {
	margin: 0;
	padding: 0;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

#header a {
	color:#fff;
}
#header a:hover {
	color:#fff;
}
#content .menu {
	background: #fff url(images/background_line.gif) repeat-x;
	height: 33px;
	margin: 0;
	padding: 8px 0 0 0;
	clear:both;
	position:inherit;
	display:block;
	width:745px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

#content .menu ul {
	float:left;
	padding: 0 0 0 10px;
	margin: 0 auto;
	width: 734px;
	list-style-type:none;
}

#content .menu ul li {
	padding:10px 0 20px 0;
	display: inline;
	color: #fff;
	margin:0 0 0 -3px;
}

#content .menu ul li a {
	height:30px;
	font-family: verdana;
	padding: 0 10px 0 10px;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
}

#content .menu ul li a:hover {
	text-decoration:underline;
}

#content .menu ul ul {
	background:#aca196;
         border-top: 1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:0;
	margin:0;
	position: absolute;
	top: 43px;
	left: -2px;
	width: 175px;
	display: none;
	z-index:5;
}

#content .menu ul ul a {
	color: #fff;
}
#content .menu ul ul li {
	padding:8px 0 2px 5px;
	margin:0;
	border-bottom:1px solid #fff;
	height:20px;
	display: block;
}
#content .menu ul ul li a {
	border:0;
	padding:0 5px;
}

#content .menu ul ul li:hover {
	background: #fff url(images/background_line.gif) repeat-x;
}
#content .menu ul li:hover ul {
	display: block;
	z-index:5;
}

#content .menu li {
	position: relative;
}

#content .menu ul ul,
#content .menu ul li:hover ul ul {
	display: none;
}



/* ---( inhoud kolom )--- */
#inhoud h3 {
	background-color:#cec7bf;
	margin:0;
	padding:10px 0 10px 20px;
	color:#3c3228;
	letter-spacing: 2px;
	font-size:14px;
	border-bottom:1px solid #fff;
}

#inhoud .drop-shade {
	display:block;
	height:30px;
	width:511px;
	margin:0;
	padding:0;
	background:#eeece9 url(images/background_shade.gif) repeat-x top left;
}

.entry p {
	margin:10px 0 0 0;
	padding: 0 30px 0 0;
	line-height:14px;
        text-align: justify;
	clear: both;
}
p.admin {
	margin:10px 0 0 10px;
	clear:both;
}
#inhoud>ul,
#inhoud>ol {
	margin:10px 0 0 20px;
}
#inhoud .entry {
	color: #5d4933;
	margin:0 0 0 30px;
}

#inhoud img {
	margin:5px 10px 5px 0;
}

#inhoud img.alignleft{
	float:left;
}
#inhoud img.alignright{
	float:right;
}
#inhoud img.alignmiddle{
	margin:0 auto;
}

#sfeer h3 {
	margin:0;
	padding:10px 0 10px 20px;
	color:#c40f2f;
	letter-spacing: 2px;
	font-size:14px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#c40f2f;
}

#sfeer img {
	padding:0;
	margin:0 0 20px 0;
	border-left:0;
	border-bottom:1px solid #fff;
}

p.footer_tekst {
	color:#ccc;
	font-size:9px;
	text-align:right;
}

p.footer_tekst a {
	color:#ccc;
	text-decoration:none;
}

/* ---( FORM )--- */

div.cf_info {
	margin:10px 0 0 0
	padding: 0 30px 0 0;
	line-height:14px;
}
.cform {
	margin:10px 30px 20px 0;
}
.cform legend {
	color:#5d4933;
	font-size:12px;
}
.cform fieldset.cf-fs1 {
	padding-bottom:0;
	border:0;
	border-top:1px solid #5d4933;
}
.cform fieldset.cf_hidden {
	display:none;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}

.cform label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
}
.cform label span {
	width:90px; /* must be the same as above!*/
	display:block;
}

.cform .sendbutton {
	background-color:#CEC7BF;
	width:125px;
	margin:0 80px 10px 0;
	border:#5d4933 2px outset;
	float:right;
}

.cform .single {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	border:1px solid #5d4933;
}
.cform .area {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	border:1px solid #5d4933;
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 2px 0 6px;
	width:70px;
	text-align:left;
}

label.cf-after span {
	width:70px;
	display:block;
}

label.cf-group-after {
	margin:4px 4px 0 2px;
	width:125px;
	text-align:left;
}
label.cf-group-after span {
	width:125px;
	display:block;
}