/* *************************************************************

NAME: style.css
DATE: 13/07/2007
DESCRIPTION: general styles for Lute's website + Homepage

************************************************************* */

body{
	background-image:url(../pics/lute-background-bathroom.gif);
	margin:0px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	Xheight: 100%;
}




/*was class homepage  */
.page_home{
	background-image:url(../pics/lute-leafs-tile.gif);
}

.page_homenew{
	background-image:url(../pics/lute-leafs-tile.gif);
}

.page_home2{
	background-image:url(../pics/hexagon-r-dark.gif);
}

.page_beleving{
	background-image:url(../pics/bisazza-back.jpeg);
}
.page_mogelijkheden{
	background-image:url(../art-on-tiles-WHITE.gif);
}

.page_peterlute{
	background-image:url(../lute-heads-mini.gif);
}

.page_desuites{
	background-image:url(../art-on-tiles-grey.gif);
}

.page_routeparkeren{
	background-image:url(../back-route.gif);
}

.page_nieuwsagenda{
	background-image:url(../back-news.jpg);
}

.page_contactreserveren{
	background-image:url(../back-reserveren.jpg);
}

.page_openingstijden{
	background-image:url(../back-openingstijden.gif);
}

.page_vacatures{
	background-image:url(../back-vacatures.gif);
}


img A {border:0px}
A img {border:0px}
A {color:#000}

h2 a {
 	text-decoration: none;
}


#topspace{
	width:1000px;
	height:40px;
}

#menu{
	width:1000px;
	height:35px;
	background-image:url(../pics/bg_menu3.gif);
}


.inactive{
	opacity: 0.0;
	filter:alpha(opacity=00)
}

.active{
	opacity: 1.0;
	filter:alpha(opacity=100)
}


#header{
	width:1000px;
	height:101px;
	background-image:url(../pics/lute.gif)
}

#pusher{
	width:1000px;
	height:20px;
	background-color:#ccff00;
}


.pagetitlebar{
	width:1000px;
	height:59px;
	text-align:left;
}

.pagetitlebar h7{
	font-weight:normal;
	margin:0px;
	margin-left:15px;
	padding-top:10px;
	font-family:Times;
	font-size:24px;
	font-style:italic;
}
.mogelijkheden{
	background-image:url(../pics/pagetitlebar_mogelijkheden.gif)
}

.titlecontact{
	background-image:url(../pics/pagetitlebar_contact.gif)
}

.titleroute{
	background-image:url(../pics/pagetitlebar_route.gif)
}

.titlenieuws{
	background-image:url(../pics/pagetitlebar_nieuws.gif)
}

.titleopeningstijden{
	background-image:url(../pics/pagetitlebar_openingstijden.gif)
}

.titlevacature{
	background-image:url(../pics/pagetitlebar_vacatures.gif)
}

.titleguestbook{
	background-image:url(../pagetitlebar_guestbook.gif)
}


#pagecontent{
	width:970px;

}

#flashcontent{
	width:1000px;

	background-color:#FFF;
}

#bigleft{
	width:755px;
	height:1000px;
	float:left;
	margin-right:15px;
	text-align:left;

}

#leftmenu{
	width:200px;
	height:1000px;
	float:left;
	margin-right:15px;
	text-align:left;
}

#picto_bezigheid{
	margin-left:13px;
}

.leftmenulinks{
	background-image:url(../pics/bg_leftmenu.jpg);
	background-repeat:no-repeat;
	padding-top:30px;
	margin-top:10px;
	height:500px;
}

.leftmenulinks .text{
	margin:10px;
	margin-top:0px;
	margin-bottom:0px;
	width:180px;
	float:left;
}

#leftmenu A{
	text-decoration:none;
	margin-top:25px;
	display:block;
	margin-left:14px;
	font-size:11px;
	font-weight:bold;
}

#leftmenu A img{
	margin-left:0px;

}



#leftmenu A:hover{
	text-decoration:underline;
}




#sublink{
	margin-top:30px;
	Xborder:1px solid #000;
}


#sublink A{
	display:inline;
	line-height:20px;
	Xmargin-left:14px;
}

#centercontent{
	width:540px;
	height:1000px;
	float:left;
	margin-right:15px;
	
}

.suite{
	width:540px;
	height:255px;
	background-image:url(../pics/bg_article_suite.gif);
	background-repeat:repeat-x;
	text-align:left;
}

.arrangement{
	width:540px;
	Xheight:240px;
	background-image:url(../pics/gradient-new.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #000;
	text-align:left;
}

.suiteblock{
	
	background-image:url(../bg_article_suites2.gif);
	display:block;
	
}

.arrangement img{
	margin-bottom:7px;
	margin-left:7px;
	display:inline;
	Xborder:1px solid #CCFF00;
}



.arrangement A img{
	margin-bottom:7px;
	margin-left:0px;
	display:inline;
	Xborder:1px solid #CCFF00;
}


.arrangement .text{
	margin:17px;
	margin-bottom:0px;
	width:500px;
	display:block;
	Xfloat:left;
}

.arrangement .text h3{
	margin:0px;
	margin-bottom:4px;
	font-size:14px;
}

.arrangement .text A{
	color:#000
}


.arrangement A:hover{
	text-decoration:underline;
}

.suite .text{
	margin:17px;
	margin-bottom:0px;
	width:500px;
	float:left;
}

.suite .text h3{
	margin:0px;
	font-size:14px;
}

.suite .text A{
	color:#F21C06
}

.swf{
	width:540px;
	height:200px;
	margin-bottom:10px;
}

.rightmenu{
	width:200px;
	height:1000px;
	background-image:url(../pics/bg_rightmenu.gif);
	background-repeat:repeat-x;
	float:left;
	text-align:left;
	Xpadding-top:30px;
}

.rightmenu .text{
	margin:10px;
	margin-top:20px;
	margin-bottom:0px;
	width:180px;
	float:left;
}

.rightmenu .text H3{
	font-size:13px;
}

#Xrightmenu A{
	text-decoration:none;
	line-height:35px;
	display:block;
	margin-left:23px;
}


.algemenelinks A{
	text-decoration:none;
	margin-top:25px;
	display:block;
	margin-left:14px;
	font-size:11px;
	font-weight:bold;
}

.algemenelinks A:hover{
	text-decoration:underline;
}


.algemenelinks H3{
	margin:0px;
	margin-bottom:4px;
	margin-top:10px;
	margin-left:14px;
	font-size:13px;
}






.reserveren{
	background-image:url(../pics/bg_leftmenu_reserveren.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:10px;
}

.vacaturemenu{
	background-image:url(../pics/bg_leftmenu_vacature.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:10px;
}

.openingstijdenmenu{
	background-image:url(../pics/bg_leftmenu_openingstijden.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:10px;
}

#nolink{
}

#nolink A{
	text-decoration:underline;
	margin-top:0px;
	display:inline;
	margin-left:0px;
	font-size:11px;
	font-weight:bold;
	
}

.routemenu {
	background-image:url(../pics/bg_leftmenu_route.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:10px;
}

.route{
	width:540px;
	text-align:left;
}

.route .text{
	padding:17px;
	width:506px;
}


.functionbut {
	margin-bottom:12px;
}

.wenslijst{
	background-image:url(../pics/wenslijst_ij.gif);
	background-repeat:no-repeat;
	width:540px;
	background-color:#ACD8FE;
	text-align:left;
	margin-bottom:0px;
}

.wenslijst .text{
	padding:10px;
	width:506px;
	border-bottom:1px solid #9ECEFF;
}

.wenslijstitem{
	width:540px;
	background-color:#D8EBFF;
	border-bottom:1px solid #000;
	text-align:left;
	margin-top:0px;
}

.wenslijstitem .text{
	padding:17px;
	width:506px;
}

.wenslijstitem .text H3{
	margin:0px;
	font-size:13px;

}

.verzend{
	display:block;
	font-weight:bold;
	font-size:12px;
	background-color:#91BFDF;
	padding:5px;
	margin-bottom:10px;
}

.wis{
	display:block;
	text-align:right;
	font-weight:normal;
	margin-right:4px;
	font-size:11px;
	padding:5px;
	margin-bottom:10px;
}

.verzend A{
	color:#FF0101;
	text-decoration:none;
}

.wis A{
	color:#FF0101;
	text-decoration:none;
}

.wis A:hover{
	color:#000;
	text-decoration:none;
}

.prijs{
	line-height:30px;
}

.vacature{
	width:540px;
	background-color:#FFF;
	text-align:left;
	margin-bottom:13px;
	border:1px solid #000;
	
}

.vacature .text{
	padding:17px;
	width:506px;
}

.vacature .text h2{
	font-size:18px;
}

.vacature .text h3{
	font-size:13px;
}

.vacature .text img{
	margin-right:8px;
}



.nieuws{
	width:540px;
	background-color:#FFF;
	text-align:left;
	margin-bottom:13px;
	
}

.nieuws .text{
	padding:17px;
	padding-top:0px;
	width:506px;
	Xheight:200px;
	Xborder:1px solid #cc0000;
}

.nieuws .text h2{
	margin-top:0px;
	font-size:18px;
}

.nieuws .text h2 A:hover{
	text-decoration:underline;
}

.nieuws .text {
	font-size:13px;
}

.nieuws .text img{
	margin-right:4px;
}




.openingstijden{
	width:540px;
	background-color:#FFF;
	text-align:left;
	margin-bottom:13px;
	border:1px solid #000;
	
}

.openingstijden .text{
	padding:17px;
	width:504px;
}

.back{
	font-weight:bold;
	text-decoration:none;
}





LABEL {
	margin-top:8px;
	margin-bottom:4px;
	display:block;
	width:100%;
	font-weight:normal;
}

INPUT {
	border:1px solid #7F7F7F;
	width:250px;
	font-size: 11px;
	padding-left:3px;
}	

.sinput1 {
	border:1px solid #7F7F7F;
	width:50px;
	font-size: 11px;
	padding-left:3px;
}	

.sinput2 {
	border:1px solid #7F7F7F;
	width:70px;
	font-size: 11px;
	padding-left:3px;
}	




textarea{
	border:1px solid #7F7F7F;
	width:480px;
	height:100px;
	font-size: 11px;
	font-family: Verdana;
}

SELECT{
	border:1px solid #7F7F7F;
	width:250px;
	font-size: 11px;
}

.checkbox{
	width:15px;
	border:0px;
}

.radio{
	width:12px;
	border:0px;
}

.submit{
	border:1px solid #7F7F7F;
	color:#000;
	font-weight:bold;
	background-color:#D6D6D6;
	width:130px;
	display:block;
	margin-top:10px;
	cursor:pointer;
	cursor:hand;
}

.submit:hover{
	color:#FFF;
}

.submitpdfmail{
	width:95px;
	height:22px
	margin-top:0px;
}

#telefoon {
	display:inline;
}

hr{
	border:0px;
	border-top:1px solid #ccc;
	margin-top:10px;
}

#bookForm {
	display:block;
	Xborder:2px solid #FFF;
	padding:6px;
	margin-top:6px;
}


#bookForm A{
	margin-left:0px;
	margin-top:0px;
}

#bookForm A:hover{
	color:#cc0000;
}


#bookForm h3{
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	font-size:14px;
}


#bookFormMatrix {
	display:block;
	padding:16px;

}


#bookFormMatrix A{
	margin-left:10px;
	margin-top:10px;
}

#bookFormMatrix A:hover{
	text-decoration:underline;
	color:#cc0000;
}

#bookFormMatrix h3{
	margin:0px;
	margin-top:0px;
	margin-bottom:10px;
	font-size:14px;
}




select {
	width:30px;
}


#wrapperhome{
	width:1000px;
	background-color:#FFF;
	height:1300px;
}


#wrapper{
	Xposition:relative;
	width:1000px;
	background-color:#FFF;
	height:3500px;
	/*overflow: visible;
	height:2000px;
	Xdisplay: table;
	*/
}



#homenew{
	width:1000px;
	background-image:url(../pics/background_homenew.gif);
	background-repeat:repeat-x;
	Xborder:1px solid #cc0000;
}

.homeButLink{
	border:1px solid #CCC;
	float:left;
}

.Hmatrix{
	margin-left:35px;
}

.Hbeleving{
	margin-left:29px;
	margin-top:20px;
}

.Hpeter{
	margin-left:29px;
	margin-top:20px;

}

.HEnglish{
	border:1px solid #000;
	margin-left:29px;

}

.Hkerst{
	margin-left:29px;

}

.blackbar img{
	margin-top:30px;
	margin-bottom:30px;
}

.english{
	height:200px;
	width:500px;
	padding:20px;
	text-align:left
}



#homenewPeter{
	width:1000px;
	height:1000px;
	background-image:url(../pics/home_new_background.jpg);
	background-repeat:repeat-x;

}

#homenewPeter div{
	float:left;
}


.hometekst{
	margin-top:20px;
	border:1px solid #000;
	height:777px;
	width:461px;
	background-color:#FFF;
	margin-left:32px;
	font-size:11px;	
	background-image:url(../pics/back_home_tekst.gif);
	background-repeat:no-repeat;
}

.hometekst .para{
	padding:14px;
	text-align:left;
	margin-left:0px;
	line-height:18px;
}

.homefind{
	Xborder:1px solid #CCFF00;
	height:167px;
	width:444px;
	background-color:#000;
	margin-top:20px;
	margin-left:32px;
	color:#FFF;
	font-size:11px;
}

.homefind .para{
	padding-top:14px;
	padding-left:14px;
	text-align:left;
	margin-left:0px;
}

.homefind A{
	color:#009900;
	text-decoration:none;
}


.homefind I{
	color:#999999;
	font-style:normal;
}

.homebuttons{
	Xborder:1px solid #CCFF00;
	height:297px;
	width:444px;
	margin-top:20px;
	margin-left:32px;
}

.homebuttons_table{
	height:430px;
	width:444px;
}

.homebuttons_table tr{
	vertical-align:top;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
}

#homenewPeter .blackbar {
	margin-left:32px;
}

#homenewPeter .blackbar img{
	margin-top:20px;
	margin-bottom:30px;
}



