/*
Copyright (c) 2009, hahnsinn 
All rights reserved.
*/

/* Reset CSS */
body, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
*
{	margin: 0px;
	padding: 0px;
}

fieldset, img, abbr, acronym {
	border: 0px;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}

a {
	outline: none;
}
.clearfix {
	overflow: hidden;
	width: 100%;
}
/* Reset CSS */
	


/* ---------->>> C O N T E N T <<<-----------*/

body {
font-family: Myriad Pro, Tahoma, Geneva, serif;
color:#000;
text-align:left;
font-size:13px;
background: #fff;
}


#wrapper{
width:900px;
margin: 0 auto;
border-top: 6px solid #000;
}


#content, #content_journal{
float:left;
width:900px;
}


#totop {
background: #fff;
width: 13px;
height:0;
position: relative;
}

.zeile{
background: #fff;
width:900px;
float:left;
padding:20px 0 20px 0;
margin:20px 0 0 0;
position: relative; 
}

.zeile_post{
width:900px;
float:left;
padding:35px 0 25px 0;
margin:0 0 0px 0;
border-bottom:1px solid #000;
}

/* ---------->>> S P A L T E N <<<-----------*/

.s4_1{
width:205px;
float:left;
margin:0 25px 0 0;
}

.s4_2{
width:205px;
float:left;
margin:0 25px 0 0;
}

.s4_3{
width:205px;
float:left;
margin:0 25px 0 0;
}

.s4_4{
width:210px;
float:left;
}

.s3_1{
width:280px;
float:left;
}

.s3_2{
width:280px;
float:left;
margin:0 0 0 30px;
}

.s3_12{
width:590px;
float:left;
margin:0 0 10px 0;
}

.s3_3{
width:280px;
float:right;
margin:0 0 0 30px;
}

#blase{
width:255px;
height:165px;
float:right;
margin:0 0 0 30px;
padding:25px 0 0 25px;
background: url(images/blase.gif) no-repeat;
}

#portfolio .s3_3{
margin:5px 0 0 0;
}

.s3_23{
width:590px;
float:right;
margin:0 0 10px 30px;
}

.s2_1{
width:430px;
float:left;
margin:0 0px 0 0;
}

.s2_2{
width:470px;
float:right;
}

.tweet li {
padding: 0 0 14px 0; 
}


.reihe{
clear:both;
padding: 0px 0 0 0;
}

#portfolio{
margin:30px 0 0 0;
}

.zeile img{
border-left:0px dotted #aaa;
}

.clear{
clear:both;
}



/* * * *   Navigation  * * * * * */

#logo{
margin:20px 0 0 0;
float:left;
width:270px;
height:44px;
}

#home{
margin:10px 0px 0 0;
}

#home a:link, #home a:active, #home a:visited{
background: url(http://hahnsinn.de/images/logo.png) no-repeat left top;
padding:15px 140px;
}

#home li a:hover{
background: url(http://hahnsinn.de/images/logo.png) no-repeat left -42px;
}

#navi{
	width:480px;
	text-align:right;
	float:right;
	padding: 34px 0 60px 53px;
}

#navi li{
	display:inline;
	margin:0 0 0 21px;
}

.navi a{
font-size:15px;
color:#000;
text-decoration:none;
padding:5px 9px;
}

.navi a:hover{
	color:#009ee0;
padding:5px 9px;
}

.navi .aktiv{
font-size:14px;
	color:#000;
padding:5px 9px;
}



/* * * *   Header  * * * * * */
#header_home{
float:left;
margin:0px 0 0 0;
padding:70px 0 0px 0;
width:900px;
height:255px;
background: url(images/martin_hahn1.jpg) no-repeat 545px bottom;
border-bottom: 1px solid #000;
}

#rent{
float:right;
margin:50px 0px 0 0;
text-align:right;
}

#header, #about{
float:left;
width:900px;
margin:20px 0 20px 0;
}

#slideshow, #slogan1, #slogan2, #slogan3{
width:900px;
margin:30px 0 0 0;
}


#header .s2_1{
width:380px;
float:left;
margin:30px 0 0 0;
}

#header .s2_2{
width:520px;
float:right;
}

#about .s2_1{
width:600px;
float:left;
margin:30px 0 0 0;
}

#about .s2_2{
width:300px;
float:right;
text-align:center;
}

.slideshow {
width:900px;
height:500px;
}

.check li{
	padding: 0 0 0 18px;
	text-align:left;
	background: url('images/check.gif') no-repeat left 4px;
}

.check2 li{
	padding: 0 0 7px 18px;
	text-align:left;
	background: url('images/check.gif') no-repeat left 4px;
}

#footer{
margin:70px 0 0 0;
border-bottom:6px solid #000;
}




/* * * *   M O D U L E  * * * * * */

.title{
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:15px;
	color: #009ee0;
padding:0 0 4px 0;
}

.subtitle{
display:block;
padding:3px 0 0 0;
}

.pro_thumb{
margin:0 0 30px 0;
}

a.inner{	
font-size:13px;
border-bottom:0px solid #ccc;
padding:0 0 7px 0;
display:block;
}

a:hover.inner {
color: #009ee0;
}


.module{
padding:0 0 40px 0;
}

.module_post{
padding:5px 10px 30px 5px;
}

.text_con{
margin:0 0 35px 0;
}


/* ---------->>>  F I L T E R <<<-----------*/

#filter{
margin:25px 0 5px 0px;
height:33px;
}

#filter li {
display:inline;
margin:0 25px 0 0;
}

#filter li a:link{
font-size:13px;
color:#fff;
text-decoration:none;
padding:3px 16px 4px 10px;
background: #a2daf4 url('images/pfeil_2.png') no-repeat right top;
}

#filter li a:hover{
color:#fff;
text-decoration:none;
padding:3px 16px 4px 10px;
background: #009ee0 url('images/pfeil_2.png') no-repeat right -24px;
}

ul#filter li.current a { 
color:#fff;
text-decoration:none;
padding:3px 16px 4px 10px;
background: #009ee0 url('images/pfeil_2.png') no-repeat right -24px;
}



/* ---------->>> T  Y  P  O  G  R  A  P  H  I  E <<<-----------*/

h1{
font-size: 45px;
margin:0 0 14px 0;
color:#000; 
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h2{
font-size: 45px;
margin: 0 0 20px 0;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3{
font-size: 20px;
color: #009ee0;
border-bottom:1px solid #e9e9e9;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
padding:0 0 7px 0;
margin:0 0 25px 0;
}

#pro h3{
font-size: 16px;
color: #000;
margin:0 0 15px 0;
}

.leist{
font-style:italic;
text-align:left;
}

.teaser{
	font-size: 15px;
	line-height:26px;
	color: #000;
	margin:20px 0 15px 0;
	text-align:left;
}

h5{
width:380px;
color: #000;
margin:10px 0 20px 0;
font-size: 15px;
line-height:24px;
}

.head{
font-size: 35px;
margin:0 0 10px 0;
}

.zitat{
	font-size: 19px;
line-height:30px;
}

.subhead{
	color: #009ee0;
	font-size: 25px;
}


p, li{
font-size: 13px;
line-height:21px;
text-align:left;
}

p{
margin:0 0 6px 0;
}

#content_journal p{
font-size: 14px;
line-height:24px;
}

ul.tweet_list li{
text-align:left;
line-height:18px;
}

.blau{
color: #009ee0;
}

.hellblau{
background: #a2daf4;
}


blockquote{
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style:italic;
color:#000;
font-size: 13px;
line-height:20px;
padding:0 0 18px 0;
}


.autor{
padding-top: 3px;
text-align: right;
	font-size: 12px;
line-height:16px;
color:#333;
font-family: Myriad Pro, Tahoma, Geneva, serif;
font-style:normal;
}



/* * * *   L I N K S  * * * * * */

a{
color:#000;
text-decoration:none;
}

a:hover, .tweet li a:hover{
color:#000;
text-decoration:none;
}


#content_journal a{
color:#777;
text-decoration:none;
}


.zeit a, .tags a, .kommentar a{
color:#000;
}

.button{
height:24px;
font-family: Myriad Pro, Tahoma, Geneva, serif;
padding:5px 22px 4px 10px;
background: #a2daf4 url(images/pfeil_r_hell.png) no-repeat right top;
}

a.button{
font-size:13px;
color:#fff;
text-decoration:none;
}

a:hover.button{
color:#fff;
font-size:13px;
text-decoration:none;
background: #009ee0 url(images/pfeil_r_dunkel.png) no-repeat right top;
}


h5 a{
color:#009ee0;
}


a:focus {
outline: none;
}

.active {
background: #009ee0 url(images/pfeil_2.png) no-repeat right -24px;
}


#blase h4, #blase a, h4{
font-size:14px;
color:#fff;
line-height:22px;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h4{
color:#000;
}

h4 a, .tweet li a{
color: #009ee0;
}

.txt{
padding:0 0 10px 0;
}


.txt a{
color: #009ee0;
}

.txt a:hover{
color: #000;
}


/* Easy Slider */

#slider{
padding:20px 0 0 0;
}

#slider ul, #slider li{	
	margin:0;
	padding:0;
	list-style:none;
}

#slider, #slider li{ 
	width:900px;
	height:440px;
	overflow:hidden; 
}

#prevBtn, #nextBtn {
font-family: Myriad Pro, Tahoma, Geneva, serif;
position: absolute;
top:40px;
}
		
#nextBtn {
left: 620px;
}	
	
#prevBtn {
right:280px;
}

span#nextBtn a{
font-size:13px;
color:#fff;
text-decoration:none;
padding:6px 22px 3px 10px;
background: #a2daf4 url(images/pfeil_r_hell.png) no-repeat right top;
}					
span#nextBtn a:hover{
color:#fff;
font-size:13px;
text-decoration:none;
background: #009ee0 url(images/pfeil_r_dunkel.png) no-repeat right top;
}

span#prevBtn a{
font-size:13px;
color:#fff;
text-decoration:none;
padding:6px 16px 3px 24px;
margin:0 10px 0 0;
background: #a2daf4 url(images/pfeil_l_hell.png) no-repeat left top;
}
span#prevBtn a:hover{
color:#fff;
font-size:13px;
text-decoration:none;
background: #009ee0 url(images/pfeil_l_dunkel.png) no-repeat left top;
}


/* // Easy Slider */