/* core style sheet */
/* reset */
body, html, img, ul, ul ul, ul li, h1, h2, h3, h4, h5, h6,
form, fieldset, input, p,blockquote, table, th, td {margin: 0;padding: 0;}
/* typograhy line-height */
body {line-height:1.72;}
h1, h2, h3, h4 {line-height:1em;}
/* font family */
body {font-family: "Bitstream Vera Sans",Tahoma, Verdana, sans-serif;}
h1, h2,dl {font-family: "Fertigo","Charcoal","Bitstream Vera Serif", "DejaVu Serif","Rockwell", "Clarendon", "Egyptian", "slab serif", serif;/* serif type=slab serif */ ;}
/* font sizes */
body {font-size: 12px;}
h1{font-size: 29px ;}
#branding h2 {font-size: 23px ;}
h2, dl {font-size: 18px ;}
li.time{font-size: 16px ;}
h3,#site-information h2,.vcard .fn{font-size: 15px ;}
h4, #site-information li h3,ul li h3 {font-size: 14px ;}
p,li{font-size: 14px ;}
#raffle li h3 {font-size: 90% ;}
#site-information .navigation, li li li,.vcard .org, #tab-navigation ul li a {font-size: 12px ;}
#main-navigation li a, ul ul li h4, .navigation ul li a, .navigation li a,#branding span {font-size: 12px ;}
#site-information ul.copyright li {font-size: 12px ;}
#raffle p, .first p {font-size: 12px ;}
#secondary p {font-size: 13px ;}
/* typography position and style */
/* h1 */
h1 {background-image: url(h1.png);background-position: 0 6px;background-repeat: no-repeat ;}
h1 {margin: 0px 0 -6px 0; padding: 0 0 6px 0; letter-spacing: 1px; word-spacing:-3px ;}
#branding h2 {margin: 0; padding: 0 0 5px 0; letter-spacing: 0px; word-spacing:0px ;}
h1 {height:35px;width: 975px; }
h1 a {display:block;height:0;border-bottom: none 0px;text-indent: -9999px;}
h1 a {border-bottom: none 0px; }
h1 a:visited, h1 a:visited:hover, h1 a:hover, h1 a:focus, h1 a:active {border-bottom: none 0px;}
#primary h2 {background-image: url(h2-index.png);background-position: 0 0;background-repeat: no-repeat ;}
#primary h2 {margin: 0px 7px 12px 7px; padding:0px 0px 2px 0px;right:-4px; position:relative; }
#primary h2 {height:46px; width:593px;}
#primary h2 span {display:block;height:0;border-bottom: none 0px;text-indent: -9999px;}
/* typography else */
span.summary,.one span.caption,li.time {text-transform: uppercase;}
#branding h2 {margin-top:0.4em;padding:0;}
#site-information ul li h3 {margin 0;padding:0 0 7px 0;}
h2, h3, h4 {margin:0 10px 10px 10px;padding:7px 3px ;}
#content p{margin: 0 16px 10px 16px;}
{font-weight: normal;}
ul li.time,#container ul.navigation li span,#secondary ul li h3, #container ul.navigation li a,dl {font-weight: bold;}
.notices h3,#container ul.navigation li span,.one span.caption,.vcard .org {font-style: italic;}
#secondary ul {text-align:center}
#secondary ul li {text-align:left}
.vcard {padding:0;margin: 0;line-height:1.82;position:relative; top:-1em;}
.vcard .fn, .vcard .adr {word-spacing:0;margin-bottom:0.4em;}
#primary h2 {padding:0px 3px 3px 3px;line-height:22px;}
/* z-index */
#branding ,#primary, #primary .one, #site-information;{z-index:0;}
#secondary, #secondary ul li {z-index:1;}
/* anchors */
li a.continue,li a.continue:visited,li a.continue:visited:hover,li a.continue:hover,li a.continue:focus {background: #f8f8f8 url(/images/left-arrow.png) no-repeat center left ;padding-top: 0.1em;padding-left:1.2em;padding-right:0.6em;line-height: 1.3;margin-bottom: 0.5em;margin-left:0;}
li a.continue:visited:hover,li a.continue:hover,li a.continue:focus{background: #f8f8f8 url(/images/left-arrow.png) no-repeat center left ;}
a#skip {top:3.6em; right: 1.0em;padding: 0.2em 0.2em;}
a#rss {float: right;position: relative;padding-right:0.6em; right: 1.0em; top: -0.4em;font-weight: bold;}
a span.more-information{position:absolute;left: -9999px;width: 900px;}
a, a:visited, a:visited:hover, a:hover, a:focus {text-decoration:none;position: relative;}
a:hover, a:active, a:focus { clear: left; }
a:hover span.more-information, a:active span.more-information, a:focus span.more-information {left: 0px; top: 1.5em; padding: 0.8em 0.8em 1em 0.8em; width: 270px; line-height: 1.8; font-size: 12px;text-transform: none; letter-spacing: 1px;background: #050224; color:#dad7cc; border: 1px solid #dad7cc; text-decoration: none; clear: both;z-index: 100;}
/* visual content */
#content #visual-content {margin: 0; padding: 0;clear: both;width: 100%;}
#content #visual-content #header-img {width: 100%;height: 304px;margin: 0.7em 0 0.4em 0; overflow:hidden;}
#visual-content #header-img #second-header-img { width:400px; height: 315px;text-align: right; margin: 0 0 0 auto; padding: 0;}
/* navigation */
.navigation, #site-information ul {list-style: none inside none;}
.navigation {position: absolute;top: -2.4em ; margin:0 ; padding: 0 0 0 0.6em;background: transparent;}
.navigation li{display:inline;margin:0; padding: 0;background:transparent ; }
.navigation li span {margin-right: 1.2em;}
.navigation li a {font-weight: normal;line-height: 1.0; margin: 3px 7px ; text-align: center;}
#tab-navigation {margin:0 ;padding:0;text-align: left;}
#tab-navigation ul {margin:0 10px;padding:0;text-align: left;}
#tab-navigation ul li {display:inline;margin:0; padding:0;}
#tab-navigation ul li a{padding: 6px 6px;margin: 0;}
/* list styles main */
ul, ul li, ul ul, ul ul li, ul ul p, ul ul ul {list-style: none outside none;margin:0;padding:0;}
#primary ul li h3 {margin:0.6em 0 0.6em 0.6em;padding:0.6em 0.3em 0 0.3em;}
#primary ul#sponsors li h3 {margin:0.6em 0 0 0.6em;padding:0.6em 0.3em 0 0.3em;}
#primary ul li {line-height: 1.7;padding:0 0.3em 0.3em 0.3em;}
#primary ul ul {margin:0 0 0 0;padding:0;}
#primary ul ul li.basket {margin:0 0 0 0.6em;padding:0 0.3em 0 0.6em;}
#primary ul ul li ul {list-style: none outside none;margin:0;padding:0;}
#secondary ul li {line-height: 1.7;padding:0 0 10px 0;margin:0 7px;}
#secondary ul {padding:7px 0;}
#secondary ul ul li p {margin:0 0 10px 0;}
#secondary ul li h3 {margin: 10px 0px;padding:0;}
#secondary ul ul, #secondary ul ul li {margin:0 0 0 0;padding:0;}
#secondary ul ul li {margin-bottom: 7px;}
#raffle ul {margin-bottom: 0;padding-bottom:0;}
#site-information ul.copyright {width: 100%;float: left; clear: left;position: relative; bottom: 1em;left: 1em;margin-top: 3em;padding-top: 2em;}
#site-information ul.copyright li {display:inline;padding-right: 7px; }
/* list styles specifications */
/* list styles comments */
/* list styles errors */
#primary ul#errors {margin: 1em 0;}
#primary ul#errors li {display:block;background: transparent url(../images/tango-warning-icon.png) no-repeat center left ;padding-left:2.2em;line-height: 1.5;font-weight:bold;margin-bottom: 0.5em;margin-left: 0;}
#primary ul#errors li.heading, #primary ul#errors li.heading h3 {display:block;padding:0;color:#000;background: #fff; }
/* images */
.image {position:relative; left:0; float:right;clear:right;width:63.9%; height: 380px; margin: 1px 0 0px 0; padding: 0;overflow:hidden;background: #000;}
.image img {float:right;width:648px;height: 380px; margin:0;padding:0;border:solid 1px #393d40;background: #000;}
/*=========================================================================
|
| file: styling.css
| descr: Individual Styling of jQuery.popeye-Boxes
| version: 1.1.1 - 2008/11/11 11:11
|
| ------------------------------------------------------------------------
|
| author: Christoph Schuessler
| aut. url: http://herr-schuessler.de
|
================================================================================*/
.popeye-stagewrap {
background-color:#122722;width: 320px;height: 277px;overflow:hidden;
}
.popeye-stage {
border: 1px solid #393d40;
border-bottom: 1px solid #393d40;
border-right: 1px solid #393d40;
cursor: pointer;
}
.popeye-tools-wrap {
font-size: 12px;
color: #E4E9E9;
}
.popeye-cap {
height: 34px;
margin: 7px 0 0 0;
clear: both;
line-height: 1.4em;
}
.popeye-hasjs {
padding: 10px !important;
}
.popeye-isloading {
background: #000 url(files/gfx/loading.gif) no-repeat center;
}
.popeye-haspopped {
border: 1px solid #333 !important;
background: #122722 !important;
}
.popeye-haspopped .popeye-stage {
border: 1px solid #333;
background: #122722;
}
#popeye1 {float: left; clear:left;width: 326px;height: 380px;}
#popeye1 {background:#892D20;float: left; padding: 10px 16px 10px 16px; /* allow for fallback scrollbars */
margin: 0px 0px 0px 3px;overflow:hidden;position:relative;border:solid 1px #393d40;}
#popeye1 .popeye-tools {
padding: 6px 0px 6px 0px;position:relative;
border-bottom: 1px solid #3b231a;
}
#popeye1 .popeye-tools span{
float: left;position:relative;
line-height: 18px;
}
#popeye1 .popeye-tools a {
display:block;
float: left;
height: 20px;
line-height: 18px;
color: #E4E9E9;
font-weight:bold;
text-decoration:none;
text-align: center;
}
#popeye1 .popeye-tools a:hover {
color: #E4E9E9;
}
#popeye1 .popeye-prev {
background: #892D20;
width: 48px;
margin: 0 10px 0 0px;
}
#popeye1 .popeye-enlarge {
background: #892D20; text-indent:-1200px;
margin: 0 10px 0 0px; padding: 0 6px 0 6px;
width: 0px;
}
#popeye1 .popeye-next {
margin: 0 10px 0 10px;
text-align: right; top: 6px;position:absolute; right:0;
background: #892D20; width: 48px; padding: 0 6px 0 6px;
}
#popeye1 .popeye-count {
margin: 0 10px 0 10px;
}
/* forms */
form { margin: 1.6em 0.8em 1em; padding:0;border: none;}
fieldset {border: none;margin: 0; padding: 0 1em; }
label {display: block;border: none; padding: 0.3em 0;font-size:1.0em;font-weight: bold;}
input, textarea, input#submit {font-weight: bold;}
input#submit {display: block;border: solid 1px #ede9e8;margin: 0.4em 0; padding: 0.3em 0.3em;}
input[type=text]:focus, textarea:focus {background:#fff; color: #393d40;}
input[type=text]:focus:visited, textarea:focus:visited {background:#fff;}
input[type=text]:focus:hover, textarea:focus:hover {background:#fff;}
/* site-information */
/* clearfix */
.clearfix:after {content: "."; display: block; height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end clearfix */
/* fix opacity */
{
filter: alpha(opacity=50); /* internet explorer */
-khtml-opacity: 0.5; /* khtml, old safari */
-moz-opacity: 0; /* mozilla, netscape */
opacity: 0.5; /* fx, safari, opera */
}