/*  
Theme Name: Hitzefrei
Theme URI: http://sebastiankippe.de/
Description: Das offizielle Hitzefrei-Theme.
Version: 06.05
Author: Sebastian Kippe
Author URI: http://sebastiankippe.de/
*/



/* =Common
---------------------------------------------------------------*/

	* { margin: 0; padding: 0;}
	
	body {
		font-size: 80%;
                font-family: Helvetica, Arial, sans-serif;
		text-align: center;
		background: url(gfx/layout/bg_body02.jpg) top center no-repeat;
		line-height: 150%;
		color: #333;
		}
		
	hr { display: none; }
	.hidden { display: none; }
	
	#wrapper a {
		color: #0093B8;
		text-decoration: none;
		padding: 1px 0;
		}
		
	#wrapper a:hover, #wrapper a:active {
		background-color: #F3FBFF;
		color: #0093B8;
		border-bottom: 1px solid #198BBE;
		}
						
	
/* =Sectioning
---------------------------------------------------------------*/	
	
	div#header h1 {
		height: 190px;
		font-size: 0em;
		text-indent: -50000px;		
		}
	
	div#container { text-align: left; width: 900px; margin: 0 auto}
	div#wrapper { float: left; width: 100%}
	div#content { float: left; width: 500px; margin-right: 400px; margin-bottom: 100px; }
	div#sidebar { float: left; width: 200px; margin-left: -402px; }
	div#extra { float: left; width: 202px; margin-left: -202px; text-align: right; }
	div#footer { clear: left; width: 100%; }	

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

	p { margin: 0 0 10px; }
	
	#content p { padding-right: 40px; }
		
	#content h2 {
		font-family: 'Trebuchet MS', sans-serif;
		font-size: 1.65em;
		margin: 0 0 15px 0;
		line-height: 1.2em;
		}
		
	#content h2 a {
		color: #333;
		}
		
	#content h3 {
		font-family: 'Trebuchet MS', sans-serif;
		font-size: 1.3em;
		margin: 25px 0 10px 0;
		}
		
	#content h3 a {
		color: #333;
		}
						
	#content h3 a {
		}
		
	#content #akkordeon h3 {
		margin: 25px 0 0 0;
		}
		
	#akkordeon {
		margin-bottom: 30px;
		}
				
	.postmetadata {
		font-size: 0.89em;
		color: #666;
		margin-bottom: 40px;
		}
		
	.postmetadata_archiv {
		font-size: 0.89em;
		color: #666;
		margin-bottom: 25px;
		}	
		
	.postmetadata_single {
		font-size: 0.89em;
		color: #666;
		margin: 25px 0 40px 0;
		}				
	
	#content ul {
		list-style-image: url(gfx/layout/pfeil9.gif);
		margin-left: 25px;
		margin-bottom: 20px;
                margin-right: 25px;
		padding-left: 5px;
		line-height: 180%;
		}
		
	#content div.stretcher ul {
		padding: 15px 0 0 0;
		}
		
	#content div.navigation {
		margin-bottom: 30px;
		}
		
	#content ul.commentlist {
		margin: 0 0 0 20px;
		padding: 5px 0 5px 0;
		}	
		
	#content ul.commentlist p {
		margin: 5px 0;
		line-height: 150%;
		}	
		
	#content ul.commentlist p.postmetadata_comment {
		margin: 7px 0 25px 0;
		padding: 0 0 0 15px;
		background: url(gfx/layout/autor.gif) 0 1px no-repeat;
		color: #666;
		}
		
	#content .entry img {
		float: left;
		margin: 3px 15px 5px 0;
		padding: 4px;
		border: 1px solid #CCC;
		}
		
	#content div.navigation { padding-right: 40px; padding-bottom: 15px; }
		
	.alignright {
		float: right;
		}
		
	.alignleft {
		float: left
		}		
						
	  
/* =Sidebar
---------------------------------------------------------------*/	


	ul#navlist  {
		list-style-type: none;
		margin-top: 10px;
		}

	ul#navlist {
		width: 200px;
		}
		
	ul#navlist li a {
		voice-family: "\"}\""; 
		voice-family: inherit;
		text-decoration: none;
		font-size: 1.2em;
		font-family: Helvetica, Arial, sans-serif;
		color: #0093B8;
		border-bottom: 1px solid #BEE3F3;
		}	
		
	ul#navlist li a:link, ul#navlist li a:visited {
		color: #198BBE;
		display: block;
		width: 180px;
		padding: 5px 0 5px 20px;
		}
		
	ul#navlist li a:hover, ul#navlist li a:active {
		display: block;
		width: 180px;
		padding: 5px 0 5px 20px;
		background: #F3FBFF;
		border-bottom: 1px solid #BEE3F3;
		}
		
	ul#navlist ul  {
		list-style-type: none;
		}
						
	ul#navlist ul li a:link, ul#navlist ul li a:visited {
		color: #198BBE;
		display: block;
		width: 170px;
		padding: 5px 0 5px 30px;
		}
		
	ul#navlist ul li a:hover, ul#navlist ul li a:active {
		display: block;
		width: 170px;
		padding: 5px 0 5px 30px;
		background: #F3FBFF;
		border-bottom: 1px solid #BEE3F3;
		}
		
	ul#navlist li a.navlist_first {
		border-top: 1px solid #BEE3F3;
		}

	#sidebar h2 {
		font-family: 'Trebuchet MS', sans-serif;
		font-size: 1.2em;
		color: #198BBE;
		margin: 0 0 12px 0;
		line-height: 1.5em;
		border-bottom: 1px dotted #BBB;
		padding: 0 5px 5px 5px;
		margin-left: 5px;
		margin-right: 5px;
		}
		
	#sidebar p {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 25px;
		}		
		
	#cp_notice p {
		font-size: 0.8em;
		color: #ccc;
		padding: 20px;
		}
		
	#cp_notice p:hover {
		color: #666;
		}	
	
		
	  
/* =Sponsorbar
---------------------------------------------------------------*/	

	#extra img { margin: 0 0 15px 0; }

		
		
/* =Forms
---------------------------------------------------------------*/	
		
	fieldset { border: 0; margin-top: 20px; }
	p.loadBar, p.emailSuccess { margin-top: 20px; }
	label { display: block; cursor: pointer; margin-top: 10px; }
	input.text,textarea { width: 300px; font: 12px/12px 'courier new', courier, monospace; color: #666; padding: 3px; margin:1px 0; border: 1px solid #ccc; }
	input.submit { padding: 2px 5px; margin-top: 20px; }
	input[type=text]:focus, textarea:focus { background-color: #F3FBFF; color: #333; border-color: #198BBE; }
	  
	  
/* =Footer
---------------------------------------------------------------*/		  
	
	div#footer {
		background: #FFF;
		color: #BBB;
		margin-top: 0px;
		text-align: center;
		height: 84px;
	}	
	
	div#footer p {
		padding-top: 48px;
		font-size: 0.89em;
		}	  
	  
	#footer a {
		color: #BBB;
		text-decoration: underline;
		}	  
	  
	#footer { display: none; }