/*ie 6* html #div {
}*/

/*ie 7*+html #div {
}*/

/* ==============================================================================================
   Naam:          zinster.css
   Door:          Zinster Webdesign (www.zinster.nl)
   Datum:         1 apr 2008
   Opdrachtgever: Zinster 
	 
	 Notes:
	 ======
	 bruin:#7e311f 
	 donkerder bruin:#671401;
	 blauw:#78cdd0
	 donkerder blauw:#57b6b9;
   ================================================================================================ */
/*==algemene tags===============================================================================*/

* {
	margin: 0;
	padding: 0;
}

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

img, div {
	behavior:url(../ie6/iepngfix.htc);
}

body {
	background-color:#78cdd0;
	background-image:url(../images/bg_body.png);
	background-repeat:no-repeat;
	background-position:top center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
	line-height:1.5em;
	color:#7e311f;
	
}

/*a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
}

a: {
}*/

p {
	color:#7e311f;
	font-size:1em;
}

p a:link, p a:visited {
	text-decoration:none;
	/*font-weight:bold;*/
	color:#7e311f;
	border-bottom:#7e311f 1px dotted;
}

p a:visited {
	border-bottom:#FF6600 1px dotted;
}

p a:hover {
	color:#7e311f;
	border-bottom:#7e311f 1px solid;
	}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
	line-height:1em;
	font-weight:normal;
	margin-bottom:5px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#57b6b9;
}

h3 a:link, h3 a:visited {
	text-decoration:none;
	color:#57b6b9;
	border-bottom:1px dotted #57b6b9;
}

h3 a:hover {
	border-bottom:1px solid #57b6b9;
}

h4{
	font-size:0.8em;
	border-bottom:1px dotted #57b6b9;
}

h5{
	font-size:0.8em;
}

h5 a:link, h5 a:visited {
	color: #7e311f;
	text-decoration:none;
}

h5 a:hover {
	border-bottom: dotted 1px #7e311f;
}

h6{
}
hr {
	color:#fff;
	height:1px;
	border-bottom:dashed 1px #78cdd0;
}

/*p ul {
	color:#7e311f;
	font-size:1em;
	text-decoration:none;
	list-style:none;
}*/

p ul li{
	color:#7e311f;
	font-size:1em;
	text-decoration:none;
	list-style-type:disc;
	padding-left:10px;
}


p li a:link, p li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#7e311f;
}

p li a:hover {
	color:#7e311f;
	border-bottom:#7e311f 1px dotted;
	}
/*==divs in volgorde waarop ze op de pagina staan ==========================================================*/	
/*#lange_background {
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:800px;
	}*/
	
#wrapper {
	position:relative;
	margin:20px auto 0px auto;
	width:900px;
	z-index:2;
	}
	
#logo {
	position:absolute;
	left:-20px;
	top:34px;/*was34*/
	width:300px;
	height:113px;
	background-image:url(../images/Zinster-logo-blauw.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	z-index:100;
} 

/** html #logo {
	top:44px;
}*/

#header {
	float:left;
	background-image:url(../images/header_zinster_sh.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#fff;
	width:890px;
	height:110px;
	padding:10px 30px 0 0;
	text-align:right;
	z-index:10;
}

#header p {
	color:#57b6b9;
	font-size:12px;
	line-height:20px;
	}
	
#header p a:link, #header p a:visited {
	text-decoration:none;
	color:#57b6b9;
	font-weight:normal;
}	

#header p a:hover {
	border-bottom:1px dotted #78cdd0;
}

#linkerkolom {
	float:left;
	width:190px;
}

#linkerkolom h1 {
	color:#FFF;
	font-size:12px;
	margin-left:20px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:0px;
}
#linkerkolom input {
	width:145px;
	float:left;
}

#linkerkolom label {
	font-weight:normal;	
}
#linkerkolom .button {
	width:145px;
	float:left;
	padding:2px;
	margin:2px;
}
#menu {
	position:relative;
}

#menu {
	float:left;
	margin:20px;
	padding:10px 0px 10px 0px;
	background-color:#78cdd0;
	width:150px;
	color:#7e311f;
	font-weight:bold;
	letter-spacing:1px;
	border:#fff 1px solid;
	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 150px;
}

#menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 150px;
	height:40px;
	font-variant:small-caps;
	display: block;
	cursor: pointer;
	height:35px;
	text-align:center;
	background-image:url(../schetsen/images/menu_streepje.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#menu li a:link, #menu li a:visited{
	color:#fff;
	color:#7e311f;/*bruin*/
	text-decoration: none;
	font-variant:small-caps;
}

#menu li a:hover, #menu li.currentLink a:link, #menu li.currentLink a:visited {
	color:#7e311f;/*bruin*/
	color:#fff;
}

#inlog-nb {
	float:left;
	margin:20px;
	padding:10px 0px 10px 0px;
	background-color:#78cdd0;
	width:150px;
	color:#7e311f;
	font-weight:bold;
	letter-spacing:1px;
	border:#fff 1px solid;
	}
	
#outer{
	background-color:#99FF00;
}

#inner {
	margin:0;
	width:100%;
}


#wrapperContent {
	float:left;
	width:870px;
	background-image:url(../schetsen/images/BH_wrapper_content_sh.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	padding:20px;
}

#Content { /*1 kolom=breedst*/
	float:right;
	width:580px;
	padding:10px 20px 20px 20px;
	background-color:#FFFFFF;
	margin:20px 40px 20px 0px;
	}

#Content ul {
	color:#7e311f;
	font-size:1em;
	list-style-type:disc;
	padding-left:10px;}

#Content li a:link, #Content li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#7e311f;
	line-height:30px;
	margin-left:20px;
}

#Content li a:hover {
	color:#7e311f;
	border-bottom:#7e311f 1px dotted;
	}
	
#mainContent {
	float:left;
	width:370px;
	/*border-right:1px dashed #7e311f; */
	border-right:1px dotted #7e311f; 

	/*min-height:200px;*/
	padding-right:20px;
	background-color:#FFFFFF;
}
/*ie6*/ 

* html #mainContent {
	border-right:1px dotted #7e311f; 
} 

.mainContentL{
	float:left;
	width:170px;
	margin-bottom:20px;
	padding:4px;
	border:1px solid #78cdd0;
}
.mainContentR{
	float:right;
	width:170px;
	margin-bottom:20px;
	padding:4px;
	border:1px solid #78cdd0;
}

#secondContent {
	float:right;
	width:170px;
	/*min-height:200px;*/
	/*padding-left:0px;*/
	background-color:#FFFFFF;
}
/*ie6*/
* html #secondContent {
	/*position:absolute;
	top:0;
	left:0;
	padding-left:0px;*/
}

#footer {
	position:relative;
	float:left;
	margin:0 auto;
	background-image:url(../images/Footer_BG.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:920px;
	height:50px;
}

#footer p a:link, #footer p a:visited{
	border:none;
}

* html #footer {
	margin-top:-30px;
}

#menu_onder {
	position:relative;
	margin:0 auto;
	width:1000px;
	text-align:center;
	color:#7e311f;
	top: 40px;
	}

	

/* ========== Form elements =======================*/

input {
	float:right;
	width:280px;
	height: 15px;
	margin-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7e311f;
	font-size:1em;

}
input.zinster-mail{
	width:175px;

}
/*.label {
	float:left;
	width:75px;
}*/

label {
	float:left;
	width:75px;
	line-height: 15px;
	margin-bottom:8px;
}

label.zinster-mail {
	margin-left:10px;
}

.button {
	height:20px;
	float:left;
	margin-left:85px;
	margin-bottom:10px;
	width:285px;
}
.button_zcmsOK {
	height:20px;
	float:left;
	margin-left:0px;
	margin-bottom:10px;
	width:100px;
}
.button_zinster-mail{
	background-image:url(../images/e-mail_nieuws/probeer_knop.png);
	background-repeat:no-repeat;
}
textarea {
	float:right;
	width:280px;
	height: 50px;
	margin-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7e311f;
	font-size:1em;
}
/* == classes ======================================================================================== */
.clear{
	clear:both;
}
/*==websites pagina===================================*/

#categorie {
	color:#FFF;
	margin-left:25px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:18px;
}

#categorie a:link, #categorie a:visited {
	color:#FFF;
	text-decoration:none;
}

#categorie a:hover {
	text-decoration:underline;
}
.img_pr_kl {
	/*width:160px;
	height:114px;*/
	margin:0em 1.5em 0.75em 0em ;
	background-image:url(../images/projecten/dropshadow-websites_kleiner.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	float:left;
}

.img_pd-bm{
	padding:10px 0px 10px 20px;
	float:right;
}

*+ html .img_pd-bm {
	padding:10px 20px 10px 0px;

}
.img_floatR{
	float:right;
}

.img_floatL{
	float:left;
	margin-left:-10px;
	margin-top:-10px;
	width:30px;
	height:30px;
	margin-bottom:-5px;
	}
	
.img_left {
		float:left;
}
.img_right{
		float:right;
}

.img_index {
	position:absolute;
	top:172px;
	left:610px;
}
.tip {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
background-color:#FF6600;
padding:0px 2px;
}
.border_oranje {
border:1px solid #FF6600;
}