/* ================================== */
/*  Kooperation bringts CSS : Layout Styles  */
/* ================================== */

/* --- Content Styles -------------------------------------------------------- */

#content h1 {
  color: #3c3b36;
  font-size: 2.0em;
  margin-bottom: 0.5em;
  font-weight:normal;
  line-height:110%;
}

#content h2 {
  color: #6d6f6f;
  font-size: 1.6em;
  line-height: 100%;
  margin-bottom: 0.5em;
  font-weight:normal;
}

#startseite h2 {	
	margin-bottom: 0;
	font-size: 1.4em;
}

#startseite h2 a {
	color: #DE7402;
}

#content.profile h1 {
	margin-bottom: 0em;
	font-size: 1.8em;
}

#content.profile h2 {
	font-size: 1.3em;
}

#content h3 {
  color: #6d6f6f;
  font-size: 1.4em;
  margin: 1.2em 0 0.5em 0;
  font-weight:normal;
}

#startseite h3 {
	line-height:110%;
}

#content.list h2 {
	margin: 1em 0 0 0;
	font-size: 1.4em;
}

#content.list h2 span {
	font-size:1.15em;
}

#content.interview h3 {
	margin: 1em 0 0 0;
	font-size: 1.3em;
	font-style: italic;
	color: #3c3b36;
}

#content h4 {
  color: #6d6f6f;
  font-size: 1.1em;
  font-weight:bold;
}

#content p { 
  margin-bottom:1em;
}

#content p.more {
	text-align:right;
	border-bottom:1px solid #e4e6e6;
	padding-bottom: 0;
	margin-bottom: 0;
}

#content p.doublemargin {
	margin-bottom:3em;
}

#content p.teaser {
	margin-bottom:0;
}

#content .teaserBox {
	padding-top: 1em;
	padding: 1em 0.2em 0 0.2em;
}

#content .over {
	background: #f0f0f0 url(..img/highlight-bg.png) repeat-x left top;
	cursor: pointer;
}

#content .over a {
	color: #3C3B36;
}

#content p.toplink {
	text-align:right;	
	padding:1em 0 0 0;
	clear:both;
}

.highlight,
.tip,
.tool,
.infos,
.live {
	border: 1px solid #e2e2e2;
	background: #f0f0f0 url(../img/highlight-bg.png) repeat-x left top;	
	color: #3C3B36;
	padding:1em;
}

.tip,
.tool,
.infos,
.live {
	position: relative;
	padding-left: 3.5em;	
	margin-top: 1.5em;
	margin-bottom:1.5em;
}

.tip div,
.tool div,
.infos div,
.live div {
	background: transparent url(../img/tipp.png) no-repeat left top;
	position: absolute;
	left: -15px;
	top: -15px;
	height: 50px;
	width: 50px;
}

.tip div {
	background: transparent url(../img/tipp.png) no-repeat left top;
}

.tool div {
	background: transparent url(../img/tool.png) no-repeat left top;
}

.infos div {
	background: transparent url(../img/info.png) no-repeat left top;
}

.live div {
	background: transparent url(../img/kooplive.png) no-repeat left top;
}


#content .tip p , #content .tool p, #content .infos p, #content .live p {
	margin-bottom:0;
}

.highlight strong {
	color: #62656b;
}

div.highlight {
	padding:1em 1em 0 1em;
	margin-bottom:1em;	
}

.highlight span {
	font-weight: bold;
	text-transform: uppercase;
}

#content div.highlight h3 {
	margin-top:0;
}

.intro {
	font-size:1.2em;	
	font-style: italic;
}

.disclaimer {
    font-size: 0.8em;
}

#content p.nomargin {
	margin-bottom:0;
}

#content img {
	margin-bottom: 1em;
}

#content p.more img {
	margin-bottom:0.5em;
}

img.floatleft {
	float:left;
	padding:0 1em 0 0;
}

img.floatright {
	float:right;
	padding:0 0 0 1em;
}

img.contentbild {
	width:37.916em;	
	margin-top:1em;
}

#content a {
	color: #62656b;
	text-decoration:underline;	
}

#content .highlight a {
  color: #3C3B36;
 } 

#content  a:hover,
#content  a:focus,
#content  a:active {
  color: #3C3B36;
  background-color: #f0f0f0;
}

#content p.toplink a {
	background-color: #fff !important;
}

#content ul, #content ol {
	margin-bottom:2em;
	position: relative;
}
#content ul ul {
	margin-bottom:0;
	margin-top:0.5em;
}
 
#content ul li {
	background: url(../img/pfeil-orange.png) no-repeat 0 0.2em;
	padding-left:1.8em;
	margin-bottom:0.5em;	
}

#content ul.nolist li {
	background: 0;
	padding-left: 0;
}

#content ul li ul li {
	background: url(../img/pfeil-orange.png) no-repeat 0 0.2em;
	padding-left:1.8em;
	margin-bottom:0.5em;
}

#content ol li {
	padding-left:0em;
	margin:0 0 0.5em 1.8em;
	list-style: decimal;
}

#content dl {
	margin-top: 1em;
}

#content dt {
	font-weight: bold;
	color: #3C3B36;
}

#content dd {
	padding: 0.2em 0 0.2em 2em;
}

#content dd strong {
	font-size: 1.5em;
	color: #3C3B36;
}

#content #average {
	float: right;
}

#content #average strong {
	font-size: 2em;
	color: #3C3B36;
}

table {
	margin: 2em 0;	
}

th, td {
	border: 1px solid #e2e2e2;
	padding:0.5em;
	text-align:left;
	vertical-align: middle;
}

td {
	text-align: center;
}

td.small {
	text-align:left;
	font-size:0.9em;
}

#content td img {
	margin-bottom: 0;
}
 
 #contactform .form-field-label {
 	float:left;
	width:10em;
	padding:0.3em 0;	
 }
 
 #contactform .form-field-input { 	
	padding:0.3em 0;	
 }
 
 #contactform input, #contactform textarea {
  border: 1px solid #e2e2e2;
  color: #62656b;
  font: 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  width: 18em;
  margin: 0 0.2em;
  padding:0.1em; 
}

#contactform p.error {
	background-color: #fff9f9;
	border: 1px solid red;
	color: red;
	padding: 1em;
}

#contactform .error label {
	color: red;
}

#contactform .error input {
	border-color: red;
}

#content input:hover, 
#content input:focus,
#content  input:active,
#content  textarea:hover, 
#content  textarea:focus,
#content  textarea:active  {
  border: 1px solid #62656b;
} 

#content input.submit {
  border: 1px solid #e2e2e2;
  background-color: #E96A00; 
  color: #000;
  width: 8em;
  cursor: pointer;
  margin:1em 7.3em; 
  vertical-align: middle;
  float:right; 
  font-size:1.1em;
}

#content a.printLink {
  border: 1px solid #e2e2e2;
  background-color: #E96A00;
  color: black;
  text-decoration: none;
  font-size: 1.1em;
  clear: both;
  float: right;
  padding: 0.1em 2em;
}

#zieleform input.submit, #partnerform input.submit, #selbstpruefungform input.submit {
   margin-right:0em;   
}

#partnerform th, #partnerform td, #selbstpruefungform th, #selbstpruefungform td {
	vertical-align:middle;
	width:auto;
	padding:0.2em;
}

#selbstpruefungform th {
	padding: 0.5em 0.3em;
}

#partnerform h3 {
	text-transform: uppercase;
	margin:0;
}

#partnerform .anmerkung {
	width:33%;
}

#partnerform textarea {
  border: 1px solid #e2e2e2;
  color: #62656b;
  font: 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  width: 11em;  
  padding:0.1em; 
  margin:0.2em;
}


#selbstpruefungform td {
	text-align:center;
	width:auto;
	width:3em;
}

#selbstpruefungform input {
	padding:0;
}

.selbstpruefungauswertung td {
	width:25%;
}

em {
	font-size:1.1em;
}

.doc {
	background: url(../img/icon_file_doc.gif) no-repeat 2px 0.15em;
	padding: 2px 0 2px 22px;	
	display:block;
}

.odt {
	background: url(../img/icon_file_odt.gif) no-repeat 2px 0.15em;
	padding: 2px 0 2px 22px;	
	display:block;
}

.pdf {
	background: url(../img/icon_file_pdf.gif) no-repeat 2px 0.15em;
	padding: 2px 0 2px 22px;	
	display:block;
}

/*- Search -*/

.searchheading {
	font-weight: bold;
}

.summary {
	margin-bottom: 0.5em;
	font-style: italic;
}

.results .highlight {
	background: #E96A00;
	color: black;
	padding: 0.1em 0.3em;
	border: none;
}

.result_block, .result_altblock {
	padding: 1em 0;
}

.result_altblock {
	background-color: #F8F9F9;
}

.results .context {
	margin-top: 0.4em;
}

.results .infoline {
	font-size: 0.9em;
	margin-top: 0.5em;
}

.result_pages {
	margin-top: 1em;
}