@charset "utf-8";
 
/*
	steinhuebel.de CSS
	Copyright (c) 2010 Initiative Konzeptionelles Design. All rights reserved.
	If you copy without permission, We will mock you.
*/

@import url(default/reset.css); /* Default Reset */
@import url(default/text.css); /* Default Styling */
@import url(default/960.css); /* Grid System */

/* 
BASIC ELEMENTS 
Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
*/


html {
	background-color: rgb(152,108,73);
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h2 {
	font-size: 25px;
	line-height: 1.2;
	color: #4f80ab;
}

h3 {
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	color: rgb(152,108,73);
}

p, ol, ul {
	color: #333;
}

/*
GENERIC CLASSES 
Define styles for simple things like floating to the sides, removing a bottombottom margin on elements, etc
*/

.bg {background-color: #35fffe;}

/*img {margin-bottom: 20px;}*/

img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}
span.bildunterschrift {
	font-style: italic;
	font-size: 11px;
	display: block;
	width: 290px;
}

a#anmeldung {
	height: 55px;
	display: block;
	width: 400px;
	margin: 15px auto 60px;
	text-indent: -9999em;
	background: transparent url(img/btn-angebot.png) no-repeat 0 0;
}

a#anmeldung_klein {
	height: 55px;
	display: block;
	width: 220px;
	margin: 15px auto 30px;
	text-indent: -9999em;
	background: transparent url(img/btn-angebot-klein.png) no-repeat 0 0;
}

.LinieOben {
	border-top: 1px solid #e6e6e6;
	padding-top: 5px;
	margin-top: 20px;
}

.box {
	background-color:#fff;
	/*border-bottom:1px solid #8e8e84;*/
	padding: 5px 5px 10px;
	
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
          	
	-webkit-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;
	}
.box:hover {
	background-color: #ebebeb;
	}
  


/* 
BASIC LINKS 
*/

a:link,
a:visited { 
	color: rgb(152,108,73); 
	text-decoration: none;
	border-bottom: 1px solid #bc8559;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}

a:hover, 
a:focus {
color:#477694; 
text-decoration: none;
border-bottom: 1px solid #ccc;
}

a.bild {border: none;}



/*
BASIC LAYOUT 
Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
*/

#top {
	background-color: #e1e1e1;
}

#teaser {
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 310px;
	background: rgb(110,158,187) url(img/teaser-bg.jpg) no-repeat center 0;
}

#startseite {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 80px;
	padding-top: 35px;
}

#content_overview {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 80px;
	padding-top: 35px;
}

#content {
	background: #fff url(img/hacken-bg.gif) no-repeat center 0;
	overflow: hidden;
	padding-bottom: 30px;
	padding-top: 40px;
}

#foot {
	background: rgb(152,108,73) 0 center;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 100px;
}

/*
HEADER 
*/

#header {
	height: 122px;
	overflow: hidden;
	background: url(img/header-logo.png) no-repeat 0 0;
}

#header h1 {
	text-indent: -9999px;
	height: 1px;
	display: block;
	margin: 0;
	padding: 0;
	}

/*
TEASER 
*/

#teaser .container_12 {
	position: relative;
}

#teaser #overlay {
	background-color: #e1e1e1;
	overflow: hidden;
	width: 325px; /*breite ist eigentlich 320px*/
	height: 60px;
	position: absolute;
	right: -5px; /*damit es bei skalierung nicht zu blitzern kommt*/
	top: 0px;
	z-index: 99;
}

#teaser #slideshow {
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 960px;
	height: 310px;
}

#teaser img {
	padding: 0;
	margin: 0;
}

p.teasertext {
	line-height: 1.7;
	font-size: 17px;
	color: #4f80ab;
	
}

p.teasertext_1 {
	line-height: 1.7;
	font-size: 17px;
	color: #636363;
	-webkit-text-size-adjust:none	
}

/* @group NAVIGATION */

ul#mainnav  {
	list-style-type: none;
	padding: 0;
	width: 640px;
	margin: 5px 0 0;
	overflow: hidden;
}

ul#mainnav li{
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	float: left;
}

ul#mainnav li a {
	border: 0;
	height: 40px;
	display: block;
	text-decoration: none;
	background: url(img/mainnav.png) no-repeat 0 0;
	
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;	
}

li#bt_start a {width: 49px; margin-right: 12px}
li#bt_start a:link,
li#bt_start a:visited {background-position: 0px 0px;}
li#bt_start a:hover,
li#bt_start a:focus {background-position: 0px -40px;}

li#bt_coaching a {width: 78px; margin-right: 12px}
li#bt_coaching a:link,
li#bt_coaching a:visited {background-position: -55px 0px;}
li#bt_coaching a:hover,
li#bt_coaching a:focus {background-position: -55px -40px;}

li#bt_vortraege a {width: 80px; margin-right: 12px}
li#bt_vortraege a:link,
li#bt_vortraege a:visited {background-position: -142px 0px;}
li#bt_vortraege a:hover,
li#bt_vortraege a:focus {background-position: -142px -40px;}

li#bt_firma a {width: 112px; margin-right: 12px}
li#bt_firma a:link,
li#bt_firma a:visited {background-position: -235px 0px;}
li#bt_firma a:hover,
li#bt_firma a:focus {background-position: -235px -40px;}

li#bt_service a {width: 66px; margin-right: 12px}
li#bt_service a:link,
li#bt_service a:visited {background-position: -358px 0px;}
li#bt_service a:hover,
li#bt_service a:focus {background-position: -358px -40px;}

li#bt_kontakt a {width:70px; margin-right:0px}
li#bt_kontakt a:link,
li#bt_kontakt a:visited {background-position: -439px 0px;}
li#bt_kontakt a:hover,
li#bt_kontakt a:focus {background-position: -439px -40px;}


li#bt_start a#selected {background-position: 0 -40px;}
li#bt_coaching a#selected {background-position: -55px -40px;}
li#bt_vortraege a#selected {background-position: -142px -40px;}
li#bt_firma a#selected {background-position: -235px -40px;}
li#bt_service a#selected {background-position: -358px -40px;}
li#bt_kontakt a#selected {background-position: -439px -40px;}



ul#subnav  {
	list-style-type: none;
	margin: 0 0 0 6px;
	padding: 4px 0 0;
	clear: both;
	width: 620px;
	overflow: hidden;
}

ul#subnav.hidden  {
	visibility: hidden;
}

ul#subnav li{
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	float: left;
}

ul#subnav li a {
	border: 0;
	height: 22px;
	display: block;
	text-decoration: none;
	margin-right: 20px;
	
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;		
}

ul#subnav.firma li a {
	background: url(img/subnav_firma.png) no-repeat 0 0;
}

ul#subnav.produkte li a {
	background: url(img/subnav_produkte.png) no-repeat 0 0;
}
ul#subnav.erfahrung li a {
	background: url(img/subnav_erfahrung.png) no-repeat 0 0;
}
ul#subnav.engagement li a {
	background: url(img/subnav_engagement.png) no-repeat 0 0;
}


ul#subnav.firma li#bt_firma_team a {width: 41px;}
ul#subnav.firma li#bt_firma_team a:link, 
ul#subnav.firma li#bt_firma_team a:visited {background-position: 0px -22px;}
ul#subnav.firma li#bt_firma_team a:hover,
ul#subnav.firma li#bt_firma_team a:focus {background-position: 0px 0px;}

ul#subnav.firma li#bt_firma_werte a {width: 47px;}
ul#subnav.firma li#bt_firma_werte a:link, 
ul#subnav.firma li#bt_firma_werte a:visited {background-position: -49px -22px;}
ul#subnav.firma li#bt_firma_werte a:hover,
ul#subnav.firma li#bt_firma_werte a:focus {background-position: -49px 0px;}

ul#subnav.firma li#bt_firma_projekte a {width: 67px;}
ul#subnav.firma li#bt_firma_projekte a:link, 
ul#subnav.firma li#bt_firma_projekte a:visited {background-position: -106px -22px;}
ul#subnav.firma li#bt_firma_projekte a:hover,
ul#subnav.firma li#bt_firma_projekte a:focus {background-position: -106px 0px;}

ul#subnav.firma li#bt_firma_presse a {width: 50px;}
ul#subnav.firma li#bt_firma_presse a:link, 
ul#subnav.firma li#bt_firma_presse a:visited {background-position: -182px -22px;}
ul#subnav.firma li#bt_firma_presse a:hover,
ul#subnav.firma li#bt_firma_presse a:focus {background-position: -182px 0px;}

ul#subnav.firma li#bt_firma_team a#selected {background-position: 0px 0px;}
ul#subnav.firma li#bt_firma_werte a#selected {background-position: -49px 0px;}
ul#subnav.firma li#bt_firma_projekte a#selected {background-position: -106px 0px;}
ul#subnav.firma li#bt_firma_presse a#selected {background-position: -182px 0px;}



ul#subnav.produkte li#bt_produkte_analyse a {width: 77px;}
ul#subnav.produkte li#bt_produkte_analyse a:link, 
ul#subnav.produkte li#bt_produkte_analyse a:visited {background-position: 0px -22px;}
ul#subnav.produkte li#bt_produkte_analyse a:hover,
ul#subnav.produkte li#bt_produkte_analyse a:focus {background-position: 0px 0px;}

ul#subnav.produkte li#bt_produkte_coaching a {width: 67px;}
ul#subnav.produkte li#bt_produkte_coaching a:link, 
ul#subnav.produkte li#bt_produkte_coaching a:visited {background-position: -89px -22px;}
ul#subnav.produkte li#bt_produkte_coaching a:hover,
ul#subnav.produkte li#bt_produkte_coaching a:focus {background-position: -89px 0px;}

ul#subnav.produkte li#bt_produkte_akademie a {width: 68px;}
ul#subnav.produkte li#bt_produkte_akademie a:link, 
ul#subnav.produkte li#bt_produkte_akademie a:visited {background-position: -167px -22px;}
ul#subnav.produkte li#bt_produkte_akademie a:hover,
ul#subnav.produkte li#bt_produkte_akademie a:focus {background-position: -167px 0px;}

ul#subnav.produkte li#bt_produkte_analyse a#selected {background-position: 0px 0px;}
ul#subnav.produkte li#bt_produkte_coaching a#selected {background-position: -89px 0px;}
ul#subnav.produkte li#bt_produkte_akademie a#selected {background-position: -167px 0px;}



ul#subnav.erfahrung li#bt_erfahrung_ref a {width: 82px;}
ul#subnav.erfahrung li#bt_erfahrung_ref a:link, 
ul#subnav.erfahrung li#bt_erfahrung_ref a:visited {background-position: 0px -22px;}
ul#subnav.erfahrung li#bt_erfahrung_ref a:hover,
ul#subnav.erfahrung li#bt_erfahrung_ref a:focus {background-position: 0px 0px;}

ul#subnav.erfahrung li#bt_erfahrung_pub a {width: 101px;}
ul#subnav.erfahrung li#bt_erfahrung_pub a:link, 
ul#subnav.erfahrung li#bt_erfahrung_pub a:visited {background-position: -93px -22px;}
ul#subnav.erfahrung li#bt_erfahrung_pub a:hover,
ul#subnav.erfahrung li#bt_erfahrung_pub a:focus {background-position: -93px 0px;}

ul#subnav.erfahrung li#bt_erfahrung_ref a#selected {background-position: 0px 0px;}
ul#subnav.erfahrung li#bt_erfahrung_pub a#selected {background-position: -93px 0px;}



ul#subnav.engagement li#bt_engagement_dbvc a {width: 34px;}
ul#subnav.engagement li#bt_engagement_dbvc a:link, 
ul#subnav.engagement li#bt_engagement_dbvc a:visited {background-position: 0px -22px;}
ul#subnav.engagement li#bt_engagement_dbvc a:hover,
ul#subnav.engagement li#bt_engagement_dbvc a:focus {background-position: 0px 0px;}

ul#subnav.engagement li#bt_engagement_mentor a {width: 78px;}
ul#subnav.engagement li#bt_engagement_mentor a:link, 
ul#subnav.engagement li#bt_engagement_mentor a:visited {background-position: -46px -22px;}
ul#subnav.engagement li#bt_engagement_mentor a:hover,
ul#subnav.engagement li#bt_engagement_mentor a:focus {background-position: -46px 0px;}

ul#subnav.engagement li#bt_engagement_zehn a {width: 78px;}
ul#subnav.engagement li#bt_engagement_zehn a:link, 
ul#subnav.engagement li#bt_engagement_zehn a:visited {background-position: -135px -22px;}
ul#subnav.engagement li#bt_engagement_zehn a:hover,
ul#subnav.engagement li#bt_engagement_zehn a:focus {background-position: -135px 0px;}

ul#subnav.engagement li#bt_engagement_dbvc a#selected {background-position: 0px 0px;}
ul#subnav.engagement li#bt_engagement_mentor a#selected {background-position: -46px 0px;}
ul#subnav.engagement li#bt_engagement_zehn a#selected {background-position: -135px 0px;}




/* @end */

/*
STARTSEITE 
*/

#startseite .datum {
	font-size: 10px;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	background-color: #c9c9c9;
    -moz-border-radius: 3px; 
 	-webkit-border-radius: 3px; 
 	border-radius: 3px;
	display: inline;
	color: #fff;
}

#startseite .veranstaltung {
	font-size: 10px;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	background-color: #4f80ab;
    -moz-border-radius: 3px; 
 	-webkit-border-radius: 3px; 
 	border-radius: 3px;
	display: inline;
	color: #fff;
}

#startseite .wissen {
	font-size: 10px;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	background-color: rgb(152,108,73);
    -moz-border-radius: 3px; 
 	-webkit-border-radius: 3px; 
 	border-radius: 3px;
	display: inline;
	color: #fff;
}

#startseite .akademie {
	font-size: 10px;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	background-color: #c62214;
    -moz-border-radius: 3px; 
 	-webkit-border-radius: 3px; 
 	border-radius: 3px;
	display: inline;
	color: #fff;
}


#startseite a.dbvc-logo {
	background: url(img/logo-dbvc.gif) no-repeat;
	font-size: 12px;
	padding-left: 105px;
	border: none;	
}

#startseite a.bild {border: none;}

h3.head_start {
	text-indent: -999em;
	margin: 20px 0;
	border-top: 1px solid #e6e6e6;
	padding: 0;
	height: 38px;
}

h3#head_start_eins {
	background: url(img/head_start_projekte.png) no-repeat 1px 8px;
}

h3#head_start_zwei {
	background: url(img/head_start_lesenswert.png) no-repeat 1px 8px;
}

h3#head_start_drei {
	background: url(img/head_start_service.png) no-repeat 1px 8px;
}

/* @group fader */
 
.fader img { 
	-webkit-transition: all 800ms ease;
	-o-transition: all 800ms ease-in-out; 
	-moz-transition: all 800ms ease-in-out; 
	}
img.swap1, .fader:hover img.swap2 { opacity: 1.0; }
.fader:hover img.swap1, img.swap2 { opacity: 0; }
img.swap1 {position:absolute;z-index:1;}

.fader {
	position:relative;
	height:250px;
	}
.fader img {
	position:absolute;
	clip:rect(0px 290px 250px 0px);
	overflow:hidden;
	}		
 /* @end */

/*
CONTENT_OVERVIEW 
*/

.bg_line_3col {
	background: url(img/bg-line-3col.gif) no-repeat center top;
}

#content_overview h3 {
	font-size: 19px;
	line-height: 1.3;
	color: rgb(152,108,73);
	font-weight: normal;
	font-style: normal;
}

#content_overview h3 a {
	border:0;
}

#content_overview h4 {
	font-size: 14px;
	line-height: 1.3;
	color: #303030;
	padding: 5px 0 0;
	margin: 30px 0 10px;
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
}

#content_overview h3.wissen {
	font-size: 15px;
	line-height: 1.3;
	color: rgb(152,108,73);
	padding: 5px 0 0;
	margin: 30px 0 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

#content_overview .wissen_datum {
	font-size: 10px;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	background-color: #c9c9c9;
    -moz-border-radius: 3px; 
 	-webkit-border-radius: 3px; 
 	border-radius: 3px;
	display: inline;
	color: #fff;
}

/*
CONTENT 
*/

#headline {
	margin-bottom: 20px;
}

#headline h1 {
	font-size: 33px;
	line-height: 1.2;
	color: rgb(152,108,73);
}

#content h2 {
	font-size: 23px;
	line-height: 1.2;
	color: #4f80ab;
	border-top: 1px solid #e6e6e6;
	margin-top: 50px;
	padding-top: 10px;
	margin-bottom: 30px;
}

#content h3 {
	color: #4f80ab;
	margin-top: 30px;
}

#content h4 {
	color: #9a9a9a;
}

#content h5 {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	color: #9d9d9d;
	display: block;
	font-size: 12px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
}

#content h3.teamname {
	color: #4f80ab;
	margin-top: 0px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#breadcrump {
	margin-top: 80px;
}

#breadcrump p {
	color: #999;
	font-size: 10px;
}

#content ul#referenzen {
	list-style-type: none;
}

ul#referenzen img {
	padding: 0;
	margin: 0;
}

ul#referenzen li {
	height: 17em;
}

#content table {
	width: 100%;
}

#content td.items {
		font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8a8a8a;
	width: 120px;
}


/*
FOOT 
*/

#foot p, #foot ul {
	font-size: 10px;
}

#foot a:link,
#foot a:visited { 
color: #fff; 
text-decoration: none;
border-bottom: 1px solid rgb(152,108,73);
}

#foot a:hover, 
#foot a:focus {
color:#fff; 
border-bottom: 1px solid #d0b198;
}

#foot ul {
	color: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#foot li{
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
}

p#copyright {
	text-align: right;
	color: #d0b483;
}

#foot h3 {
	color: #604530;
}


/*
FORM 
*/

input[type="text"],input[type="password"],textarea {
	background-color: #ececec;
	border: 0;
	font: 14px Courier, "Courier New", mono;
	padding: 10px;
	margin: 0;
	color: #000;
	width: 90%;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus
 {
	background-color: #cdcdcd;
	outline: 0;
}



#login {
	background: #fff;
	position: relative;
	clear: both;
	padding: 15px;
	width: 290px;
	display: none;
}




/* @group Buttons */



	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

  a.button:active,
  button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }


/* @end */