@charset "utf-8";
body {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
}
.body_bg1 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0001.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg2 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0002.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg3 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0003.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg4 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0004.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg5 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0005.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg6 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0006.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg7 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0007.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg8 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0008.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg9 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0009.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg10 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0010.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg11 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0011.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg12 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0012.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg13 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0013.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.body_bg14 {
	background-color: #000000;
	background-image: url(../media/backgrounds/bg_0014.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#body_container {
	width: 963px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#logo_container {
	width: 962px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a:link {
	color: #96A5E0;
}
a:visited {
	color: #96A5E0;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #96A5E0;
}

.greyed {
	color: #333;
}
.greyed a:link {
	color: #333;
	text-decoration: none;
}
.greyed a:visited {
	color: #333;
	text-decoration: none;
}
.greyed a:hover {
	color: #666;
	text-decoration: none;
}
.greyed a:active {
	color: #333;
	text-decoration: none;
}

.maskLinks a:link {
	color: #fff;
	text-decoration: none;
}
.maskLinks a:visited {
	color: #fff;
	text-decoration: none;
}
.maskLinks a:hover {
	color: #666;
	text-decoration: none;
}
.maskLinks a:active {
	color: #fff;
	text-decoration: none;
}

/* UITSTEKERS MENU */
.body_right { 
	width: 50%; 
	position: absolute; 
	top: 265px; 
	text-align: right; 
	right: 0; 
} 
#rightcol { 
	margin: 0px 0px 0px 461px; /* = (#menu_container ul) width -80px  */
	height: 30px;
	background-color: #000;
}
.body_left {
	width: 50%;
	position: absolute;
	top: 265px;
	text-align: left;
	left: 0;
} 
#leftcol { 
	margin: 0px 481px 0px 0px;
	height: 30px;
	background-color: #000;
	text-align: right;
} 

/* HEADER */
#header_container {
	display: inline;
	width: 400px;
	min-height: 215px;
	margin: 0px 1px 0px 0px;
	position: relative;
	float: left;	
}
#header {
	padding: 40px;
	position: relative;
	background-image: url(../graphics/bg_header_left.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #000000;
}

/* CONTENT */
#photo_container {
	display: inline;
	width: 160px;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	position: relative;
	float: left;
}
/* bij brede content komt foto onder header */
#header_container #photo_container {
	display: inline;
	width: 160px;
	height: 160px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	position: relative;
	float: right;
}
#content_container {
	display: inline;
	width: 340px;
	margin: 0px 0px 15px 0px;
	padding: 30px;
	background-color: #000000;
	position: relative;
	float: left;
	background-image: url(../graphics/bg_content.png);
	background-position: left top;
	background-repeat: repeat-x;
}
#content_container_wide {
	display: inline;
	width: 500px;
	margin: 0px 0px 30px 0px;
	padding: 30px;
	background-color: #000000;
	position: relative;
	float: left;
	background-image: url(../graphics/bg_content.png);
	background-position: left top;
	background-repeat: repeat-x;
}
.gallery_container {
	display: inline;
	position: relative;
	float: left;
	width: 112px;
	margin: 0px 1px 1px 0px;
	padding: 0px;
}

/* MENU */
#menu_container {
	display: inline;
	width: 561px;
	padding: 0px;
	margin: 140px 0px 42px 0px;
	color: #000000;
	position: relative;
	float: left;
}
#menu_container ul{
	width: 543px; /* +knopbreedte +2px voor extra knop */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	float:left;
}
#menu_container li {
	margin: 0px 1px 0px 0px;
	padding: 0px;
	position: relative;
	float: left;
}
/* standard menu */
#menu_container li a:link, #menu_container li a:visited, #menu_container li a:active {
	display: block;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	text-indent: -9999px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
#menu_container li a:hover, #menu_container li a.active:link, #menu_container li a.active:visited, #menu_container li a.active:active, #menu_container li a.active:hover {
	text-decoration:underline;
	color: #FFFFFF;
	background-position: 0px -30px;
}

/* welkom */
.btn_welkom {
	width: 64px;
}
a.btn_welkom:link, a.btn_welkom:visited, a.btn_welkom:active {
	/* first display the jpg which IE6 can also display */
	background-image:url(../graphics/btn_welkom.jpg);
}
html > body a.btn_welkom:link, html > body a.btn_welkom:visited, html > body a.btn_welkom:active {
	/* now override: IE6 just doesn't understand child-selectors and ignores this style-block*/
	background-image:url(../graphics/btn_welkom.png);
}

/* winnie weddings */
.btn_winnieweddings {
	width: 109px;
}
a.btn_winnieweddings:link, a.btn_winnieweddings:visited, a.btn_winnieweddings:active {
	background-image:url(../graphics/btn_winnieweddings.jpg);
}
html > body a.btn_winnieweddings:link, html > body a.btn_winnieweddings:visited, html > body a.btn_winnieweddings:active {
	background-image:url(../graphics/btn_winnieweddings.png);
}

/* nieuws */
.btn_nieuws {
	width: 59px;
}
a.btn_nieuws:link, a.btn_nieuws:visited, a.btn_nieuws:active {
	background-image:url(../graphics/btn_nieuws.jpg);
}
html > body a.btn_nieuws:link, html > body a.btn_nieuws:visited, html > body a.btn_nieuws:active {
	background-image:url(../graphics/btn_nieuws.png);
}

/* referenties */
.btn_referenties {
	width: 74px;
}
a.btn_referenties:link, a.btn_referenties:visited, a.btn_referenties:active {
	background-image:url(../graphics/btn_referenties.jpg);
}
html > body a.btn_referenties:link, html > body a.btn_referenties:visited, html > body a.btn_referenties:active {
	background-image:url(../graphics/btn_referenties.png);
}

/* contact */
.btn_contact {
	width: 59px;
}
a.btn_contact:link, a.btn_contact:visited, a.btn_contact:active {
	background-image:url(../graphics/btn_contact.jpg);
}
html > body a.btn_contact:link, html > body a.btn_contact:visited, html > body a.btn_contact:active {
	background-image:url(../graphics/btn_contact.png);
}

/* links */
.btn_links {
	width: 44px;
}
a.btn_links:link, a.btn_links:visited, a.btn_links:active {
	background-image:url(../graphics/btn_links.jpg);
}
html > body a.btn_links:link, html > body a.btn_links:visited, html > body a.btn_links:active {
	background-image:url(../graphics/btn_links.png);
}

/* login */
.btn_login {
	width: 44px;
}
a.btn_login:link, a.btn_login:visited, a.btn_login:active {
	background-image:url(../graphics/btn_login.jpg);
}
html > body a.btn_login:link, html > body a.btn_login:visited, html > body a.btn_login:active {
	background-image:url(../graphics/btn_login.png);
}

/* trouwnieuws / twitter */
.btn_trouwnieuws {
	width: 54px;
}
a.btn_trouwnieuws:link, a.btn_trouwnieuws:visited, a.btn_trouwnieuws:active {
	background-image:url(../graphics/btn_twitter.jpg);
}
html > body a.btn_trouwnieuws:link, html > body a.btn_trouwnieuws:visited, html > body a.btn_trouwnieuws:active {
	background-image:url(../graphics/btn_twitter.png);
}

/* trouwblog */
.btn_trouwblog {
	width: 70px;
}
a.btn_trouwblog:link, a.btn_trouwblog:visited, a.btn_trouwblog:active {
	background-image:url(../graphics/btn_trouwblog.jpg);
}
html > body a.btn_trouwblog:link, html > body a.btn_trouwblog:visited, html > body a.btn_trouwblog:active {
	background-image:url(../graphics/btn_trouwblog.png);
}

/* SPACERS */
.spacer_0px {
	clear: both;
	width: 400px;
	height: 0px;
	overflow: hidden;
}

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
}

/* FONTS & LINKS */
h1 {
	margin: 0px;
	padding: 0px;
	font-family: Arial Black, Arial Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 33px;
	line-height: 33px;
	letter-spacing: -1px;
}
h2 {	
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: normal;
	color: #182556;
	font-size: 23px;
	line-height: 23px;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-family: Arial Black, Arial Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 21px;
}

/* WEDDINGCLOCK MODULE */

.weddingClockImageDiv {
	margin: 0px 1px 1px 0px;
	width:100px;
	height:100px; 
	text-align:right;
	vertical-align:top;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
}

/* jQuery lightBox plugin - Gallery style */
#gallery ul { list-style: none; padding:0; margin:0; }
#gallery ul li { display: inline; padding:0; margin:0; }
#gallery ul img {
	border: none;
	padding:0;
	margin:0 1px 1px 0;
	float:left;
}
#gallery ul a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
#gallery ul a:hover { color: #fff; }

/* FORMULIEREN */
.errorBox {
	margin: 0 0 15px 0;
	padding: 10px;
	text-align:left;
	color: #FFFFFF;
	background-color:#333333;
	border: 1px dashed #FF0000;
}
input, textarea {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
}