@charset "utf-8";
/* CSS Document */

/*
Theme Name: WordPress Soulstyled
Theme URI: http://www.soulstyled.de
Description: Das neue soulstyled.de Theme.
Version: 1.0
Author: Michael Geissler
Tags: Code is poetry!

*/

/*  CSS Reset Hack  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

@font-face {
  font-family: 'Fontin';
  src: url('font/Fontin-Regular.eot');
  src: local('Fontin'), local('Fontin'), 
        url('font/Fontin-Regular.ttf') format('TrueType');
}



/*---------------------------------------------------------------------------
Body und Container
-----------------------------------------------------------------------------*/

body {
	background: #5e584d;
    background: url(images/wooden.jpg) fixed;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3e3d40;
	line-height: 140%;
	margin: 0px auto;
	text-align: left;
}

#container {
	margin:0px auto;
	width:945px;
	}
	
	
/*---------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/
	
	#logo {
	margin: 10px 0px;
    float:left;
	display:block;
	width:945px;} 

#logo img {
	border:none;
	float:left;
        } 
		
.tweetie { position: absolute; display:block; margin-left:860px; float:right; border:none; margin-top:22px;
	}
	
 
div.tweetie em {
background: url(images/follow.png);
width: 133px;
height: 67px;
position: absolute;
top: -180px;
left: -110px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
color:#000;
}
 
#tweetie {
width: 42px;
height: 42px;
text-indent: -9999px;
margin: 0 auto;
display: block;
}
		
		
/*---------------------------------------------------------------------------
Nav
-----------------------------------------------------------------------------*/
  
#kopfleiste {
	background-image:url(images/nav_bg.png);
	background-repeat:repeat-x;
	height:100px;
	margin: 0;
	padding: 0;
	color:#ffffff;
	width:100%;
	
} 


#menubar {
	float: left;
	padding-left: 5px;
} 

#menubar a:link {
	width: 120px;
	height: 60px;
	float: left;
	padding: 10px;
	margin: 5px;
	margin-right: 5px;
	margin-top: 10px;
	color: #888;
	text-decoration: none;
	font-size: 11px;
	line-height: 130%;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #000;
	
}

#menubar a:active { 
    width: 120px;
	height: 60px;
	float: left;
	padding: 10px;
	margin: 5px;
	margin-right: 5px;
	margin-top: 10px;
	color: #888;
	text-decoration: none;
	font-size: 11px;
	line-height: 130%;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #000;}
	
#menubar a:visited {
	width: 120px;
	height: 60px;
	float: left;
	padding: 10px;
	margin: 5px;
	margin-right: 5px;
	margin-top: 10px;
	color: #888;
	text-decoration: none;
	font-size: 11px;
	line-height: 130%;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #000;}

#menubar .itembox strong {
	display: block;
	font-size: 14px;
	padding-bottom: 3px;
	font-family: Helvetica, Arial;
	line-height: normal;
	color: #fff;
}

#menubar a:hover {
	background-color: rgba(0,0,0,0.7);
}


/* Hier die kleineren Links */ 
#nd_menubar {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
	font-size:11px;
}

#nd_menubar a:link {
	padding: 2px;
	display: block;
	color: #ccc;
	text-decoration: none;
}

#nd_menubar a:active {padding: 2px;
	display: block;
	color: #ccc;
	text-decoration: none;}
#nd_menubar a:visited {padding: 2px;
	display: block;
	color: #ccc;
	text-decoration: none;
	}

#nd_menubar a:hover {
	color: #fff;
}


/*---------------------------------------------------------------------------
Content - Basics
-----------------------------------------------------------------------------*/
 

.contentbox {
	background-color:#ffffff;
    padding: 20px;
    display: block;
    float: left;
    width: 905px;
	overflow:hidden;
} 

.contentbox a:link {color: #13772c;}
.contentbox a:active {color: #13772c;}
.contentbox a:visited {color: #13772c;}
.contentbox a:hover { color:#164c23;}


.contentbox h1 {
	font-size: 300%;
	line-height: 100%;
	padding: 0 0 15px 0;
	font-family: Fontin;
	}

.contentbox h1 a:link {color: #3e3d40; text-decoration: none;}
.contentbox h1 a:active {color: #3e3d40; text-decoration: none;}
.contentbox h1 a:visited {color: #3e3d40; text-decoration: none;}
.contentbox h1 a:hover { color:#000000;}

.contentbox p {
	margin-bottom: 15px;
	}
	
.contentbox strong {
	font-weight: bold;
	}
	
.contentbox .dashline {
	padding: 0;
	margin: 0;
	border-bottom: 2px dashed #333;
	min-height: 1px;
	line-height: 1%;
	width: 99%;}

.contentbox h2 {
	font-family: Fontin;
	font-weight: bold;
	font-size: 150%;
	line-height: 100%;
	padding: 0 0 7px 0;}
	
.contentbox .storycontent ul {
	margin-left: 30px;
	}
	



/*---------------------------------------------------------------------------
Content-Special: Home
-----------------------------------------------------------------------------*/

.contentbox .elevator {
	float: left;
	margin-bottom:20px;
	padding-bottom:20px;
	line-height:150%;
	font-size:20px;
	font-family: Fontin;
	font-style:regular;
	border-bottom: 2px dashed #333;
}

.contentbox .elevator h1 {
	font-family: Fontin;
	font-style:italic;
	font-size: 200%;
	font-weight: bold;
	line-height: 130%;
        padding-bottom: 20px;
}

.contentbox .elevator img {
	float: left;
        padding:3px;
	background:#eaeae8;
	border:1px solid #d1d1d1;
	/* padding:0; */
	margin-right:40px;
	/* border:0; */
}

.contentbox .homebox {
	float:left;
	width:292px;
	margin-right:14px;
	}
	
.contentbox .homebox p {
margin:0;
padding:0;
	}
	
.contentbox .homebox .bordertop {
	margin:6px 0 0 0;
	padding:6px 0 0 0;
	border-top:1px solid #eaeaea;
	}
	
.contentbox .homebox strong {
	font-weight: bold;
	}	
	
	
.contentbox .homebox h3 {
	float:left;
	margin-left:10px;
	margin-top:16px;
	padding:0;
	font-size: 160%;
	font-family: Fontin, Arial;
	}



.contentbox .homebox .socials {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	}
	
.contentbox .homebox .socials li {
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	float:left;
	}
	
.contentbox .homebox .socials li img {
	border:none;
	}
	
.contentbox .homebox ul {
	margin:0;
	padding:0;
	margin-left:12px;
	list-style-image:url(images/bullet.gif);
	list-style-position: outside;
	}
	
.contentbox .homebox ul li {
	margin:0;
	padding:7px 0 0 0;	
	}
	
.contentbox .homebox .icon {
	float:left;	
	}

.contentbox .homebox .blog_feature { display:block; padding:0 0 15px 0;}
.contentbox .homebox .blog_feature img { margin: 0 6px 0 0; float:left; border:1px solid #d1d1d1; padding:3px; background:#eaeae8;}
.contentbox .homebox .blog_feature span { padding: 0 6px 0 0; float:left;}



/*---------------------------------------------------------------------------
Content-Special: Wer - Template 2er Spalten
-----------------------------------------------------------------------------*/

.person {
	width: 405px;
	float: left;
	margin: 20px 20px 20px 0px;
}

.person-img {
	float: left;
	padding:3px;
	background:#eaeae8;
	border:1px solid #d1d1d1;
	margin-right:20px;
}

.beruflich {
	width: 405px;
	float: left;
	margin: 20px 0px 20px 20px;
}

.beruflich img {
	float: left;
	padding:3px;
	background:#eaeae8;
	border:1px solid #d1d1d1;
	margin-right:8px;
}

.person ul {padding: 7px 0 0 12px;
display: block;
float:left;	}
	
.person ul li {
	list-style-image:url(images/bullet.gif);
	
}


.beruflich ul {padding: 0 0 0 12px;
	}
	
.beruflich ul li {
	list-style-image:url(images/bullet.gif);
}


/*---------------------------------------------------------------------------
Content-Special: Wie-template
-----------------------------------------------------------------------------*/

.contentbox .dreier {
	position:relative;
	display:block;
	float: left;
	width: 286px;
	margin: 0 7px 15px 7px;
	}
	
.contentbox .dreier img {
	padding:3px;
	background:#eaeae8;
	border:1px solid #d1d1d1;}	

/*---------------------------------------------------------------------------
4er Spalten
-----------------------------------------------------------------------------*/
.contentbox .vierer {
	float: left;
	width: 214px;
	margin: 0 14px 0 0;}
	
	
.contentbox .brandt {	
	font-family: Fontin;
	font-style: italic;
	font-size: 220%;
	line-height:110%;
	background:#f7f7f7;
	padding: 8px 10px 8px 20px;
	border:1px solid #eeeeee;
	border-left: 14px solid #eeeeee;
	margin: 0 12px 15px 0px;
	}
	
.contentbox .src {
	font-size: 60%;
	line-height: 100%;
	}

/*---------------------------------------------------------------------------
Essentials
-----------------------------------------------------------------------------*/

.textcode {color:#990000; display:inline; font-family:"Courier New", Courier, monospace; font-weight:bold;}

.clearit {
	clear: both;
}

.10px {
	margin-top:10px;
}

.20px { margin-top:20px;
}

#commentlist .wp-smiley { background:none; border:none; padding:0; margin:0 3px; }
	

.linke_spalte {
	width: 405px;
	float: left;
	margin: 20px 20px 20px 0px;
}


.rechte_spalte {
	width: 405px;
	float: left;
	margin: 20px 0px 20px 20px;
}

.contentbox input {
  background: #eeeeee;
  border: thin solid #cccccc;
  margin:0;
  padding:5px;
  width:280px;
}

.contentbox textarea {
  background: #eeeeee;
  border: thin solid #d1d1d1;
  margin:0;
  padding:5px;
  width:280px;
}

.contentbox .submit {
  background: #eeeeee;
  border: thin solid #cccccc;
  margin:0;
  padding:5px;
  width:150px;
}

.case_facts { 
	list-style:none;
			}

.case_facts li { 
	list-style:none;
			}

/*---------------------------------------------------------------------------
Content-Special: Blog
-----------------------------------------------------------------------------*/


.contentbox .more {
	padding: 0;
	margin: 0;
	}
	
.contentbox .meta {
	padding: 2px 4px 2px 0;	
	margin: 0 0 5px 0;
	color:#777777;
	font-size: 90%;
	}
	
.contentbox .meta a:link { color:#777; text-decoration:none;}
.contentbox .meta a:active { color:#777;text-decoration:none;}
.contentbox .meta a:visited { color:#777; text-decoration:none;}
.contentbox .meta a:hover { color:#000; text-decoration:none;}
	
.contentbox .meta ul {
	padding:0;
	margin: 0;
	}
	
.contentbox .meta ul li {
	list-style: none;
	float: left;
	padding: 0 10px 0 0;
	}
	
.contentbox .storytitle {
	line-height: 100%;
	padding: 0 0 16px 0;
	margin: 0;}
	
.contentbox .storytitle_blogheadline {
	line-height: 100%;
	padding: 0;;
	margin: 0;}
	
.contentbox #sidebar {
	float: right;
	width: 250px;
	margin: 0 0 0 20px;
	min-height: 500px;
	}

.contentbox #specialwrap {
	width: 600px;
	padding: 0;
	margin: 0 0 13px 0;
	float: left;}
	
#specialwrap img { 
	padding:3px;
	background:#eaeae8;
	border:1px solid #d1d1d1;
	margin-bottom:10px;
	}
	
.contentbox #commentlist li {
	background:#f7f7f7;
	list-style:none;
	margin:10px 0;
	padding:10px;
	border:1px solid #ccc;
	}
	
	
.contentbox h4 {
	font-family:Fontin;
	font-size:130%;
	padding-bottom:5px;
	}	
	
.contentbox #commentlist li p {
	margin:0 0 4px 0;
	padding:0;
	}

.contentbox #comments {
	padding:0;
	margin:0;
	line-height:70%;
	}
	
#sidebar .twitter-timestamp {
	color:#777777;
	font-size: 90%;
	display:block;
	}
	
/*---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

.footer {
	background-image:url(images/nav_bg.png);
	background-repeat:repeat-x;
	margin: 0;
	margin-bottom:10px;
	color:#ccc;
    padding:10px;
	float:left;
	width:925px;
} 

.footer a:link { color:#fff;}
.footer a:active {color:#fff;}
.footer a:visited {color:#fff;}
.footer a:hover {color:#999; text-decoration:none;}