/*
Theme Name: Magazine Basic
Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic
Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, header logo, multiple front page grid layouts, Google Analytics, pagination, drop-down menus and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8.5 using Firefox 3.5, IE 7 & 8. Fully optimized for search engine ranking. Translation ready. 100% valid xHTML. Designed by <a href="http://themes.bavotasan.com/">Themes by bavotasan.com</a>.
Version: 2.5.6
Author: c.bavota
Author URI: http://themes.bavotasan.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Xerx-Stock */

.xerx_kurs {
           color: #666;

}
.xerx_kurs p {
           padding: 10px 20px 10px 20px;
           margin: 0px 10px 0px 10px;
           text-align: center;
           font-size: 26px;
}
.xerx_kurs p span {
           font-size: 18px;
           font-weight: normal;
           font-style: normal;
           margin: 5px;
}
.xerx_subkurs table {
           width: 100%;
           border-bottom: 1px solid #DDD;
           border-top: 1px solid #DDD;
}
.xerx_subkurs tr {
           border-top: 1px solid #DDD;
}
.xkurs {
       float: left;
       font-weight: bold;
       font-family: Verdana;
       font-style: italic;
}
.xrel {
       float: right;
}
.xabs {
       float: right;
}
.xg .xkurs {
       color: green;
}
.xr .xkurs {
       color: red;
}
.xerx_subkurs {
           clear: both;
}
#xerx_kurs_container {
       width: 600px;
       margin: 10px auto;
       padding: 10px;
       border: 1px solid #AAA;
       display: block;
}
#stock_div {
       clear: both;
       margin: 0px auto;
}
.dygraph-legend {
       font-size: 12px!important;
       color: #888;
}
.hovers:hover {
                 text-decoration: underline;
    }
.xerx_chartmodule {
                  width: 500px;
                  margin: 10px auto 0px auto;
                  padding: 5px ;
                  border-top: 1px dotted #BBB;
                  border-left: 1px dotted #BBB;
                  border-right: 1px dotted #BBB;
                  color: #666;
                  height: 50px;
}
.xerx_chartmodule table {
                  width: 100%;
}
.xerx_chartmodule .src {
                  color: #444;
                  text-decoration: underline;
}
.xerx_chartmodule table td{
                  text-align: center;
}
.chart_container {
                 padding: 10px;
                 border: 1px solid #BBB;
}
/* Basic Tag Elements */
html {
  height:0;
}
.button2 {
	padding:0;
	margin: 10px 0 0 0;
	width:110px;
	font-size:10px;
	border: 1px solid #b3b3b3;
	background-color: #FFF;
	color:#9b9b9b;
	}

.wp-table-reloaded {

font-family: arial;
font-size: 12px;
}

.firstpost {
border-bottom-color: #ffff00; !important;
border-bottom-style: solid;
border-bottom-width: 1px;
float: left;
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
}

a {
	text-decoration: none;
	outline: none;
	color: #36C; 
	}
	
	a:hover {
		text-decoration: none;
color: #D14836;  
		}
img { 
        border: 0;
	}

body {
        color: #222222;
 	margin: 0 auto; 
margin-top: 0px;	
font-size: 14px; 
	padding: 0; 
	background: #fff;
        }

.sksearch { 
float: right;
margin-top: 25px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.abstand {
margin-top: 1px;
margin-bottom: 1px;
}
.wm-s {
margin-top: 1px;
text-align: center;
font-family: Arial;
font-size: 11px;
width: 47%;
float: left;
}
.wm-s-r {
margin-top: 1px;
text-align: center;
font-family: Arial;
font-size: 11px;
width: 47%;
float: right;
padding-right: 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #444;
	 -webkit-transition: color 0.5s ease-in; /*safari and chrome */
 -o-transition: color 0.5s ease-in; /* opera */
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #D14836;
text-decoration: none;
	}

textarea {
	width: 97%;
	}

#leftontent table {
	border: 0;
	}

#leftontent table td {
	border: 1px solid #eee;
	padding: 5px 10px;
	}
	
	#leftontent table th {
		border: 1px solid #eee;
		padding: 5px 10px;		
		background: #eee;
		}

/* Header Elements */

.updiv {
       text-align: right;
       background-color: #3c3c3c;
       color: #fff;
       font-family: Arial;
display: block;
height:14px;
padding: 2px;
font-size: 10px;
-moz-border-radius-topright: 5px; 
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; 
-webkit-border-top-left-radius: 5px; 
border: 1px solid #3c3c3c;

}

.gangster {
/**background-image:url(http://splusk.de/wp-content/uploads/2010/06/gangster.png);**/
background-repeat:repeat-x;
display: block;
height: 16px;
background-color: #fff;

}

.updiv a {
color: #fff;
font-family: Arial;
margin-right: 3px;
margin-left: 3px;
}

#header{
	background: #fff;
	float: left;
	width: 100%;
        margin-top: 5px;



}

#headerad {
	width: 468px;
	}	

#login {
	height: 16px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	padding: 10px 20px 15px;
	background: url(images/login.png) repeat-x;
	}
	
	#login a {
		color: #fff;
		}
	
	#login ul {
		padding: 0;
		margin: 0;
		}
	
	#login ul li {
		display: inline;
		}
	
.dot:before {
	content: url(images/whitedot.png) " ";
	}

#title {
	font-size: 48px;
	margin-top: 7px;
	padding: 0;
        line-height: 50px;
	}
	
	#title a {
		color: #222;
		}		
	
	#title a:hover {
		color: #cc0000;
		text-decoration: none;
		}
		
#description {
	font-size: 14px;
	margin: 10px 16px 0;
	padding: 0;
	}		
	
#navigation {
	margin: 10px 0 3px;
	float: left;
	clear: both;
	width: 100%;
        padding-bottom:5px;
	border-bottom: 1px solid #DBDBDB;
	position: relative;
	z-index: 1000;
       }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			auto 0;
	padding:		0;
	list-style:		none;
       }
.sf-menu {
        margin:			auto 0;
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin:	0px auto;
       }
.sf-menu a {
	border-right:	1px solid #fff;
	padding: 		.6em 1em .4em;
	text-decoration:none;
        font: normal 17px/20px Georgia;
}

.sf-menu li li a {
	border: 0;
	}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#888;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			.90em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.65em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


								
#sub-navigation {
	clear: both;
	border-bottom: 5px solid #DBDBDB;
	float: left;
	width: 100%;
	padding: 2px 0 0;
 	z-index: 50;
 	position: relative;
       	}
	
	#sub-navigation ul {
		padding: 0 0 0 8px;
		margin: 0;
		}
	
	#sub-navigation li {
		list-style-type: none;
		float: left;
		font-size: 12px;
		padding: 0 10px 0 0;
		text-transform: uppercase;
		margin: 0;
		line-height: 24px;
		background: url(images/blackdot.png) right 5px no-repeat;
		position: relative;
		}
	
	#sub-navigation a {
		color: #222;
		padding: 0 5px;
		}
		
		#sub-navigation a:hover {
			text-decoration: underline;
			}
			
#sub-navigation ul li:hover ul { display: block; }	
#sub-navigation ul li:hover ul ul { display: none; }	
#sub-navigation ul ul { position:absolute; top:24px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000; z-index: 500;}
#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }
#sub-navigation ul ul li a:hover {background-color:#eee}
#sub-navigation ul ul li:hover ul { display: block; }
#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	


#sub-navigation li.nodot {
	background: none;
	z-index: -50;
	}
	
#sub-navigation li.right-d {
	float: right;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	padding-bottom:15px;
	margin: 0;
        width: 900px !important;
	}

#sidebar {
        
        float: right;
	margin-top:15px;
	padding: 5px 0 0;
        
        	
}

#secondsidebar {
      	float: left;
	margin: 20px 0px;
	padding: 5px 0 0;
        
	}

#thirdsidebar {
        
	float: left;
	margin: 20px 0px;
	padding: 5px 0 0;
        background-color: #f6f6f6;
	}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	}	
	
.side-widget {
        width: 305px !important;
	float: left;
	margin: 0 0 15px;
	padding: 0 10px 15px;
	background: url(images/bg-hatch.gif);
	border: 4px solid #ddd;
	border-right-color: #ececec;
	border-bottom-color: #ececec;

	}
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 14px;
                font-family:arial;
		}
		
	.side-widget ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
	
	.side-widget h2 {
		font-size: 16px;
		padding: 10px 0 0px;
		margin-top: 0;
		text-align: left;
		text-transform: uppercase;
		color: #666666;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		text-transform: uppercase;
	.side-widget .noline {
		border-bottom: 0;
		}		

.side-widget #s {
	margin-top: 15px;
	padding: 2px;
	width: 94%;
	}

.storycontent {
	line-height: 18px;
	font-size: 14px;
	}
.side-widget-post {
        width: 305px !important;
	float: left;
	margin: 0 0 15px;
	padding: 0 10px 15px;
	background: url(images/bg-hatch.gif);
	border: 4px solid #ddd;
	border-color: #ececec;

	}
.side-widget-post ul li {
		padding: 0;
		margin: 0;
		font-size: 14px;
                font-family:arial;
		}

.posts {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color: #cc0000;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	
	}

/* Left Content Elements */

#leftcontent {
      font-family: verdana;
	float: left;
	margin: 25px 10px;
	padding: 0;
  font-size: 12px;
	}
	.left-home #leftcontent {
  float: left;
  }
#leftcontent-forum #fullwidth {
  padding: 0px;
}
	#leftcontent h5.latest {
		font-family: Georgia, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #cc0000;
		margin-bottom: 5px;
		font-size: 14px;
		}

	#leftcontent h1 {
		margin: 0;
		padding: 0;
		font-size: 26px;
		line-height: 26px;
		}
#leftcontent .ind-post h1 {
margin-top: 5px;
	font-family: verdana, arial, serif;
	font-weight: 700;
	color: #222;
font-size: 24px;
line-height: 28px;
}
#leftcontent .post h1 {
margin-top: 5px;
	font-family: verdana, arial, serif;
	color: #222;
font-size: 24px;
line-height: 28px;
}

 
#leftcontent .twopost h1, 
#leftcontent .pages h1, 
#leftcontent h1.catheader,
#leftcontent h1.tagheader,
#leftcontent .threepost h1 {
	margin-top: 5px;
	font-family: verdana, arial, serif;
	font-weight: 700;
	color: #222;
font-size: 16px;
line-height: 20px;
	}

	#leftcontent h1.catheader {
		color: #205b87;
		margin-bottom: 15px;
}

#leftcontent h1.tagheader {
		color: #205b87;
		margin-bottom: 15px;
background-image: url("http://splusk.de/wp-content/uploads/2010/07/tag-back.png");
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
padding-top: 25px;
padding-right: 100px;
padding-bottom: 3px;
padding-left: 27px;
		}

		
	#leftcontent .twopost h1 {
		font-size: 1.3em;
		line-height: 1.2em;
		}
	
	#leftcontent .threepost h1 {
		font-size: 16px;
		line-height: 1.2em;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .post .entry {
		font-size: 14px;
		line-height: 22px;
font-family: Verdana;
		}
		
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #444;
		padding-top:5px;
		}	
		
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 0 10px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 10px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
	}

/* This is your blockquote style */
	
#leftcontent .entry .pullquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
	}
	
	#leftcontent .entry .pullquote p {
		padding: 0;
		margin: 0;
		}



.tags a {
	color: '205b87;
	}
	
.ind-post, .post {
	float: left;
	border-bottom: 4px solid #eee;
        
        margin-bottom: 2px;
	padding-bottom: 2px;
	width: 100%;
}     
	.ind-post img {
             	margin: 0px 10px 5px 0;		
border-bottom-color: #666666;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #666666;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #666666;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #666666;
border-top-style: solid;
border-top-width: 1px;
		}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 2px 0 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		border: 1px solid #666666;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #eee;
		}
	
.mainhr {
	float: left;
	background: #eee;
	clear: both;
	width: 100%;
	height: 4px;
	margin: 10px 0;
}	
	
.twopost {
	width: 30%;
	float: left;
	}	
	

	.twopost2, .twopost4 {
		margin-left:20px
}
		
	.twopost3, .twopost4 {
margin-left:20px
		}
		
	.twopost1, .twopost3 {
		}		
		
#threecol {
	float: left;
	margin-top: 3px;
	width: 100%;
	}

#threecol2 {
	float: left;
	padding: 0;
	width: 100%;
}

	#threecol img {
		margin: 0px 15px 15px 0;
border-bottom-color: #666666;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #666666;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #666666;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #666666;
border-top-style: solid;
border-top-width: 1px;
		}

.threepost {
	width: 100%;
	float: left;
	border-top: 4px solid #eee;
	padding-top: 10px;
	}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 0%;
		}
		
	.threepost1 {
		border-top: 0;
		}

		.threepost1, .threepost4 {
		clear: left;
		}

/* Pagination */	
	
.pagination {
	margin: 20px 0 10px;
	float: left;
	background: #eee;
	width: 97%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 12px 1% 10px;
	}	

.pagination a {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #666;
	background-color: #FFFFFF;	
}
input#s{
width: 300px;
height: 22px;
border: 1px solid #89929D;
box-shadow: inset 0px 2px 5px 1px #CCC;
-webkit-box-shadow: inset 0px 2px 5px 1px #CCC;
-moz-box-shadow: inset 0px 2px 5px 1px #CCC;
z-index: 2;
background: white;
}
.children a{
color: #205B87;
font-size: 12px;
}
.children a:hover{
text-decoration: underline;
}
.children li{
float:left;
width:100px!important;
overflow: hidden;

}
.children {
border: 1px solid #DBDBDB;
margin-left:15px;
width:220px!important;
background-color: #FFF;
}

#gallery-1 img {
-webkit-transition: all .5s ease-in-out;
}
  #gallery-1 img:hover {
  -webkit-transform: scale(1.2);

  }
::-moz-selection           { background-color: red; color: white; }
::selection                { background-color: red; color: white; }

blockquote {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
border-left: 10px solid #DADADA;
padding-left: 12px;
}
   ::-webkit-scrollbar {
                width: 10px;
                height: 10px;
            }
            ::-webkit-scrollbar-button:start:decrement,
            ::-webkit-scrollbar-button:end:increment  {
                display: none;
            }
             
            ::-webkit-scrollbar-track-piece  {
                background-color: #dddddd;
                -webkit-border-radius: 6px;
                
            }
             
            ::-webkit-scrollbar-thumb:vertical {
                -webkit-border-radius: 6px;
                
                
                background: #3C3C3C url(scrollbar_thumb_bg.png) no-repeat center;
            }