/*
###################################
### Basics
###################################
*/

*
{
	margin: 0px;
    padding: 0px;
    outline: 0px;
    -moz-outline: 0px;
}

img
{
	border: 0px;
}

.clearfix:after 
{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }

/*
###################################
### Fonts
###################################
*/

@font-face
{
	font-family: Myriad;
	src: url('../fonts/myriad.eot');
}

@font-face
{
	font-family: Myriad;
	src: url('../fonts/myriad.otf');
}

/*
###################################
### NO IE 6
###################################
*/

#no_ie6
{
	margin: 229px auto 0px;
	width: 530px;
	height: 146px;
	background: url("../gfx/browser.jpg") no-repeat;
	position: relative;
}

#no_ie6 a
{
	font-size: 0px;
	text-indent: -9999;
	line-height: 0px;
	color: #258f21;
	text-decoration: none;
	width: 72px;
	height: 72px;
	display: block;
	position: absolute;
	top: 5px;
}

#ie8 { left: 60px; }

#chrome { left: 148px; }

#firefox { left: 235px; }

#opera { left: 318px; }

#safari { left: 400px; }

/*
###################################
### Framework
###################################
*/

html
{
	height: 100%;
}

body
{
	font-family: Myriad, Arial, sans-serif;
	color: white;
	font-size: 12px;
	height: 100%;
	background: #258f21;
}

#framework
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

#box
{
	width: 805px;
	position: absolute;
	top: 212px;
	left: 50%;
	z-index: 2;
	margin-left: -323px;
}

#ueberschrift
{
	margin-bottom: 5px;
	width: 785px;
	display: block;
	font-family: Myriad, Arial, sans-serif;
	font-weight: normal;
	font-size: 28px;
	text-transform: uppercase;
	padding: 10px 10px 5px 10px;
	background: url("../gfx/schwarz_transparent.png");
	float: left;
}

#header
{
	font-size: 15px;
	cursor: pointer;
}

#header .entry
{
	color: #bd2c28;
}

#header span.small
{
	font-size: 9px;
}

#top_navigation
{
	background: url("../gfx/schwarz_transparent_linie_3.png");
	float: left;
	margin-bottom: 5px;
}

#top_navigation form
{
	float: left;
}

input
{
	font-family: Myriad;
}

#suche
{
	width: 174px;
	padding: 5px;
	float: left;
	position: relative;
	margin-right: 5px;
	display: inline;
}

#suche input
{
	width: 164px;
	padding: 5px;
	border: 0px;
	background: none;
}

#stadt
{
	width: 140px;
	padding: 5px;
	float: left;
	position: relative;
}

#stadt input
{
	width: 130px;
	padding: 5px;
	border: 0px;
	background: none;
}

.input_aktiv
{
	color: white;
}

.input_inaktiv
{
	color: white;
}

#alphabet
{
	width: 441px;
	padding: 11px 10px 8px 10px;
	float: left;
	text-transform: uppercase;
	margin: 0px 0px 0px 5px;
	word-spacing: 2px;
	letter-spacing: 1px;
	position: relative;
}

#group
{
	background: url("../gfx/schwarz_transparent_group.png");
	float: left;
}

#category_navigation
{
	width: 184px;
	float: left;
}

#infobox
{
	min-height: 191px;
}

#category_navigation .box, #category_navigation .lastbox
{
	width: 180px;
	padding: 2px;
	float: left;
	margin-bottom: 5px;
	float: left;
	background: url("../gfx/schwarz_transparent.png");
}

#category_navigation .lastbox
{
	margin-bottom: 0px;
	float: left;
}

#category_navigation ul.mainmenu
{
	list-style: none;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width: 180px;
	float: left;
}

#category_navigation ul.mainmenu li
{
	display: block;
	width: 180px;
	cursor: pointer;
}

#category_navigation .restaurants
{
	background: url("../gfx/restaurants.jpg") no-repeat;
}

#category_navigation .bars
{
	background: url("../gfx/bars.jpg") no-repeat;
}

#category_navigation .lounges
{
	background: url("../gfx/lounges.jpg") no-repeat;
}

#category_navigation .random
{
	background: url("../gfx/random.jpg") no-repeat;
}

#category_navigation .flasche
{
	background: url("../gfx/flasche.jpg") no-repeat;
}

#category_navigation .naehe
{
	background: url("../gfx/naehe.jpg") no-repeat;
}

#category_navigation .wellness
{
	background: url("../gfx/wellness.jpg") no-repeat;
}

#category_navigation .sport
{
	background: url("../gfx/sport.jpg") no-repeat;
}

#category_navigation a.main
{
	text-align: center;
	padding: 8px 0px 5px 0px;
	text-transform: uppercase;
	font-size: 13px;
	background: url("../gfx/schwarz_transparent_80.png");
	display: block;
	width: 180px;
	text-decoration: none;
	cursor: pointer;
}

#category_navigation a:hover, #navigation_2 a.sub:hover
{
	color: #bd2c28;
}

#category_navigation ul.submenu
{
	list-style: none;
	width: 180px;
	margin-top: 1px;
}

#category_navigation ul.submenu li
{
	margin-bottom: 1px;
	text-align: center;
	width: 150px;
}

#category_navigation a.sub
{
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 3px;
	width: 174px;
	background: url("../gfx/schwarz_transparent_80.png");	
	cursor: pointer;
}

#content
{
	width: 586px;
	height: 374px;
	margin: 0px 0px 0px 5px;
	padding: 15px;
	overflow: hidden;
	float: left;
}


#scrollpane
{
	float: left;
	width: 586px;
	height: 374px;
	background: url("../gfx/transparent.gif");
}

h1
{
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #bd2c28;
}

h2
{
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #bd2c28;
}

p
{
	margin-bottom: 10px;
	line-height: 16px;
	font-size: 12px;
}

#content p
{
	font-size: 14px;
	line-height: 20px;
}

#footer
{
	text-transform: uppercase;
	margin: 60px 0px 0px 0px;
	float: left;
	width: 805px;
	font-size: 10px;
	position: relative;
}

#footer div
{
	width: 457px;
	position: absolute;
	top: 6px;
	left: 348px;
}

#facebook_icon
{
	display: block;
	width: 23px;
	height: 23px;
	background: url("../gfx/facebook_icon.gif") no-repeat;
	font-size: 0px;
	line-height: 0px;
	text-indent: -99999px;
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 313px;
	
}

#facebook_icon:hover
{
	background-position: -23px 0px;
}


#footer a
{
	color: white;
	text-decoration: none;
}

#bilderpanel
{
	margin-bottom: 15px;
	float: left;
	height: 220px;
	width: 586px;
}


#bilderpanel img.hauptbild
{
	display: block;
	float: left;
	width: 286px;
	height: 218px;
}

#bilderpanel img.small
{
	display: block;
	float: left;
	margin: 0px 0px 15px 15px;
	cursor: pointer;
	width: 85px;
	height: 85px;
}

#bilderpanel .left
{
	width: 286px;
	float: left;
}

#bilderpanel .right
{
	width: 300px;
	float: left;
}

a
{
	color: white;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}

.link
{
	cursor: pointer;
}

a.active, span.active
{
	color: #bd2c28;
}


.slideshow
{
	margin: 5px 0px 0px 15px;
	float: left;
	text-transform: uppercase;
	text-decoration: underline;
	cursor: pointer;
}

#soundslider
{
	width: 420px;
	height: 338px;
}

#slideshow
{ 
	display: none; 
	z-index: 100; 
	background-color: black; 
	min-height: 200px; 
	border: 1px solid #666; 
	padding: 10px;
}   

#flaschen
{
	width: 524px;
	height: 228px;
	background: url("../gfx/flaschen.png") no-repeat;
}

.flasche_033, .flasche_05, .vierer, .kasten
{
	position: absolute;
}

#flaschen area
{
	cursor: pointer;
}

.infozeile
{
	color: white;
	font-size: 12px;
	text-decoration: none;
}


ul.liste
{
	list-style: none;
	margin-bottom: 20px;
}

ul.liste li
{
	color: #bd2c28;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 7px;
	cursor: pointer;
}

ul.liste li a.link
{
	text-decoration: underline;
	color: #bd2c28;
}

ul.liste li div.infozeile
{
	margin-top: 5px;
}

p.recommend
{
	font-size: 11px !important;
	line-height: 16px !important;
	border-top: 1px solid white;
	padding-top: 15px;
}

.formular fieldset
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 0px;
	border-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.formular label
{
	display: block;
	float: left;
	width: 100px;
	padding-top: 5px;
	margin-right: 10px;
}

.formular input
{
	border: 1px solid #aaaaaa;
	padding: 2px;
	color: black;
	margin: 0px;
	width: 200px;
}

form.formular div
{
	margin-bottom: 5px;
}

.formular button
{
	margin-top: 20px;
}

.last
{
	margin-bottom: 0px !important;
}

.small
{
	font-size: 11px !important;
	line-height: 16px !important;
}

.special_center
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 15px;
	padding-bottom: 15px;
}

.info_msg
{
	color: #bd2c28;
	margin: 0px 0px 15px 0px;
}

#ueberschrift a
{
	text-decoration: none;
}






object#framework img
{
	margin: 0px auto 0px auto;
	display: block;
}

#noflash
{
	top: 229px;
	position: relative;
}




img.party
{
	display: block;
}