/*

Theme Name: Freizeitler's Mag-one.

Tags: 

Version: 1.0

Author URI: http://www.freizeitler.de

Description: Mag-one. A theme by Freizeitler.

Author: Henry Zeitler

.

Theme made by freizeitler.de

.

*/





/*___________Tags___________*/


#home-link h1 span, #right h2, #left h2 a, #wrapper #navigation .navileft a, #footer h2, #footer h2 a, #search .submit, #rss_search_box h3 a, #left .PostDate strong, #left .PostInfo strong, #wrapper #navigation .naviinner h5, #left .PostDetails li a  {
		/*font-family: 'Lobster', Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;*/
		font-family: 'IM Fell English', Geneva, Arial, Helvetica, sans-serif;
		}
#wrapper #navigation .navileft ul li a {		
		font-family: Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
		text-shadow: none;
		}

/*___Header___*/

/*#splat{
		position: absolute;
		background: url(images/splat.png) no-repeat;
		width: 608px;
		height: 400px;
		top: -110px;
		left: 0px;
		z-index:1;
		}*/
		
#home-link h1 span {
		display: block;
		font-size: 1.3em;

		color: #FBFDFD;
		padding: 0 0 0 30px;

		font-weight: normal;
		margin: -20px 0 0 0;
		}

#home-link {

		position: absolute;

		top: 10px;

		left: 25px;

		z-index: 10;
		
		color: #fff;

		}

#home-link a {

		background: url(images/freizeitler_logo.png) no-repeat;

		display: block;

		width: 374px;

		height: 112px;
		}

#home-link a:hover {

		}

#home-link h1 a {

		text-indent: -9999px;

		font-size: 5em;

		color: #fff;

		font-weight:normal;

		padding: 0;

		margin: 0;

		font-family: Impact, Verdana, Arial, Helvetica, sans-serif;

		}

		

#rss_search_box h3 {

		background: url(images/icons/rss_48.png) no-repeat right 15%;

		width: auto;
		height: 40px;
		
		padding: 10px 38px 10px 0;

		position:relative;

		}

#rss_search_box h3 a {

		color: #ddd;

		font-size: 1.4em;

		font-weight: normal;

		background:#000;

		}

#rss_search_box h3 a:hover {

		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		}
#rss_search_box #search {

		background: url(images/icons/search_48.png) no-repeat right 80%;

		width: auto;

		height: 25px;
		
		padding: 25px 35px 0 0;

		position:relative;

		}

#rss_search_box #search .submit{

		color: #ddd;

		background: none;

		cursor: pointer;

		padding: 0;

		display: inline;

		}

#rss_search_box #search .submit:hover {

		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		}

#rss_search_box #search .xsearch {

		background: #0A0A0A;

		color: #ddd;

		height: 1.2em;

		width: 180px;

		font-size: 1.2em;

		border: 1px solid #333;

		border-right: 1px solid #666;

		border-bottom: 1px solid #666;

		margin: 0 10px 0 0;

		}

		

		

/*___Right___*/
#flattr {
		}
#flattr-button {
		float: left;
		width: 58px;;
		}
#right #twitter {
		width: auto;
		background: url(images/twitter.gif) no-repeat;
		height: 132px;
		display:block;
		}
#right .banner2 {
		overflow: hidden;
		}
#right .banners {
		}
#right .banners li{
		padding: 0 0 0.5em 0;
		background: none;
		text-align: center;
		overflow: hidden;
		width: 100%;
		}

#right h2 {

		background: #660000 url(images/header.jpg) no-repeat -100px 0;
		color: #eee;
		font-size: 1.2em;

		padding: 0px 0 0px 3px;

		margin: 1.5em 0 0.8em 0;

		}

#right ul {

		list-style: none;

		}

#right ul li {

		padding: 0 0 0.8em 15px;

		background: url(images/ul_star.gif) no-repeat left 2px;

		}

#right a {

		}

#right a:hover {

		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		}
#right .commercial a {
		background: none !important;
		}

#right .commercial a:hover {

		background: none !important;

		}
		

/*___Left___*/



/*Textformatierungen im Artikel*/
code {
		background: #ddd;
		font-family: "Courier New", Courier, monospace;
		}

#sociable ul {

		list-style: none;

		}

#sociable ul li {

		display: inline;

		}		

#crp_related {

		padding: 2em 0 2em 0;

		}

#crp_related ol {

		list-style: none;
		list-style:upper-roman;
		margin: 0 0 0 22px;



		}

#left .post {

		}
#left .post #first-letter {
		float: left; 
		font-size: 5.2em; 
		line-height: 40px; 
		padding-top: 8px; 
		padding-right: 5px; 
		font-family: times,sans-serif;
		}
#left .post .first-letter {
		float: left; 
		font-size: 5.2em; 
		line-height: 40px; 
		padding-top: 8px; 
		padding-right: 5px; 
		font-family: times,sans-serif;
		}
#left .post h4 {
		font-size: 1.4em;
		}
#left .post strong {
		color: #333;
		font-weight: normal;

		}
#left .post em {
		font-style:italic;
		}
#left .post p {

		padding: 0 0 1em 0;

		}
#left .post ul, #left .post ol {
		margin: 0 0 0 16px;
		}

#left h2 a{

		background: none/*#660000 url(images/bg_headline_red.gif) repeat-y right*/;

		color: #333;

		font-size: 2.2em;

		padding: 0px 0 0px 3px;

		position:relative;

		display: block;

		text-decoration: none;

		width: auto;

		}

#left h2 a:hover {
		background: none;
		/*color: #fff;*/

		}
#left #more-link {
}
#left .PostDate {

		/*border-top: 1px solid #3D0000;*/
		border-right: 1px solid #a6a6a6;
  		float: left;

		/*background: #660000;*/

		padding: 2px 2px 2px 2px;

		width: 30px;

		text-align: center;

		position: relative;
		color: #333;

		}

#left .PostDate strong, #left .PostInfo strong {

		display:block;

		color: #333;

		font-size: 1em;
		font-weight: normal;

		}

#left .PostInfo {

		float: left;

		padding: 1px 0 4px 10px;
		line-height: 1.4;
		font-size: 0.8em;

		font-style: italic;

		width: auto;

		position: relative;

		}
#left .PostInfo .year {
		font-size: 1.4em;
		font-style: normal;
		}
#left .PostInfo a {

		font-size: 0.8em;

		font-style: italic;

		}

#left .PostDetails {

		list-style: none;
		text-align: right;
		padding: 1em 0;

		}

#left .PostDetails li {

		}

#left .PostDetails li a {

		font-size: 1.2em;

		background: none;

		color: #333;

		text-decoration: none;

		}

#left .PostDetails li a:hover {

		color: #fff;
		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		}

#left .posthead {

		padding: 0 0 2em 0;

		}

#left .thumbnail_post {

		position:relative;

		float:left;

		width:100px;

		height:100px;

		border:1px solid #bbb;

		border-bottom:1px solid #eee;

		border-right:1px solid #eee;

		margin:0 10px 0 0;

		}

#left .thumbnail_post a {

		display:block;

		height:100px;

		width:100px;

		background:none!important;

		}

#left .thumbnail_post span {

		display:block;

		height:100px;

		width:auto;

		cursor:pointer;

		}

.post_info ol,.post_info ul {

		margin-left:26px;

		}

.post_info ol li,.post_info ul li {

		padding:0 0 0 5px;

		}
		
/*Kommentare*/
.comment_text {
		padding: 10px;
		border-top: 2px solid #fff;
		background: #ddd url(images/ecke_grau.gif) no-repeat left bottom;
		}
.comment_header {
		width: auto;
		background: #D7D4D4 url(images/icons/comment_24.png) no-repeat 10px 2px;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		border-bottom: 1px solid #D3D0D0;
		border-right: 1px solid #D3D0D0;
		height: 40px;
		position: relative;
		padding: 10px 0 0 40px;
  }
 .comment_header h3, .comment_header h3 a {
 		font-size: 1.2em;
		display: inline;
		}
.comment_header .comment_header_right{
		position: absolute;
		width: 50px;
		height: 50px;
		right: 0;
		top: 0;
  }
#comment {

		background:#ddd;

		border-bottom:1px solid #E5E5E5;

		border-right:1px solid #E5E5E5;

		border-top:1px solid #ccc;

		border-left:1px solid #ccc;

		margin:1em 0;

		width: 100%;

		}

.commentlist {

		padding: 0 0 4em 0;

		}

.commentlist li {
		 
		font-size:2em;

		margin:0 0 10px;

		color: #A6A6A6;
		
		list-style: none;

		}

#commentform {

		background: url(images/icons/paper&pencil_48.png) no-repeat right top;

		padding: 28px 0 0 0;

		}

.PostCom {

		background: url(images/icons/comment_24.png) no-repeat right top;

		height: 22px;

		padding: 3px 36px 0px 0;

		margin: -10px 0 0 0;

		} 

.trenner {

		height: 5px;
		/*border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;*/
		margin: 1em 0 3em 0;

		}

#respond {

		padding-top:2em;

		}

#submit:hover {

		height:20px;

		background: #660000;

		color:#000;

		cursor:pointer;

		}

#submit {

		height:20px;

		background: #660000;

		color:#fff;

		}

#author,#email,#url {

		background:#ddd;

		border-bottom:1px solid #E5E5E5;

		border-right:1px solid #E5E5E5;

		border-top:1px solid #ccc;

		border-left:1px solid #ccc;

		margin:1px 0 0;

		height:20px;

		width:300px;

		padding:4px 3px 0 4px;

		}

#comments {

		font-size: 1.4em;

		color: #666;

		padding: 0 0 0.5em 0;

		}
		
.banner-bottom {
		width: auto;
		text-align: right;
		padding: 0 0 3em 0;
		}


		

/*___Footer___*/

#footer .footer-right h2 .delicious_title_link {
	background: url(images/icons/delicious_12.gif) no-repeat left;
	padding: 0 0 0 16px;
	font-size: 1em;
	}
#footer .delicious-item {
	padding: 0 0 0.2em 15px;
	background: url(images/ul_star_dark.gif) no-repeat left 2px;
	}
#footer #ich_jetzt {
	width: 75px;
	height: 70px;
	background: url(images/ich_jetzt.jpg) no-repeat left bottom;
	float: left;
	}

#wrapper #footer .footer-right ul li, #wrapper #footer .footer-left .textwidget, #wrapper #footer .footer-right span {

		color: #aaa;

		}

#footer ul {

		list-style: none;

		}

#footer a:hover {

		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		}

#footer a {

		color: #ddd;

		}

#footer h2 {

		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		color: #eee;

		font-size: 1.2em;

		padding: 0px 0 0px 3px;

		margin: 1.5em 0 5px 0;

		}



/*___Common___*/	

strong{

		color: #000;

		}

a {

		background: url(images/bg_a.gif) repeat-x bottom;

		text-decoration: none;

		}

a:hover {

		color: #fff;

		background: #660000 url(images/header.jpg) no-repeat -100px 0;

		}

		



/*___________Layout___________*/

	

#wrapper {

		width: auto;
		min-width: 960px;
		margin: 20px auto 0 auto;

		background: #fff url(images/bg.gif) repeat-y left;

		position: relative;


	}

#wrapper #main-content {		
		padding: 0 0 0 175px;
		position: relative;
		background: url(images/border_grau.gif) no-repeat 50px 0;
		}

/*#sun {

		position:absolute;

		width: 800px;

		height: 220px;

		top: 0px;

		left: 0px;

		background: url(images/sun.png) no-repeat -220px -50px;

		z-index: 1;

		}*/



#rss_search_box {

		position: absolute;

		width: 440px;

		height: 100px;

		right: 10px;

		top: 138px;

		z-index: 100;

		text-align: right;

		}

	

#wrapper #header {

		width: auto;

		background: #220000 url(images/header.jpg) no-repeat right top;

		height: 150px;

		padding: 0 0 0 35px;

		border-bottom: 40px solid #000;

		position: relative;

		color: #fff;


	}



#wrapper #left {

		float: left;

		width: 58%;

		padding: 30px 0px 30px 0;

		position:relative;
		
		z-index: 2;

	}

#wrapper #left .left {

		float: left;

		width: 48%;

		padding: 2em 0 0 0;

		}

#wrapper #left .right {

		float: right;

		width: 48%;

		padding: 2em 0 0 0;

		}



#wrapper #right {

		float: right;

		width: 37%;

		background: #ddd url(images/bg_black_50h.gif) no-repeat left top;

		padding: 50px 10px 0 10px;

		position: relative;

	}

#wrapper #right .left {

		float: left;

		width: 47%;

		padding: 0 0 1em 0;

		font-size: 0.9em;

		}

#wrapper #right .right {

		float: right;

		width: 47%;

		padding: 0 0 1em 0;

		font-size: 0.9em;

		}
#wrapper #right .clearbar {
		clear: both;
		height: 1px;
		} 

#wrapper #right #right_footer {

		clear: both;

		margin: 0 0 0 -10px;

		background: url(images/ecke_grau.gif) no-repeat left bottom;

		height: 22px;

		}		

#wrapper #footer {

		background: #000 url(images/ecke_footer.gif) no-repeat left top;

		width: auto;

		padding: 20px 20px 20px 68px;

		margin: 0 0 0 35px;

		position:relative;

	}

#wrapper #footer .footer-left {

		float: left;

		width: 62%;

		position:relative;

		font-size: 0.9em;

		color: #eee;

		}

#wrapper #footer .footer-middle {

		float: left;

		width: 30%;

		padding: 0 20px;

		font-size: 0.9em;

		border-left: 1px dashed #ddd;

		border-right: 1px dashed #ddd;

		color: #eee;

		}

#wrapper #footer .footer-right {

		float: right;

		width: 34%;

		position: relative;

		padding: 0 0 0 10px;

		font-size: 0.9em;

		color: #eee;

		/*border-left: 1px dashed #444;*/

		}

	

#wrapper #navigation {

		position: absolute;

		left: 25px; 

		top: 0;

		width: 60%;

		height: 1%;
		
		z-index: 1;
		
		height: 450px;
	    }

#wrapper #navigation:hover {
		
		z-index: 100;
	    }	

	

/*___________Globals + Don't Touches___________*/



* {

		padding: 0px;

		margin: 0px;

		border: 0;

		font: 13px/1.5 Geneva, Arial, Helvetica, sans-serif;

		color: #333;

	}

html, body	{

		font-size: 100.01%;

	}

body {

		background: #000;

	}



/*___Clearfix___*/



.clearfix:after {

		content: ".";

		display: block;

		height: 0;

		clear: both;

		visibility: hidden;

}

.clearfix {

		display: inline-block;

}

* html .clearfix {

		height: 1%;

}

.clearfix {

		display: block;

}