/*
* Colors:
* - home : 009FC6
*/

body{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: small;
	color: #555;
}

/* ================ */
/* = Autoclearing = */
/* ================ */

#top-wrap:after,
#menu:after,
#content:after,
#hotels .locaties li:after,
#restaurants .locaties li:after,
#handel .locaties li:after{
	content: ".";
	visibility:  hidden;
	clear: both;
	display: block;
	height: 0px;	
}


#top-wrap{
	padding-top: 10px;
	background: url(../images/backgrounds/top-wrap.gif) #FDFDFD 0 0 repeat-x;
}
#head-wrap{
	clear: both;
	background: url(../images/backgrounds/head-wrap.gif) #FEFEFE 0 0 repeat-x;
}
#content-wrap{
	background: url(../images/backgrounds/content-wrap.gif) #FCFCFC 0 0 repeat-x;
}

.shadow,
.shadow-r,
#bottom {
	width: 854px;
	margin: 0 auto;
}

#head-wrap .shadow {	background: url(../images/backgrounds/shadow_head.gif) 0 0 no-repeat; }
#head-wrap .shadow-r {	background: url(../images/backgrounds/shadow_head_r.gif) 0 0 repeat-y; }
#content-wrap .shadow {	background: url(../images/backgrounds/shadow_content.gif) 0 0 no-repeat; }
#content-wrap .shadow-r {	background: url(../images/backgrounds/shadow_content_r.gif) 0 0 repeat-y; }

#bottom {
	height: 50px;
	background: url(../images/backgrounds/shadow_bottom.gif) 0 0 no-repeat;
}

#logo{
	float: right;
}

#top,
#head,
#content,
#footer{
	width: 804px;
	margin: 0 auto;
	font-size: 90%;
}

#footer{
	position: relative;
	top: -16px;
}

#footer img {
	position: relative;
	top: -16px;
	float: right;
}

#head{
	background: url(../images/backgrounds/head.gif) #979799 0 0 repeat-x;
	color: #fff;
}

/* ======== */
/* = Menu = */
/* ======== */

#menu{
	clear: both;
	background: url(../images/backgrounds/menu.gif) 0 7px repeat-x;
	font-size: 90%;	
}

#menu li,
#menu li a{
	float: left;
}

#menu li a{
	padding-top: 7px;
}

#menu li span.blank{
  float: left;
  padding-top: 7px;
  height: 28px;
  width: 67px;
}

#menu li a span{
	float: left;
	width: 67px;
	text-align: center;	
	height: 28px;
	overflow:hidden;
	text-indent: -10000px;
}

#menu li a:hover span,
#home #mHome a span,
#hotels #mHotels a span,
#ferien #mFerienwohnungen a span,
#restaurants #mRestaurants a span,
#events #mEvents a span,
#sommer #mSommer a span,
#winter #mWinter a span,
#geschichte #mGeschichte a span,
#handel #mHandelgewerbe a span,
#anreise #mAnreise a span,
#newsletter #mNewsletter a span,
#links #mLinks a span{
	background-position: 0 -28px;
}

#home #mHome { background: url(../images/backgrounds/tabs/left-home.gif) 0 0 no-repeat; }
#home #mHome a{ background: url(../images/backgrounds/tabs/right-home.gif) 100% 0 no-repeat; }
#hotels #mHotels { background: url(../images/backgrounds/tabs/left-hotels.gif) 0 0 no-repeat; }
#hotels #mHotels a{ background: url(../images/backgrounds/tabs/right-hotels.gif) 100% 0 no-repeat; }
#ferien #mFerienwohnungen { background: url(../images/backgrounds/tabs/left-ferienwohnungen.gif) 0 0 no-repeat; }
#ferien #mFerienwohnungen a{ background: url(../images/backgrounds/tabs/right-ferienwohnungen.gif) 100% 0 no-repeat; }
#restaurants #mRestaurants { background: url(../images/backgrounds/tabs/left-restaurants.gif) 0 0 no-repeat; }
#restaurants #mRestaurants a{ background: url(../images/backgrounds/tabs/right-restaurants.gif) 100% 0 no-repeat; }
#events #mEvents { background: url(../images/backgrounds/tabs/left-events.gif) 0 0 no-repeat; }
#events #mEvents a{ background: url(../images/backgrounds/tabs/right-events.gif) 100% 0 no-repeat; }
#sommer #mSommer { background: url(../images/backgrounds/tabs/left-sommer.gif) 0 0 no-repeat; }
#sommer #mSommer a{ background: url(../images/backgrounds/tabs/right-sommer.gif) 100% 0 no-repeat; }
#winter #mWinter { background: url(../images/backgrounds/tabs/left-winter.gif) 0 0 no-repeat; }
#winter #mWinter a{ background: url(../images/backgrounds/tabs/right-winter.gif) 100% 0 no-repeat; }
#geschichte #mGeschichte { background: url(../images/backgrounds/tabs/left-geschichte.gif) 0 0 no-repeat; }
#geschichte #mGeschichte a{ background: url(../images/backgrounds/tabs/right-geschichte.gif) 100% 0 no-repeat; }
#handel #mHandelgewerbe { background: url(../images/backgrounds/tabs/left-handelgewerbe.gif) 0 0 no-repeat; }
#handel #mHandelgewerbe a{ background: url(../images/backgrounds/tabs/right-handelgewerbe.gif) 100% 0 no-repeat; }
#anreise #mAnreise { background: url(../images/backgrounds/tabs/left-anreise.gif) 0 0 no-repeat; }
#anreise #mAnreise a{ background: url(../images/backgrounds/tabs/right-anreise.gif) 100% 0 no-repeat; }
#newsletter #mNewsletter { background: url(../images/backgrounds/tabs/left-newsletter.gif) 0 0 no-repeat; }
#newsletter #mNewsletter a{ background: url(../images/backgrounds/tabs/right-newsletter.gif) 100% 0 no-repeat; }
#links #mLinks { background: url(../images/backgrounds/tabs/left-links.gif) 0 0 no-repeat; }
#links #mLinks a{ background: url(../images/backgrounds/tabs/right-links.gif) 100% 0 no-repeat; }


#mHome a span{background-image: url(../images/tabs/home.gif);}
#mHotels a span{background-image: url(../images/tabs/hotels.gif);}
#mFerienwohnungen a span{background-image: url(../images/tabs/ferienwohnungen.gif);}
#mRestaurants a span{background-image: url(../images/tabs/restaurants.gif);}
#mEvents a span{background-image: url(../images/tabs/events.gif);}
#mSommer a span{background-image: url(../images/tabs/sommer.gif);}
#mWinter a span{background-image: url(../images/tabs/winter.gif);}
#mGeschichte a span{background-image: url(../images/tabs/geschichte.gif);}
#mHandelgewerbe a span{background-image: url(../images/tabs/handelgewerbe.gif);}
#mAnreise a span{background-image: url(../images/tabs/anreise.gif);}
#mNewsletter a span{background-image: url(../images/tabs/newsletter.gif);}
#mLinks a span{background-image: url(../images/tabs/links.gif);}


#mHome a{ border-bottom: 4px #009FC6 solid;	}
#mHome{	  border-bottom: 11px #1B98B4 solid;}
#mHotels a{	border-bottom: 4px #0950A2 solid;}
#mHotels{	border-bottom: 11px #245B9B solid; }
#mFerienwohnungen a{ border-bottom: 4px #062F5D solid;}
#mFerienwohnungen{ border-bottom: 11px #26446A solid;}
#mRestaurants a{ border-bottom: 4px #008836 solid;}
#mRestaurants	{border-bottom: 11px #218B4B solid;}
#mEvents a{	border-bottom: 4px #91CC18 solid;}
#mEvents{ border-bottom: 11px #91C032 solid;}
#mSommer a{	border-bottom: 4px #FEDE00 solid;}
#mSommer{	border-bottom: 11px #E8CE21 solid;}
#mWinter a{ border-bottom: 4px #FF8E01 solid;}
#mWinter{ border-bottom: 11px #E7901F solid;}
#mGeschichte a{	border-bottom: 4px #FE0000 solid;}
#mGeschichte{	border-bottom: 11px #E51D1D solid;}
#mHandelgewerbe a{ border-bottom: 4px #9E0809 solid;}
#mHandelgewerbe{border-bottom: 11px #9A2424 solid;}
#mAnreise a{ border-bottom: 4px #50007D solid;}
#mAnreise{border-bottom: 11px #5E2081 solid;}
#mNewsletter a,#mNewsletter span.blank{ border-bottom: 4px #B0027E solid;}
#mNewsletter {border-bottom: 11px #B0027E solid;}
#mLinks a{border-bottom: 4px #F1037F solid;}
#mLinks{border-bottom: 11px #D81E7F solid;}


/* =========== */
/* = Visuals = */
/* =========== */

#teaser{
	padding: 20px;
}

#teaser a{
	color: #fff;
	text-decoration: underline;
}

#home #teaser{
	padding-bottom: 196px;
	padding-right: 225px;
	background: url(../images/backgrounds/visuals/home.jpg) 0 100% no-repeat;
}

#visual{
	height: 166px;
}

#hotels #visual{	background: url(../images/backgrounds/visuals/hotels.jpg) 0 100% no-repeat; }
#ferien #visual{	background: url(../images/backgrounds/visuals/ferien.jpg) 0 100% no-repeat; }
#restaurants #visual{	background: url(../images/backgrounds/visuals/restaurants.jpg) 0 100% no-repeat; }
#events #visual{	background: url(../images/backgrounds/visuals/events.jpg) 0 100% no-repeat; }
#sommer #visual{	background: url(../images/backgrounds/visuals/sommer.jpg) 0 100% no-repeat; }
#winter #visual{	background: url(../images/backgrounds/visuals/winter.jpg) 0 100% no-repeat; }
#geschichte #visual{	background: url(../images/backgrounds/visuals/geschichte.jpg) 0 100% no-repeat; }
#handel #visual{	background: url(../images/backgrounds/visuals/handel.jpg) 0 100% no-repeat; }
#anreise #visual{	background: url(../images/backgrounds/visuals/anreise.jpg) 0 100% no-repeat; }
#newsletter #visual{	background: url(../images/backgrounds/visuals/newsletter.jpg) 0 100% no-repeat; }
#links #visual{	background: url(../images/backgrounds/visuals/links.jpg) 0 100% no-repeat; }




/* =========== */
/* = Content = */
/* =========== */

#content{
	min-height: 345px;
	width: 764px;
	padding: 20px;
	background: #fff;
}

#home #content ul img{
	float:right;
	margin: 0 0 5px 5px;
}

#home #content li,
#anreise #content li{
	border-bottom: 1px dashed #bbb;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#home #content li.last,
#anreise #content li.last{
	border: none;
	margin-bottom: 0;
}


#hotels .locaties div,
#restaurants .locaties div,
#handel .locaties div{
	display: block;
	float: none;
	background: none;
}
		
#hotels .locaties li .description,
#restaurants .locaties li .description,
#handel .locaties li .description{
	float: left;
	width: 420px;
}
			
#hotels .locaties li,
#restaurants .locaties li,
#handel .locaties li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #bbb;
}

#hotels .locaties li.last,
#restaurants .locaties li.last,
#handel .locaties li.last{
	border: none;
}
			
#hotels #content .images,
#restaurants #content .images,
#handel #content .images{
	clear: none;
	float: none;
	display: block;
	width: auto;
}

table.listing{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

table.listing tr{
	vertical-align: top;
}

table.listing td,
table.listing th{
	border-right: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	padding: 10px;
}

table.listing th{
	text-align: left;
	font-size: 110%;
	color: black;
	font-weight: bold;
}

table.listing td{
	color: #555;
}

table.listing .first{
	padding-left: 0;
}

#hotels #hotelinfo .first{ 	width: 230px; }
#events #eventlist .first{ 	width: 170px; }
#events #eventlist .last{ 	width: 250px; }

table.listing .last{
	border-right: none;
}

table.listing tr.last td,
#home dd.last,
#geschichte dd.last{
	border-bottom: none;
}


#ferien #form,
#newsletter form{
	width: 100%;
	font-size: 90%;
	border-collapse: collapse;
}

#ferien #form td,
#newsletter form td{
	padding: 0 10px 2px 0;
}

#ferien #form td.right,
#newsletter form td.right{
	text-align: right;
}

#ferien input,
#newsletter input{
	font-family: verdana, helvetica, arial, sans-serif;
	color: #555;
	border: 1px solid #9f9f9f;
	padding: 2px 0;
	width: 100%;
}

#ferien input.button,
#newsletter input.button{
	border: none;
	width: auto;
}

#ferien select{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
	border: 1px solid #9f9f9f;
}

#ferien option{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
}

div.left-column{
	width: 550px;
	padding-right: 12px;
	float:left;
}

div.right-column{
	width: 185px;
	padding-left: 13px;
	float:right;
}

#calendar{
	border: none;
	border-collapse: collapse;
	color: black;
	font-size: 80%;
	margin-bottom: 10px;
}

#calendar tr.odd td{
	background-color: #f9f9f9;
}

#calendar tr.even td{
	background-color: #fcfcfc;
}

#calendar th{
	text-align: center;
	padding: 3px 0px;
	font-weight: bold;
}

#calendar td{
	text-align: center;
}

#events #content #calendar td a,
#events #content #calendar td span{
	padding: 8px 4px;
	color:black;
	display:block;
}

#events #content #calendar td.selected a,
#events #content #calendar td.selected span{
	color:white;
}

#calendar tr.odd td.weeknr,
#calendar tr.even td.weeknr{
	font-weight: bold;
	background-color: #f0f0f0;
}

#calendar tr.odd td.selected,
#calendar tr.even td.selected{
	color: white;
	background-color: rgb(145,204,24);
}

#calendar tr.odd td.hl,
#calendar tr.even td.hl{
	background-color: rgb(216,236,175);
}

div.right-column #prevmonth{
	float:left;
	text-align: left;
}

div.right-column #nextmonth{
	float:right;
	text-align: right;
}

#sommer #content div,
#winter #content div{
	float:left;
	width: 440px;
	margin-right: 10px;
}

#sommer #content img,
#winter #content img{
	float:right;
}

#geschichte dd{
	padding: 0 0 15px 155px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #bbb;
}

#geschichte dd ul{
	list-style: square outside;
} 

#geschichte dt{
	float:left;
	font-size: 180%;
	font-weight:bold;
	color: #FE0000;
}

#geschichte #content img{
	float:right;
}

#handel td{
	width: 50%;
	padding-bottom: 0;
}

#anreise .right-column,
#home .right-column{
	min-height: 330px;
	border-left: 1px dashed #bbb;
}

#anreise #anreiselist td{
	padding-left: 0;
	background: none;
}

#newsletter #anmelden{
	width: 365px;
	float: left;
	display:inline;
	border-right: 1px dashed #bbb;
	padding-right: 15px;
}

#newsletter .form td{
	padding: 0 10px 2px 0;
}

#newsletter #abmelden{
	width: 365px;
	float: left;
	display:inline;
	padding-left: 15px;
}

#newsletter table{
	width: 100%;
}

#links td{
	border-bottom: none;
}

/* =========== */
/* = Headers = */
/* =========== */

h1,
#home h2{
	font-size: 145%;
}

h2, 
#home h3,
#home dt{
	font-size: 130%;
	font-weight: bold;
}

h3{
	font-size: 100%;
	color: black;
	font-weight: bold;
}

#hotels h2{
	display: inline;
}

#ferien h2.alt{
	color: black;
}

#home h2, #home h3, #home dt { color: #009FC6; border-color: #009FC6;}
#hotels h1, #hotels h2 { color: #0950A2; border-color: #0950A2;}
#ferien h1, #ferien h2 { color: #062F5D; border-color: #062F5D;}
#restaurants h1, #restaurants h2 { color: #008836; border-color: #008836;}
#events h1, #events h2 { color: #91CC18; border-color: #91CC18;}
#sommer h1, #sommer h2, #sommer h3 { color: #debe00; border-color: #debe00;}
#winter h1, #winter h2, #winter h3 { color: #FF8E01; border-color: #FF8E01;}
#geschichte h1, #geschichte h2, #geschichte h3 { color: #FE0000; border-color: #FE0000;}
#handel h1, #handel h2, #handel h3 { color: #9E0809; border-color: #9E0809;}
#anreise h1, #anreise h2, #anreise h3 { color: #50007D; border-color: #50007D;}
#newsletter h1, #newsletter h2, #newsletter h3 { color: #B0027E; border-color: #B0027E;}
#links h1, #links h2, #links h3 { color: #F1037F; border-color: #F1037F;}

#home h2, #hotels h1, #ferien h1, #restaurants h1, #events h1, #sommer h1, 
#winter h1, #geschichte h1, #handel h1, #anreise h1, #newsletter h1, 
#links h1 { 
	padding-bottom: 0.2em;
	border-bottom: 3px solid;
}

#home h2, #ferien h1, #events h1, #geschichte h1,  #anreise h1, #newsletter h1, 
#links h1 { margin-bottom: 1em; }

#hotels h1, #restaurants h1, #sommer h1, #winter h1, #handel h1 { margin-bottom: 2em; }

/* ========= */
/* = Links = */
/* ========= */
#home #content a { color: #009FC6; }
#hotels #content a { color: #0950A2; }
#ferien #content a { color: #062F5D; }
#restaurants #content a { color: #008836; }
#events #content a { color: #91CC18; }
#sommer #content a { color: #debe20; }
#winter #content a { color: #FF8E01; }
#geschichte #content a { color: #FE0000; }
#handel #content a { color: #9E0809; }
#anreise #content a { color: #50007D; }
#newsletter #content a { color: #B0027E; }
#links #content a { color: #555; }

a:hover{
	text-decoration: underline;
}

/* ============= */
/* = Misc tags = */
/* ============= */

address {
	font-style: normal;
}

p{
	margin-bottom: 1em;
}

#home p.hl{
	color: #009FC6;
	font-weight: bold;
	margin-bottom: 3em;
}

#home p.date{
	font-weight: normal;
	color: black;
}

#home dt{
	margin-top: 10px;
}

#home dd{
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #bbb;
}

#sommer p.hl{
	color: #debe00;
	font-weight: bold;
}

#winter p.hl{
	color: #ff8e01;
	font-weight: bold;
}