/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #F9B000; color: #fff; text-shadow: none; }
::selection { background: #F9B000; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Richard Kalisch
   ========================================================================== */

/*
 * PAGE MAIN
 */
body { font-family:Verdana; background:#EFEFEF; }
#main { border: 1px solid #BBB; background-color:#FFF; padding:1px; }
#main {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.20), 0 0 40px rgba(0, 0, 0, 0.10) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.20), 0 0 40px rgba(0, 0, 0, 0.10) inset; 
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.20), 0 0 40px rgba(0, 0, 0, 0.10) inset;
}
#container { width: 980px; margin:0 auto; }
#main > nav ul { background-color: #939fa6; }
#main > nav ul li { background-color: #939fa6; display: inline-block; border-right: 1px solid #FFF; padding: 0px 1px 1px; }
#main > nav ul li a { color: #FFF; text-decoration: none; font-size: 1.1em; padding: 7px 11px 3px; display: block; border-bottom: 3px solid #939fa6; }
#main > nav ul li a:hover { border-bottom: 3px solid #f9b000 }
#main > section, #main > aside { display: inline-block; width: 680px; vertical-align: top; }
#main > aside { width: 270px; margin: 0px 10px; padding-top: 25px; }
#main > section > article { padding: 10px; }
#main > aside a, #main > aside a:visited,#main > section a, #main > section a:visited { text-decoration: none; color: #F9B000; }
#main > aside a:hover, #main > section a:hover { text-decoration: underline; }
#container > header > hgroup { width: 50%; }
#container > header > .last-copy,#container > header > hgroup { display: inline-block; }
#container > header > .last-copy { padding-left: 175px; text-align: right; }
#container > header > .last-copy a,#container > header > .last-copy a:visited { color: #F9B000; text-decoration: none; }
.search .search_form .submit-header { vertical-align: middle; margin-left: 5px; }
#main > aside article > p { margin: 10px; }
#main > aside article p span, #main > aside article p { font-size: 0.9em !important; }

#main > section { padding-left: 15px; width: 650px; }

footer .page-bigfooter:before { content: ''; display: block; height: 1px; width: 100%; background-color:#FFF; }
footer .page-bigfooter { border-top: 1px solid #CCC; margin-bottom: 25px; }
footer .page-bigfooter ul { list-style: none; padding: 0; margin: 10px 10px 0; }
footer .page-bigfooter .page-footer-navigation > ul { display: inline-block; vertical-align: top; margin-right: 35px; }
footer .page-bigfooter .page-footer-navigation > ul:last-child { margin-right: 0; }
footer .page-bigfooter ul a { text-decoration: none; color: #333; }
footer .page-bigfooter .page-footer-navigation > ul > li > a { font-weight: bold; }
footer .page-bigfooter .page-footer-navigation > ul > li ul li { margin-bottom: 2px; }
footer .page-bigfooter .page-footer-navigation > ul > li ul li:last-child { margin-bottom: 0; }
footer .page-bigfooter .page-footer-navigation > ul > li ul li > a:hover { text-decoration: underline; }

/*
 * NEWS SLIDER
 */
div#slider { height: 275px; overflow: hidden; position: relative; width: 976px; margin:1px 0px -12px; }
div#slider ul { list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0; }
ul#tabs { right: 0; width: 320px; z-index: 2; text-align: right; }
ul#tabs h3 { margin: 0; }
ul#tabs li { font-family: Arial; font-size: 12px; }
ul#tabs li img { border: medium none; float: left; margin: 10px 10px 0 0; padding: 5px; }
ul#tabs li a { color: #222222; display: block; height: 60px; outline: medium none; padding: 10px; text-decoration: none; }
ul#tabs li a:hover { text-decoration: underline; }
ul#tabs li a.current { background: url("http://www.shaking-ground.de/skin/frontend/magento-boilerplate/shaking_ground_2011/css/images/feature-tab-current.png") repeat scroll 0 0 transparent; color: #FFFFFF; }
ul#tabs li a.current:hover { cursor: default; text-decoration: none; }
ul#output { height: 240px; position: relative; left: 0; width: 463px; }
ul#output li { height: 265px; position: absolute; width: 125px; }
ul#output li a { background: none repeat scroll 0 0 #000000; border-radius: 5px 5px 5px 5px; bottom: 10px; color: #FFFFFF; font-size: 11px; padding: 8px 12px; position: absolute; right: 10px; text-decoration: none; }
ul#output li a:hover { background: none repeat scroll 0 0 #f9b000; }

/*
 * HEADER IMAGE
 */
.header-image { position: relative; }
.header-image .header-image-caption { position: absolute; bottom: 25px; max-width 60%; background-color: #000; opacity: 0.8; padding: 3px 12px; right: 0; }
.header-image .header-image-caption p { color: #FFF; }

/*
 * NEWS
 */
.news-paging ul { list-style: none; margin: 0; padding: 0; }
article.news-list-entry { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #EEE; }
article.news-list-entry:last-child: { margin-bottom: 0; padding-bottom: 0; }
article.news-list-entry > header .news-list-title { }
article.news-list-entry > header .news-list-title a { text-decoration: none; color: #939FA6 !important; }
article.news-list-entry > header .news-list-title a:hover { color: #f9b000; }
article.news-list-entry .news-list-content, article.news-list-entry .news-list-image { float: left; width: 33%; }
article.news-list-entry .news-list-image { position: relative; overflow: hidden; }
article.news-list-entry .news-list-image img { vertical-align: middle; margin:0 auto; display: block; }
article.news-list-entry .news-list-content { width: 66%; }
article.news-list-entry .news-list-content p { margin: 0; line-height: 1.6em; padding-left: 10px; }
article.news-list-entry .news-list-content p span { color: #999; font-style: italic; }
article.news-list-entry .news-list-content p a { color: #f9b000; text-decoration: none; }
article.news-list-entry .news-list-content p a:hover { text-decoration: underline; }
.news-category-menu li.active a { border-bottom: #f9b000; }

.news-widget-catmenu ul,
.news-widget-mostpopular ul { list-style: none; padding: 0; margin: 10px; }
.news-widget-catmenu ul li,
.news-widget-mostpopular ul li { margin-bottom: 4px; }
.news-widget-catmenu ul li:last-child,
.news-widget-mostpopular ul li:last-child { margin-bottom: 0; }
.news-widget-mostpopular ul li a { text-decoration: none; }
.news-widget-mostpopular ul li > span:last-child { display: block; color: #777; font-size: 0.8em; }

.news-paging li { display: inline-block; margin: 0 2px; padding: 3px 4px; border-right: 1px solid #DDD; }
.news-paging li:nth-last-child(3) { border: none; }
.news-paging li:nth-last-child(-n+2),
.news-paging li:nth-child(-n+2) { font-size: 0.8em; margin: 0; border: none; }
.news-paging li.active { font-size:1.1em; font-weight: bold; }


/*
 * AKTUELLE AUSGABE
 */
.button { 
background: rgb(0,179,196);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwOTViZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(0,179,196,1) 0%, rgba(0,149,190,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,179,196,1)), color-stop(99%,rgba(0,149,190,1)));
background: -webkit-linear-gradient(top, rgba(0,179,196,1) 0%,rgba(0,149,190,1) 99%);
background: -o-linear-gradient(top, rgba(0,179,196,1) 0%,rgba(0,149,190,1) 99%);
background: -ms-linear-gradient(top, rgba(0,179,196,1) 0%,rgba(0,149,190,1) 99%);
background: linear-gradient(to bottom, rgba(0,179,196,1) 0%,rgba(0,149,190,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3c4', endColorstr='#0095be',GradientType=0 );
  border: 1px solid #6b5227;
  border-radius: 5px 5px;
  color: #EFEFEF;
  font-size: 2em;
  padding: 7px 17px;
  font-weight: bold;
  text-shadow: -1px -1px 0px #333;
}
#download-current { margin:0 auto; display: block; margin-bottom: 50px; }
.tx-powermail-pi1 { padding: 10px; color:#333; }
.tx-powermail-pi1 fieldset { background:none; }
.tx-powermail-pi1 #current_output #powermaildiv_uid6,
.tx-powermail-pi1 #current_output #powermaildiv_uid7,
.tx-powermail-pi1 #current_output #powermaildiv_uid8,
.tx-powermail-pi1 #current_output #powermaildiv_uid5 { display: inline-block; }
.tx-powermail-pi1 #current_output #powermaildiv_uid6 { width: 75px; }
.tx-powermail-pi1 #current_output #uid8,
.tx-powermail-pi1 #current_output #uid5 { width: 214px; }
.tx-powermail-pi1 #current_output #uid7,
.tx-powermail-pi1 #current_output #uid6 { width: 75px; }
.tx-powermail-pi1 #current_output #powermaildiv_uid8 { width: 220px; }


/* Artikel*/
article p { line-height: 1.6em; font-size: 0.9em; color:#333; }
.csc-textpic-caption { font-size: 7pt; }

.news-single-item h2 { font-size: 10pt; }


/* Artikle List*/

.news-list-content h2 ,
.news-list-content h3 { display: inline-block; margin: 0; font-size :0.9em; }



.news-catmenu { font-size: 1.0em; padding: 0; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* =============BANNER============= */



#top_banner {
  position:absolute;
  top:51px;
  left:50%;
  margin-left:-84px;
  z-index:-2;
}

#top_banner img{
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-363px;
  z-index:-2;
}

#oimg {
  position:absolute;
  top:51px;
  left:50%;
  margin-left:-84px;
  z-index:-4;
}

#layer1 {
  position:absolute;
  top:51px;
  left:50%;
  margin-left:-84px;
  z-index:99;
}

#right_banner {
  position:absolute;
  left:50%;
  margin-left: 484px;
    top: 96px;
    z-index: -3;
}

#right_banner img {
    left: 50%;
    margin-left: -80px;
    position: absolute;
    top: 45px;
    z-index: -3;
}

#rimg {
  position:absolute;
  left:50%;
  margin-left: 484px;
    top: 141px;
    z-index: -5;
}

#layer2 {
  position:absolute;
  left:50%;
  margin-left: 484px;
    top: 141px;
    z-index: 5;
}

.last-copy {
  position:absolute;
  top:2px;
  left:43%;
}

.last-copy br {
  display:none;
}

.last-copy a {
  margin-left:5px;
}


#anzeige {
  position:absolute;
  top:86px;
  left:50%;
  margin-left:-122px;
  -ie-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color:#939FA6;
}

#bdew {
  position:absolute;
  top:20px;
  left:50%;
  margin-left:-164px;
  z-index:1;
}

#bdew img {
  width: 500px;
}

#current-mag {
    left: 50%;
    margin-left: 394px;
    position: absolute;
    top: 100px;
}

#current-text {
    color: #f9b000;
    left: 28px;
    position: absolute;
    top: -5px;
    transform: rotate(13deg);
}

.last-copy {
  display: none !important;
}