@charset "UTF-8";
/*
Theme Name: BlueSlide
Theme URI: 
Description: Designed by <a href="http://freethemelayouts.com">FTL</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: FreeThemeLayout/DreamTemplate
Author URI: 
*/


/* Main Tags */




 


@media screen, projection
{

   

	li {list-style-image: url(images/red_right.png);}


	html, body 
	{
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
		background-image: url('images/bg_bottom.gif');
		font-size: 12px;
		font-family: Verdana,sans-serif;
		line-height: 16px;
		
	}
	h1
	{
		font-size: 2em;
		font-weight: normal;
		margin-bottom: 5px;
	}
	h2
	{
		font-size: 1.5em;
		font-weight: normal;
		margin: 10px 0px;
	}
	h3, h4
	{
		font-size: 1.2em;
		font-weight: bold;
		margin: 7px;
		color: #000;
	}
	
	form
	{
		display: inline;	
	}
	
	a img
	{
		border: none;
	}
	
	a
	{
		color: #ff0505;
		text-decoration: underline;
	}
	hr {
	height:3px;
	border: 0px;
	background: #fff url(images/border-horizontal.gif) repeat-x;
	}
	
	
	.Container
	{
		background-image: url(images/bg_top.gif);
		height: 314px;
	}
	
	#Main
	{
		margin: auto;
		width: 918px;
		background-color: #ffffff;
		background-image: url('images/main_bg.gif');
		padding-top: 15px;
		margin-top: 0px;
	}
	
	div.red
	{
		background-color: #ff0505;
		width: 960px;
		margin: auto;
		border: 0;
	}
	span.red
	{
		color: #ff0303;
	}
	
	#Header 
	{
	  width: 918px;
	  height: 314px;
	  margin: auto;
	  background-image: url(images/header_bg.gif);
	}
	
	#Ticker 
	{
	  padding-top:4px;
	  height: 20px;
	  background-color: black;
	  color: red;
	  padding-left: 4px;
	  margin-bottom:0px;
	}
	
	#Header_Logo
	{
	  margin-left:-21px;
	  width: 918px;
	  height: 224px;
	  background-image: url(images/header.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}
	
	#HeaderLinks
	{
		margin-top: 30px;
		width: 130px;
		height: 180px;
		float: right;
		line-height: 2em;
		text-align: left;
		font-weight: bold;
	}
	#HeaderLinks #SearchBox .caps
	{
		color: #ffffff;
		margin-bottom:6px;
		
	}
	
	#HeaderLinks #SearchBox
	{
		margin-top: 12px;
	}
	
	#HeaderLinks #SearchBox input#s
	{
		width: 100px;
		border: 1px solid #888888;
	}
	
	#HeaderLinks #SearchBox a
	{
		color: #ffffff;
		font-size: 1.8em;
		font-weight: bold;
		text-decoration: none;
	}
	
	#breadcrump
	{
		margin-left:20px;
		height: 20px;
		color: white;
	}
	
	#breadcrump span
	{
		color: #fff;
	}
	
	#breadcrump span a
	{
		color: #ff0303;
	}
	
	#Navigation
	{
	  background-image: url(images/header_top.gif);
	  background-position: bottom left;
	  background-repeat: no-repeat;
	  margin-left:-21px;
	  height: 50px;
	  top: 0px;
	}
	
	#Navigation ul, #NavigationFooter ul
	{
		margin-top: 16px;
		list-style: none;
		text-transform: uppercase;
	}
	
	#Navigation ul
	{
		float: left;
		margin-left: 235px;
	}	
	#Navigation ul li
	{
		float: left;
	}	

	#Navigation ul li, #NavigationFooter ul li 
	{
		display:inline;
		margin-right:15px;
		text-transform: uppercase;
	}
	
	#Navigation ul li a, #NavigationFooter ul li a
	{
		font-weight: bold;
		color: white;
		text-decoration: none;
		text-transform: uppercase;
	}
	/* #Navigation ul li a:hover, #NavigationFooter ul li a:hover
	{
		color: #ff0505;
	}
	
	#Navigation ul li a:hover, #NavigationFooter ul li a:hover
	{
		color: #ff0505;
	}
	
	.current_page_item a 
	{
		color: #ff0505 !important;
	}*/
	
	.page_item
	{
		color: #ff0505;
	}
	
	div.clear 
	{
	    clear: left;
	    margin: 0;
	    padding: 0;
	    height: 0;
	    line-height: 0;
	    font-size: 0;
	}
	
	div#NavigationFooter
	{
		text-align: center;
		font-size: 10px;
		width: 960px;
	  	margin:auto;
	  	background-color: black;
		padding-bottom: 0px;

		z-index: 1;
	}
	div#NavigationFooter ul
	{
		margin: 0px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.caps 
	{
		text-transform: uppercase;
	}
	
	#Sidebar0 {
		width:440px;
		float:left;
		margin-left: 20px;
		margin-right: 20px;
		padding:0 0 40px 0;
	}
	
	#Sidebar1 {
		width:246px;
		float:left;
		margin:0;
		padding:0 0 40px 0;
		margin-left: 10px;		z-index: 100;
	}	
	
	#Sidebar2  
	{
		margin:0;
		/*width:154px;*/
		float:right;
		text-align:left; 
		padding:0 5px 0 0;
	}
	
	#Sidebar2 h2 a {
	color: #000;
	text-decoration: none;
	}
		
	#Sidebar1 ul li a, #Sidebar2 ul li a {
		background:transparent url(images/bullet2.gif) no-repeat scroll 0 0;
		color:#3b3b3b;
		font-weight:normal;

		text-decoration:none;
	}
	
	#Sidebar1 ul li, #Sidebar2 ul li {
		color:#969696;
		font-family:Verdana,sans-serif;
		line-height:1.2em;
		border:0px;
	}
	#Sidebar1 ul li a:hover, #Sidebar2 ul li a:hover{
	   text-decoration:underline;
	   }
	
	#Sidebar1 ul, #Sidebar1 ol, #Sidebar1 li, #Sidebar2 ul, #Sidebar2 ol, #Sidebar2 li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	 #Sidebar2 h2 {
		padding:0px 0px 0px 0px;
		font-size:11px;
	}
	#Sidebar2 h2
	{
		text-transform: uppercase;
		margin-bottom: 0px;
		font-weight:bold;
	}
	#Sidebar2 ul, #Sidebar2 ul li
	{
		text-indent:0px;
		padding-left: 0px;
		margin-top: 3px;
		margin-left: 0px;
	}
	#Sidebar2 ul li
	{
		margin-left: 17px;
	}
	
	div.PostHead p.PostDate {
		border-right: 1px solid #888888;
		margin: 0px;
		float: left;
		text-align: center;
		padding-right: 10px;
	}
	.huge {
		font-size: 17px;
		color: #ff0505;
	}
	div.PostHead p.PostDate strong.day, strong.title {
		font-weight: normal;
		font-size: 15px;
		color: #ff0505;
	}
	div.PostHead p.PostDate strong.day {
		font-size: 25px;
		line-height: 25px;
	}
	div.PostHead p.PostDate strong.month, div.PostHead p.PostDate strong.day, p.PostDate_detail strong.month, p.PostDate_detail strong.day {
		color: #ff0505;
	}
	
	p.PostDate_detail strong.day {
		font-size: 10px;
	}
	p.PostDate_detail strong.month {
		font-size: 15px;
		line-height: 15px;
	}
	
	div.PostHead div.right,
	div.PostHead div.right_tall
	{
		width:188px;
		/*margin-top:6px;*/
		float: left;
		margin-left: 10px;
	}
	div.PostHead div.right_tall {width:626px;}
	
	div.PostHead strong a {
		color: #ff0505;
		text-decoration:none;
	}
	div.PostHead strong a:hover {
		color: #ff0505;
		text-decoration:underline;
	}
	.PostInfo, .PostInfo a {
		color: #000 !important;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	div.PostHead {
		/*background-image: url(images/underline.gif);*/
		background-position: bottom;
		padding-bottom: 10px;
		background-repeat: repeat-x;
	}
    div.PostHead h3 {
    margin: 0px;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    }
    
    div.PostHead h3 a:hover {
    text-decoration: underline;
    }
	div.PostHead div.right strong.PostInfo
	{
		margin: 0px;
	}
	div.PostHead div.right strong.PostInfo div-right_tall a
	{
		color: #000000;
		text-decoration: underline;
	}
	
	.Post {
	margin-bottom:10px;
	background: url(images/border-horizontal.gif) bottom repeat-x;
	padding-bottom: 15px;
	}
	
	
	div#copyright
	{
		background-image: url(images/underline_w.gif);
		background-position: top;
		height: 20px;
		background-repeat: repeat-x;
		color: #fff;
		padding-top: 7px;
		padding-bottom: 4px;
	}
	.postcontent p
	{
		margin: 6px 0px;
		padding-top: 0px;
	}
	
	.toplink
	{
		padding-left: 14px;
		padding-right: 20px;
		
		background-image: url(images/arrow_up.gif);
		background-position: top left;
		background-repeat: no-repeat;
		border-right: 1px solid #888888;
	}

}

/* Slide */
	h4 span.expand,h4 span.hide  {display:none;float: right; right: 10px; font-size: 12px; color: #8F8F8F;}
	h4.slidehidden .expand {display:inline;}
	h4.slidehidden .expand {background: url(images/grey_bottom.png) right no-repeat; padding-right: 15px;}
	h4.slidehidden .hide {display:none;}
	h4.slidevisible .expand {display:none;}
	h4.slidevisible .hide {display:inline;}
	h4.slidevisible .hide {background: url(images/grey_top.png) right no-repeat; padding-right: 15px;}
	
	div.slide {display: block;}
	div.container-grau, div.container-grau-pfeil {background: #ddd url(images/border-horizontal.gif) top repeat-x; padding: 5px; }
	div.container-grau-ohne-border {background: #ddd; padding: 10px; margin:10px 0px }
	div.container, div.container-pfeil {background: #FFFFFF url(images/border-horizontal.gif) top repeat-x; padding: 5px;}
	div.container-grau-haken {background: #ddd url(images/haken.png) top left no-repeat; padding: 5px; padding: 15px 15px 15px 45px; margin: 15px 0px}
	div.container-grau ul, div.container ul {margin-top: 2px; margin-bottom: 2px}
	.container-grau-pfeil h4, .container-pfeil h4 {background: url(images/red_right.png) left no-repeat; padding-left:20px}

	p.weiterlesen, p.verbergen {
	padding-bottom: 15px;
	}
	p.weiterlesen a, p.verbergen a {
	color:#8F8F8F;
    float:right;
    font-size:12px;
    padding-right: 15px;
    }
    p.weiterlesen a {
    background: url(images/grey_bottom.png) right no-repeat; 
	}
	p.verbergen a {
    background: url(images/grey_top.png) right no-repeat; 
	}

	div#Main.Page,
	div#Main.Single	
	{
		margin: auto;
		width: 918px;
		background-color: #ffffff;
		background-image: url('images/page_bg.gif');
		padding-top: 20px;
		margin-top: 0px;
	}
	
	div#Sidebar0.Page,
	div#Sidebar0.Single
	 {
		width:712px;
		float:left;
		margin-left: 20px;
		margin-right: 0px;
		padding:0 0 40px 0;
	}

	div#Header_Logo.Nutzen 
	{
	  margin-left:-21px;
	  width: 918px;
	  height: 224px;
	  background-image: url(images/header_nutzen.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}
	
	div#Header_Logo.Produkte 
	{
	  margin-left:-21px;
	  width: 918px;
	  height: 224px;
	  background-image: url(images/header_produkte.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}
	
	div#Header_Logo.Referenzen 
	{
	  margin-left:-21px;
	  width: 918px;
	  height: 224px;
	  background-image: url(images/header_referenzen.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}
	div#Header_Logo.Tipps 
	{
	  margin-left:-21px;
	  width: 918px;
	  height: 224px;
	  background-image: url(images/header_boersentipps.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}
	div#Header_Logo.Kommentare 
	{
	  margin-left:-21px;
	  width: 918px;
	  height: 224px;
	  background-image: url(images/header_kommentare.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}