/*
Theme Name: Bier
Theme URI: http://wordpress.org/
Description: Das Warsteiner Theme.
Version: 1.0
Author: Alexander Puell
Author URI: http://www.dfacts.de/
Tags: Bier, Bier, das schmeckt gut!
*/

html {
height:100%;
margin:0;
padding-bottom:1px;
background: #000;
}

body {
background:transparent;
color:#fff;
margin:0;
padding:0;
text-align:center;
width:100%;
}

img {
border:none;
}

a {
color:#c96;
text-decoration:none;
}

a:hover {
color:#000;
outline:none;
}

a:visited {
color:#a98;
}

a:visited:hover {
color:#666;
}

.blacklink {
color:#000;
font-size:16px;
}

.blacklink:visited {
color:#333;
}

#frame {
margin:0 auto;
text-align:left;
width:960px;
}

#top {
clear:none;
float:left;
width:960px;
}

#all {
font-family:lucida grande, sans-serif;
font-size:13px;
line-height:18px;
width:960px;
}

#header {
background:url(images/header.jpg) no-repeat;
height:136px;
width:960px;
}

#main {
float:left;
margin-bottom:31px;
text-align:left;
width:620px;
}

.mainframe {
/* width:620px; */
}

.back {
background:#c7c7c7;
margin-bottom:20px;
padding-bottom:1px;
}

.maincont {
background:#fff;
color:#000;
height:105px;
overflow:hidden;
padding:15px 25px 15px 20px;
/* width:620px; */
}

.mainbigcont {
background:#fff;
color:#000;
margin-bottom:1px;
padding:15px 30px 30px 15px;
/* width:620px; */
}

.mainhead {
background:url(images/gold_bg.png) no-repeat;
border-bottom:solid 1px #000;
color:#fff;
font-size:12px;
letter-spacing:.1em;
line-height:20px;
padding-left:15px;
text-transform:uppercase;
/* width:605px; */
}

.mainleft {
clear:both;
float:left;
margin-bottom:20px;
width:300px;
}

.mainright {
clear:none;
float:right;
margin-bottom:20px;
margin-left:20px;
width:300px;
}

.lilmaincont {
background:#fff;
color:#000;
cursor:pointer;
height:75px;
margin-bottom:1px;
width:300px;
}

.date {
font-size:11px;
line-height:16px;
}

.foto {
background:url(images/flickr_offline.png) #ccc;
cursor:pointer;
float:left;
height:75px;
margin-right:20px;
width:75px;
}

.fotoright {
height:65px;
overflow:hidden;
padding-top:10px;
width:280px;
}

.fotosideright {
height:60px;
overflow:hidden;
padding-top:10px;
/* width:300px; */
}

.fotolilmainright {
height:60px;
overflow:hidden;
padding-right:20px;
padding-top:10px;
/* width:185px; */
}

.fotomainright {
height:65px;
overflow:hidden;
padding-bottom:10px;
padding-top:10px;
}

.lilmainhead {
background:url(images/gold_sm.png) no-repeat;
border-bottom:solid 1px #000;
color:#fff;
font-size:12px;
line-height:20px;
padding-left:8px;
text-transform:uppercase;
/* width:292px;*/
}


.listwindow {
	height: 228px;
	overflow: hidden;
}

.mainlistwindow {
	height: 304px;
	overflow: hidden;
}

.mainlistwindow {
/* height:304px;*/
/* overflow:hidden; */
/* width:620px; */
}

.listwindow.partyteaser {
width:320px;
}

.listpane {
position:relative;
}

.listnav {
float:left;
height:20px;
width:65px;
}

#sidebar {
clear:none;
float:right;
font-family:lucida grande, sans-serif;
font-size:13px;
margin-left:0;
text-align:left;
width:320px;
}

.sidecont {
background:#fff;
color:#000;
cursor:pointer;
}

.sidecont.partyteaser {
height:75px;
margin-bottom:1px;
}

#recent-flickr-photos {
margin-bottom:20px;
width:320px;
}

#recent-flickr-photos h2 {
font-weight:400;
line-height:20px;
margin:0;
}

#wfm-recent-widget {
background:#e8e8e0;
border-top:solid 1px #000;
margin-top:-1px;
padding-bottom:3px;
padding-left:3px;
padding-top:5px;
}

#wfm-recent-widget #flickrfoot {
display:none;
}

#wfm-recent-widget img {
margin-bottom:3px;
margin-right:3px;
}

.sidehead {
background:url(images/gold.png) no-repeat;
border-bottom:solid 1px #000;
color:#fff;
font-size:12px;
line-height:20px;
margin-top:20px;
padding-left:15px;
text-transform:uppercase;
/* width:320px; */
}

.sidehead.first {
margin-top:0px
}

#sidebar ul {
list-style-type:none;
margin:0;
padding:0;
}

#sidebar ul ul {
background:#fff;
color:#000;
list-style-type:none;
margin:0;
padding:15px 15px 15px 10px;
/* width:320px; */
}

#sidebar ul li {
list-style-type:none;
margin:0;
padding:0;
}

.widgettitle {
background:url(images/gold.png) no-repeat;
border-bottom:solid 1px #000;
color:#fff;
font-size:12px;
line-height:20px;
padding-left:15px;
text-transform:uppercase;
/* width:320px; */
}

.FlickrManager_widget_recent_flickr .widgettitle {
	position:relative;
	top:0;
	left:0;
	height: 20px;
}

.FlickrManager_widget_recent_flickr .widgettitle span a {
background:url(images/flickr_sidebar_logo.gif) no-repeat;
display:block;
position:absolute;
right:0;
text-indent:-999em;
top:0;
width:35px;
}

.subhead {
font-size:14px;
font-weight:700;
line-height:18px;
margin-bottom:8px;
text-transform:uppercase;
}

.searchhead {
margin:0;
padding:0;
}

#footer {
height:35px;
margin-bottom:150px;
margin-left:auto;
margin-right:auto;
width:960px;
}

#midfoot {
background:url(images/black.png) repeat;
color:#fff;
font-family:lucida grande, sans-serif;
font-size:12px;
letter-spacing:.1em;
padding:10px 15px 10px 18px;
text-align:left;
text-transform:uppercase;
/* width:587px; */
}

#midfoot a:hover {
color:#979797;
}

#commentsbox {
background:#fff;
color:#000;
padding:20px 25px 50px 18px;
/*width:577px;*/
}

#commentsbox .navigation {
 width:100%; 
}

#respond {
background:#fff;
border-top:solid 1px #c7c7c7;
color:#000;
padding:20px 25px 50px 18px;
/*width:577px;*/
}

h3 {
font-size:14px;
font-weight:700;
text-transform:uppercase;
}

.formbox {
padding-left:15px;
}

.formlabel {
color:#676767;
padding-top:15px;
}

.formarea {
padding-bottom:15px;
padding-left:15px;
}

.formbut {
margin-left:351px;
width:100px;
}

.commentxt {
background:#e7e7e7;
border:solid 1px #c7c7c7;
width:421px;
}

.cbox {
background:#e7e7e7;
border:solid 1px #c7c7c7;
width:200px;
}

.cauthor {
color:#963;
font-size:11px;
}

.cdate {
color:#979797;
font-size:11px;
}

.ctxt {
border-bottom:solid 1px #e7e7e7;
color:#000;
font-size:11px;
line-height:13px;
margin-bottom:15px;
padding-bottom:5px;
}

.cmeta {
line-height:13px;
}

.clegend {
color:#c7c7c7;
font-size:12px;
}

.headline {
font-size:20px;
font-weight:700;
line-height:23px;
text-transform:uppercase;
}

.flyer {
cursor:pointer;
float:left;
height:200px;
margin-bottom:15px;
margin-right:15px;
width:160px;
}

.lowercase {
text-transform:lowercase;
}

.staticmap {
border-bottom:solid 1px #999;
border-left:solid 1px #fff;
border-right:solid 1px #999;
border-top:solid 1px #fff;
}

.searchead {
clear:left;
color:#000;
float:left;
font-size:12px;
height:25px;
line-height:27px;
margin:0;
padding:0;
text-align:left;
text-transform:uppercase;
}

.searchtxt {
border:solid 1px #983;
clear:none;
float:left;
font-family:lucida grande, sans-serif;
font-size:12px!important;
height:20px!important;
line-height:16px;
margin:3px 5px 0;
padding:2px 5px!important;
width:175px!important;
}

.searchbut {
background:#97804d;
border:solid 1px #97804d;
clear:none;
color:#fff;
display:block;
float:right;
font-size:11px!important;
font-weight:700;
height:20px!important;
margin:3px 5px 0 0;
text-transform:uppercase;
width:60px;
}


.searchlabel {
color:#fbfcf7;
display:block;
float:left;
letter-spacing:.1em;
}

.searchbut:hover,.searchtxt:focus {
border:solid 1px #fd3;
outline:none;
}

.bigfoto {
background:#000;
height:300px;
width:620px;
}

.social {
background:url(images/black.png) repeat;
padding:20px 3px 10px 10px;
/* width:320px; */
}

.socialtxt {
/* line-height:18px; */
}

.social .ilsb-child {
	clear: left;
	display: block;
	float: left;
	margin:0;
	position: static!important;
}

#searchform {
margin:0;
padding:0;
}

.fake {
background:#c7c7c7;
height:300px;
width:320px;
}

.categories {
background:#fff;
width:320px;
}

ul.categories {
list-style:none outside;
margin:0;
padding:0;
}

ul.categories li.cat-item {
border-bottom:solid 1px #b2b2b0;
color:#666;
display:block;
line-height:2em;
margin:0;
padding:0;
}

#sidebar ul.categories ul.children {
margin:0;
padding:0;
width:100%;
}

#sidebar ul.categories ul.children li {
background:#fff;
border-bottom:none;
border-top:solid 1px #b2b2b0;
padding-left:10px;
}

#sidebar ul.categories ul.children li:hover,
ul.categories li.cat-item:hover {
 background:#f4f4e8;
}

ul.categories li a:hover,ul.categories li a {
color:#000;
cursor:pointer;
padding-left:15px;
}

.featleft {
color:#000;
float:left;
min-height:75px;
width:280px;
}

.featright {
color:#000;
float:right;
min-height:75px;
width:280px;
}

.alignleft {
float:left;
margin-bottom:15px;
margin-right:15px;
}

.alignright {
float:right;
margin-bottom:15px;
margin-left:15px;
}

.aligncenter {
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
}

#gallery-flickr-start {
margin-top:15px;
min-height:158px;
}

.gallery ul li {
float:left;
height:75px;
margin:0 7px 7px 0;
padding:0;
width:75px;
}

.gallery ul li img {
background:url(images/loading75.gif) no-repeat center #fff;
display:block;
height:75px;
width:75px;
}

.clear {
clear:both;
}

#teaserblock {
border:solid 1px #7D6D60;
height:265px;
left:0;
margin-bottom:20px;
position:relative;
top:0;
width:618px;
}

#teaserslide {
background:no-repeat #000;
height:265px;
left:0;
margin-bottom:20px;
overflow:hidden;
position:absolute;
top:0;
width:618px;
}

#clicky {
height:265px;
left:0;
position:absolute;
top:0;
width:620px;
z-index:999;
}

#teasertxt {
background:url(images/black.png) repeat;
bottom:0;
color:#fff;
font-size:13px;
height:15px;
left:0;
line-height:15px;
overflow:hidden;
padding:10px 15px;
position:absolute;
width:588px;
z-index:999;
}

#teasertxt a:hover {
color:#fc0;
}

#teasernav {
margin-right:3px;
margin-top:3px;
position:absolute;
right:0;
top:0;
z-index:1000;
}

.circle {
cursor:pointer;
float:left;
height:10px;
margin-right:5px;
margin-top:5px;
width:10px;
}

.flyerframe {
font-size:13px;
line-height:21px;
margin-top:15px;
}

.uppercase {
text-transform:uppercase;
}

.big {
font-size:14px;
}

.vbig {
display:block;
font-size:16px;
margin-bottom:5px;
}

.flyerbox {
float:left;
margin-right:15px;
text-align:left;
width:240px;
}

.flyeright {
float:right;
width:316px;
}

.greylabel {
color:#979797;
float:left;
font-size:14px;
width:80px;
}

.brownlink {
color:#963;
}

.greyhead {
color:#979797;
font-size:14px;
}

.contentbox {
background:#fff;
border-bottom:solid 1px #c7c7c7;
clear:left;
color:#000;
padding:15px 25px 20px 18px;
text-align:left;
/* width:577px; */
}

.navigation {
background:#fff;
clear:left;
color:#000;
padding:5px;
/* width:610px; */
}

.leftnav {
float:left;
text-align:left;
width:300px;
}

.rightnav {
float:right;
text-align:right;
width:300px;
}

.mapbox {
background:#fff;
border-bottom:solid 1px #c7c7c7;
clear:left;
color:#000;
padding:20px 25px 20px 18px;
text-align:left;
/* width:620px; */
}

.lilmap {
float:right;
height:162px;
margin-bottom:auto;
margin-left:15px;
margin-top:auto;
width:242px;
}

.mapleft {
float:left;
font-size:13px;
line-height:23px;
width:314px;
}

.greybar {
background:url(images/gen_bg.gif) no-repeat #fff;
border-bottom:solid 2px #c7c7c7;
color:#000;
height:27px;
padding:7px 0 1px 18px;
/* width:620px; */
}

.ameta {
background:#fff;
color:#c7c7c7;
font-size:11px;
line-height:16px;
padding: 5px 0px 0px 18px;
/* width:620px; */
}

.bmeta {
color:#c7c7c7;
font-size:11px;
line-height:16px;
}

.featframe {
font-size:11px;
line-height:18px;
}

.featbox {
background:url(images/featbg-8bit.png) repeat-x;
/*
border-bottom:solid 1px #5b4b3e;
border-left:solid 1px #7D6D60;
border-right:solid 1px #f2e7c9;
border-top:solid 1px #fff;
*/
clear:left;
color:#000;
cursor:pointer;
margin-bottom:20px;
padding-right:25px;
text-align:left;
height: 132px;
/* width:618px; */
}

.smfeatbox {
background:url(images/featbg_sm.gif) repeat-x;
border-bottom:solid 1px #5b4b3e;
border-left:solid 1px #7D6D60;
border-right:solid 1px #f2e7c9;
border-top:solid 1px #fff;
clear:left;
color:#000;
cursor:pointer;
margin-bottom:20px;
padding-right:25px;
text-align:left;
/* width:618px; */
}

.smfeatbox a:hover,.featbox a:hover {
color:#9f844c;
}

.featpix {
float:left;
height:75px;
margin:15px 20px 15px 18px;
width:231px;
}

.featcont {
float:right;
height:9em;
margin:15px 0;
overflow:hidden;
width:300px;
}

.smfeatcont {
float:right;
height:75px;
margin:15px 0;
overflow:hidden;
width:300px;
}

.fotos {
background:url(images/flickr_offline.png) #ccc;
cursor:pointer;
float:left;
height:75px;
margin-right:2px;
width:75px;
}

.lilflyer {
float:left;
height:100px;
width:100px;
}

.lilright {
float:left;
height:100px;
margin-left:15px;
overflow:hidden;
width:116px;
}

.llistbox {
background:#fff;
color:#000;
cursor:pointer;
float:left;
height:75px;
margin-bottom:1px;
text-align:left;
width:310px;
}


.rlistbox {
background:#fff;
color:#000;
cursor:pointer;
float:right;
height:75px;
margin-bottom:1px;
text-align:left;
width:309px;
}


.greyhover:hover {
 background:#f4f4e8!important;
}


.mainfillbox {
background:#fff;
float:right;
height:75px;
margin-bottom:1px;
width:309px;
}

.mainlfillbox {
background:#fff;
float:left;
height:75px;
margin-bottom:1px;
width:310px;
}

.lilmainfillbox {
background:#fff;
height:75px;
margin-bottom:1px;
width:300px;
}

.sidefillbox {
background:#fff;
height:75px;
margin-bottom:1px;
width:320px;
}

.formular {
background:#fff2dd;
border:solid 1px #c7c7c7;
margin-left:20px;
padding:15px 15px 5px 20px;
/* width:445px; */
}

.formularlabel {
float:left;
width:150px;
}

.smallabel {
float:left;
font-size:11px;
margin-left:10px;
width:270px;
}

.formular textarea {
border:inset 1px #c7c7c7;
margin-left:5px;
padding:2px;
width:250px;
}

.formular select {
margin-left:5px;
}

.formular input[type="text"] {
padding:2px;
width:250px;
}

.formular .submit input {
margin-left:300px;
width:100px;
}

.formular .glast {
float:left;
margin-top:-2px;
width:20px;
}

.formular .gsubmit input {
width:100px;
}

.formular .flast {
padding-top:5px;
}

#gallery-flickr-pullout {
height:75px;
width:237px;
}

.shortgallery ul li {
float:left;
height:75px;
margin:0 2px 0 0;
padding:0;
width:75px;
}

.shortgallery ul li img {
display:block;
height:75px;
width:75px;
}

.sideteaser {
background:url(images/black.png) repeat;
padding:10px 10px 0;
margin-bottom: 20px;
/* width:320px; */
}

.lilspace {
height:10px;
}

#cont {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 70;
	overflow : auto;
	width: 100%;
}


#fsImage {
position:fixed;
width : 100%;
height : 100%;
overflow : hidden;
}

#fsImage td {
height:100%;
overflow:hidden;
width:100%;
}

#fsImage div table{
height:200%;
left:-50%;
position:absolute;
top:-50%;
width:200%;
}

#fsImage td {
text-align:center;
vertical-align:middle;
}

#fsImage img {
min-height : 50%;
min-width : 50%;
margin : 0 auto;
}

#fsImage img.init {
min-height:0;
min-width:0;
}

#google-party-map div {
color:#000;
}

b.gold {
color:#ebcd93;
padding-right:10px;
}

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

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}

span.count {
color:#aaa;
}


:focus,a:focus,.FlickrManager_widget_recent_flickr .widgettitle span a:focus {
outline:none;
}

.blacklink:hover,.blacklink:visited:hover,.brownlink:hover {
color:#c96;
}

.whitelink,#midfoot a {
color:#fff;
}

.whitelink:hover,.whitelink:visited:hover {
color:#ffc;
}

.whitelink:visited,#teasertxt a {
color:#ebeebe;
}

.singleleft,.singleright {
color:#fff;
/* width:620px; */
}


.social a img {
	cursor: pointer;
}

html[xmlns] .clearfix {
display:block;
}

.gallery ul,.shortgallery ul {
list-style:none outside;
margin:0;
padding:0;
}

.featcont p,.smfeatcont p {
display:inline;
}

#ss_s {
	text-align: center;
	width: 500px;
	height: 399px; 
	border:solid 1px #000;
}

#ss_ctrl_bg {
	height: 24px; 
	background: url(images/litebox-ui.png) 0 -24px repeat-x;	
	position: absolute;
	left:0;
	bottom:0px;
	width: 100%; 
	z-index: 2000;
}

#ss_ctrl {
	clear: left;
	height: 24px; 
	width: 120px;
	margin:0 auto;
}

.liteboxflickr,
.liteboxprev,
.liteboxnext,
.liteboxplay,
.liteboxstop,
.liteboxclose {
	display: block; 
	height: 24px; 
	width: 25px;
	text-indent: -999em;
	float: left;
	clear: none;
}

.liteboxflickr {
	width: 27px;
	margin-right: 5px;
	float: right;
	clear: none;
}

#ss_s:focus,
#ss_ctrl:focus,
#ss_ctrl_bg:focus,
.liteboxprev:focus,
.liteboxnext:focus,
.liteboxplay:focus,
.liteboxstop:focus,
.liteboxclose:focus {
	outline: none;
	border: none;
}



.liteboxprev {
	background:url(images/litebox-ui.png) -201px 0px no-repeat;
}
.liteboxnext {
	background:url(images/litebox-ui.png) -226px 0px no-repeat;
}
.liteboxplay {
	background:url(images/litebox-ui.png) -255px 0px no-repeat;
}
.liteboxclose {
	background:url(images/litebox-ui.png) -280px 0px no-repeat;
}
.liteboxstop {
	background:url(images/litebox-ui.png) -316px 0px no-repeat;
}
.liteboxflickr {
	background:url(images/litebox-ui.png) -464px 0px no-repeat;
}



.liteboxprev:hover {
	background:url(images/litebox-ui.png) -1px 1px no-repeat;
}
.liteboxnext:hover {
	background:url(images/litebox-ui.png) -26px 1px no-repeat;
}
.liteboxplay:hover {
	background:url(images/litebox-ui.png) -55px 1px no-repeat;
}
.liteboxclose:hover {
	background:url(images/litebox-ui.png) -80px 1px no-repeat;
}
.liteboxstop:hover {
	background:url(images/litebox-ui.png) -116px 1px no-repeat;
}

#main .contentbox object {
	z-index:1
}