/*
 * CSS File for strikdesign.nl
 *
 * Checked for:
 * ---------------------------------
 * FF 1.0
 * IE 5.1, 5.5, 6.0
 * Mac Safari 1.2 (others untested)
 *
 * Author: Maarten Strik
 * Contact: office (at) strikdesign (dot) nl
 */
 
/* vakantiekader met schaduw*/
div.shadow{
	float: left;
	background-image: url(images/vakantiekader.png);
	background-repeat: no-repeat;
	height: 142px;
	width: 419px;
	position: absolute;
	left: -8px;
	top: 80px;
	z-index: 100;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: none;
}
.shadow img {
	margin-bottom: 10px;
}
.shadow p {
	padding-bottom: 10px;
}

#content .vcard {
	visibility: hidden;
}

.artikelkop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #999999;
}

.kop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #999999;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: block;
	background-image: url(images/lijn_stippel_hor.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.subkop {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #F2BC02;
}
.subsubkop {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	text-align: left;
}
.subsubkopgeel {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FDCF39;
}
.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
}
.intro_new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	font-weight: bold;
}

.fotobijschriftrechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #666666;
	display: block;
	position: relative;
	right: 0px;
	clear: right;
	float: right;
	margin-top: 10px;
}
.fotorechts {
	display: block;
	position: relative;
	float: right;
}
.fotobijschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #666666;
}
.disclaimer {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #FFFFFF;
}
.datum {
	font-size: 11px;
	line-height: 12px;
	color: #999999;
	font-family: "Courier New", Courier, monospace;
}

.invoernaw {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	background-color:#FFFBEA;
	border: 1px solid #F1C536;
	width: 150px;
	text-align: left;
	padding-left: 3px;
	margin-top: 5px;
}
.invoerarea {
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	background-color:#FFFBEA;
	border: 1px solid #F1C536;
	width: 150px;
	text-align: left;
	padding-left: 3px;
	margin-top: 5px;
}
.invoerbutton {
	height: 20px;
	width: 20px;
	background-image: url(images/but_vooruit.gif);
	color: #D4D0C8;
	margin: -2px;
}
.aanmeldennieuwsbrief {
	color: #D5AE30;
	text-align: right;
}
.menuzwartebalk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.05em;
}
.menuzwartebalk a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-weight: normal;
}
.menuzwartebalk a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.menuzwartebalk a:hover {
	font-weight: normal;
	color: #FDCF39;
	text-decoration: none;
}
.menuzwartebalk a:active {
	font-weight: normal;
	color: #FEE89C;
}
.brood {
	color: #FFFFFF;
}
.item {
	font-weight: bold;
	font-size: 11px;
	display: inline;
}
.creditslink a:link {
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 9px;
}
.creditslink a:visited {
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 9px;
}
.creditslink a:hover {
	color: #666666;
	text-decoration: none;
	font-size: 9px;
}
.creditslink a:active {
	color: #666666;
	font-size: 9px;
}
.nieuwstabel {
	line-height: 14px;
}
a:link {
	color: #F2BC02;
	text-decoration: none;
}
a:visited {
	color: #F2BC02;
	text-decoration: none;
}
a:hover {
	color: #D5A502;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
p {
	line-height: 14px;
	color: #666666;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	color: #999999;
	font-weight: bolder;
	text-align: left;
	display: block;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}
td a:link {
	color: #F2BC02;
	text-decoration: none;
}
td a:visited {
	color: #F2BC02;
	text-decoration: none;
}
td a:hover {
	color: #D5A502;
	text-decoration: underline;
}
td a:active {
	color: #000000;
}
H2 strong {
	font-weight: normal;
}
dl {
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
	text-indent: 0pt;
}
div#broodkruimel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
div#broodkruimel a:link {
	color: #000000;
}
div#broodkruimel a:visited{
	color: #000000;
}
div#broodkruimel a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
div#broodkruimel a:active{
	color: #FFFFFF;
}
div#submenu {
	position: absolute;
	width: 95px;
	z-index: 10;
	line-height: 16px;
	font-size: 9px;
}
div#submenu a:link {
	text-decoration: none;
	width: auto;
	padding-left: 5px;
	font-weight: normal;
	color: #000000;
	background-image: url(images/but_submenu.gif);
	display: block;
}
div#teaser {
	width: 135px;
	top: 0px;
	font-size: 11px;
	font-style: normal;
	height: 2000px;
	position: absolute;
	left: 454px;
}
div#teaser .kop {
	line-height: 22px;
	font-weight: normal;
}
div#submenu a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
	background-image: url(images/but_submenu.gif);
	display: block;
}
div#submenu a:hover {
	color: #000000;
	display: block;
	background-image: url(images/but_submenu_over.gif);
	font-weight: normal;
}
div#submenu a:active {
	color: #000000;
	font-weight: normal;
	background-image: url(images/but_submenu_over.gif);
	display: block;
}
div#foto {
	position: absolute;
	width: 156px;
	left: 400px;
	z-index: 15;
	top: 10px;
}
div#kop {
	position: absolute;
	width: 440px;
	left: 11px;
	z-index: 10;
	list-style-type: none;
	top: 15px;
}
div#content {
	left: 21px;
	top: 15px;
	width: 390px;
	text-align: left;
	position: absolute;
}
div#content .kop{
	color: #000000;
}
div#kolom1 {
	position: absolute;
	left: 20px;
	top: 92px;
	z-index: 11;
	width: 200px;
}
#kolom1 p {
	color: #B9B9B9;
}
#kolom1 .subsubkop {
	color: #B5B5B5;
}


div#kolom2 {
	position: absolute;
	width: 195px;
	left: 235px;
	top: 92px;
	z-index: 13;
}
div#credits {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	width: 135px;
	left: 454px;
	top: 0px;
}
div#credits2 {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	width: 135px;
	left: 454px;
	top: 0px;
}
div#credits3 {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	width: 135px;
	left: 454px;
	top: 0px;
}
div#credits4 {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	width: 135px;
	left: 454px;
	top: 0px;
}
div#credits5 {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	width: 135px;
	left: 454px;
	top: 0px;
}
div#trigger {
	left: 0px;
	top: 0px;
	width: 20px;
	position: absolute;
}
div#voorbeeld {
	left: 20px;
	top: 140px;
	width: 144px;
	position: absolute;
	z-index: 10;
}
div#meervoorbeelden {
	left: 20px;
	top: 170px;
	width: 144px;
	position: absolute;
	z-index: 10;
}
div#rechterbalk {
	position: absolute;
	width: 135px;
}
#rechterbalk .kop {
	line-height: 16px;
	font-size: 11px;
	padding-bottom: 2px;
	letter-spacing: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

body {
	background-image: url(images/achtergrond_content.gif);
	background-repeat: repeat-y;
	background-color: #FBFBFB;
}
.fotomargerechts {
	margin-right: 10px;
}
.fotomargelinks {
	margin-left: 10px;
}
div#afdek {
	width: 420px;
	background-color: #FFFFFF;
	height: 1000px;
	left: 0px;
	top: 0px;
	position: absolute;
}
ul, div#teaser ul {
	list-style-image: url(images/pijl_vooruit_tabel.gif);
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
}
li {
	color: #666666;
} 
li a:link {
}

li a:hover {
	text-decoration: none;
	color: #000000;
}
li a:active {
	text-decoration: none;
	color: #000000;
}
.butgroot  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	color: #000000;
	margin: 0px;
	height:22px;
	width:75px;
	background-image: url(images/button-bg.gif);
	border:outset 1px #ccc;
	padding-bottom: 3px;
	cursor: hand;
}
.butgroot_over {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	color: #000000;
	margin: 0px;
	height:22px;
	width:75px;
	background-image: url(images/button-bg-over.gif);
	border:outset 1px #ccc;
	cursor: hand;
	padding-bottom: 3px;
}
div#meisje {
	position: absolute;
	left: 140px;
	top: 370px;
}
h2 {
	font-size: 9px;
	font-weight: normal;
	line-height: 14px;
	color: #999999;
	padding-left: 0px;
	padding-right: 0px;
}
#triggerontwerponder {
	position: absolute;
	z-index: 7;
	width: 35px;
	left: 179px;
	top: 37px;
}
#triggerwebdesignonder {
	position: absolute;
	z-index: 6;
	width: 35px;
	left: 324px;
	top: 37px;
}
#triggervakfotografieonder {
	position: absolute;
	z-index: 5;
	width: 35px;
	left: 468px;
	top: 37px;
}
.stippellijn {
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E1E1E1;
}

input.mmhide_but1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	height:15px;
	width:72px;
	background-image: url(images/but_form2.gif);
	border: 0px;
	font-weight: bold;
	margin-left: 0px;
	padding-bottom: 3px;
}
input.mmhide_but1_over {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	height:15px;
	width:72px;
	background-image: url(images/but_form2_over.gif);
	cursor: hand;
	border: 0px;
	font-weight: bold;
	margin-left: 0px;
	padding-bottom: 3px;
}
.mmhide_verplicht {
	color: #D01B00;
}