* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}
p {
}
p.error {
	color: red;
	padding: 3px 9px 0 90px !important;
}
a {
	color: #808183;
	text-decoration: none;
}
a:hover {
	color: #ee7c27;
}
h1, h2, h3, h4 {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
ul {
	list-style-type: none;
	padding-left: 20px; /* Spter noch anpassen */
}
textarea {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.centered {
	text-align: center;
}
.lower {
	text-transform: lowercase;
}
.upper {
	text-transform: uppercase;
}
.capital {
	text-transform: capitalize;
}
.pictureinfo {
	color: #999999;
	font-size: 10px;
	font-style: italic;
	line-height: 15px;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	overflow: hidden;
}
.clearboth {
	clear: both;
}
div.textcolumn {
	margin-right:18px;
	text-align: justify;
	width: 183px;
}
/*
	Unkaputtbare Box nach Dan Cederholm
*/
.container { /* Obere, rechte und untere Linie als Hintergrund */
/*	float: left; */
	margin-bottom: 30px;
	width: 100%;
}
.container .first { /* Linke obere Ecke und linke Linie als Hintergrund */
	margin: 0;
	padding: 18px 9px 0 9px;
}
.container .desc { /* Line links */
	margin: 0;
	padding: 0 9px 0 9px;
}
.container .last-left { /* Linke untere Ecke */
	margin: 0;
	padding: 0 0 0 9px;
}
.container .last-right { /* Linie unten und rechte untere Ecke */
	display: block;
	margin: 0;
	padding: 0 9px 18px 0;
}
.container p.last-left {
	padding-bottom: 0 !important;
}
.container input.text,
.container textarea {
	border: 1px solid #999999;
	font-size: 11px;
	margin-right: 12px;
	overflow: hidden;
	padding: 3px 2px;
}
/* grau */
.grey { /* Obere, rechte und untere Linie als Hintergrund */
	background: #f6f6f6 url(../bilder/runde_boxen/grey-rounded-right.gif) no-repeat top right ;
}
.grey .first { /* Linke obere Ecke und linke Linie als Hintergrund */
	background: url(../bilder/runde_boxen/grey-rounded-left.gif) top left no-repeat;
}
.grey .desc { /* Line links */
	background: url(../bilder/runde_boxen/grey-left.gif) top left repeat-y;
}
.grey .last-left { /* Linke untere Ecke */
	background: url(../bilder/runde_boxen/grey-rounded-left.gif) bottom left no-repeat;
}
.grey .last-right { /* Linie unten und rechte untere Ecke */
	background: url(../bilder/runde_boxen/grey-rounded-right.gif) bottom right no-repeat;
}
/* dunkelgrau */
.darkgrey { /* Obere, rechte und untere Linie als Hintergrund */
	background: #737375 url(../bilder/runde_boxen/darkgrey-rounded-right.gif) no-repeat top right;
}
.darkgrey .first { /* Linke obere Ecke und linke Linie als Hintergrund */
	background: url(../bilder/runde_boxen/darkgrey-rounded-left.gif) top left no-repeat;
}
.darkgrey .desc { /* Line links */
	background: url(../bilder/runde_boxen/darkgrey-left.gif) top left repeat-y;
}
.darkgrey .last-left { /* Linke untere Ecke */
	background: url(../bilder/runde_boxen/darkgrey-rounded-left.gif) bottom left no-repeat;
}
.darkgrey .last-right { /* Linie unten und rechte untere Ecke */
	background: url(../bilder/runde_boxen/darkgrey-rounded-right.gif) bottom right no-repeat;
}
/*
	Rahmen
*/
div.wrap {
	background: url(../bilder/kacheln/header_kachel.gif) repeat-x top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	position: relative;
	width: 840px;
}
div#footerkachel {
	background: url(../bilder/kacheln/footer_kachel.gif) repeat-x top;
	bottom: 43px;
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%;
}
div#wrap2 {
	padding-bottom: 3px;
	padding-left: 36px;
	padding-right: 36px;
}
/*
	Header
*/
div#header {
	height: 116px;
	position: relative;
}
div#logo {
	position: absolute;
	top: 20px;
	right: 0;
}
div#banner {
	height: 128px;
}
/*
	Navigation
*/
div#topnavi {
	padding-top: 84px;
}
div#topnavi a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
	margin-right: 34px;
	text-decoration: none;
	text-transform: uppercase;
}
body#bostart a#ahome,
body#bokompetenzen a#akompetenzen,
body#bounternehmen a#aunternehmen,
body#bovideos a#avideos,
div#divideopodcast a#avideopodcast,
div#diumfragen a#aumfragen,
div#dipressearbeit a#apressearbeit,
div#dischulungsfilme a#aschulungsfilme,
div#difirmenportraits a#afirmenportraits,
div#dinachrichtenbeitraege a#anachrichtenbeitraege,
div#difeatures a#afeatures,
div#direportagen a#areportagen,
div#diseminare a#aseminare,
div#diallgemeines a#aallgemeines,
div#dikontakt a#akontakt,
div#diagb a#aagb,
div#didatenschutz a#adatenschutz,
div#diimpressum a#aimpressum,
div#dilinks a#alinks {
	color: #EE7C27;
}
/*
	Inhaltsbereich
*/
div#content {
	margin-bottom: 30px;
	padding-top: 30px;
}
div#content td {
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
div#contentleft {
	float: left;
}
div#contentleft p {
	padding-bottom: 5px;
}
div.contentblock {
	width: 567px;
}
div.contentblock h1 {
	color: #EE7C27;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
}
div.contentblock h2 {
	color: #333333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding: 18px 0 5px 0;
}
div.contentblock h2.small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	padding: 3px 0 5px 0;
}
div.contentblock p.subline {
	border-bottom: 1px solid #999999;
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	margin-bottom: 16px;
	width: 100%;
}
div.contentblock p.intro {
	color: #999999;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 2px;
}
div.contentblock ul {
	padding-bottom: 5px;
}
div.contentblock li {
	padding-bottom: 5px;
	list-style-type: disc;
	list-style-position: outside;
}
div.contentblock img.right {
	margin-left: 8px;
}
div.contentblock img.left {
	margin-right: 8px;
}
div.contentblock img.left,
div.contentblock img.right {
	border:1px solid #cccccc;
	margin-top: 0.4em;
	padding:4px;
}
div.contentarea {
	margin-bottom: 20px;
}
div.contentarea div.videoinfo {
	width: 374px;
	width: 337px;
}
div.contentarea div.videoinfo h2 {
	color: #808183;
	padding: 0;
}
div.contentarea div.videoinfo p {
	color: #333333;
	font-size: 11px;
	line-height: 18px;
}
div.contentarea div.videoinfo p.videosubline {
	color: #EE7C27;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	padding-bottom: 2px !Important;
}
div.contentarea div.videoinfo a {
	color: #999999;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 3px;
}
div.contentarea div.videothumb {
	height: 180px;
	margin-right: 10px;
	width: 220px;
}
/*
	Container mit Logo auf der Kompetenzen-Seite
*/
div#logocontainer {
	background: url(../bilder/logo/logo_header.gif) no-repeat 20px center;
}
div#logocontainer p {
	padding-left: 220px;
	line-height: 18px;
}
div#logocontainer a {
	text-decoration: underline;
	color: #333333;
}
div#logocontainer a:hover {
	color: #ee7c27;
}
/*
	Container auf der Kontakt-Seite
*/
div#kontaktinfo {
	margin-top:20px;
}
div#kontaktdaten {
	width: 180px;
}
div#kontaktdaten img,
div#kontaktdaten adress,
div#kontaktdaten p {
	float: none;
}
div#kontaktdaten address,
div#kontaktdaten a {
	color: #999999;
	line-height: 18px;
	font-style: normal;
	font-stretch: condensed;
	font-weight: bolder;
	padding-top: 15px;
}
div#kontaktdaten address a:hover {
	color: #ee7c27;
}
div#kontaktformular {
	width: 387px;
}
div#kontaktformular p.form-label {
	color: #727272;
	font-weight: bold;
	padding: 16px 10px 0 0;
	text-align: right;
	width: 70px;
}
div#kontaktformular input.text,
div#kontaktformular textarea {
	margin-top: 16px;
	margin-bottom: 4px;
	width: 270px;
}
div#kontaktformular input#absenden {
	margin-top: 10px;
	margin-left: 80px;
}
/*
	Container auf den Registrierungs-Seiten
*/
div#registrierungformular,
div#passwortvergessen {
	margin-top: 20px;
}
div#registrierungformular p.form-label,
div#passwortvergessen p.form-label {
	color: #727272;
	font-weight: bold;
	padding: 16px 10px 0 0;
	text-align: right;
	width: 70px;
}
div#registrierungformular input.text,
div#passwortvergessen input.text  {
	margin-top: 16px;
	margin-bottom: 4px;
}
div#registrierungformular input#absenden,
div#passwortvergessen input#absenden {
	margin-top: 10px;
	margin-left: 80px;
}
/*
	Impressum
*/
div#diimpressum address {
	font-style: normal;
	padding-bottom: 13px;
}
div#diimpressum div.contentblock a {
	color: #333333;
	text-decoration: underline;
}
div#diimpressum div.contentblock a:hover {
	color: #ee7c27;
}
/*
	Links
*/
div#dilinks div.contentblock img {
	margin-bottom: 5px;
	margin-top: 7px;
}
div#dilinks div.contentblock a {
	color: #333333;
	text-decoration: none;
}
div#dilinks div.contentblock a:hover {
	color: #ee7c27;
}
/*
	Sidebar
*/
div#sidebar {
	float: right;
	padding-left: 18px;
	width: 183px;
}
div#sidebar h1 {
	color: #727272;
	font-size: 14px;
	text-transform: uppercase;
}
div#sidebar p.subline {
	color: #727272;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	padding-bottom: 6px;
}
/*
	Kundencenter
*/
div#kundencenter div.textbutton {
	 padding-top: 1px;
}
div#kundencenter a {
	color: #333333;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 3px;
}
div#kundencenter a:hover {
	color: #ee7c27;
}
div#kundencenter p.label {
	color: #999999;
	font-size: 11px;
	line-height: 100%;
	margin-bottom: 8px;
}
div#kundencenter input.text {
	width: 110px;
}
/*
	Subnavigation
*/
div#subnavi img.button {
	padding-right: 5px;
	vertical-align: middle;
}
div#subnavi p {
	font-weight: bold;
	font-size: 11px;
}
div#subnavi p.first,
div#subnavi p.desc,
div#subnavi div.desc {
	padding-bottom: 8px;
}
div#subnavi a {
	color: white;
	text-decoration: none;
}
div#subnavi a:hover {
	color: #ee7c27;
}
/*
	Querbeet
*/
div#querbeet {
	margin-bottom: 20px;
}
div#querbeet h1 {
	padding-bottom: 10px;
}
div#querbeet span {
	color: #999999;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 108%;
}
div#querbeet span.gross {
	font-size: 20px;
}
div#querbeet span.mittel {
	font-size: 18px;
}
div#querbeet span.klein {
	font-size: 14px;
}
div#querbeet span.ganzklein {
	font-size: 10px;
}
div#querbeet a {
	color: #999999;
	text-decoration: none;
}
div#querbeet a:hover {
	color: #ee7c27;
}
/*
	Footer
*/
div#footer {
	color: #999999;
	position: relative;
	height: 42px;
}
div#footer div#footerleft,
div#footer div#footerright {
	font-size: 11px;
	position: absolute;
	top: 16px;
}
div#footer div#footerleft {
	left: 0;
}
div#footer div#footerleft a {
	border-right: 1px solid #999999;
	color: #999999;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
}
div#footer div#footerleft a:hover {
	color: #ee7c27;
}
div#footer div#footerleft a.left {
	padding-left: 0;
}
div#footer div#footerleft a.right {
	padding-right: 0;
	border-right: none;
}
div#footer div#footerright {
	right: 0;
}