﻿.wrapper {
}

.wrapper .container {
}

/* Grid Gutter */
.grid {
}

.grid-inner {
	padding: 0 10px;
}

.grid .grid-inner {
}

.region-content .block {
}

.sidebar .block {
  margin-bottom: 21px;
}

/**
 * Main Container - 
 */
#main-wrapper {
}

.front #main-wrapper .container,
#main-wrapper .page-title-wrap .container {
  border-bottom: none;
  padding: 0;
  margin-bottom: 0;
}

#main-wrapper .container {
	border-bottom: 1px solid #323232;
	padding: 34px 0 0 0;	
}

.not-front #main-wrapper .container {
  border-bottom: none;
}

#main-wrapper .container-inner {
  float: right;
}

/**
 * Header top
 */
#header-top-wrapper {
  background: #fff;
}

#header-top-wrapper .grid-inner {
  padding-bottom: 6px;
  padding-top: 6px;
}
/**
 * Header
 */
 
 
   /** steuert die oberste Leiste*/
#header-wrapper {

  background: #ffffff;
  height: 100;
  

}

.accordion { 
  background: url(../images/overlay_trigger.png) 0 0 no-repeat;
  width: 31px; 
  height: 15px; 
  position:absolute; 
  right: 30px; 
  top: 0; 
  text-indent: -999em; 
  overflow:hidden; 
}

.accordion.active { 
  background-position: 0 -25px;
}

#header-wrapper .container {
	padding: 0px 0;
}

#header {
	clear: both;
}

/* Logo & Site name */
#logo {
	display:block;
	float: left;
	margin: 5px 10px 5px 0;
}

#name-and-slogan {
	float: left;
	line-height: 1.2;
	padding: 15px 0 0 0;
}

.site-name {
	color: #fff;
	margin: 0;
	font-size: 3em;
	font-family: 'rondamedium';
	font-weight: normal;
	line-height: 100%;
	text-transform: uppercase;
}

.site-name a {
	color: #fff;
	text-decoration: none;
}

.site-name a:visited {
}

.site-name a:hover,
.site-name a:focus,
.site-name a:active {
	color: #fff;
	text-decoration: none;
}

.site-slogan {
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: right;
}

/* Region */
.region-header {
  position: relative;
  margin-top: 30em;
}

/**
 * Main Navigation
 */
 
 /* Balken hinter Navigation */
#menu-bar-wrapper {
  float: none;
  padding: 26px 0 0 0;
  position: fixed;
  left: 0%;
  height: 282px;
  background: #ffffff;
  background: url(../images/menue_back_2020.png);
  background-repeat: no;
  background-position: center top; 
  width: 100%;
  z-index: 499; /* Drupal toolbar index is 600 */
  
}


#menu-bar-wrapper .menu-bar {
  position: relative;
  background: #ffffff;
  margin-top: 100px;
 
}

#menu-bar-wrapper .region-menu-bar {
	width: 100%;

	
}

/* Region */
.region-menu-bar {
}

/**
 * Main Content
 */
#main-content a {
color: D7000B;
}

#main-content {
}


#main-content .grid-inner {
	padding: 0 20px 20px 20px;
}

#main-content .region-content {
}

#main-content .region-content #block-system-main {
}

#main-content .region-content #block-system-main .block-inner {
	padding: 0;
}

#main-content .region-content #block-system-main .block-content {
	padding: 0;
	
}

#main-content .region-content #block-system-main .block-content a {
color: #fffff;
}

#main-content .region-content #block-system-main .block-content a:hover,
#main-content .region-content #block-system-main .block-content a:active,
#main-content .region-content #block-system-main .block-content a:focus
 {
color: #C2000B;
  text-decoration: none;
}


/* Content on Front-page */
body.front #main-content .region-content {
}

/* Content on other pages */
body.not-front #main-content .region-content {
}

/* Page Title *//*bearbeiten!!!!!!!!!!!!*/
.page-title-wrap {
  width: 1000px;
  height: 45px;
  margin: 0 auto 0px;
  background: url(../images/pattern.png) 0 0 repeat #E0940D;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  margin-top: 15px;
  padding-bottom: 7px;
  text-shadow: 3px 3px 5px black;

}

.page-title-wrap #page-title {
  color: #ffffff;
  font-size: 2.5em;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
}

#main-wrapper .page-title-wrap .container {
  padding: 5px 0 13px 0;
}

#page-title {
	margin: 0 0 .5em;
}

.in-maintenance #page-title {
	padding: 10px;
}

/**
 * Sidebars
 */
.sidebar {
}

.region-sidebar-first {	
}

#sidebar-first-wrapper > .grid-inner {
  background: url(../images/line.gif) repeat-y 100% 0;
}

#sidebar-second-wrapper > .grid-inner {
  background: url(../images/line.gif) repeat-y 0 0;
}

.region-sidebar-second {
}

/**
 * Panels
 */
.panel {	
}

.panel .container {	
}

/* --- First Panel --- */

#panel-first-wrapper {  
  padding-bottom: 20px;
  
}

#panel-first-wrapper .view-jcarousel {
  border-bottom: 1px solid #323232;
  padding-bottom: 30px;

}

/* --- Second Panel --- */
#panel-second-wrapper {  
  margin-bottom: 30px;
  
}

#panel-second-wrapper .block-inner {
  border-bottom: 1px solid #2e2e2e;
  border-top: 1px solid #2e2e2e;
  padding: 40px 0 18px 0;
}

/* --- Third Panel --- */
#panel-third-wrapper {
}






/* --- Footer Menu --- */
#menu-footer-wrapper .grid-inner {
  border-top: 1px solid #323232;
  margin: 0 10px;
  padding: 0;
}
                   
/**
 * Footer
 */
#footer-wrapper .grid-inner {
  border-top: 6px solid #323232;
  margin: 0 10px;
  padding: 25px 0 0;
}

#footer {
	position: relative;
}

#footer .tb-copyright {	
  display: block;
  clear: both;
  color: #a9a9a9;
  font-size: 0.917em;
  padding: 0;
}

#footer .tb-copyright a {
  color: #fff;
}

/* Region */
.region-footer {
}

/**
 * Other Pages
 */

/* --- Blogs --- */
.page-blog {
}
 
/* Blog Action Links */
.page-blog ul.action-links {
  margin: 0 0 2em;
  padding: 0;
}

.page-blog ul.action-links li {
  margin: 0;
}


.page-blog ul.action-links li a {
  background:#C2000B;
  border: 1px solid #e8bd05;
  color: #000;
  display: inline-block;
  font-size: 0.917em;
  padding: 5px 10px; 
  text-transform: uppercase; 
  vertical-align: middle;
  font-weight: bold;
}

.page-blog ul.action-links li a:hover,
.page-blog ul.action-links a:focus {
  background:#000;
  border: 1px solid #010101;
  border-bottom: 1px solid #323232;
  color: #FFF;
  text-decoration: none;
}

/* --- Profiles --- */
.profile {
	margin-top: 0;
}

.profile h3 {
	margin: 0 0 1em;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid #323232;
}


.profile .user-picture {
	float: none;
}

.profile .field {
}

.profile .field .field-label {
}

.profile .field .field-items {
}

.profile .field .field-items .field-item {
}

/* --- Search Results --- */
.search-results {
	margin: 0;
}

.search-results .search-result {
}

.search-results .title {
	font-size: 1.154em;
}

.search-results .search-snippet-info {
	padding: 0;
}

.search-results p {
	margin: 0;
}

.search-results .search-snippet {
}

.search-results .search-info {
	font-size: .923em;
}

span.search-info-type {
}

span.search-info-user {
}

span.search-info-date {
}

span.search-info-comment {
}

span.search-info-upload {
}

/* --- Poll Page --- */
.poll {
}

/* Vote Form */
.poll .vote-form {
	text-align: left;
}

.poll .vote-form .choices {
	margin: 0;
}

.poll .vote-form .choices .form-item {
}

/* Vote Result */
.poll .text {
}

.poll .bar {
	background: #DDD;
}

.poll .bar .foreground {
	background: #333;
}

.poll .percent {
	font-size: 0.92em;
	color: #7B7B7B;
}

.poll .total {
}

/* --- Feed Aggregator ---*/
/* Feed Items */
#aggregator .feed-item {
	margin-bottom: 40px;
}

#aggregator .feed-item .header {
}

#aggregator .feed-item .header h2 {
}

#aggregator .feed-item .content {
}

#aggregator .feed-item .footer {
}

#aggregator .feed-item .footer .meta {
}

#aggregator .feed-item .footer .categories {
}

/* Feed Lists */
#aggregator .feed {
	margin: 1em 0;
}

#aggregator .feed .summary-title {
}

#aggregator .feed .feed-url {
	margin: .5em 0 0;
}

#aggregator .feed .item-list {
}

#aggregator .feed .item-list ul {
}

#aggregator .feed .item-list ul li {
	background-image: none;
	margin: 1em 0 0;
	padding: 0;
}

#aggregator .feed .source {
	margin: .5em 0 0;
}

#aggregator .feed .time {
}

#aggregator .feed .feed-name {
	margin: 0;
}

#aggregator .feed .links a {
	margin: 0;
}

/* --- Maintenance Page --- */
.maintenance-page #skip-link {
	position: absolute;
	top: -99em;
}

.maintenance-page .footer {
}

.maintenance-page .footer a {
}

/**
 * Misc.
 */
 
/* Feed icons */
.feed-icon img {
	padding: 0 10px;
}

#feed-icons {
}

#feed-icons .feed-icon {
}

#feed-icons .feed-icon img {
}

#feed-icons a.feed-icon {
}



/**
 * Slideshow
 */
#slideshow-wrapper {
 /* background: #000000;*/

  background-position: 50px;
  margin: 0;
  padding: 4px 0;
  position: relative;
  z-index: 1;
}

#slideshow-wrapper .grid-inner {
  padding: 0;
}

/**
 * Intro
 */
#intro-wrapper { 
  margin-bottom: 50px;

}
 
#intro-wrapper .block-inner {
  border-bottom: 1px solid #323232;
  padding: 30px 0 30px 0;
}

#intro-wrapper h1 {
 
  font-size: 2.66em;
  color: #fff;
  font-weight: normal;
  margin: 0 0 15px;
  text-transform: uppercase;
}

#intro-wrapper h2 {
 
  font-size:1.5em;
  color: #EBA613;
  font-weight: normal;
  margin: 0 0 8px;
  text-transform: uppercase;
}



/**
 * Supported Views Formats
 */
/* --- Slideshow --- */
#intro-wrapper .container {
}

#intro-wrapper .block-content {
  padding: 0;
}

#intro-wrapper .region-slideshow {
  position: relative;

}

/* Titles */
#intro-wrapper .views-field-title {
  background: #333;
  bottom: 0;
  color: #FFF;
  font-size: 0.875em;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  display: none; /* Hide the title . Remove this line to show. */
}

#intro-wrapper .views-field-title .field-content {
  display: block;
  padding: .25em 2em;
}

#intro-wrapper .views-field-title a {
  color: #FFF;
}

#intro-wrapper .views-field-title a:hover,
#intro-wrapper .views-field-title a:active,
#intro-wrapper .views-field-title a:focus {
  color: #FFF;
  text-decoration: none;
}

/* Slideshow Navigator */
#intro-wrapper .views_slideshow_main {
  text-align: center;
}

.views-slideshow-cycle-main-frame-row {
  text-align: center;
  width: 100% !important;
  margin: 0 auto;
}

.views-slideshow-cycle-main-frame {
  overflow: hidden !important;
 border: 1px solid #fff;
 
 
  
}

/*>>>>>>>>>>>>>>>steuert Slideshow Controls*/

#intro-wrapper .views-slideshow-controls-bottom {
  background: url(../images/line-2.png) 0 0 repeat;
  bottom: 0;
  font-size: .92em;
  height: auto;
  padding: -10px 0;
  position: relative;
  right: 0;
  width: 100%;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
  visibility: hidden;
}

#intro-wrapper .views-slideshow-pager-fields {
  width: 760px;
  margin: 0 auto;
}

#intro-wrapper .views-slideshow-pager-field-item {
  float: left;
  margin: 0 auto;
  padding: 0 7px;
}
 
#intro-wrapper .region-slideshow:hover .views-slideshow-controls-bottom {
  display: block;
}

#intro-wrapper .views-slideshow-pager-field-item .views-content-field-slideshow {
  padding-top: 6px;
  opacity: 0.7;
}

#intro-wrapper .views-slideshow-pager-field-item .views-content-field-slideshow img {
  background: #000; 
  border: 1px solid #a;
  cursor: pointer;   
}

#intro-wrapper .views-slideshow-pager-field-item.active .views-content-field-slideshow {
  background:url(../images/arrow-5.png) 50% 0 no-repeat;
  opacity: 1;
}

#intro-wrapper .views-slideshow-pager-field-item.active .views-content-field-slideshow img {
  border: 2px solid #fff;
  background: #000;
}

#intro-wrapper .views-slideshow-controls-top {
  display: none;
}

#intro-wrapper .views_slideshow_controls_text {
 position:absolute;
 left: 0;
 top: 0;
 width: 100%;
}

.views-slideshow-controls-text-inner {
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#intro-wrapper .views_slideshow_controls_text span {
  display: block;
  width: 13px;
  height: 19px;
  background: url(../images/arrows.png) 0 -152px;
  position: absolute;
  top: 30px;
}

#intro-wrapper .views-slideshow-controls-text-pause {
  display: none !important;
}

#intro-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-next {
  right: 0;
  background-position: 0 -171px;
}

#intro-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-next:hover {
  background-position: 0 -209px;
}

#intro-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-previous {
  left: 0;
}

#intro-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-previous:hover {
  background-position: 0 -190px;
}

#intro-wrapper .views_slideshow_controls_text span a {
  display: block;
  width: 100%;
  height: 19px;
  overflow: hidden;
  text-indent: -999em;
}

#intro-wrapper .views_slideshow_slide_counter {
  background: #C00;
  color: #FFF;
  float: left;
  padding: .25em 1em;
  margin-left: 1px;
}

/* Slideshow Full Pager */
#intro-wrapper .view > .pager {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}

/* Slideshow Mini Pager */
#intro-wrapper .views-mini-pager {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}



/* --- Block Bandbestätigungen --- */
.bestaetigt {

  margin-bottom: .833em;
  color: #ffffff;
  font-size: 1.8em;
  margin-top: 0;
  padding-bottom: 10px;
  background: url(../images/bg-title.gif);
  background-repeat: no-repeat;
  background-position: 0px 23px;
}

/* Bandtext*/

#node-bandtext {
font-family: 'Oswald';
  
}

/*Bilder allgemeine Formatierung*/

#main-content-wrapper img  {
  border: 1px solid #ffffff;
}

/*Taxonomie-Links*/

#taxonomy-term.vocabulary-tags
 {
  border: 1px solid #ffffff;
}




.readmore a {
  background:url(../images/bg-readmore.gif) 0 0 repeat-x;
  border: 1px solid #010101;
  display: inline-block;
  color: #fff;
  font-size: 0.917em;
  text-transform: uppercase;  
  
}

.readmore a span {  
cursor: pointer;
display: inline-block;
padding: 2px 10px 2px 10px;
line-height: 15px;
color: #fff;

}

.readmore a:hover, .readmore a:active, .readmore a:focus {
  background: #000;
  border-bottom: 1px solid #2e3131;
  text-decoration: none;
}


.werbeblock {
}

.werbeblock  img{
border: 1px solid #ffffff;
}


.social-media-links {
float: right;
display: inline;
position: absolute;
right: 130px;
bottom: 127px;

}
.social-media-links img{
box-shadow: 1px 1px 3px #000000;

}

.language-switcher-locale-session {
float: right;
display: inline;
position: absolute;
right: 100px;
bottom: 127px;

}

.language-switcher-locale-session img{
border: 1px solid #ffffff;
box-shadow: 1px 1px 3px #000000;

}

.language-switcher-locale-session li{
list-style-type: none;
margin: 0;
}



.pane-title{
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.65em;
  margin-top: 0;
  padding-bottom: 15px;
  background: url(../images/bg-title.gif);
  background-repeat: no-repeat;
  background-position: 0px 60%;
  text-shadow: 2px 2px 3px #000000;
}

.zusatzpanel_startseite_links {
padding-right: 20px;
border-right: 1px solid #323232;
}

.zusatzpanel_startseite_mitte {
padding-left: 10px;
padding-right: 20px;
}

.zusatzpanel_startseite_rechts{
padding-left: 20px;
border-right: 1px solid #323232;
padding-right: 30px;
}

.jetztkaufen {
background:url(../images/bg-readmore.gif) 0 0 repeat-x;
  border: 1px solid #010101;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  font-size: 0.917em;
  text-transform: uppercase; 
    
	text-shadow:
    0 0 10px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 30px #FFFFFF,
    0 0 40px #FFCC00,
    0 0 70px #FFCC00,
    0 0 80px #FFCC00,
    0 0 100px #FFCC00;


}

.jetztkaufen a{

  background: url(../images/arrow-4.gif) 92% 50% no-repeat;
  cursor: pointer;
  display:inline-block;
  padding: 2px 17px 2px 10px;
  line-height: 15px;
  font-weight: bold;  
  color: #fff;
}

.jetztkaufen:hover, 
.jetztkaufen:active, 
.jetztkaufen:focus {
  background: #000;
  border-bottom: 1px solid #2E3131;
}

.jetztkaufen a:hover {
  text-decoration: none;
  font-weight: bold;
}



.jetztkaufen2 {
background:url(../images/bg-readmore.gif) 0 0 repeat-x;
  border: 1px solid #010101;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  font-size: 0.6 em;
  text-transform: uppercase; 
    
	text-shadow:
    0 0 10px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 30px #FFFFFF,
    0 0 40px #FFCC00;
	position: relative;
	float: right;


}

.jetztkaufen2 a{

  background: url(../images/arrow-4.gif) 92% 50% no-repeat;
  cursor: pointer;
  display:inline-block;
  padding: 5px 17px 5px 10px;
  line-height: 14px;
  font-weight: bold;  
  color: #fff;
}

.jetztkaufen:hover, 
.jetztkaufen:active, 
.jetztkaufen:focus {
  background: #000;
  border-bottom: 1px solid #2E3131;
}

.jetztkaufen2 a:hover {
  text-decoration: none;
  font-weight: bold;
}

.qanda {
  color: #ffffcc;
  font-weight: bold;
}

.wichtig {
  color: #ff3333;
}

