@import "../fonts/titillium/stylesheet.css";

/* =============================================================================
   Base
   ========================================================================== */

body {
   background-color    : #12263c;
   background-image    : url("/static/pics/bg_bodyverlauf_n.jpg");
   background-repeat   : repeat-x; 
   background-position : left top;
   font-family         : Verdana, Arial, Helvetica, sans-serif;
   font-size           : 76%;
   line-height         : 115%;
   color               : #333333;
   margin:0 auto;  /* this will center it */
   margin-top		   : 30px;
   width               : 1200px
}

#wrap {
   margin-top		   : 0px;
   width               : 1200px;
/*   border              : 1px solid #979797;*/
}

#all {
   /* width               : 1112px; */
   float               : left;
   width               : 1000px; /*IE6 bug*/
}

a {
	color: 	#8B8B23;
	text-decoration: none;
}

a:link, a:visited {
   color               : #8B8B23;
   text-decoration     : none;
   padding             : 2px 2px 0;
   margin              : 0 -2px;
}

a:focus {
   color               : #95191D;
}

a:hover {
   color               : #95191D;
   border-color        : #95191D;
   text-decoration     : none;
}

.clear {
	clear				: both;
}

div.clearleft {
   clear                : left;
   height               : 0px;
   font-size            : 0px;
   line-height          : 0px;
}

div.clear {
   clear                : both;
   height               : 0px;
   font-size            : 0px;
   line-height          : 0px;
}

/* =============================================================================
   Header
   ========================================================================== */

#banner {position:absolute; }

/* Fixed Topbar Navigation */
body.top-navbar { padding-top: 60px; }
body.admin-bar .navbar-fixed-top { top: 28px; }
.navbar-inner { min-height: 0px; }

#top {
	height			: 30px;
	overflow:hidden;
	width			: 100%;
	min-width: 1200px;
	background		: #434343;    
	/* Internet Explorer */
	filter			: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#232323');
	/* Firefox */
	background		: -moz-linear-gradient(top, #474747, #232323);
	/* Safari */
	background		: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#232323));
	color			: #fff;
	text-align		: center;
	/*	font                : 12px/2em 'Titillium';*/
	font			: normal 11px/2em verdana, lucida, sans-serif;
	border-bottom		: 1px solid #4a4a4a;
}

#top a {
    background			: #434343;    
    /* Internet Explorer */
    filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#232323');
    /* Firefox */
    background			: -moz-linear-gradient(top, #474747, #232323);
    /* Safari */
    background			: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#232323));
    height              : 29px;
    padding				: 8px 16px 9px 10px;
    color               : #fff;
    text-decoration     : none;
    border-top          : 1px solid #4e4e4e;
    border-left         : 1px solid #4e4e4e;
    border-bottom       : none;
    border-right        : 1px solid #252525;
    margin:0px;
}

#top a:hover {
    color               : #fff;
    background          : #232323;
}

.topnav-center{
	width				: 1200px;
	margin				: 0px auto;
}

.topnav-inner{
	width				: 900px;
	margin			: 0;
}

.topnav-wrapper{
	display:inline-block;
	line-height:30px;
	border-left:1px solid #252525;
	border-right:1px solid #4E4E4E;
}
.topnav-wrapper span {
	display: inline-block;
	line-height:30px;
	padding:0 1em;
	border-right:1px solid #252525;
	border-left:1px solid #4E4E4E;
}

#header_logo {
   position            : relative;
   float		       : left;
   height              : 150px;
   border-top          : 1px solid #979797;
   border-right        : 1px solid #979797;
   border-left         : 1px solid #979797;
   border-bottom       : none;
   background          : #a50024;
   background          : -webkit-gradient(linear, 0 0, 0 100%, from(#a50024), to(#7e0019));
   background          : -moz-linear-gradient(top, #a50024, #7e0019); 
   width               : 998px;
   margin-top		   : 0px;
   margin-bottom       : 0px;
}

#header_scilogslogo {
  position: absolute;
  left: 25px; bottom: 16px;
}

#header_naturelogo {
  position: absolute;
  right: 25px; top: 16px;
}

#header_spektrumlogo {
  position: absolute;
  right: 172px; top: 16px;
}
#header_winnerlogo {
  position: absolute;
  right: 375px; top: 0px;
}

.header_namecontainer {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width:300px;
  border-left:1px solid #fff;
  padding:0px 25px 11px 25px;
}
.header_namecontainer a{
  color: #ffffff;
}
#header_blogname{
	font-family: TitilliumText22LXBold,Verdana, Arial, Helvetica, sans-serif;
	display:block;
	font-size: 17px;
	text-transform:uppercase;
  color: #fff;
}
#header_blogdescription{
	display:block;
	font-family: TitilliumText22L,Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
  color: #fff;
  line-height: 135%;
}

/* =============================================================================
   Content
   ========================================================================== */

#main {
   float               : left;
   width               : 588px;
   background-color    : #FFFFFF;
   margin              : 0px;
   padding             : 30px 25px 20px 25px;
   overflow            : visible; /* hidden; */
   line-height         : 1.6em;
   font-size           : .95em;
}
#main .social_share_privacy_area li.settings_info {
	width:60px;
}
#main .social_share_privacy_area .facebook {
	width:165px;
}
#main .social_share_privacy_area .facebook .fb_like{
	width:100px;
}
#main .social_share_privacy_area .twitter {
	width:148px;
}
#main .social_share_privacy_area .gplus {
	width:123px;
}
h1,h2,h3,h4 {
   font-family         : Verdana, Arial, Helvetica, sans-serif;
}

h2 {
   font-size           : 1.8em;
   margin              : 0 0 0.5em 0;
}

h3 {
   font-size           : 1.6em;
   margin              : 0 0 10px 0;
}

h4 {
   font-size           : 1.4em;
   margin              : 0 0 10px 0;
}
.page_title h1{
    font-family: TitilliumText22L,Verdana, Arial, Helvetica, sans-serif;
}
.page_title h2{
	font-family: TitilliumText22L,Verdana, Arial, Helvetica, sans-serif;
}
.subtitle {
	margin-bottom: 10px;
}

.entry{
   margin          : 8px 0px 30px;
   border-bottom       : dotted 1px #ccc;
}

.pager a {
    border: none;
}

.pager .pagecounter {
    text-align: center;
}

/* .entry, .entry p {
	font: normal 12px/1.5em Arial, sans-serif;
	color: #555;
} */

.entrybody p {
   margin-top          : 8px;
   margin-bottom       : 16px;
   text-align          : left;
   font-size           : 1em;
   line-height         : 1.7;
   font-family         : Verdana, Arial, Helvetica, sans-serif;
}

.entrybody ol {
    list-style-type: decimal;
    margin-left         : 10px;
}

.entrybody ol ol {
    list-style-type: lower-alpha;
    margin-left         : 10px;
}

.entrybody ol ol ol {
    list-style-type: lower-roman;
    margin-left         : 10px;
}

.entrybody li {
   margin-left         : 10px;
   font-size           : 1em;
   line-height         : 1.8;
}
.entrybody h2 {
   font-size           : 1.8em !important;
}
.entrybody h3 {
   font-size           : 1.6em !important;
}
.entrybody h6 {
  color:inherit;
  text-transform: none;
}

.entrybody iframe {
	margin-top		: 20px;
	margin-bottom	: 20px;
	vertical-align	: middle;
}

h1.entrytitle {
	font-size: 1.4em;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	line-height: 110%;
}

.posttext {
	
}

.postgrav {
   float               : left;
   margin-top          : 10px;
   margin-right        : 10px;
   margin-bottom       : 3px;
   width:90px;
   height:90px;
}
.postgrav + .entry>p.posttext {
	margin-left:100px;
}
.postinfo {
   border-top          : #999999 1px solid;
   border-right        : #999999 1px solid;
   border-left         : #999999 1px solid;
   border-bottom       : #999999 1px solid;
   margin-top          : 8px;
   margin-bottom       : 35px;
   padding-top         : 0px;
   padding-right       : 3px;
   padding-left        : 8px;
   padding-bottom      : 3px;
   font-size           : 0.9em;
   color               : #505050;
   background-color    : #FFFFFF;
}

#content h1, #onecolumn h1 {
    font-size: 1.4em;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0px;
    line-height: 110%;
}

#content h2, #onecolumn h2 {
	font-size: 1.4em;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	line-height: 110%;
}

#content .entry .entrybody br {
	margin: 0 0 1em 0;
}
#content .entry .entrybody div[id^="attachment"]{
	max-width:588px;
}	
p.wp-caption-text{
	position			: relative;
	margin-top          : -10px;
	margin-bottom       : -5px;
	margin-left			: 10px;
	margin-right		: 10px;
	text-align          : left;
	font-size           : 0.9em;
	line-height         : 1.4;
} 
.attachment-credits{
    position: relative;
    right: 0px;
    top: 0px;
}
/* =============================================================================
   Primary Content
   ========================================================================== */

#content {
   overflow            : hidden;
   border-bottom-width : 1px;
   border-bottom-color : #979797;
   background-color    : #FFFFFF;
   padding-top         : 0;
   border-top          : 1px #FFFFFF;
   border-right        : 1px solid #979797;
   border-left         : 1px solid #979797;
   background-image    : url("/static/pics/bg_navi_new.jpg");
   background-repeat   : repeat-y; 
   background-position : right;
   width               : 998px;
   margin			   : 0px;
   line-height: 1.6em;
}

.page_title {
	position: relative;
	border-bottom-width: 1px;
	margin-bottom: 16px;
	width: 100%;
	border-bottom-color: #666;
}

.img_right img {
	float: right;
	padding-left: 12px;
	padding-bottom: 1px;
	padding-top: 4px;
}

.page_title h1 {
    border-bottom: 1px solid #999;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #19324C;
    line-height: 120%;
    padding: 0;
    margin: 0 0 2px 0;
}

.page_title h2 {
	border-bottom: 1px solid #999;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #19324C;
	line-height: 120%;
	padding: 0;
	margin: 0 0 2px 0;
}

.entrybody img {
   max-width           : 550px;
   height              : auto;
   padding             : 4px;
   display             : inline;
   margin              : 10px;
   background          : #FFFFFF;
   color               : #303030;
   border              : 1px solid #999999;
}

.mt-image-none {
   padding             : 4px;
   display             : inline;
   margin              : 10px;
   background          : #FFFFFF;
   color               : #303030;
   border              : 1px solid #999999;
}


/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar {
   float               : right;
   clear               : right;
   width               : 300px;
   background-color    : #f0f1f2;
   margin              : 0px;
   padding             : 30px 25px 20px 25px;
   line-height         : 1.3em;
   color               : #000000;
   font-family         : Verdana, Helvetica, Arial, sans-serif;
}

#sidebar h2,#sidebar .widget-inner h3 {
	font-family: TitilliumText22L,Verdana, Arial, Helvetica, sans-serif;
	font-size		: 110%;
	line-height:150%;
	text-transform	: uppercase;
	color			: #19324C;
	border-bottom		: 1px solid #999999;
	list-style-type	: none;
}

#sidebar ul {
	margin			: 0px;
	padding		: 0 16px 0;
}

#sidebar h2 ul li {
	margin			: 0;
	display		: block;
	width			: 300px;
	list-style-type	: disc;
}

#sidebar form {
	margin-top		: 20px;
}
	
#sidebar a {
	color			: #000000;
}
#sidebar a:hover{
  color:#95191D;
}
#sidebar .widget{
	margin-bottom:33px;
}
.search-query {
padding-left: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#sidebar select[name='archive-dropdown']{
	width:100%;
}
/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; }
.hentry p.byline { }
.hentry footer { clear: both; }

 h1.entry-title { text-decoration: none; font-size: 12px;}
.wp-caption{ min-width:330px;}

/* own part*/
.thumbnail {display:inline-block; min-width:0px}
img.attachment-post-thumbnail {margin: 5px 15px 10px 0px; float: left;}


/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }
/* ol.commentlist img.avatar { float: left; margin-right: 10px; } */

h2.trackbacks {
   text-align          : center;
   border-top          : 1px solid #acb1ba;
   background          : #EEEEEE;
   padding             : 2px;
   border-bottom       : 1px solid #acb1ba;
   margin-bottom       : 10px;
   margin-top          : 80px;
   font-size           : 110%;
}

h2#comments {
   text-align          : center;
   border-top          : 1px solid #acb1ba;
   background          : #EEEEEE;
   padding             : 2px;
   border-bottom       : 1px solid #acb1ba;
   margin-bottom       : 10px;
   margin-top          : 80px;
   font-size           : 110%;
}

h2.comments {
   text-align          : center;
   border-top          : 1px solid #acb1ba;
   background          : #EEEEEE;
   padding             : 2px;
   border-bottom       : 1px solid #acb1ba;
   margin-bottom       : 10px;
   margin-top          : 80px;
   font-size: 80%;
}

#comments h2 {
   text-align          : center;
   border-top          : 1px solid #acb1ba;
   background          : #EEEEEE;
   padding             : 2px;
   border-bottom       : 1px solid #acb1ba;
   margin-bottom       : 10px;
   margin-top          : 80px;
   font-size           : 110%;
}

#comments .comment {
    margin: 0 0 1em 0;
}

ol#commentlist {
   margin-top          : 0px;
   padding             : 5px;
   margin-left         : 0px;
   color               : #9B9B9B;
   list-style-type     : none;
   font-size           : 0.96em;
}

#comments .commentlist {
   margin-top          : 0px;
   padding             : 5px;
   margin-left         : 0px;
   color               : #9B9B9B;
   list-style-type     : none;
   font-size           : 0.96em;
}

#comments li  p {
   margin-top          : 8px;
   margin-bottom       : 16px;
   line-height         : 20px;
}

.comment-author {
   float               : left;
   margin              : 0;
   padding             : 0  0 2px 0;
   font-weight         : bold;
}

.commentinfo{
   width               : 112px;
   float               : right;
   text-align          : right;
}

.commenttopic {
   padding            : 0;
   margin-left        : 5px;
   text-align         : left;
   font-weight        : bold;
   color              : #5B5B5B;
}

.comment {
   clear               : both;
   margin-top          : 0px;
   margin-bottom       : 30px;
   border-top          : 1px solid #EBEBEB;
   line-height         : 12px;
   color               : #5B5B5B;
   background-color    : #F8F8F8;
   padding             : 5px;
}

.commenttext-admin {
   clear               : both;
   margin-top          : 0px;
   margin-bottom       : 30px;
   border-top          : 1px solid #EBEBEB;
   line-height         : 12px;
   color               : #5B5B5B;
   background-color    : #CEE4F4;
   padding             : 5px;
}

.feedback {
   margin-top          : 5px;
   margin-bottom       : 20px;
}

#commentsformheader {
   padding-left        : 15px;
   font-size           : 1.35em;
}

.input-xlarge {
	width:		100%;
	height:		100px;
}


/* =============================================================================
   Footer
   ========================================================================== */

#content-info {
	width:0px;
	height:0px;
	overflow:hidden;/*
	margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #e5e5e5; */
}

#content-info p small { font-size: 13px; }


/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter,.entrybody img.aligncenter { 
    display: block;
    text-align: center ;
    vertical-align: middle ; 
    margin: 20px auto 20px auto; 
}
.alignleft,.entrybody img.alignleft { 
    margin: 20px 20px 20px 0; 
    float: left;
}
.alignright,.entrybody img.alignright { 
    margin: 20px 0 20px 20px; 
    float: right;
}

.subscribe-by-email {
    margin-bottom: 33px;   
}

.sbe-widget-top-text {
    margin: 0 0 0 0;
}
.sbe-widget-form-field-title {
    visibility: hidden;
    height: 0px;
}
.sbe-widget-form-field {
    float: left;
    position: relative;
    display: inline-block;
    width: 210px;
    height: 28px;
    padding: 4px;
    margin-bottom: 0px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sbe-widget-form-submit {
    float: left;
    position: relative;
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -ms-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
}

/* banner */
#iqd_mainAd {
    margin: 0 0 0 0;
    position: relative;
    z-index: 999;
}
#iqd_align_Ad { 
    width: 1200px;        
    margin: 0 0 0 0; 
}
#iqd_topAd {
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index:999;
}
#iqd_rightAd {
    position: absolute;
    bottom: -601px;
    left: 1000px; 
    width:  160px;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 979px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body.top-navbar {
    padding-top: 0;
  }
}


/* =============================================================================
   js-Menu
   ========================================================================== */

#navcontainer {
	position            : relative;
    border-top          : none;
    border-right        : 1px solid #979797;
    border-left         : 1px solid #979797;
    border-bottom       : none;
    margin              : 0px;
    padding             : 0px;
    width				: 998px;
    height				: 27px;
    /* Opera (keine CSS-Verläufe) */
    background			: #434343;    
    /* Internet Explorer */
    filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#000000');
    /* Firefox */
    background			: -moz-linear-gradient(top, #4a4a4a, #000000);
    /* Safari */
    background			: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#000000));
}

#navcontainer ul {
	border              : none;
    margin              : 0;
    padding-top         : 0;
    padding-left		: 27px;
    list-style-type     : none;
    text-align          : center; 

}

#navcontainer ul li {
    display             : block;
    float               : left;
    text-align          : center;
    padding             : 0;
    margin              : 0; 
}

#navcontainer ul li a {
    background          : #434343;
    height              : 26px;
    /* Opera (keine CSS-Verl?ufe) */
    background			: #434343;    
    /* Internet Explorer */
    filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#000000');
    /* Firefox */
    background			: -moz-linear-gradient(top, #4a4a4a, #000000);
    /* Safari */
    background			: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#000000));
    padding             : 0;
    margin              : 0 0 0 0;
    color               : #fff;
    text-decoration     : none;
    display             : block;
    text-align          : center;
    font                : normal 12px/2em verdana, lucida, sans-serif;
/*  font                : normal 12px/2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; */
}

#navcontainer ul li a.start,#navcontainer ul li a.end {
		font-family: TitilliumText22L,Verdana, Arial, Helvetica, sans-serif;
    width               : 102px;
    border-top          : 1px solid #4e4e4e;
    border-left         : 1px solid #4e4e4e;
    border-bottom       : none;
    border-right        : 1px solid #252525;
    font-size:14px;
}

#navcontainer ul li a.middle {
		font-family: TitilliumText22L,Verdana, Arial, Helvetica, sans-serif;
    width               : 101px;
    border-top          : 1px solid #4e4e4e;
    border-left         : 1px solid #4e4e4e;
    border-bottom       : none;
    border-right        : 1px solid #252525;
}

#navcontainer ul li a:hover {
    color               : #fff;
    background          : #0f1e2f;
}

/*#navcontainer a:active {
    background          : #c60;
    color               : #fff;
}

#navcontainer li#active a {
    background          : #c60;
    border              : 1px solid #c60;
    color               : #fff;
}*/

#dropmenudiv{
    position            : absolute;
    border              : 0;
    border-bottom-width : 0;
    font                : normal 10px Verdana;
    line-height         : 18px;
    z-index             : 100;
}

#dropmenudiv a{
    width               : 100%;
    display             : block;
    text-indent         : 3px;
    border-bottom       : 0px;
    padding             : 1px 0 1px 12px;
    text-decoration     : none;
    color               : white;
}

#dropmenudiv a:hover{ /*hover background color*/
    font-weight         : bold;
    background-color    : #0f1e2f;
}

.anylinkmenucols{
    position            : absolute;
    border              : 0;
    border-bottom-width : 0;
    font                : normal 10px Verdana;
    line-height         : 18px;
    visibility          : hidden;
    z-index             : 100;
    box-shadow: 3px 4px 8px rgba(0,0,0,0.8);
    -moz-box-shadow: 3px 4px 8px rgba(0,0,0,0.8);
    -webkit-box-shadow: 3px 4px 8px rgba(0,0,0,0.8);
}

.anylinkmenucols a{
    width               : 100%;
    display             : block;
    text-indent         : 3px;
    border-bottom       : 0px;
    padding             : 1px 10px 1px 10px;
    text-decoration     : none;
    color               : white;
}

.anylinkmenucols a:hover{ /*hover background color*/
    font-weight         : bold;
}

.anylinkmenucols .column{
color               : white;
float: left;
padding: 3px 8px;
margin-right: 0px;
background: #0f1e2f;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}