/* @override http://localhost:8888/fc/huisdewiers/style.css */

html{
height:100%;
width:100%;
}

body{
background-image:url(img/background_y.gif);
background-repeat:repeat-y;
background-position:center;
background-color:#f9f3e2;
margin:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
height:100%;
width:100%;
z-index:0
}

.container{
margin-left: auto;
margin-right: auto;
width:820px;
height:100%;
border-left:#FFFFFF 2px solid;
border-right:#FFFFFF 2px solid;
}

.header{
height:181px;
width:820px;
}

.main{
width:780px;
position:relative;
overflow:visible;
min-height:400px;
padding:17px;
padding-bottom:135px;
}

div#reserverenContainer {
	position: fixed;
	z-index: 10;
	bottom: 97px;
	right: 10px;
	width: 353px;
	height: 480px;
	background-color: #fff;
	border: 4px solid #865b4b;
	border-bottom: 0px;
}

DIV.menu{
width:100%;
background-image:url(img/menu_x.png);
background-repeat:repeat-x;
background-position:top;
height:70px;
position:fixed;
bottom:15px;
padding-top:23px;
}


DIV.menu_inside{
height:47px;
width:966px; 
/* OUD Zonder kerst-button: 820px; Met: 966px; */
/* NIEUW  Zonder kerst-button: 966px; Met: 1112px; */
}

DIV.submenu{
background-image:url(img/submenu_x.gif);
background-repeat:repeat-x;
background-position:top;
height:26px;
float:right;
font-size:11px;
padding-bottom:15px;
float:right;
}

DIV.submenu_l{
background-image:url(img/submenu_l.gif);
background-position:top left;
background-repeat:no-repeat;
width:16px;
height:26px;
float:left;
}

DIV.submenu_r{
background-image:url(img/submenu_r.gif);
background-position:top left;
background-repeat:no-repeat;
width:16px;
height:26px;
float:left;
border-left:1px #FFFFFF solid;
}

DIV.line{
padding-left:8px;
padding-top:0px;
padding-bottom:0px;
border-left:#ced321 solid 3px;
margin-bottom:10px;
}

DIV.line_border{
border:#ced321 1px solid;
/*border:#B6AD9C 1px solid;*/
border-left:#ced321 solid 3px;
margin-bottom:10px;
height:195px;
}

SPAN.date{
font-weight:700;
font-size:13px;
color:#333333;
padding-right:7px;
}

TABLE.foto_table{
/*border:1px solid #999999;*/
padding:3px;

background-color:#FFFFFF;
margin: 0 auto;
}

table.foto_table_inpage td img {
	border-radius: 5px;
}

TABLE.foto_table td {
	text-align: center;
}


TD.v1{
background-color:#454545;
padding:0px;
margin:0px;
}

TD.v2{
background-color:#666666;
padding:0px;
margin:0px;
}

TD.v3{
background-color:#6C6C6C;
padding:0px;
margin:0px;
}

TD.v4{
background-color:#373737;
padding:0px;
margin:0px;
}


TD.v1{
background-color: #e6e6e6;
padding:0px;
margin:0px;
}

TD.v2{
background-color:#ececec;
padding:0px;
margin:0px;
}

TD.v3{
background-color:#f3f3f3;
padding:0px;
margin:0px;
}

TD.v4{
background-color:#fafafa;
padding:0px;
margin:0px;
}




/*TD.v1{
background-color:#CCCCCC;
}

TD.v2{
background-color:#C7C7C7;
}

TD.v3{
background-color:#D8D8D8;
}

TD.v4{
background-color:#CFCFCF;
}

TD.v1{
background-color:#8aa936;
}

TD.v2{
background-color:#b4d06a;
}

TD.v3{
background-color:#c7df85;
}

TD.v4{
background-color:#cee3bf;
}*/

input[type="text"], input[type="submit"], TEXTAREA{
background-color:#DADADA;
border:1px solid #CCCCCC;
padding:2px;
background-image:url(img/imput.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#e0d9aa;
color:#222222;
}

A{
color:#ea1177;
text-decoration:none;
}

A:hover{
color:#ced321;
text-decoration:underline;
}

/* kerst kader link */
A.kersthover {
color:#b7110d;
text-decoration:none;
}

A.kersthover:hover{
color:#ced321;
text-decoration:underline;
}


A.menu{
border:#222222 1px solid;
padding:3px;
padding-left:5px;
text-decoration:none;
width:180px;
background-color:#FFFFFF;
color:#000000;
font-weight:700;
font-size: 10px;
width:146px;
float:left;
margin-left:5px;
text-align:left;
}


A.menu:hover {
border:#222222 1px solid;
padding:3px;
padding-left:5px;
text-decoration:none;
background-color:#ea1177;
color:#FFFFFF;
font-weight:700;
float:left;
margin-left:5px;
text-align:left;
}

a.kerst, a.kerst:hover, a.kerst:link, a.kerst:visited, a.kerst:active {
	width: 146px;
}
a.reserveren, a.reserveren:link, a.reserveren:visited {
	width: 146px;
	background-color:#865b4b; 
	color:#fff;
	border:1px solid #5c3d32;
}
a.reserveren:hover, a.reserveren:active {
	background-color:#a6705c; 
	color: #ffffff;
}
a.valentijn, a.valentijn:link, a.valentijn:visited {
	width: 146px;
	background-color:#ffc6c6; 
	color:#ff2a00;
	border:1px solid #ff2a00;
}
a.valentijn:hover, a.valentijn:active {
	background-color:#ff2a00; 
	color: #ffffff;
}
a.paas, a.paas:link, a.paas:visited {
	width: 146px;
	background-color:#d6df3d; 
	color:#5f2d24;
	border:1px solid #5f2d24;
}
a.paas:hover, a.paas:active {
	background-color:#e9f346; 
	color: #000000;
}

/*

A.menu{
border:#222222 1px solid;
padding:3px;
padding-left:8px;
text-decoration:none;
width:180px;
background-color:#FFFFFF;
color:#000000;
font-weight:700;
width:141px;
float:left;
margin-left:8px;
text-align:left;
}

A.menu:hover{
border:#222222 1px solid;
padding:3px;
padding-left:8px;
text-decoration:none;
width:180px;
background-color:#ea1177;*/
/*background-color:#ced321;*/
/*color:#FFFFFF;
font-weight:700;
width:141px;
float:left;
margin-left:8px;
text-align:left;
}

*/

A.submenu{
padding-top:6px;
padding-left:8px;
padding-right:8px;
float:left;
text-transform:uppercase;
border-left:1px #FFFFFF solid;
height:20px;
}

A.submenu:hover{
padding-top:6px;
float:left;
text-transform:uppercase;
text-decoration:none;
border-left:1px #FFFFFF solid;
height:20px;
color:#222222;
}

IMG{
padding:0px;
margin:0px;
}

.indexContentBox {
	position:absolute;
	z-index: 3;
	top:20px;
}
#indexContentBoxLeft {
	width: 292px;
	left:  20px;
}
#indexContentBoxRight {
	width: 292px;
	right: 20px;
}
.indexContentBox .contentBox {
	background-color: #ffffff;
	border: 1px solid #ea1177;
	padding: 7px 10px;
	font-family: Helvetica, arial;
	font-weight: 100;
	font-size: 14px;
	position: relative;
	font-size: 13px;
	margin-bottom: 30px;
}
.indexContentBox a,
.indexContentBox a:link,
.indexContentBox a:visited {

}
.indexContentBox a:hover,
.indexContentBox a:active {
	color: #ff0000;
}
.indexContentBox .line {
	border-bottom: 1px solid #d7bd38;
}





/* index divs */

.indexContentBox .legend {
	font-size:18px;
	font-weight:bold;
	text-align: center;
	padding: 0px 10px;
	background-color: white;
	position: absolute;
	top: -10px;
	font-weight: 400;
	text-align: left;
	color: #ea1177;
}
.indexContentBox .expositie {
	color: #ed4949;
}
.indexContentBox .expositieDiv {
	border: 1px solid #ee0000;
}
.indexContentBox .onlineReserverenDiv {
	border: 1px solid #865b4b;
}
.indexContentBox .onlineReserverenDiv .legend {
	color: #865b4b;
}
.indexContentBox .twitter {
	color: #7ddfff;
}

.indexContentBox .twitterDiv {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #7ddfff;
	padding: 10px;
	padding-top: 5px;
	background-color: #f6fbff;
}



/* right div */
#right_div {
	width: 260px;
	background-color: #ffffff;
	padding: 0px 15px;
}

/* valentijn div */
#valentijn_div {
	width: 260px;
	background-color: #ffffff;
	border: 1px solid #ff2a00;
	padding: 0px 15px;
}

/* kerst div */
#kerst_div {
	width: 280px;
	background-color: #ffffff;
	border: 1px solid #b7110d;
	padding: 5px;
}

/* Twitter */

#twitter_update_list {
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	margin-bottom: 0px;	 
}
#twitter_update_list li {
	
	padding: 10px 0 5px 0;
}

.sidebar-undertitle {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #4c2118;
	font-style: italic;
}

/* fotogalerie utrecht */
/*
.fotogalerie_huisdewiers {
	background: #fff url(img/galerie_image1.png) no-repeat;
	width: 384px;
	height: 84px;
	margin: 0 25px 25px auto;
	
}
.fotogalerie_foto {
	background: #fff url(img/galerie_foto.jpg) no-repeat;
	width: 824px;
	height: 435px;
	position: relative;
	left: -18px;
	border-top: 5px solid #5f2d24;
	border-bottom: 5px solid #5f2d24;
	position: relative;
	z-index: 1;
}
.fotogalerie_achtergrond {
	background: #fff url(img/galerie_image2.png) no-repeat;
	width: 483px;
	height: 182px;
	position: absolute;
	z-index: 0;
	left: 320px;
	top: 600px;
}
.fotogalerie_tekstvak {
	position: relative;
	left: 30px;
	z-index: 0;
}
.fotogalerie_titel {
	font-size: 48px;
	width: 400px;
}
.fotogalerie_tekst {
	font-size: 24px;
	line-height: 34px;
	width: 660px;
}
.fotogalerie_galerielogo {
	margin: 50px 0 70px 0;
	display: block;
	width: 450px;
	height: 52px;
	background: #fff url('img/galerie_image3.png') no-repeat;
}
*/



.galeriefoto_tekst {
	font-family: Helvetica, arial;
	font-size: 22px;
	color:  #666;
	margin: 25px 20px 25px 40px;
	width: 520px;
	position: relative;
	z-index:0;
	line-height: 28px;
	font-weight: 100;
}

.galeriefoto_tekst a,
.galeriefoto_tekst a:link,
.galeriefoto_tekst a:visited,
.galeriefoto_tekst a:hover,
.galeriefoto_tekst a:active {
	color: #ee0000;
}

.galeriefoto_alinea {
	width: 260px;
}

.galeriefoto_alinearechts {
	float: right;
	margin-right: 30px;
}

.galeriefoto_subtitel {
	margin-bottom: 20px;
}


/* expositie tekst images */
.galeriefoto_titel {
	width: 435px;
	height: 146px;
	background: #fff url('img/expositie_tekst1.png') no-repeat;
}

.galeriefoto_logo {
	width: 395px;
	height: 47px;
	background: #fff url('img/expositie_tekst2.png') no-repeat;
}

.galeriefoto_welkom {
	width: 727px;
	height: 43px;
	background: #fff url('img/expositie_tekst3.png') no-repeat;
	margin-bottom: 40px;
}

/* expositie foto's */
.galeriefoto_foto1 {
	width: 467px;
	height: 467px;
	background: #fff url('img/expositie_foto1.jpg') no-repeat;
	position: absolute;
	left: 355px;
	margin-top: 25px;;
}

.galeriefoto_foto2 {
	width: 822px;
	height: 425px;
	background: #fff url('img/expositie_foto2.jpg') no-repeat;
	position: absolute;
	z-index:0;
}

.galeriefoto_foto3 {
	width: 822px;
	height: 245px;
	background: #fff url('img/expositie_foto3.jpg') no-repeat;
}