/* ================================== */
/*  Kooperation bringts CSS : Layout Styles  */
/* ================================== */

/* --- Print Layout -------------------------------------------------------- */

/* --- Reset --------------------------------------------------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* --- Basic Layout -------------------------------------------------------- */

body {
  background: #fff;
  color: #000;
  font: 10pt/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
  padding-bottom:2.75em;
}

#pagecenter {
  width: 600px;
  margin: 0 auto; 
}

#top {
	padding: 10px 0 30px 0;
	background-color: #F6F7F7;
}

#topleft {
	float:left;
}

#topleft p {
	font-weight:bold;
}

#search {
	display:none;
}

#page {
	margin: 0;	
	padding: 0;
}

#header {	
	display:none;
}

#mainnav {
	display:none;
}

#cols {
  background: none; 
  width:100%; 
  clear:left; 
}

#colnav {  	
	display:none;	
}

#startseite #colnav {
	display:block; 
	width:100%; 		
}

#colcontent {
	width:100%; 
}

#startseite #colcontent { 
}


/* --- Subnavigation ---------------------------------------------------------------- */


#startseite #nav {  
  padding: 0;  
}

#startseite #nav h3 {  
  color: #de7402;
  font-size: 14pt;
  margin-bottom:0.5em;
  font-weight:normal;  
}

#nav p {
  color:#000;
  margin-bottom:1em;
}

#tools {
	display:none;
}

#footer {	
	clear:both;
	text-align:right;
	position:relative;	
	margin:10px 0;
}

#footer ul { 
	display:none;
}

#ubitlogo {
	float:right;
	
}


/* --- skiplinks ----------------------------------------------------------- */

#skiplinks {
 display:none;
}

/* --- hidden elements ----------------------------------------------------- */

.hidden, #zieleform label, #partnerform label, #selbstpruefungform label {
  display: none;
}

.none {
	display:none !important;
}

/* --- clearfix ------------------------------------------------------------ */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --- Content Styles -------------------------------------------------------- */

#content h1 {
  color: #3c3b36;
  font-size: 2.0em;
  margin-bottom: 0.5em;
  font-weight:normal;
}

#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:120%;
}

#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.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;	
}

#content .over a {
	color: #3C3B36;
}

#content p.toplink {
	display:none;
}

.highlight,
.tip,
.tool {
	border: 1px solid #e2e2e2;
	background: #f0f0f0 url(../img/highlight-bg.png) repeat-x left top;	
	color: #3C3B36;
	padding:1em;
}

.tip,
.tool {
	position: relative;
	padding-left: 3.5em;	
	margin-top: 1.5em;
	margin-bottom:1.5em;
}

.tip div,
.tool 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;
}

#content .tip p , #content .tool 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;
}

#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 ul, #content ol {
	margin-bottom:2em;
}

#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.submit {
  display:none;
}

#content a.printLink {
	display:none;
}

#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;
}