@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);
.hidetext {
	text-indent: -9999px;
}
.page #header {
	position:relative;
	width: 409px;
	height:  90px;
	background: #452622 url("../images/bg/header_bg.gif") no-repeat top left;
	border: 3px solid #492b28;
	border-bottom: none;
	margin:0;
	padding: 0;
}
#header img {
	position: absolute;
	top: 5px;
	left: 5px;
}
/*
navigation
*/	
		
		
.hlist {
	width:100%;
	height: 49px;
	background: #452622 url("../images/bg/mainnav_bg.jpg") no-repeat top left;
	z-index:2;
}
.mainnavigation {
	float: left;
	margin: 0;
	padding: 17px 0 0 0;
}
/* IE 6 only: .mainnavigation*/
* html .mainnavigation {
	margin-bottom: 5px;
}
.mainnavigation li {
	float: left;
	list-style: none;
	margin-right: 20px;
}
.mainnavigation .home a {
	display: block;
	width:57px;
	height: 25px;
	background: transparent url("../images/bg/home.gif") no-repeat bottom left;
}
.mainnavigation .about a {
	display: block;
	width:60px;
	height: 25px;
	background: transparent url("../images/bg/about.gif") no-repeat bottom left;
}
.mainnavigation .menu a {
	display: block;
	width:52px;
	height: 25px;
	background: transparent url("../images/bg/menu.gif") no-repeat bottom left;
}
.mainnavigation .news a {
	display: block;
	width:54px;
	height: 25px;
	background: transparent url("../images/bg/news.gif") no-repeat bottom left;
}
.mainnavigation .gallery a {
	display: block;
	width:68px;
	height: 25px;
	background: transparent url("../images/bg/gallery.gif") no-repeat bottom left;
}
.mainnavigation .locations {
	display: block;
	width:93px;
	height: 25px;
	background: transparent url("../images/bg/locations.gif") no-repeat bottom left;
}

/*
Hover status for the main navigation
*/		
						
.mainnavigation .home a:hover, .mainnavigation .about a:hover, .mainnavigation .menu a:hover, .mainnavigation .news a:hover, .mainnavigation .gallery a:hover, .mainnavigation .locations:hover {
	background-position: top left;
}
/*
link status for main navigation		
*/
						
#home .mainnavigation .home a, #about .mainnavigation .about a, #menu .mainnavigation .menu a, #news .mainnavigation .news a, #gallery .mainnavigation .gallery a, #leesburg .mainnavigation .locations, #adamsmorgan .mainnavigation .locations {
	background-position: top left;
}
/*
link status for sub main navigation		
*/
#leesburg li.leesburg a, #adamsmorgan li.adamsmorgan a, #frederick li.frederick a {
	color: #EC4B00;
}

#leesburg li.leesburg a:hover, #adamsmorgan li.adamsmorgan a:hover, #frederick li.frederick a:hover {
	text-decoration: none;
}

/*
Location sub-navigation		
*/
ul.location-navi {
margin:20px 0 0 0;
*margin:0; /* for IE7 */
/* display: none; */
}

/* 
li.locations:hover ul.location-navi {
display: block;
float: left;
}
 */

ul.location-navi {
width: 220px;
float: left;

}

ul.location-navi li {
font-size: 14px;
font-style: oblique;
font-weight: bold;
margin: 0;
padding: 2px;
z-index: 10;
text-indent:0;
float: left;
}

ul.location-navi li a {
color: #452622;
margin:10px 0 0 0;
padding:2px;
z-index:10;
display:block;
text-decoration:none;
}

ul.location-navi li a:hover {
color: #EC4B00;
text-decoration:underline;
}

ul.location-navi li.frederick a {margin:0; padding:0;}

/*chalk board*/ 		
				
.chalkboard {
	width: 325px;
	height: 316px;
	position: absolute;
	top: -120px;
	right:0;
	z-index: 1;
	background: transparent url("../images/hot-food.png") no-repeat top left;
}
/*chalk text*/

	 
	/*chalk textimage */
.chalkboard img.chalkboard-text {
	position: relative;
	z-index: 1;
	top:120px;
	left: 18px;
}
/*meun pages*/ 

	 
.menunavigation {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
}
.menunavigation li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	margin-top: 10px;
}
/*
menu navigation link status
*/

.menunavigation .doner a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/doner.gif") no-repeat bottom left;
}
.menunavigation .falafel a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/falafel.gif") no-repeat bottom left;
}
.menunavigation .salad a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/salad.gif") no-repeat bottom left;
}
.menunavigation .pommes a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/pommes.gif") no-repeat bottom left;
}
.menunavigation .donerbox a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/donerbox.gif") no-repeat bottom left;
}
.menunavigation .currywurst a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/currywurst.gif") no-repeat bottom left;
}
.menunavigation .bratwurst a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/bratwurst.gif") no-repeat bottom left;
}
.menunavigation .schnitzel a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/schnitzel.gif") no-repeat bottom left;
}
.menunavigation .beer a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/biernmore.gif") no-repeat bottom left;
}
.menunavigation .sweets a {
	display: block;
	width: 131px;
	height: 36px;
	background: transparent url("../images/menu/menubuttons/sweets.gif") no-repeat bottom left;
}
/*
menu navigation hover status
*/			
.menunavigation .doner a:hover, .menunavigation .falafel a:hover, .menunavigation .salad a:hover, .menunavigation .pommes a:hover, .menunavigation .donerbox a:hover, .menunavigation .currywurst a:hover, .menunavigation .bratwurst a:hover, .menunavigation .schnitzel a:hover, .menunavigation .beer a:hover, .menunavigation .sweets a:hover {
	background-position: top left;
}
/*
auto menu navigation link status */

 .menu-doner .menunavigation .doner a, .menu-falafel .menunavigation .falafel a, .menu-salad .menunavigation .salad a, .menu-pommes .menunavigation .pommes a, .menu-donerbox .menunavigation .donerbox a, .menu-currywurst .menunavigation .currywurst a, .menu-bratwurst .menunavigation .bratwurst a, .menu-schnitzel .menunavigation .schnitzel a, .menu-beerandmore .menunavigation .beer a, .menu-sweets .menunavigation .sweets a {
	background-position: top left;
}
/*
about: placeholder chalkboard
*/

		 
.board-placeholder {
	width: 320px;
	height: 165px;
	float:right;
}
/*
give conten top-room to navigation
*/
 
		 
.topcontentspace {
	padding-top: 40px;
}
/*
font comic descriptions and comic in general 
*/

/*woodboard about*/
.woodboard {
	position: relative;
	background: transparent url('../images/bg/wood-2.jpg') repeat top left;
	padding: 5px;
	padding-left: 0;
	border-bottom: 3px solid #a18b6e;
	margin-right: 30px;
	z-index: 2;
}
#menu .woodboard img+img {
	padding-left: 15px;
}
.woodboard .tlc {
	width: 15px;
	height: 12px;
	position: absolute;
	top:0;
	left:0;
	background: transparent url('../images/bg/wood-tlc.gif') no-repeat;
}
.woodboard .trc {
	width: 15px;
	height: 12px;
	position: absolute;
	top:0;
	right:0;
	background: transparent url('../images/bg/wood-trc.gif') no-repeat;
}
.woodboard h3 {
	margin: 0.3em 0 0.3em 0;
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	letter-spacing: 1px;
}
.woodboard p {
	margin: 7px 0;
	font-size: 100%;
	text-align: center;
}
.woodboard p.small {
	font-size: 85%;
	text-align:center;
}
/*only on #about woodboard: text-align: left*/
#about .woodboard h3, #about .woodboard p, #about .woodboard p.small {
	text-align: left;
}
#about .woodboard p.small {
	font-size: 95%;
	text-align:center;
}
ul.hearts li {
	padding: 0 0 3px 26px;
	background: transparent url('../images/bg/heart.gif') no-repeat top left;
}
ul.leaves li {
	padding: 0 0 3px 24px;
	background: transparent url('../images/bg/leaf.gif') no-repeat top left;
}
#about .woodboard p.small {
	font-size: 95%;
	text-align:left;
	padding-left: 23px;
}
/*woodboard #about IE 6 only*/
* html #main .woodboard {
	margin-right:10px;
}
* html #main .woodboard ul.leaves li,  * html #main .woodboard ul.hearts li {
	list-style-position:outside;
}
* html #main .woodboard p.small {
	padding-left:0;
}
/* ----------end: about woodboard*/

.woodboard ul {
	width: 190px;
	margin: 0;
	padding: 0 0 5px 15px;
	color: #000;
}
.woodboard li {
	margin: 0;
	margin-bottom: 5px;
	list-style-type: none;
}
.woodboard li strong {
	background: #e4cfb3;
	font-weight: normal;
}
/* IE 6 only: .menu-falafel .woodboard img*/
* html .menu-falafel .woodboard img {
	margin:0 5px;
}
/*woodboard menus*/

#menu .woodboard {
	margin-top: 2.7em;
	padding: 5px 10px 5px 10px;
}


/*woodboard locations*/

.woodboard a:link {color: #000;}
.woodboard a:hover {color: #EC4B00;}

/*about: Comic*/


.secondcomicbox {
	margin-left: 5px;
}
p.comictext {
	padding:30px 0 5px 0;
	font-weight: bold;
	margin:0;
	color: #222;
}
p.boxtwohundredsixteen {
	width: 260px;
}
p.boxfourhundred {
	width: 400px;
}
p.boxfourhundredfiveteen {
	width: 450px;
}
p.boxsixhundred {
	width: 600px;
}
/*Slideshows*/ 


#slideshow {
	position: relative;
	width: 600px;
	height: 380px;
	margin: 0;
	border: 2px solid #492b28;
	z-index:1500;
	overflow: hidden;
}
#controls {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	margin: 0;
	padding: 6px 0;
	width: 600px;
	height: 8px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	background: #8a3f21;
	border-bottom: 1px solid #78361c;
}
#controls span {
	margin: 0;
	z-index: 700;
}
#controls a#prev {
	position: absolute;
	top:0;
	left: 10px;
}
#controls a#pause {
	position: absolute;
	top:0;
	left: 190px;
}
#controls a#play {
	position: absolute;
	top:0;
	right: 190px;
}
#controls a#next {
	position: absolute;
	top:0;
	right: 10px;
}
#controls a:link, #controls a:visited {
	color: #e6e6e6;
	text-decoration:none;
}
#controls a:hover {
	color: #fff;
	text-decoration:none;
}
.pics {
	position:relative;
	width: 600px;
	height: 380px;
	padding: 0;
	margin:  0;
}
.pics img {
	width:  600px;
	height: 380px;
	top:  0;
	left: 0
}
/*Footer*/	 


.footer {
	background: #492b28 url('../images/bg/footer_bg.jpg') no-repeat top left;
	padding-top: 15px;
	margin-top: 20px;
	padding-bottom: 10px;
}
.footer img {
	padding-bottom: 7px;
}
.footer .eventteaser {
	width:285px;
	height: 140px;
	background: transparent url('../images/bg/notes.gif') no-repeat top left;
	margin-left: 10px;
}
.footer .eventteaser p {
	margin: 0 0 5px 0;
	padding: 50px 15px 0 0;
	color: #000;
	line-height:1.5;
}
.footer .eventteaser a {
	margin: 0;
	padding: 0 0 10px 4px;
	color: #000;
	text-decoration:none;

}
.footer .eventteaser a:hover {
	color: #ec4b00;
}
.followup {
	padding-right: 15px;
}
.newsheight {
	min-height: 400px;
}
.newsfooter, .followerfooter {
	padding-top: 15px;
}
.followerfooter a {
color: #FFF;
text-decoration: none;
font-family: arial;
font-weight: bold;
padding-left: 35px;
font-size: 12px;
display: inline-block;
line-height: 33px;
margin-bottom: 5px;
}

.followerfooter a.fb-link {
background: url(../images/socials/FB-white-29.png) no-repeat center left;
}

.followerfooter a.fb-link+a.fb-link { margin-left: 7px;}
.followerfooter a.fb-link+a.fb-link+a.fb-link { margin-left: 0;}

.followerfooter a.fb-link:hover {
text-decoration: underline;
background: url(../images/socials/FB-blue-29.png) no-repeat center left;
}
.followerfooter a.twitter {
text-decoration: underline;
background:url(../images/socials/Twitter-white-30.png) no-repeat center left;
margin-left: 4px;
}
.followerfooter a.twitter:hover {
text-decoration: underline;
background:url(../images/socials/Twitter-blue-30.png) no-repeat center left;
}