/*

	Projekt:
	Datei: style.css
	Author: Alexander Hahn - http://keasone.de

	============
	== COLORS ==
	============

	bg:				#000
	text:			#141414
	link:			#666
	link:hover: 	#000000

*/

/*-------------------- BASICS --------------------*/

body {
	width: 100%;
	background: #141414 url(img/backie_twitt.png) fixed; repeat-0;
	font: 12px "Arial", Sans-Serif;
	color: #141414;
	text-align:left;
	}
	
/*-------------------- STRUCTURE --------------------*/

#wrapper { background: #fff url(img/bg_main.gif) no-repeat 0 67px; width:  960px;}

#header { postition: relative; height: 510px; border-bottom: 1px solid #000;}

#nav_main { position: absolute; top:  110px; left: 0px; padding-left: 20px;}

#header_content { position: absolute; top:  110px; left: 480px; width:  460px; }

#element01 { float: left; width: 200px;  padding-left: 20px;  margin-right: 20px; }
#element03 { float: left; width: 200px;  padding-left: 20px; margin-right: 20px; }
#element02 { float: left; width: 200px;  padding-left: 20px; }
#element04 { float: left; width: 200px;  padding-left: 20px; }
			
#nav_main, #element01, #element02, #element03, #element04 {  background: transparent url(img/icon_box.gif) no-repeat 0 2px; }

#header li { padding:  0 0 1px 0; width: 200px;}

#header li.next { width:  50px;}
#header li.prev { width:  50px;}

/*-------------------- POST --------------------*/


#wrapper_content { width: 940px;}

.post { width:  940px; padding: 20px 0px 20px 0; border-bottom: 1px solid #000;}

.content_wrapper { width: 200px; float: left; padding-left: 20px; background: transparent url(img/icon_box.gif) no-repeat 0 2px; }

.post img { float: right; }

/*-------------------- LINKS --------------------*/


a {  }
	a:link 		{ color: #666; text-decoration: none; }
	a:visited 	{ color: #666; text-decoration: none; }
	a:hover 	{ color: #666; text-decoration: underline; }
	a:active 	{ color: #666; text-decoration: underline; position:relative; top:1px; }
	a:focus 	{ outline:1px dotted #000; }
		:focus { outline-color:-moz-use-text-color;	outline-style:none;	outline-width:0; }
	
/*-------------------- HEADLINES --------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: bold; color:  #000;}
h1 a:link, h2 a:link, h3 a:link, h4 a:link { color:  #000;}

h1 { font-size: 2.0em; }
h2 { font-size: 13px; margin-bottom: 10px;}
h3 { font-size: 13px; margin-bottom: 10px;}
h5 { font-size: 13px; margin-bottom: 15px; line-height:  10px;}
	h5 a:link, 	h5 a:visited { color: #000; text-decoration: none;}
	h5 a:hover, h5 a:active { color: #000; text-decoration: underline;}

#header h1 a {
	background: transparent url(img/logo.png) no-repeat scroll 0 0;
	color: #999;
	height: 390px; width: 128px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute; top: 0; left: 236px;
}
	#header h1 a:hover { background: transparent url(img/logo.png) no-repeat scroll 0 0px; }

/*-------------------- TYPO --------------------*/

p { line-height: 15px; margin-bottom: 15px; }

strong { font-weight:bold; }

em { font-style:italic; font-family:"Georgia", "Times New Roman", serif; }

acronym[title] ,abbr[title] { border-bottom: 1px dotted #888 !important; cursor: help; }
	a abbr, a acronym { cursor:pointer !important; }
	
/*-------------------- IMAGES --------------------*/
	
.left { float:left; margin:0 10px 10px 0; }

/*-------------------- EXTRAS --------------------*/

/*-------------------- CLEAR & HIDE --------------------*/

.hide { position:absolute; left: -9999em; top: -9999em; }

.clear { display:block; width:100%; clear:both; }

/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}