/*

AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net

September 2005
last modified: 02/10/2009

*/

/* FARBEN:
	dunkelbraun: #2E180A
	rot-orange: #F95812
	gelb-orange: #FF8B35
	grau: #818181
*/

/* --------------------------------------*/
/* +++ allgemeine HTML-Elemente +++ */
body
{
 background:#FFFFF9;
 font-family: Verdana, sans-serif;
 font-size:0.8em;
 margin-left:110px;
 margin-right:110px;
 border:1px solid #2E180A;
 width:920px;
 position:relative;
}

h1, h2, h3
{
 font-family:"Lucida Grande", "Trebuchet", Verdana, sans-serif;
}

h3{
 margin:0;
 margin-bottom:6px;
 font-size:1.2em;
}

th{
 font-family:"Lucida Grande", "Trebuchet", Verdana, sans-serif;
 margin:0;
 margin-bottom:6px;
 text-align:left;
 font-size:1.2em;
}

p{
margin-top:2px;
margin-bottom:14px;
}

a{text-decoration:none;}

a[href^="mailto:"]
{
 background:url(../../objects/img/email.gif) no-repeat center left;
 padding-left:14px;
}

em{font-style:italic;}

strong{font-weight:bold;}

/* +++id's+++ */
/* +++#header: #mellow, #navigation, #language +++*/
#header
{
 height:25.8em;
 border-bottom:18px solid #b90f1d;
 font-size:0.9em;
 margin:0;
 padding:0;
 background:url(../../objects/img/bg_header.gif) repeat-x top;
 position: relative;
 background-color:#F95812
}

#mellow
{
 height:40px;
 padding:0; 
 background:url(../../objects/img/mellow_header.gif) no-repeat bottom left;
 color:#2E180A;
}

#mellow h1{
 display:none;
}

#header-img{
 padding:17px 0 0 0;
}

#navigation
{
 background:url(../../objects/img/navigation-border-top.gif) no-repeat top left;
 margin:0;
 width: 166px;
 position: absolute;
 right:0;
 top: 65px;
 padding:14px 0 0 0;
 height:40px
}

#navigation ul
{
 margin:0;
 padding:0;
 list-style:none;
 margin-top: 22px;
 position: absolute;
}

#navigation li
{
 text-align:right;
 padding:0 40px 0.85em 0;
 height:1.73em;
 background:url(../../objects/img/navigation-border-line.gif) repeat-y left;
 display: block;
 width:120px;
}

#navigation a
{
 padding:0 30px 8px 0;
 color:#FFFFF9;
 background:url(../../objects/img/bullet_inactive.gif) no-repeat right top;
}

#navigation a:hover
{
 background:url(../../objects/img/bullet_active.gif)  no-repeat right top;
}

#index #navigation #nav_index a{background:url(../../objects/img/bullet_active.gif)  no-repeat right top;}
#fotos #navigation #nav_fotos a{background:url(../../objects/img/bullet_active.gif)  no-repeat right top;}
#kgalerie #navigation #nav_kgalerie a{background:url(../../objects/img/bullet_active.gif)  no-repeat right top;}
#party #navigation #nav_party a{background:url(../../objects/img/bullet_active.gif)  no-repeat right top;}
#reservieren #navigation #nav_reservieren a{background:url(../../objects/img/bullet_active.gif)  no-repeat right top;}
#karte #navigation #nav_karte a{background:url(../../objects/img/bullet_active.gif)  no-repeat right top;}
#insel #navigation #nav_insel a{background:url(../../objects/img/bullet_active_insel.gif)  no-repeat right top;}

#navigation li#nav_insel
{
 background:none;
 left:0;
 position:absolute;
 bottom:4px;
 text-align:left;
}

#navigation li#nav_karte
{
 background:url(../../objects/img/navigation-border-bottom.gif) no-repeat top left;
 height: 68px;
}

#navigation li#nav_insel a:hover
{
 background:url(../../objects/img/bullet_active_insel.gif)  no-repeat right top;
}

#navigation li#nav_insel a
{
 background:url(../../objects/img/bullet_inactive_insel.gif)  no-repeat right top;
}

/* +++#main: #content, #contact-data, #statement, #top-anchor+++ */
#main
{
 position:relative;
 min-height:450px;
 border-bottom:8px solid #c8c8c8;
 margin-top:0; 
}

#main a
{
 color:#595959;
 border:1px solid white;
}

#main a:hover
{
 border:1px solid #DEDEDE;
 background-color:#EFEFEF;
}

#content
{
 min-height:270px;
 margin-top:80px;
 background:url(../../objects/img/bg_logo.jpg) no-repeat bottom right;
}

#index #content
{
 background:none;
}

#content, #statement
{
 margin-left:50px;
 margin-right:170px;
}

#content p, #statement p{padding-right:80px;}

#content .specials{color:#F95812;}

#content .specials span
{
 text-transform:uppercase;
 font-weight:bold;
}

#party #flyer-archiv {text-align:center;}
#party div.current-event img{border:none;}
#party div.current-event p{width:180px; float:left; padding-top:10px;}

#party h3, #party div.current-event{clear:both;}

#party #flyer-archiv img, #party #flyer-archiv a{ border:none; padding:0; margin:0;}

#karte #content ul
{
 list-style:none;
 margin:0;
 margin-bottom:1em;
 padding:0;
 position:relative;
}

#karte #content li
{
 margin-bottom:0.2em;
 position:relative;
}

#karte #content .price{
 position:absolute;
 left:20em;
}

#kgalerie #content #banner_kgalerie
{
 height:140px;
 /*background:url(../../objects/img/k-galerie/abgerundet_092005.jpg) repeat-x center center;*/
 border:4px solid #F95812;
 padding:10px;
 margin-bottom:20px;
 text-align:center;
 font-size:1.2em;
}

#kgalerie #content #banner_kgalerie{-moz-border-radius:30px;}

#fotos #content #banner_fotos
{
 height:140px;
 background:url(../../objects/img/fotos_banner.jpg) repeat-x center center;
}

#kgalerie #ausstellung
{
text-align:center;
margin:16px 0 12px 0;
padding:4px 2px 4px 0;
background-color:#FFF8EC;
border:1px dotted #FAE8CB;
}

#kgalerie #ausstellung a:hover
{
background-color:#FAE8CB;
border:1px solid #F6DBB0;
}

#contact-data
{
 background:#FFFFFF url(../../objects/img/dot-y.gif) repeat-y top left;
 padding:0 0 8px 8px;
 width:12em;
 font-size:0.9em;
 position:absolute;
 top:0;
 right:0;
}

#contact-data h2
{
 text-transform:uppercase;
 color:#000009;
 font-size:0.9em;
}

#contact-data #sponsor
{
 text-align:center;
 font-size:0.8em;
 margin:8px 0 8px 0;
 padding:0;
}

#contact-data #sponsor a
{
 display:block;
 border:none;
 background:none;
}

#contact-data #sponsor img
{
 border:none;
 margin-top:8px;
}

#contact-data .tel
{
 background:url(../../objects/img/mobile.gif) no-repeat center left;
 padding-left:22px;
}

#contact-data #logo
{
 height:133px;
 margin:6px 6px 0 0px;
 background:url(../../objects/img/mellow_logo.gif) no-repeat center center;
 background-color:#FFFFFF;
}

#contact-data #logo-text
{
 height:144px;
 text-align:center;
 margin:40px 0 0 0;
 padding:0;
 color:#FFFFF9;
 display:none;
}

#contact-data #map
{
 margin:6px 6px 0 0px;
 border:1px solid #b90f1d;
 text-align:center;
 height:102px;
 background:url(../../objects/img/map_thumb.gif) no-repeat bottom right;
}

#contact-data #map a
{
 border:none;
 height:102px;
 display:block;
}

#contact-data #map a:hover
{
 background:url(../../objects/img/map_thumb.gif) no-repeat bottom right;
}

#contact-data #map span
{
 padding:10px;
 margin-right:6px;
 line-height:16px;
 display:none;
}

#statement
{
 text-align:right;
 margin:0 0 0 100px;
 padding:40px 80px 20px 100px;
}

#statement p
{
 color:#818181;
}

#top-anchor
{
 background: url(../../objects/img/dot-x.gif) repeat-x top left;
 margin:0 0 0 50px;
 padding:4px 0 20px 0;
 width:180px;
}

/* +++#imprint+++*/
#imprint
{
 background:#b90f1d;
 font-size:0.8em;
 margin:0px;
 padding:0px;
 margin-bottom:4px;
 text-align:center;
 border-top:1.6em solid #ababab;
}

#imprint ul
{
 list-style:none;
 margin:0;
 padding:8px 0px 8px 0px;
}

#imprint li
{
 display:inline;
 padding-right:16px;
 color:#FFFFF9;
}

#imprint a
{
 color:#FFFFF9;
 text-transform:uppercase;
}

#imprint a:hover{text-decoration:underline;}

.validation_badge
{
 border:none;
 height:31px;
 width:88px;	
}

#w3c-details a, #w3c-details a:hover
{
 background:none;
 border:none; 
}

#casa-button img
{
 float:right;
 padding-bottom:20px;
 border:none;
 z-index:10000;
}