/* RESET */
body, div, dl, dt, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockoute, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
ol, ul {list-style:none}
adress, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0;font-size:100%}
fieldset, img {border:0}
caption, th {text-align:left}
q:before, q:after {content:''}

/* SCHRIFTEN EINBETTUNG */
@font-face { font-family: 'XBAND Rough Regular'; src: url('XBAND-Rough.eot');	src: local('XBAND Rough Regular'), local('XBANDRough'), url('XBAND-Rough.woff') format('woff'), url('XBAND-Rough.ttf') format('truetype'), url('XBAND-Rough.svg#XBANDRough') format('svg'); }

/* ALLGEMEIN */
body { color: #50383f; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color: #882500; background-image: url(/media/media_css/bodyhg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; padding-top: 10px; padding-bottom: 20px; }
#complete { text-align: left; width: 960px; margin-right: auto; margin-left: auto; }

/* NAVI SERVICE */
#service { color: #c44e1d; font-size: 0.7em; text-align: right; letter-spacing: 1px; padding-top: 5px; padding-bottom: 20px; }
#service a:link, #service a:visited { color: #ffb732; font-weight: 700; text-decoration: none; padding-right: 5px; padding-left: 5px; }
#service a:hover, #service a.aktiv { color: white; }

/* NAVI */
#navi { font-size: 1.1em; background-color: #ab4f26; background-image: url(/media/media_css/navihg.gif); letter-spacing: 1px; padding: 15px 20px; }
#navi a:link, #navi a:visited { color: white; font-weight: 700; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#navi a:hover, #navi a.aktiv { color: #410; }

/* CONTENT */
#content { background-color: white; text-align: left; vertical-align: top; width: 660px; padding-top: 20px; padding-bottom: 30px; }
#content h1 { font-family: 'XBAND Rough Regular'; color: #882500; font-size: 3em; line-height: 1.3em; padding-top: 0; padding-right: 30px; padding-left: 30px; }
#content h1 strong { color: #ffb732; }
#content h2 { color: #a9a9a9; font-size: 0.8em; line-height: 1.6em; padding: 10px 30px; }
#content h3 { font-size: 1em; line-height: 1em; clear: both; padding: 20px 30px; }
#content h4 { font-size: 1em; line-height: 1em; clear: both; padding: 20px 30px 20px 0; }
#content h6 { color: #a9a9a9; font-size: 0.7em; font-weight: normal; line-height: 1.4em; margin: 0; padding: 5px 30px; }
#content h6 a { color: #a9a9a9; }
#content p { font-size: 0.8em; line-height: 1.6em; padding: 10px 30px; }
#content form { padding: 0px 30px; }
#content ol { font-size: 0.8em; font-style: italic; line-height: 1.6em; padding: 10px 30px 10px 50px; }
#content ul { font-size: 0.8em; line-height: 1.6em; }
#content p a:link, #content p a:visited, #content ul li a:link, #content ul li a:visited, #firmatable a:link, #firmatable a:visited, #content h2 a:link, #content h2 a:visited { color: #ffb732; font-weight: 700; }
#content p a:hover, #content ul li a:hover, #content h2 a:hover { color: #ab4f26; }

/* SPALTE */
#spalte { background-color: #313131; text-align: left; vertical-align: top; width: 300px; }
#spalte h1 { color: white; font-size: 0.8em; line-height: 1.6em; background-color: #4c4c4c; padding: 5px 10px; }
#spalte p { color: #a9a9a9; font-size: 0.7em; line-height: 1.6em; padding: 15px 10px; }
#spalte a { color: #c44e1d; font-weight: 700; }
.rundling { background-image: url(/media/media_css/rundlinghg.gif); background-repeat: no-repeat; background-position: right bottom; margin: 20px; border: solid 1px #4c4c4c; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* STARTNEWS */
#startnews { background-color: white; background-image: url(/media/media_css/startnewsschatten.gif); background-repeat: repeat-x; background-position: left top; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; }
#startnews h3 { color: #696969; font-size: 0.8em; background-color: #f5f5f5; background-image: url(/media/media_css/startnewsh3hg.gif); background-repeat: no-repeat; background-position: left top; margin: 0 0 5px; padding: 10px; border-bottom: 1px dotted #d3d3d3; }
#startnews p { color: #808080; font-size: 0.7em; margin: 0; padding: 5px 10px; }
#startnews a:link, #startnews a:visited { font-weight: 700; color: #808080; }
#startnews a:hover { color: black; }
.startnewser { background-color: white; background-image: url(/media/media_css/startnewshg.gif); background-repeat: no-repeat; background-position: right bottom; width: 200px; height: 380px; float: left; margin-right: 30px; padding: 0 0 10px; border: dotted 1px #d3d3d3; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* SITEMAP */
#sitemap { background-color: #ffb732; background-image: url(/media/media_css/sitemaphg.gif); background-repeat: no-repeat; background-position: right bottom; }
#sitemap h3 { padding: 7px 3px 7px 10px; }
#sitemap h3 a:link, #sitemap h3 a:visited { color: #fff0a5; font-size: 0.8em; text-decoration: none; }
#sitemap h3 a:hover { color: white; }
.sitemapper { background-color: #ab4f26; background-image: url(/media/media_css/sitemapperhg.jpg); background-repeat: no-repeat; background-position: right bottom; width: 200px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 30px; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.navlist { background-color: #eca92d; width: 200px; }
.navlist li { font-size: 0.65em; background-image: url(/media/media_css/sitemapperspitz.gif); background-repeat: no-repeat; background-position: left center; list-style: none; margin: 0; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #d89b2a; }
.navlist li a:link, .navlist li a:visited { color: #410; text-decoration: none; padding-left: 10px; }
.navlist li a:hover { color: white; }
.navlist li:hover { background-image: url(/media/media_css/sitemapperhg.gif); background-repeat: repeat-y; background-position: left top; }

/* FUSS */
#fuss { background-image: url(/media/media_allgemein/fuss.jpg); background-repeat: no-repeat; background-position: right bottom; padding-top: 20px; padding-bottom: 20px; }
#fuss p { color: #fff0a5; font-size: 0.65em; letter-spacing: 1px; padding-right: 40px; padding-left: 80px; }
#fuss a:link, #fuss a:visited { color: white; text-decoration: none; }
#fuss a:hover, #fuss a.aktiv { color: #fff0a5; }

/* KLASSEN */
.bira { background-color: white; padding: 6px; border: dotted 1px #dcdcdc; }
.birali   { background-color: white; margin-right: 10px; margin-bottom: 1px; padding: 6px; float: left; border: dotted 1px #e1e4cc;  }
.birare { background-color: white; margin-left: 10px; margin-bottom: 10px; padding: 6px; float: right; border: dotted 1px #e1e4cc;  }
.bili { margin-right: 10px; margin-bottom: 10px; float: left; }
.bire { margin-bottom: 10px; margin-left: 10px; float: right; }
.clearer { clear: both; }
.plus { background: url(/media/media_css/plus.png) no-repeat; display: block; text-indent: -999em; width: 24px; height: 24px; position: absolute; z-index: 1; }
.rss { background-image: url(/media/media_css/feed-icon-16x16.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.blase { background-image: url(/media/media_css/blase.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
.small { color: #a9a9a9; font-size: 0.65em; padding: 5px 30px 5px 30px; }
.roundsmall { color: #a9a9a9; font-size: 0.65em; padding: 10px; background-color: #f5f5f5; margin: 10px 30px 10px 30px; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundsmall a:link, .roundsmall a:visited { color: #696969; font-weight: 700; }
.roundsmall a:hover { color: #ab4f26; }
.sprechblase { background-image: url(/media/media_css/sprechblase.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }

/* TABLES */
#newstable { margin-top: 20px; margin-left: 30px; }
#newstable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; }
#kontakttable td  { font-size: 0.8em; line-height: 1.6em; vertical-align: top; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; }
#firmatable { margin-top: 20px; margin-right: 30px; margin-left: 30px; }
#firmatable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top; width: 50%; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; }
#reftable { margin-top: 20px; margin-right: 30px; margin-left: 30px; width: 500px; }
#reftable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top;  padding-top: 10px; padding-right: 15px; padding-bottom: 10px; }

#webrefaussen { margin-top: 20px; margin-left: 30px; }
.webref { background-color: #882500; width: 300px; height: 140px; float: left; margin-right: 10px; margin-bottom: 10px; padding-top: 5px; padding-left: 5px; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.biraweb { background-color: #fff5ee; float: left; margin-top: 10px; margin-left: 10px; padding: 6px; border: solid 1px #fff5ee; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.weblist { width: 180px; margin-top: 10px; margin-left: 110px; border-bottom: 1px solid #ab4f26; }
.weblist li { color: #e3dea4; font-size: 0.75em; list-style: none; margin: 0; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #ab4f26; }
.weblist li a:link, .weblist li a:visited { color: white; text-decoration: none; }
.weblist li a:hover { color: white; }
.weblist li:hover { background-color: #651b00; }
.biraweb { background-color: #fff5ee; margin-top: 5px; margin-left: 5px; padding: 6px; border: solid 1px #fff5ee; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.weblistinfo { background-image: url(/media/media_css/weblistinfo.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.weblistfirma { background-image: url(/media/media_css/weblistfirma.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.weblistkategorie { background-image: url(/media/media_css/weblistkategorie.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.weblisturl { background-image: url(/media/media_css/weblisturl.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }

#grafiktable { background-color: #882500; width: 600px; margin-top: 20px; margin-left: 30px; }
#grafiktable th  { color: #fff; font-size: 0.7em; font-weight: 700; background-color: #651b00; vertical-align: top; padding: 15px 10px; }
#grafiktable th a { color: white; text-decoration: none; padding-right: 20px; }
#grafiktable td { padding: 10px 5px; vertical-align: top; }
#grafiktable td h4 { color: white; font-size: 0.85em; margin: 0; padding: 0 0 10px; }
#grafiktable td p { color: #fff0a5; font-size: 0.75em; margin: 0; padding: 0 0 5px; }
.biragrafik { background-color: #651b00; margin-top: 5px; margin-left: 5px; padding: 6px; border: solid 1px #651b00; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* LIGHTBOX */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/media/media_lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/media/media_lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* VOTING */
table.voting { width: 600px; margin-top: 20px; margin-left: 30px; }
table.voting td, table.voting th, table.voting tr { font-size: 0.9em; line-height: 1.6em; text-align: left; margin: 0em; padding: 0em 0em 0.4em 0em; }
table.voting td.answer { width: 300px; }
table.voting td.result { width: 300px; }
table.voting div.votingBar { height: 1.3em;  background: #ffb732; }
table.voting div.resultPercent { position: absolute; }
input.votingAnswer { margin: 0.5em 1em 0em 0em;  border: 0; }
ul.unformattedList{ margin:0; padding:0; list-style-type:none; }
ul.unformattedList li{ clear:both; }

/* GLOSSAR */
ul#letterList { padding: 0; margin: 20px 0 20px 30px; }
ul#letterList li { display: inline; list-style: none; margin-right: 1em; }
ul#letterList li:first-child { margin-right: 2em; }
dl dt { font-size: 1em; line-height: 1em; padding: 20px 30px; }
dl dd { font-size: 0.8em; line-height: 1.6em; padding: 20px 30px 20px; }

/* SHADOWBOX PANO */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/media/media_pano/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/media/media_pano/close.png);}
#sb-nav-next{background-image:url(/media/media_pano/next.png);}
#sb-nav-previous{background-image:url(/media/media_pano/previous.png);}
#sb-nav-play{background-image:url(/media/media_pano/play.png);}
#sb-nav-pause{background-image:url(/media/media_pano/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}