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

/*
Theme Name: WordPress Soulstyled
Theme URI: http://www.soulstyled.de
Description: Das neue soulstyled.de Theme.
Version: 2.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;}



/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection { background: #333333; color:#34d370; text-shadow: none; }
::selection { background:#333333; color:#34d370; text-shadow: none; }



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

body {
	background: #fff;
	font: 13px/25px Arial, Helvetica, sans-serif;
	color: #686868;
	line-height: 160%;
	margin: 0px auto;
	text-align: left;
}

#container {
	margin:0px auto;
	width:960px;
	position:relative;
	}
	
#footer-container {
	width:100%;
	background:#f5f5f5;
	border-top:2px solid #eeeeee;
	padding-bottom:20px;
	margin-top:40px;
	}
	
	
/*---------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/
	
#logo {
	margin: 30px 0px;
    float:left;
	display:block;
	width:auto;} 

#logo img {
	border:none;
	float:left;
        } 
		
		
/*---------------------------------------------------------------------------
Nav
-----------------------------------------------------------------------------*/
  
#kopfleiste {
	float:left;
	height:125px;
	margin: 0;
	padding: 0;
	color:#ffffff;
	width:100%;
	border-bottom:1px solid #e8e8e8;
} 


.menu-hauptmenu-container {
	float: right;
	padding-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-shadow:1px 1px #fff;
} 

.menu-hauptmenu-container #menu-hauptmenu,
.menu-hauptmenu-container #menu-hauptmenu li {
	list-style-type:none;
	float:left;
	}

.menu-hauptmenu-container a:link,
.menu-hauptmenu-container a:visited {
	width:auto;
	height: 8px;
	float: left;
	padding: 5px 0px 13px 16px;
	margin: 5px;
	margin-right: 5px;
	margin-top: 50px;
	color: #686868;
	text-decoration: none;
	display:block;
	text-shadow:1px 1px 0px #fff;
}


.menu-hauptmenu-container a:hover {
	color:#13772c;
}

.menu-hauptmenu-container .current-menu-item {
	display:block;
	color:#13772c;
	font-weight:bold;
	}

.menu-hauptmenu-container .current-menu-item a {
	text-shadow:none;
	color:#13772c;
	}


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

.contentbox {
    padding: 30px 0;
    display: block;
    float: left;
    width: 100%;
	overflow:hidden;
} 

.contentbox a:link,
.contentbox a:active,
.contentbox a:visited   {color: #007b21; text-decoration:none;}
.contentbox a:hover { color:#164c23; text-decoration:underline;}


.contentbox h1 {
	font-size: 200%;
	line-height: 100%;
	padding: 0 0 15px 0;
	font-family: 'Abel', sans-serif;
	text-shadow:1px 1px #fff;
	}

.contentbox h1 a:link,
.contentbox h1 a:active,
.contentbox h1 a:visited {color: #4e865c; text-decoration: none;}
.contentbox h1 a:hover { color:#007b21;}

.contentbox p {
	margin-bottom: 15px;
	line-height:160%;
	}
	
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: 'Abel', sans-serif;
	font-size: 200%;
	line-height: 100%;
	padding: 0 0 7px 0;}
	
.contentbox .storycontent ul {
	margin-left: 30px;
	}
	
.contentbox ul {
	margin:15px;
	padding:0;
	margin-left:22px;
	list-style-image:url(images/bullet.gif);
	list-style-position: outside;
	}
	
.contentbox ul li {
	margin:0;
	padding:5px 0 0 0;	
	}


.contentbox .service {
	width:960px; height:210px;	border-bottom:1px dashed #c3c1b8; overflow:hidden;
	margin-bottom:10px;
	}

.contentbox .service h1 {width:630px; float:left;}
.contentbox .service p {width:630px; float:left;}

.contentbox .service .icon {
	float:left; height:200px; margin-right:20px;
	}

.contentbox .service .example {width:160px; float:right; margin-left:10px;}
.contentbox .service .example img {border:5px solid #eaeaea;}
.contentbox .service .example strong {text-transform:uppercase; font-size:10px; color:#ccc; font-weight:normal;}

/*---------------------------------------------------------------------------
Content-Special: Elevator
-----------------------------------------------------------------------------*/

.elevator {
    padding: 30px 0;
    display: block;
    float: left;
    width: 100%;
	overflow:hidden;
	border-bottom:1px dashed #c3c1b8;
	background:url(images/bg_elevator.png) top center no-repeat;
}

.elevator h1 {
	font-family: 'Abel', sans-serif;
	font-size: 200%;
	line-height: 130%;
    padding-bottom: 20px;
}

.elevator h1 a:link,
.elevator h1 a:active,
.elevator h1 a:visited  {color: #649571; text-decoration: none;}
.elevator h1 a:hover { color:#4c8c5c;}

.elevator p {
	font-family: 'Abel', sans-serif;
	font-size:300%;
	line-height:120%;}

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

.elevator .storytitle {
	line-height: 100%;
	padding: 0 0 16px 0;
	margin: 0;}
	
/*---------------------------------------------------------------------------
Style-Special: Sidebar
-----------------------------------------------------------------------------*/
#search {margin:30px 0; float:left;}
#search #s {width:160px; height:16px; float:left;}
#search #submit {width:50px; margin-left:10px; float:left;}

.contentbox #sidebar #netzwerk {list-style-type:none; margin:0px 0px 30px 10px;}
.contentbox #sidebar #netzwerk li {list-style-type:none; list-style-image:none; margin-bottom:20px;}

#seo-listing {margin-top:0px;}

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

.contentbox .subhead,
.footer .subhead {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#959595;}
.footer .subhead {margin-top:10px;}

.contentbox .big-typo-front {
	width:100%;
	font-family: 'Abel', sans-serif;
	color:#686868;
	text-align:center;
	font-size:100px;
	margin-bottom:40px;
	margin-top:25px;
	letter-spacing:-3px;
	text-shadow:3px 3px 0px #ccc;
}

.contentbox .homebox {
	float:left;
	width:310px;
	}

.contentbox .homebox h1 {text-align:center;}
	
.contentbox .homebox p {
margin:0;
padding:0;
line-height:160%;
	}

	
.contentbox .homebox strong {
	font-weight: bold;
	}	
	
	
.contentbox .homebox h3 {
	float:left;
	margin-left:10px;
	margin-top:16px;
	padding:0;
	font-size: 160%;
	font-family: 'Abel', sans-serif;
	}
	
	
.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;}

.contentbox .cta-box {width:100%; margin:0 auto; float:none; margin-top:0;}
.contentbox .cta-box p {width:100%; margin:0 auto; float:none; margin-top:0; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:24px;}
.contentbox .cta-box h3 {width:100%; height:auto; margin:0; padding:0; display:block; font-family: 'Abel', sans-serif; color:#686868; text-align:center; font-size:70px; font-weight:normal; margin-bottom:30px; margin-top:40px; text-shadow:3px 3px 0px #ccc;}


/*---------------------------------------------------------------------------
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);
}

.contentbox h3 {
	font-weight:bold;
	}


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

.contentbox .dreier {
	position:relative;
	display:block;
	float: left;
	width: 290px;
	margin: 0 15px 15px 15px;
	}
	
.contentbox .dreier img {
	padding:6px;
	background:#e9e9e9;
	}	

.contentbox .dreier img:hover {
	padding:6px;
	background:#929292;
	}

.contentbox .zweier {
	width:460px;
	margin-bottom:15px;
	}

.contentbox .mainhome{
	width:630px;
	margin-bottom:15px;
	}


/*---------------------------------------------------------------------------
4er Spalten
-----------------------------------------------------------------------------*/
.contentbox .vierer {
	float: left;
	width: 214px;
	margin: 0 14px 0 0;}
	
	
.contentbox .brandt {	
	font-family: 'Abel', sans-serif; 
	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
-----------------------------------------------------------------------------*/
.alignleft {float:left; margin-right:20px;}
.alignright {float:right; margin-left:20px;}


.clearit {
	clear: both;
}


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


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

input {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin:0;
  padding:5px;
  width:250px;
}

textarea {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin:0;
  padding:5px;
  width:250px;
}

.submit {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin:0;
  padding:5px;
  width:130px;
  float:right;
}

#sidebar .case_facts { 
	list-style:none;
	margin:0;
	padding:0;
			}
		
#sidbar strong {
	background:none;
	padding:0;
	margin:0;
	font-weight:bold;
	}

#sidebar .case_facts li { 
	list-style:none;
			}
		
hr {
	border:0;
	border-bottom:1px dashed #c3c1b8;
	margin:20px 0 40px 0;
	clear:both;
	display:block;
	background:none;
	color:none;
	height:0px;
	}

em {font-style:italic;}
/*---------------------------------------------------------------------------
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 #sidebarwrap {
	float:right;
	width:300px;
	}

.contentbox #sidebar {
	float: right;
	width: 250px;
	margin: 0;
	padding-left:50px;
	min-height: 500px;
	}

#sidebar h2 {
	font-family: 'Abel', sans-serif;
	color:#686868;
	font-size:200%;
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	margin-top:40px;
}

#sidebar h2:first-child {
	margin-top:0px;
}

.contentbox #specialwrap {
	width: 604px;
	padding: 0;
	margin: 0 0 13px 0;
	float: left;}
	
#specialwrap img { 
	padding:6px;
	background:#e9e9e9;
	margin-bottom:10px;
	}
	
#specialwrap .post {
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px dashed #c3c1b8;

	
	}
	
.contentbox #commentlist li {
	background:#f7f7f7;
	list-style:none;
	margin:10px 0;
	padding:10px;
	border:1px solid #ccc;
	}
	
	
.contentbox h4 {
	font-family: 'Abel', sans-serif;
	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;
	}
	
.contentbox .storytitle_blogheadline {
	line-height: 100%;
	padding: 0;
	margin: 0;}

#commentform #comment {width:90%; font-family:"Courier New", Courier, monospace; font-size:14px;}
	
/*---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

.footer {
	margin:0 auto;
	margin-bottom:10px;
	color:#333;
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-shadow:1px 1px 0px #ffffff;
} 

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

.footer strong {
	font-weight:bold;
	background:none;
	padding:0;
	}

.kontakt-area { width:459px;float:left; margin:45px 0 0 30px;}
.kontakt-area h2 {
	color:#3f3e41;
	font-family: 'Abel', sans-serif;
	font-size: 130%;
	line-height: 100%;
	padding: 0 0 5px 0;
	margin:0 0 14px 0;
	background:url(images/h2_bg.png) repeat-x bottom;}
.kontakt-area p {line-height:160%; margin-bottom:6px;}
.kontakt-area span {line-height:100%; margin-bottom:6px; display:block; width:100%;}
.kontakt-formular {width:262px;float:right;}

.footer .social {float:left; list-style-type:none; margin-top:10px;}
.footer .social li {float:left; list-style-type:none; margin:5px 5px 0 0;}

/*---------------------------------------------------------------------------
Home-Special: 
-----------------------------------------------------------------------------*/
#slidecontainer {
	float:left;
	width:727px;
	background:url(images/bg_slider.png) no-repeat;
	height:347px;
	position:absolute;
	left:-60px;
	top:160px;
	z-index:888;
}

#slidecontainer #slideshow {
	float:left;
	margin-left:75px;
	margin-top:16px;
}

#slidecontainer #slideshow_navigation {float:right; clear:both; width:400px; text-align:center; padding-top:20px; border:0px;}
#slidecontainer #slideshow_navigation a{ 
background: url(images/button.png) no-repeat scroll 50% 50%;
display:block;
float:left;
font-size:0px;
width:13px;
height:13px;
margin:3px;
outline-style:none;
outline-width:medium;
padding:0px;
text-align:center;
border:0;}

#slidecontainer #slideshow_navigation .activeSlide {background: url(images/button_selected.png) no-repeat scroll 0% 50%; border:0;}

#welcome-msg {width:310px; float:right; margin-top:60px; line-height:160%; height:270px;}
#welcome-msg strong {background:none; font-weight:bold; color:#959595;}
#welcome-msg h1 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;margin:10px 0px 0px 0px; font-size:16px;line-height:160%;}
#welcome-msg p {line-height:160%; margin-top:10px;}

#mininav {list-style-type:none; font-size:12px;margin:0 20px 0 0; padding:0; line-height:120%;float:right;}
#mininav li {list-style-type:none; list-style-image:none;padding:1px 0 4px 0;}
#mininav li a {color:#999; font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
#mininav li a:hover {color:#659571;}

.gfx-button,
#specialwrap .gfx-button {
	margin-right:4px;
	background:none;
	padding:0;
	border:0;
	}
.gfx-button:hover,
#specialwrap .gfx-button:hover  {
	margin-right:4px;
	}