@import url('reset.css');
@import url('text.css');
@import url('960.css');

   body {
        background:#000 url(../img/backdrop_4.jpg) no-repeat 50% 0;
        color:#404040;
        font-family: “Lucida Grande”, sans-serif;
       font-size: 10pt;
       font-style: normal;
       font-weight: normal;
       text-transform: normal;
       letter-spacing: normal;
       line-height: 1.5em;
     } 
    

.cntwrap {position:relative; min-height:100%;}
* html .cntwrap {height:100%;}
     

.topbar {background:#000;height:12px;width:100%;margin-bottom:11px;color:#000;}

/*Menu*/

.menu {
    }

.menu ul, .menu li {padding:0;margin:0;list-style:none;}

.menu .logo {
    height:235px;
    /*background:(../images/trans_logo.png) no-repeat 0px 0px;*/
}

.menu .item, .menu .adress, .menu .referenties,  .menu .twitter {
    background:url(../img/trans_white.png) repeat 0px 0px;
}

.menu .item a {
    display:block;
    width:267px;
	padding-top:11px;
    padding-left:11px;
    margin-left:11px;
    margin-right:11px;
    color:#000;
    font-size:18px;
    height:29px;
   border-top:1px dotted #404040;
    text-decoration:none;
}

.menu .item a:hover {
    background:#444;
    background: rgba(100, 100, 100, 0.5);
    color:#fff;
}


.menu .adress {
    padding-top:22px;
    padding-bottom:22px;
    padding-left:22px;
    line-height:15pt;
    font-size:11pt;
}

.menu .twitter {
    padding-top:0px;
    padding-left:22px;
}

.menu .twitter h2 {
	display:block; width:100%;height:76px;
    background:url(../images/tweet_fish.gif) no-repeat top right;
}

.menu .twitter p {padding:0;margin:5px 0px 0px 0px;font-weight: bold;}

.menu .twitter .followlink a {text-decoration: none;}

.tweet_list {font-size:9pt;color:#000;font-family: Georgia;font-style: italic;line-height:11pt; margin-bottom: 11px;}
.tweet_list li {padding:0px 0px 3px 0px;margin:0;list-style:0; width: 260px;margin-top:5px; border-bottom: 1px dotted #444;}
.tweet_list li a {text-decoration: none;}
.tweet_time {font-family: “Lucida Grande”, sans-serif; font-size:8pt;}
.tweet_text {}
.tweet_odd {}
.tweet_even {}

.menu .referenties {
height:120px;
padding-top: 44px;
}


/*Body*/
.introspace {height:310px;}
.introtxt {
margin-top:22px;
}

.cnttxt {
}

.menutxt {
}

#aanbieding {
	display:block;
	width:150px;
	float:right;
	clear:none;
	padding:5px;
	margin:0px 0px 11px 11px;
	background-color:#000;
	overflow:hidden;
}

#aanbieding h1 {font-size:12pt;}
#aanbieding h2 {font-size:11pt;}

.footer {
	position: relative;
	margin-top: -7.5em;
	height:200px;
}

.supper {}
.supper img {margin-top:11px;padding-bottom:11px;}

img.img_topper {margin-bottom:22px;}


p {color:#fff;}

h1 {
    font-size:31px;
    padding:0; margin:0;
    line-height:100%;
    color:#ffffff;
}


h2 {
    font-size:21px;
    padding:0; margin:0;
    line-height:100%;
    color:#00ffff;
}

ul.content  li {
color:#fff;
list-style:square;
padding:0;
margin:0;
}

a {color:#00ffff;}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}

#slider li{ 
		width:620px;
		height:310px;
		overflow:hidden; 
		}

#slider span#prevBtn{display:none;}
#slider span#nextBtn{display:none;}					


#slider_menu ul, #slider_menu li{
		margin:0;
		padding:0;
		list-style:none;
		}

#slider_menu li{ 
		width:500px;
		height:100%;
		overflow:hidden; 
		}

#slider_menu span#prevBtn{}
#slider_menu span#nextBtn{}



p#controls  {
	color:#fff;
}


#prevBtn {}
#nextBtn {}

p#controls a  {
	display:block;
	width:55px;
	height:55px;
	overflow:hidden;
	color:#fff;
	border:1px solid #fff;
}

	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
		
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
		
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
		
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
		
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
.preimage {
	display:block;
	float:left;
	width:140px;
	height:140px;
	clear:none;
	margin-right:11px;
}	


/*sidecolumn*/
	.recenties {padding:2px;}
	.recenties h2 {margin-left:22px;}
	.recentie {
		display:block;
		width:140px;
		height:60px;
		float:left;
		clear:none;
		margin:3px 0px 0px 3px;
	}

.framebox {height:340px;}

/*Footer*/



/* Forms */

.formcontainer {
	background:url(../img/trans_white.png) 0px 0px;
	padding:33px 0px 0px 0px;
}

.formcontainer td {
	vertical-align:top;
}

#reserveren_form {
	color:#fff;
}

#reserveren_form input {
width:310px;}

#reserveren_form input.button {
width:110px;}



#reserveren_form textarea {
width:310px;
}

.button {background-color: rgb(128,128,128); color:#ffffff; font-size: 8pt;}