/* -----------------------------------------------------------------------------
  rapidCMS V4.3 Screen Styles (responsive)
  CSS-Modul: Layout
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
  IMPORTE
----------------------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Prata);
@import url(http://fonts.googleapis.com/css?family=Six+Caps);

/* -----------------------------------------------------------------------------
  OVERRIDES
----------------------------------------------------------------------------- */

.grid { max-width: 1140px; padding-left: 0; padding-right: 0; margin-top: 0; background: none; }

h1 { font: normal 30px 'lato', arial, verdana, sans-serif; color: #a38873; padding-left: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
h2 { font-size: 16px; font-weight: bold; padding: 0; margin: 6px 0; }
h3 { font-size: 12px; font-weight: bold; padding: 0; margin: 4px 0; }
h4 { font-size: 10px; font-weight: bold; padding: 0; margin: 4px 0; }
h5 { font-size: 10px; font-weight: normal; padding: 0; margin: 0; margin-bottom: 4px }

nav.standard.mainmenu { margin: 0px; background: none; width: 100%; }
nav.standard.mainmenu ul li { list-style: none;	float: left; margin-right: 0px; }
nav.standard.mainmenu ul a { display: block; color: #fff; background: #000;  }
nav.standard.mainmenu ul li a { padding: 12px 20px; text-decoration: none; font-size: 14px; color: #fff; }
nav.standard.mainmenu ul a:hover { background: #cb2027; color: #fff; }
nav.standard.mainmenu ul {  background: #000; border: none; padding-left: 0px;}
nav.standard.mainmenu ul ul { background: #666; }
nav.standard.mainmenu ul ul li { width: 180px; }
nav.standard.mainmenu ul ul li a { padding: 10px 16px; text-decoration: none; font-size: 13px; color: #fff; }

nav.standard.mainmenu2 { margin: 0px; background: none; width: auto; }
nav.standard.mainmenu2 ul {  background: none; border: none; padding-left: 0px; padding-top: 48px;}
nav.standard.mainmenu2 ul li { list-style: none;	float: left; margin-right: 0px; }
nav.standard.mainmenu2 ul a { display: block; color: #fff; background: #000;  }
nav.standard.mainmenu2 ul li a { padding: 4px 6px; text-decoration: none; font-size: 13px; color: #fff; margin-right: 12px;}
nav.standard.mainmenu2 ul a:hover { background: #cb2027; color: #fff; }
nav.standard.mainmenu2 ul ul { background: #666; padding-top: 1px; }
nav.standard.mainmenu2 ul ul li { width: 180px; }
nav.standard.mainmenu2 ul ul li a { padding: 10px 16px; text-decoration: none; font-size: 13px; color: #fff; }

nav.simple ul li a { font-size: 11px; color: #999;}

nav.simple.topthema  { padding-top: 16px; padding-left: 20px; font: normal 16px 'Prata', sans-serif; }
nav.simple.topthema ul li { margin-right: 16px; }
nav.simple.topthema ul li a { font-size: 14px; color: #666;}
nav.simple.topthema ul li a:hover { color: #cb2027;}
nav.simple.topthema ul li.aktiv a { color: #cb2027;}

nav.simple.rubrik  { padding-left: 16px; padding-top: 16px; padding-bottom: 4px; }
nav.simple.rubrik ul li { margin-right: 0px; }
nav.simple.rubrik ul li a { font-size: 14px; line-height: 24px; color: #999; border: none; border-bottom: 1px solid #ddd; background: #efefef; padding: 4px 8px; }
nav.simple.rubrik ul li a:hover { color: #000;}
nav.simple.rubrik ul li.aktiv a { color: red;}

a { text-decoration: underline; color: #666; }
a:hover { color: #cb2027; }

img.wallpaper { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed;	top: 0;	left: 0; z-index: -999999; }
*html img.wallpaper{position:absolute;}

/* -----------------------------------------------------------------------------
  LAYOUT
----------------------------------------------------------------------------- */

body {
  margin: 0;
  padding: 0 0 0 0;
  color: #000;
  background: #000;
  font: normal 14px 'Lato', sans-serif;
  line-height: 18px;
}

.toplogo {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.toplogo .inner {
  width: 360px;
  margin: 0 auto;
  margin-top: 10%;
}

.logo2 { float: left; width: 180px; }
.logo-wrapper { text-align: center !Important; }

/* Home */

.head, .head img { margin: 0; padding: 0;}
.menu1 { background: #000; width: 100%; height: 64px; overflow: visible;}
  .social-icons { float: right; padding-top: 8px; padding-right: 8px; }
  .social-icons a { display: block; float: right; padding: 4px; width: 24px; height: 24px; background: none; color: #777; margin-right: 5px; text-align: center;}
  .social-icons a:hover { background: #cb2027; color: #fff;}
  .social-icons a i { font-size: 16px; }

.menu2 { background: #fff; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.1); box-shadow: 0px 5px 10px rgba(0,0,0,.1); }
/*
  .menu2 div.logo { padding-top: 0px; padding-left: 8px; }
  .menu2 div.logo img { margin-bottom: 8px; }
  .menu2 div.logo a { font-size: 18px; line-height: 48px; padding-left: 12px; text-decoration: none; color: #000;}
*/
  .menu2 div.logo { padding-top: 0px; padding-left: 8px; }
  .menu2 div.logo a { font-family: 'Six Caps', sans-serif; font-size: 44px; line-height: 48px; padding-left: 12px; text-decoration: none; color: #000;}
  .menu2 div.suche { padding-top: 10px; }

section.homeslider { background: #fff;}

header { background: #fff; margin: 0; padding: 0; padding-bottom: 30px;}

.content { background: #fff; padding-bottom: 30px; min-height: 400px;}
.hometheme { padding-bottom: 8px; margin-top: 30px;}
.content_section { background: #fff; }

.theme_carousel { margin-bottom: 8px; }

a.themetitle {
  text-decoration: none;
  font-family: "Prata", sans-serif;
  font-size: 36px;
  font-weight: 100 !important;
  text-align: center;
  display: block;
  width: 254px;
  height: 254px;
  background: #000;
  color: #ddd;
  padding: 0;
  padding-top: 190px;

}
a.themetitle:hover { background: #cb2027; }

a.themebox {
  border: 1px solid #ddd;
  margin: 0 8px 10px 0;
  color: #000;
  text-decoration: none;
}
a.themebox .themebox_info { font-size: 10px; color: #999; padding: 8px; line-height: 14px; text-align: center; }
a.themebox h2 { font-size: 13px; color: #000; margin-bottom: 0; padding-bottom: 0; text-align: center; position: relative; bottom: 6px; }
a.themebox h3 { font-size: 10px; color: #000;}
a.themebox:hover { background: #cb2027; color: #fff;}
a.themebox:hover h2, a.themebox:hover h3 { color: #fff;}
a.themebox:hover .themebox_info { color: #ddd;}
.themebox_info span.kurzinfo { font-size: 13px; color: #999; text-align: center; }
.themebox_info span.alias { font-size: 12px; margin-top: 2px; margin-bottom: 2px; }

.topbio {
  background: #000;
  color: #fff;
  margin-bottom: 8px;
  padding: 10px;
}
.topbio h2 {
  margin: 0 0 12px 0;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  font: normal 20px 'georgia', arial, verdana, sans-serif;
}
.topbio p {
  color: #999;
}

ol.circles-list {
  list-style-type: none;
  list-style-type: decimal !ie; /*IE 7- hack*/
  margin: 0;
  margin-left: 20px;
  padding: 0;
  padding-top: 16px;
  counter-reset: li-counter;
}
ol.circles-list a {
  text-decoration: none;
  color: #999;
  font-size: 16px;
  text-align: left;
}

ol.circles-list a li{
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  line-height: 18px;
}
ol.circles-list a li span {
  color: #666;
  font-size: 14px;
  display: inline;
  margin-left: 12px;
}
ol.circles-list a li:before {
  position: absolute;
  top: 0;
  left: -1.20em;
  width: 1.2em;
  height: 1.2em;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  color: #000;
  border: 3px solid #c5c5c5;
  border-radius: 50%;
  background-color: #999;
  content: counter(li-counter);
  counter-increment: li-counter;
}
ol.circles-list a:hover li span,
ol.circles-list a:hover li:before,
ol.circles-list a:hover li,
ol.circles-list a:hover * {
  color: #fff;
}


.topsonder {
  background: #000;
  color: #fff;
  margin-bottom: 8px;
  padding: 10px;
}

.topsonder h2 {
  margin: 0 0 12px 0;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  font: normal 20px 'georgia', arial, verdana, sans-serif;
}

a.topsonder_seite { text-decoration: none; color: #999; font-size: 12px; padding: 6px;}
a.topsonder_seite:hover { background: #333; }
a.topsonder_seite h3 { font-size: 14px; color: #ddd;}
a.topsonder_seite img {}
a.topsonder_seite p {}

/* Biografie */

.biografie { background: #fff; margin-bottom: 8px; padding-bottom: 20px; }
.biografie h1 { font: bold 48px 'Lato', arial, verdana, sans-serif; margin-bottom: 25px; color: #a38873;}
.biografie .h1under { font: bold 48px 'Lato', arial, verdana, sans-serif; color: #ddd; padding-left: 10px; margin-bottom: 20px;}
.biografie .bio_info { padding-left: 12px; color: #666; }
/* .biografie .bio_info p { font-size: 12px; } */

.biografie .toptitel { font-size: 12px; color: red; margin-bottom: 0px; }
.biografie small { font-size: 10px; color: #999; font-style: italic; }
.biografie .bio_bild { border: 1px solid #ddd; padding: 0px; margin-top: 0px; }
.biografie .bio_bild img { margin-top: 0px; margin-left: 0px; }
.biografie .bio_anreisser { font-size: 14px; padding-left: 10px; padding-right: 160px; font-weight: bold; margin-bottom: 40px;}
.biografie .bio_infotext { font-size: 14px; color: #666; padding-right: 160px !important; }
.biografie blockquote { font-size: 16px; }
.biografie .bio_bild .bio_steck p { font-size: 12px; color: #999; margin-bottom: 6px;}
.biografie .bio_bild .bio_steck p span { display: block; font-size: 13px; color: #cb2027; }

.biografie .bio_nav { margin-left: 0; }
.biografie .bio_nav ul { margin-top: 40px; list-style: none; }
.biografie .bio_nav ul a > li { color: #000; width: 40px; height: 40px; border: 1px solid #ddd; text-align: center; margin-bottom: 10px; line-height: 30px;}
.biografie .bio_nav ul a { color: #000; }
.biografie .bio_nav ul a:hover > li { background: #efefef; }

.biografie ul.tabs              { margin:10px 0 -1px 0;  padding:0;  width:100%; border-bottom:1px solid #e5e5e5;  float:left;  font-size:0; }
.biografie ul.tabs.left         { text-align:left; }
.biografie ul.tabs.center       { text-align:center; }
.biografie ul.tabs.right        { text-align:right; }
.biografie ul.tabs.right li     { margin:0 0 0 -2px; }
.biografie ul.tabs li           { font-size:14px;  list-style-type:none;  margin:0 -2px 0 0;  padding:0;  display:inline-block;  *display:inline;position:relative;  top:0;  left:0;  *top:1px;zoom:1; }
.biografie ul.tabs li a         { text-decoration:none;  color:#666;  display:inline-block;  padding:9px 15px;  position:relative;  top:0;  left:0;  line-height:100%;  background:#f5f5f5;  -webkit-box-shadow:inset 0px -3px 3px rgba(0,0,0,0.03);  -moz-box-shadow:inset 0px -3px 3px rgba(0,0,0,0.03);  box-shadow:inset 0px -3px 3px rgba(0,0,0,0.03);  font-size:0.9em;  zoom:1; }
.biografie ul.tabs li a:hover   { background:#cb2027; color: #fff;}
.biografie ul.tabs li.current a { position:relative;  top:1px;  left:0;  background:#fff;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none;  color:#222; }
.biografie .tab-content         { border: none; background:#fff;  clear:both;  padding: 0px;  margin:0 0 40px 0;}

.biografie .werbeblock { border: 1px solid #ddd; padding: 10px; margin-top: 8px; }
.biografie a.pnlink { border: 1px solid #ddd; padding: 10px; margin-top: 8px; text-decoration: none;}
.biografie a.pnlink:hover { background: #cb2027; color: #fff; }
.biografie a.pnlink i { font-size: 18px; margin: 0 10px;}

/*Tabs current */

.current {color:red;}

/* Seiten / Rankings */
.seiten a.seite { color: #333; padding: 16px; text-decoration: none; }
.seiten a.seite:hover { background: #cb2027; color: #fff;}
.seiten a.seite .kat { color: red; margin-bottom: 0;}
.seiten a.seite h2 { font: normal 22px 'Lato', arial, verdana, sans-serif; color: #000; }
.seiten a.seite small { font-size: 10px; color: #999; font-style: italic; }

/* Seite / Ranking */
a.ranking_bio { color: #000; text-decoration: none; padding: 16px; }
a.ranking_bio:hover { background: #efefef; }
.ranking_text { color: #666;}
div.sstext hr { height:1px; width:414px; color:#CCCCCC; margin: 6px 0 6px 0; padding: 0;}
.ranking_pos { width: 54px; height: 48px; display: block; border: 1px solid #ddd; line-height: 32px; font-size: 28px; background: #333; color: #fff; padding: 8px; }
.ranking_info { color: #666; }
.ranking_info h2 { font: normal 22px 'georgia', arial, verdana, sans-serif; color: #000; }

.seiten a.sseite { border: 1px solid #ddd; text-decoration: none; color: #000; padding: 5px 10px;}
.seiten a.sseite:hover { background: #cb2027; color: #fff;}
.seiten a.sseite h2 {  }

/* Themen */
.themeninfo { padding-left: 20px; }
.themen.title { border-bottom: 1px solid #ddd;  }
.themen.kopf { margin-bottom: 0px; }
.themen .themabox { display: inline-block; margin: 0 6px 6px 0;padding: 8px 12px; color: #000; text-align: center; border: 1px solid #ddd; text-decoration: none; font-weight: normal; font-size: 14px; }
.themen .themabox:hover { background: #cb2027; color: #fff; }
.themen .themabox.current { background: #cb2027; color: #fff; }
.themen h2 { font: normal 24px 'Lato', arial, verdana, sans-serif; color: #000; padding-left: 10px; border: none; padding-bottom: 5px; }
.themen_bio.caption { background: #fff; border: 1px solid #ddd; padding: 3px; max-width: 100%; display: inline-block; height: auto; text-decoration: none; color: #666; line-height: 22px;}
.themen_bio.caption:hover { background: #cb2027; border: 1px solid #ddd; padding: 3px; max-width: 100%; display: inline-block; height: auto; text-decoration: none; color: #fff; line-height: 22px;}
.themen_bio.caption img { display: block; padding: 0; margin: 0; width: 100%; height: auto; }
.themen_bio.caption span { display: block; margin-top: 3px; font-size: 0.8em; color: #666; padding: 0px 5px; }
.themen_bio2 { border: 1px solid #ddd; text-decoration: none; color: #333; padding: 5px 10px; font-size: 14px; font-weight: bold; line-height: 22px;}
.themen_bio2 span { color: #666; font-size: 12px; font-weight: normal;}
.themen_bio2:hover { background: #cb2027; color: #fff;  }
.themen_bio2:hover span { color: #ddd;}

/* Thema */
/* Timeline */
.timeline {}
.timeline h2 { font: normal 28px 'Lato', arial, verdana, sans-serif; color: #000; padding-left: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.timeline ul { list:style: none; }
.timeline ul li { display: inline; float: left; margin-right: 8px; margin-bottom: 8px; }
.timeline ul li a { color: #000; text-decoration: none; border: 1px solid #ddd; padding: 4px 8px; background: #efefef; }
.timeline ul li a:hover { background: #cb2027; color: #fff; }
/* Kontakt */
.kontakt { padding: 20px; }
/* Nominierung */

/* Footer */

.footer1 { background: #2e2e2e; min-height: 100px; margin-bottom: 0px; font-size: 12px; color: #fff;}
.footer1 h4 { font-size: 13px; font-weight: bold; color: #ddd; text-align: left;}
.footer1 ul { list-style: none; margin-left: 0; }
.footer1 ul li { margin: 0; padding: 0;}
.footer1 ul li a { font-size: 12px; color: #bbb; text-decoration: none; margin: 0; padding: 0;}
.footer1 ul li a:hover { color: #fff; text-decoration: underline; }


.footer2 { background: #000; height: 50px; color: #666; font-size: 12px; line-height: 37px;}
.footer2 div { padding: 0 0px; }
.footer2 a {text-decoration: none;}

.footertxt { font-size: 13px; color: #999; }

.footfill {
  background: #000;
  height: 100px;
}

/* IOS Slider */
  
.fluidHeight {
  position: relative;
  width: 100%;
  height: 415px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.sliderContainer {
  position: absolute;
}
.iosSlider, .iosSlider .slider, .sliderContainer, .iosSlider .slider .item .inner {
  width: 100%;
  height: 100%;
}
.iosSlider .slider .item {
  width: 1028px;
  height: 100%;
  padding: 0;
  text-align: center;
}
.iosSlider .slider .item .inner {
  position: relative;
  top: 0;
  border-right: 15px solid #F9F9F9;
  border-left: 15px solid #F9F9F9;
}
.iosSlider .slider .item.selected a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  filter: alpha(opacity=100);
}
.iosSlider .slider .item .inner img, .slides .item .inner img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.iosSlider .slider .item .inner .selectorShadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 30px;
  display: none;
}
.iosSlider .slider .item img {
  opacity: .25;
  filter: alpha(opacity=25);
}
.iosSlider .slider .item.selected img, .slides .item.selected img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.homeslider .home-rotator-navigation #prev {display: none; }
.homeslider .home-rotator-navigation #next {display: none; }
.homeslider:hover .home-rotator-navigation #prev {display: block; }
.homeslider:hover .home-rotator-navigation #next {display: block; }

.home-rotator-navigation #prev, .home-rotator-navigation #next {
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 9999;
  background: #666 !important;
  opacity: .75;
  filter: alpha(opacity=75);
}
.home-rotator-navigation #prev:hover, .home-rotator-navigation #next:hover {
  background: #000 !important;
}
.home-rotator-navigation #prev i, .home-rotator-navigation #next i {
  font-size: 60px;
  color: #999;
  font-weight: lighter;
}
.home-rotator-navigation #prev {
  left: 0;
  top: 40%;
  
  padding: 0px 10px 2px 18px;
}
.home-rotator-navigation #next {
  right: 0;
  top: 40%;
  padding: 0px 14px 2px 14px;
}

.text-external-wrap {
  display: table;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.text-wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.iosSlider .slider .item .inner .text1 {
  background: rgba(255,255,255,0.3);
  right: auto;
  text-align: center;
  padding: 20px;
  margin: 0 150px;
  top: -50px;
  position: relative;
}

.iosSlider .slider .item.selected .inner .text1 {
  opacity: 1;
  top: 0px;
  filter: alpha(opacity=100);
}
.iosSlider .slider .item .inner .text1 span, .slides .item .inner .text1 span, .flexslider span.category-name a, .flex-direction-nav a, .ei-title h2 {
  display: block;
  text-shadow: 0px 1px 1px rgba(0,0,0,.75);
}
.item .inner .text1 span.category-name, .flexslider span.category-name {
  text-transform: uppercase;
  font-weight: bold;
}
.item .inner .text1 span.post-title-name {
  font-size: 24px;
  line-height: 32px;
}
.iosSlider[style] {
  max-height: 685px !important;
}
.iosSlider .category-name a {
  background: transparent !important;
  color: #fff !important;
}

.iosSlider a .post-title-name {
  font: normal 54px 'Lato', sans-serif !important;
  color: #ff0000 !important; /* #cb2027 #a38873 */
}

.iosSlider .post-title-name, .flexslider .post-title-name, .ei-title h2 {
  font-size: 32px;
  font-weight: normal;
  line-height: 40px;
}

/* Sticky Box */
.fixed    { position: fixed; top: 0; }
.bottom   { position: absolute; top: auto; bottom: 10px; }


.pagination.pagi1 { list-style: none; margin: 0 auto; padding: 0; padding-top: 15px;}
.pagination.pagi1 li { display: inline-block; border: 1px solid #ddd; padding: 0; margin-right: 4px; }
.pagination.pagi1 li a { text-decoration: none; color: #333; padding: 4px 6px; font-size: 12px;}
.pagination.pagi1 li a:hover { background: #efefef; }
.pagination.pagi1 li.arrow a { font-size: 16px; }
.pagination.pagi1 li.current a { font-weight: bold; }

.pagination.pagi2 {
  margin: 6px 0 4px 0;
  padding:0px;
  height:100%;
  overflow:hidden;
  font-size: 12px;
  list-style-type:none;
}
.pagination.pagi2 li {
  display: inline-block;
  margin:0px;
  padding:0px;
  margin-left: 3px;
  padding-bottom:1px;
}

.pagination.pagi2 li:first-child {
  margin-left:0px;
}

.pagination.pagi2 li a {
  display:block;
  text-decoration:none;
  color:#707070;
  background:#FFFFFF;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:solid 1px #DCDCDC;
  padding:4px 8px;
  margin-bottom: 3px;
}

.pagination.pagi2 li a:hover,
.pagination.pagi2 li.current a {
  color:#FFFFFF;
  text-shadow:0px 1px #3C3C3C;
  border-color:#202020;
  background:#525252;
  background:-moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252);
  background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252));
}
.sonderseite { padding-left: 140px; padding-right: 140px; }

.bild-copyright { text-align: right; font-size: 11px; color: #999; padding: 0; padding-right: 8px; margin: 0; margin-top: -6px;}