/* Media-Mania.de CSS. Based on ZURBs Foundation. Thanks guys! */
/* Need Styling for more elements? It's maybe already included! See: http://foundation.zurb.com/docs/ */

body {
 /* background: #e9e9e9;*/
 background: #a1a1a1 url(../images/menue/bg.png) repeat-x;
 font-family:Verdana; 
}

header {
  margin-top: 75px;
  height: 35px;
  background: #FFF;
  border-bottom: 1px solid #DCDCDC;
  
  /* round border*/
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

header h1  {
  position: absolute;
  bottom: 0;
  margin-left: 15px;
  margin-bottom: 9px;
  margin-bottom: 9px;
  font-size: 1em;
}

header h1 a {
  display: block;
   position:absolute;
   top:-75px;
  /*font-size: 2.3em;*/
  height: 80px;
  /*width: 160px;*/
  width: 285px;
  background: url('../images/logo.png') no-repeat center bottom;
  text-indent: -3000px;
}

header nav {
 /*margin-left: 215px;*/
 margin-left: 300px;
}
header nav > .nav-bar {
  height: 35px;
  border: 0;
  margin: 0;
  background: transparent;
}
header nav > .nav-bar > li {
  line-height: 35px;
  border: 0;
  margin: 0 10px;
}
header nav > .nav-bar > li > a.main {
  padding: 0 5px;
  color: #595959;
  font-size: 1.3em;
  line-height: 2.3em;
}

.social-buttons {
  position: absolute;
  top: 0px;
  right: 5px;
  text-align: right;
}

.social-buttons a {
  margin: 0 2px;
}

.social-facebook,
.social-twitter,
.social-rss {
  display: inline-block;
  background: url('../images/socialicons.png') no-repeat;
  width: 16px;
  height: 16px;
  text-align: left;
  text-indent: -9999em;
}
.social-login {
  display: inline-block;
  background: url('../images/login.png') no-repeat;
  width: 16px;
  height: 16px;
  text-align: left;
  text-indent: -9999em;
}
.social-logout {
  display: inline-block;
  background: url('../images/logout.png') no-repeat;
  width: 16px;
  height: 16px;
  text-align: left;
  text-indent: -9999em;
	position:absolute;
	top:9px;
}

.social-twitter { background-position: 0 -16px; }
.social-rss { background-position: 0 -32px; }

input.input-text {
  width: 100%;
  border: 1px solid #DCDCDC;
  background: #E8E8E8;
}

div.panel {
  border: 0;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #FFF;
  padding: 10px;
	width:185px;
	/*width:185px;*/
}

div.panelfull {
  border: 0;
 # border-right: 1px solid #DCDCDC;
 # border-bottom: 1px solid #DCDCDC;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #FFF;
  padding: 5px;
  width:710px;
}


div.panel.top-rounded {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

div.panel h3 {
  position: relative;
  font-size: 1.4em;
  font-weight: normal;
  color: #6A0005;
  border-bottom: 1px dashed #DBDBDB;
  padding-bottom: 3px;
}

div.panel .headingimage {
  position: absolute;
  margin-top: -4px;
  margin-left: 5px;
}

div.panel .headingimage.right {
  right:0px;
}

hr {
  border: dotted #383838;
  border-width: 1px 0 0;
}

aside hr {
  margin: 6px 0 9px;
}

aside h4 {
  font-weight: bold;
  font-size: 0.75em;
  color: #333;
  text-transform: uppercase;
}

#searchq {
  margin-top: 5px;
}

.g-button {
  padding: 6px 10px;
  border: solid 1px #D2D2D2;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
  color: #333;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  text-shadow: 0px 1px 1px #FFF;
  line-height: 1;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
}

.g-button:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221))); color: #333; }
.g-button:active { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); }
.g-button.radius {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.small.g-button {
  padding: 6px 15px 5px;
  font-size: 1em;
  width: auto;
}

/* categories */
nav.categories ul {
  border-top: 1px dotted #DBDBDB;
  margin-bottom: 5px;
	
}
nav.categories li {
  margin: 0;
  border-bottom: 1px dotted #DBDBDB;
	
}
nav.categories a {
  padding:5px 5px;
  display: block;
  background: #F7F7F7;
  color: #444;
}
nav.categories li:nth-child(odd) a {
  background: #edd8d8;
}

#newsletterform {
  margin-bottom: 0;
  text-align: center;
}

.gewinnspiel-info {
  margin-right: 60px;
  font-size: 0.9em;
}

.gewinnspiel-current {
  margin-bottom: 0;
}

/* content */

#contentWrapper {
  margin-top: 15px;
}


/* reviews */
.review {
  border-bottom: 1px dashed #DBDBDB;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.review .image {
  float: left;
  margin: 5px 15px 5px 0;
}
.review h4 {
  color: #6A0005;
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 8px;
}
.review h4 a {
  color: #6A0005;
}
.review .rating {
  float: right;
  margin-top: 2px;
  margin-right: 10px;
}
.rating .sF,
.rating .sE {
  display: inline-block;
  width: 19px;
  height: 19px;
  text-indent: -9999em;
  background-repeat: no-repeat;
  background-image: url("../images/starSprite-19.png");
}
.rating .sF { /* starFilled */
  color: #6A0005;
  background-position: 0px 0px;
}
.rating .sE { /* starEmpty */
  color: #8E8E8E;
  background-position: 0px -19px;
}
.review p {
  margin-right: 10px;
  margin-bottom: 5px;
}

/* newsticker */
.newsticker .news {
  border-bottom: 1px dashed #DBDBDB;
  padding: 8px 0 5px 0;
}
.newsticker .news p {
  font-size: 0.9em;
  margin-bottom: 3px;
}

.rezispalte{
	text-align:justify;
	width:505px;
	margin:auto;
}


footer {
  border-top: 1px solid #DBDBDB;
  background: #FFF;
  padding: 8px 0;
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 10px;
  margin-top: 5px;
}


.box {
width:545px;
float:left;
/*margin:2px 4px;*/
margin:0px 4px;
border: 0;
background: #FFF;
padding:6px;
}

.box_breit {
/*width:780px;*/
width:750px;
float:right;
margin:0px 0px;
border: 0;
background: #FFF;
padding:6px;
}


.rechts{

margin:0px 4px;
border: 0;
background: #FFF;
padding:6px;
}

.head  {
  bottom: 0;
  font-size: 1.4em;
	color:#8E3538;
	text-align:center;
	padding: 0 0 5px;
	border-bottom: 1px solid #E8E8E8;
	
}
.subhead  {
  bottom: 0;
  font-size: 1.2em;
	color:#0099CC;
	text-align:center;
	padding: 0 0 5px;
	border-bottom: 1px solid #E8E8E8;
	
}
/*Rezension*/
.titel{
	width:75%;
	text-align:center;
	margin:auto;
	border-bottom: 1px solid black;

}

.untertitel{
	width:75%;
	text-align:center;
	margin:auto;
	/*border-bottom: 1px solid black;*/
}

table.sterne  { 
	border:none; 
	margin-left:auto;
}

table.sterne td { 
	padding: 1px 1px 1px 10px; 
}

table.ohne  { 
	border:none;
}

h5{
	text-align:center;
	font-weight:bold;
}
h6{

	bottom: 0;
  font-size: 1.1em;
	/*color:#8E3538;*/
	color:black;
	text-align:center;
	padding: 0 0 5px;
	border-bottom: 1px solid #E8E8E8;
}
.bildbox{

	border: 1px solid #C9C9C9;
	width:240px;
	text-align:center;
	padding:5px;
	margin:5px;
	background-color: #fff;

}
.right  {

	margin-right:0px;
	


}

.left  {
	margin-left:0px;

}

.bildbox img{
	margin:5px;
	font-size:0.7em;
}

.fehler{
	color:darkred;
	font-weight:bold;
	text-align:center;

}
.initial{
	/*Buchstaben bei Personenauflistungen*/
	width:75%;
	text-align:center;
	font-size:1.2em;
	border-bottom:1px dashed #a9a9a9;
	margin:auto;
	color:#a9a9a9;
  margin-bottom:5px;
}

a.popup {
  text-decoration:none;
  position:relative;
  display:inline;
	
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
	display:inline;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:20px;
  left:0;
	display:inline;
}
a.popup:hover span {
  visibility:visible;
	 z-index:5;
}

	dl.accordion
{
	width: 150px;
	
	border-left: 1px solid #e6e2af;
	border-right: 1px solid #e6e2af;
	border-bottom: 1px solid #e6e2af;
	font-family: Helvetica;

}

	dl.accordion dt:first-letter { 
		font-size:110%; 
		/*color:red;*/
	}
/* @group Ebene 1 */

dl.accordion dt
{
	position: relative;
	height: 20px;
	padding: 2px;
	
	font-weight: bold;
	
	color: white;
	background: #00506c url(icon_accordion_closed.png) no-repeat;
	
	cursor: pointer;
	border-top: 1px solid #e6e2af;
}

* html dl.accordion dt
{
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_accordion_closed.png', sizingMethod='crop');
	background-image: none;
}

dl.accordion dt.open
{
	background-image: url(icon_accordion_open.png);
}

* html dl.accordion dt.open
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_accordion_open.png', sizingMethod='crop');
	background-image: none;
}

dl.accordion dd
{
	position: relative;
	overflow: hidden;
	background: #efecca;
}

/* @group Inhalt */

dl.accordion dd.sub_accordion
{
	
}

dl.accordion dd.accordion_content
{
	padding: 0 10px 0 1px;
}

dl.accordion dd.accordion_content p
{
	padding: 5px 0 7px 0;
}

/* @end */

/* @end */

/* @group Ebene 2 */

dl.accordion dd dl dt
{
	padding-left: 1px;
	background-color: #217492;
	background-position: 20px 0;
}

dl.accordion dd dl dd.accordion_content
{
	padding-left: 1px;
}

/* @end */

/* @group Ebene 3 */

dl.accordion dd dl dd dl dt
{
	padding-left: 5px;
	background-color: #509bba;
	background-position: 40px 0;
}

dl.accordion dd dl dd dl dd.accordion_content
{
	padding-left: 5px;
}

/* @end */

/* @group Ebene 4 */

dl.accordion dd dl dd dl dd dl dt
{
	padding-left: 85px;
	background-color: #7bc3e4;
	background-position: 60px 0;
}

dl.accordion dd dl dd dl dd dl dd.accordion_content
{
	padding-left: 85px;
}


a.fett{
	font-weight: bold;
}
.eingabe{
	margin: 0;
	outline: medium none;
	padding: 0;
}

.info {
  /*background: #e4fae1 url('../images/ForumIcons/Erledigt.png') no-repeat scroll 15px 50%;*/
  background-position: 15px 50%;
  border-bottom: 2px solid #BDBDBD;
  border-top: 2px solid #BDBDBD;
  color: #000000;
  font-size: 11px;
  margin: 10px auto;
  padding: 5px 20px 5px 45px;
  text-align: center;
}

.hinweis {
 /* background: #e4fae1 url('../images/ForumIcons/Fragezeichen.png') no-repeat scroll 15px 50%;*/
  background-position: 15px 50%;
  border-bottom: 2px solid #FF2222;
  border-top: 2px solid #FF2222;
  color: #000000;
  font-size: 14px;
  margin: 10px auto;
  padding: 5px 20px 5px 45px;
  text-align: center;
}
.okay {
 /* background: #e4fae1 url('../images/ForumIcons/Fragezeichen.png') no-repeat scroll 15px 50%;*/
  background-position: 15px 50%;
  border-bottom: 2px solid #008000;
  border-top: 2px solid #008000;
  color: #000000;
  font-size: 14px;
  margin: 10px auto;
  padding: 5px 20px 5px 45px;
  text-align: center;
}


.zwolinien{
	 border-bottom: 1px solid black;
	 border-top: 1px solid black;
	 text-align:center;
	 letter-spacing: 0.1em;
   padding: 5px 0;
}

.trenner{
	font-style:bold;
	color:black;
	font-size:1.3em;
	word-spacing: 5px;
}

li.rezian{
	list-style-type:circle;
	margin-left:15px;
}
 
blockquote{
	text-align: justify;
	background-image: url("../images/quote_start.jpg");
	background-repeat: no-repeat;
  background-size:37px;
	padding-left: 3.5em !important;
	padding-right: 1.5em !important;
	margin-bottom:-0.5em !important;
	margin-top:0.5em !important
}
 
.stichwort{
  background: #0.4; /* Old browsers */
	background: -moz-linear-gradient(top,  #4b4b4b 0%, #4b4b4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#4b4b4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b4b4b 0%,#4b4b4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b4b4b 0%,#4b4b4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b4b4b 0%,#4b4b4b 100%); /* IE10+ */
	background: linear-gradient(top,  #4b4b4b 0%,#4b4b4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */
	/*width:125px;*/
	padding:5px;
  margin:2px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
	border:1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 2px 3px 2px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 2px 3px 2px rgba(50, 50, 50, 0.4);    
     
} 
 a:hover.tags { color: #000; }
 
 .labelporto {
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    width:108px;
    margin-top:7px;
}

.labelporto.green{
  background-color: #4CAF50; /* Green */
} 
.labelporto.red{
  background-color: #f44336; /*  */
}
.labelporto.blue{
  background-color: #008CBA; /*  */
}

.meinung div.sub{
  font-size:0.8em;
  color:#676767;
  font-weight:normal;

}

.linie {
border :none;
border-top: 1px solid #0090E0;
background-color:#FFFFFF;
height: 1px;
margin: 0px 80px 0px 80px;
}

.meinung {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  color:#676767;
    min-height:100px;
}

.meinung p {
  margin:5px;
  padding-bottom:1em;
	font-family: Cambria,Georgia,serif;
}

.meinung img{
  float:left;
  margin: 5px 5px 0px 5px;
  padding:5px;
  height: 80px;
  width:80px;
}

.autor{
  text-align:right;
  font-style:italic;
}

li.nutzung{
	margin-left:15px;
}

 .ad-fieldset {
            border: 2px solid #ccc;
            padding: 10px;
            margin: 10px 0;
        }

        /* Spezifischer Selector, um das legend im ad-fieldset zu formatieren */
        .ad-fieldset legend {
            font-weight: bold;
        }

        /* Spezifischeres Styling für den Disclaimer im ad-fieldset */
        .ad-fieldset .disclaimer {
            font-size: 0.8em;
            color: gray;
            margin-top: 10px;
        }