/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 22.11.2010 
================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/

/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0;
	padding: 0;
	border: 0;  
	outline: none;
}

/* Scrollbalken für IE8 und Firefox erzwingen */
html{
	height: 101%;
}

/* HTML-Tags */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(../bilder-design/website-bg.gif);
background-position: center;
background-repeat: repeat-y;
}
	
/*Titel*/
h1 {
font-family: 'Oswald', sans-serif;

color: #008059;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px;
}

#header h1 {
text-shadow: #333 0px 1px 1px;
font-size: 45px;
text-transform: uppercase;
color: #fff;
line-height: 50px;

}


h2 {
font-family: 'Oswald', sans-serif;
color: #959798;
font-size: 14px;
text-transform: uppercase;
text-shadow: #fff 0px 1px 1px;
}

h3 {
	font-family: 'Oswald', sans-serif;
	color: #959798;
	font-size: 14px;
	text-transform: uppercase;

}


.startp {
width: 600px;
color: #fff;
font-size: 12px;
}


/*Generelle Links*/
a {color: #000; text-decoration:none; }
a:link {}
a:visited {}
a:hover {text-decoration: underline; }
a:active { }

/*Wrapper DIV*/
#wrapper {
margin: 0 auto; 
width: 990px; 
position: relative;

}
	
/*
==================
Head Bereich
==================
*/

#header {
background-image: url(../bilder-design/header-background.gif);
background-repeat: repeat-x;
position: relative;
padding-left: 56px;
min-height: 392px;
clear: both;
margin-bottom: 30px;


}



/*Links Sprachnavigation*/
#lang a:link { color: #ddd; text-decoration: none; }
#lang a:visited {  color: #ddd; text-decoration: none; }
#lang a:hover { color: #ddd; text-decoration: none;  }
#lang a:active { color: #ddd; text-decoration: none; }

.sprachaktiv {
font-weight: bold;
color: #fff;
}



.logo {
position: absolute;
top: 36px;
right: 113px;
}


/*
==================
Navigation
==================
*/

#navigation {
float: left;
width: 160px;
margin: 0px;
padding: 80px 0px 0px 0px;
font-family: 'Oswald', sans-serif;
}
	
#mainnav {
margin: 0px;
padding: 0px 10px 0px 0px;
height: 60px;
padding:36px 0 0 0;
clear: both;
margin-bottom: 40px;
}

#mainnav li{
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;
display: block;
float: left;
}


/*HAUPTNAVIGATION Links*/

#mainnav a {margin-right: 1px; font-size: 14px; padding: 12px 15px 24px 15px;  display: block; float: left; /*ganze Fläche anklickbar machen*/ text-decoration:none; background-image: url(../bilder-design/mainnav-link-background.gif); background-repeat: repeat-x; text-transform:uppercase; font-family: "Oswald", Arial, sans-serif; color: #fff; }
#mainnav li a:link  {  }
#mainnav li a:visited {  }
#mainnav li a:hover  { background-image: url(../bilder-design/mainnav-hover-background.gif); background-repeat: repeat-x;}
#mainnav li a:active {  }
/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/

#mainnav li.aktiv a { background-image: url(../bilder-design/mainnav-hover-background.gif); background-repeat: repeat-x; }


#subnav {
padding: 0px;
margin: 0px;
width: 230px;
float: left;
}

#subnav .subaktiv a {
color:#fff;
}

#subsubnav .aktivsub a{
color:#fff;
}


#subnav li{
list-style-image:none;
list-style-type:none;
padding: 0px;
margin: 0px;
border-bottom:0px solid #000;
}


/*SUBNAVIGATION Links*/
#subnav a  { padding: 3px 0; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none;  font-family: "Oswald", Arial, sans-serif; color: #919293; text-transform: uppercase; font-size: 14px;}
#subnav li a:link  {   }
#subnav li a:visited { }
#subnav li a:hover  { color: #fff;}
#subnav li a:active {   }
/*aktiver Subnavigationslink*/
#subnav li.subnavaktiv a {  text-decoration: underline;  }

#subsubnavwrapper {
width: 170px;
float: left;

padding-top: 0;
margin-top: -8px;

}



#subsubnav {
/* margin-top: -33px; */
background-image: url(../bilder-design/subsubnavmitte.png);
background-repeat: repeat-y;
}


.subsubnavoben, .subsubnavunten {
height: 16px;
width: 16px;
}

/*
.subsubnavunten {
margin-top: -25px;

}

*/


#subsubnav li {
list-style-type: none;
padding-left: 30px;

   position: relative;
    top: -7px;
}

#subsubnav a {
font-family: arial; 
font-size: 11px; 
text-decoration: none; color: #a7a7a8;
}

#subsubnav a:hover {
font-family: arial; 
font-size: 11px; 
text-decoration: none; color: #fff;
}

#content p {
font-family: Arial, sans-serif;
font-size: 12px;
color: #959798;
line-height: 18px;
margin-bottom: 10px;
}

#metanavigation {
width: 195px;
float: right;
top: 120px;
right: 30px;
position: absolute;
color: #fff;
}



#meta li {
list-style-type: none;
display: inline;
border-left: 1px solid #fff;
margin-left: 3px;
padding-left: 4px;
position: static;

}

#meta li a {

}


#meta li.last, #meta li.first {
border: none;
padding-left: 0;
margin-left: 0;
}

#meta li a {
color: #fff; text-decoration: none;

}

#meta li a:hover {
color: #fff;
}

#meta {
margin-bottom: 5px;
position: relative;
width: 195px;

}



#lang {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #a7a7a8;
margin-bottom: 8px;

}

#lang li {
display: none !important;

}




#metanavigation h3 {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
color: #fff;
}

#dropdown p {
margin-bottom: 10px;

}

#dropdown form {
margin-bottom: 3px;
}


#dropdown input {
padding-left: 6px;
padding-top: 2px;
padding-bottom: 3px;
width: 165px !important;
}

#lang li {
list-style-type: none;
display: inline;
}


#lang li a {
color: #a7a7a8; text-decoration: none;
}

#lang li a:hover {
color: #fff;
}


#metanavigation input, #metanavigation select {
width: 170px;
margin-bottom: 5px;
}

/*
==================
Content-Bereich
==================
*/
#content {
padding-left: 56px;
}

.startseite #content {
padding-left: 40px;

}


.maincontent-list li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding: 5px 5px;
margin-left: 20px;
}

/*Bilder li*/	
#maincontent .csc-textpic-imagewrap li {
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;

}

#textbereich {
width: 410px;
float: left;
margin-right: 10px;
}


#textbereich ul {
margin-left: 16px;
color: #959798;

}

.bildlinks #textbereich {
float: right;

}


#bildbereich {
width: 490px;
float: left;
}

.webabildbereich {


}



.bildlinks #bildbereich {
float: left;

}





#calltoaction {
margin-top: 35px;

}





#calltoaction ul li {
width: 200px;
float: left;

}

#calltoaction ul {
margin-left: 0;

}

#calltoaction  p {
color: #008059;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 2px;
}

#calltoaction a, #textbereich a, #footer a b, #footer b a, #mc-embedded-subscribe, #imageCaption a {
padding-left: 8px;
background-image: url(../bilder-design/pfeilgruen.gif);
background-position: -1px 4px;
background-repeat: no-repeat;
font-weight: bold;
text-decoration: underline;
color: #008059;
}

#calltoaction a:hover, #textbereich a:hover, #footer a:hover, #mc-embedded-subscribe:hover, #imageCaption a:hover, #footer a b:hover, #footer b a:hover   {
text-decoration: none;

}



#mc-embedded-subscribe {
width: 150px;
border: none;
text-align: left;
border: 0 !important;
cursor: pointer;
	font-family: 'Oswald', sans-serif;
}

#calltoaction a:hover {
text-decoration: none;
}

/*
=================
Sidebar-Bereich
=================
*/	
#sidebar {

}

/*
==================
Footer-Bereich
==================
*/	

#footer {
padding-left: 56px;
background-image: url(../bilder-design/footer-shadow.gif);
background-position: top;
background-repeat: repeat-x;
height: 100px;
padding-top: 45px;
clear: both;
}


#footer .column {
width: 150px;
float: left;
margin-right: 30px;
color: #959798;
}

#footer .column h3 {
text-transform: uppercase;
font-size: 14px;
}

#footer .column p {
font-size: 11px;
}

/*
#footer a:hover {
color: #000;

}
*/


/*
=========================
Diverse CSS Definitionen
=========================

*/	

/* Damit die Bilder nicht umgebrochen werden! */

/*
.csc-textpic-imagerow, .csc-textpic-imagewrap{
	width:600px!important;

}	
*/

/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/


/*Latest*/

.news-latest-container{
padding: 0;
}

.news-latest-item {
padding: 0 0 10px 0;
margin: 0;
}

.news-latest-item a {color: #003366; text-decoration:none; }
.news-latest-item a:link {}
.news-latest-item a:visited {}
.news-latest-item a:hover { }
.news-latest-item a:active { }

.news-latest-gotoarchive {
background-color: #E9F3F9;
margin: 0;
padding: 0;
}

.news-latest-date {
font-size: 11px;
}

.internal-link{  
background-image: url(../bilder-design/bg-links.jpg); 
background-repeat: no-repeat; 
background-position: left; 
padding: 0 0 0 0px;
}


/*News Singleansicht, Detail*/

.news-single-item{
margin: 0;
padding: 0;
}


/*News List*/

.news-list-item{
clear: left;
padding: 0 0 20px 0;
}

.news-list{
clear: left;

}

.news-list-image{
padding: 0px 10px 20px 0px;
float: left;
}


.news-list-date {
float:none;
padding: 0 0 5px 0;
}

.news-list-container  {
width: 100%;
}


.news-list-container img {
float: left;
}

.news-list-container hr {
display: none;
background-color: #0099ff;
}

.news-single-backlink  {
padding: 10px 0px;
}


/*Formulare*/
#tx-powermail-pi1_fieldset_1 legend {
color: #0099FF!important;
font-weight: bold;
color: #000000;
padding: 15px 0px 15px 0px;
}

fieldset {
border: 1px solid #0099FF;
display: block;
padding: 10px;
}

.powermail_submit {
background-color: #0099FF;
color: #fff;
cursor: pointer;
}

textarea {
border: 0px solid #000;
width: 250px;
}

label {
width: 140px; 
float: left;
}

input {
border: 0px solid #888; 
margin-bottom: 5px;
}


#textbereich input, #textbereich textarea, #textbereich select {

    border: 1px solid #888;
    margin-bottom: 10px;


}

#textbereich .tx-thmailformplus-pi1 {
width: 510px;

}

#textbereich fieldset {
border: none;

}


input[type="radio"],input[type="checkbox"] {
border: none;	
}


.fehlertext {
color: #000 !important;
font-weight: bold;
background-color: #f99;
padding: 2px;
border: 1px solid #f00;
width: 375px;
}

.formfehler {
border: 1px solid #f00;
}

/*optional*/
.pflichtfelder {
margin: 12px 0 0 170px;
}

.bodytext {
margin: 0;
padding: 0;
}

a.download img{

}

#map {
float: left;
width: 510px; 
height: 340px; 
margin: 0px;
color:#000;
}

/* Startseite Coverflow */

#coverflow-wrapper {
background-image: url(../bilder-design/coverflow-hintergrund.jpg);
min-height: 400px;
background-repeat: no-repeat;
background-position: 0 220px;
margin-left: -40px;
}

.wrapper {
position: relative;
left: 27px;
}

.demo {
margin-top: -38px;
overflow: hidden;
}

#coverflow {
width: 850px !important;
margin-left: -33px !important;
max-height: 500px;
}


.demo h3 {

margin-bottom: 8px;
margin-top: -10px;

}

#slider {
display: none;
}

#scroll-pane {
display: none !important;
}

#slider-wrap {
display: none;
}

#imageCaption {
margin-top: 305px !important;
z-index: 999 !important;
position: relative;
width: 185px !important;
text-align: left !important;
color: #959798 !important;
left: 12px !important;
}






.bild-box {
width: 250px;
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
		
}





/* wt-list-gallery */

.wtgallery_list_area {

}


.wtgallery_list_area h2, h2.wtgallery_single {
display: none;
}


.list_row  {
width: 91px; 
float: left;
}


#thumbnail {
padding: 5px 1px 5px 2px;
position: absolute;
left: 477px;
top: 708px;
background-color: #666666;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);					
}


.webthumbnail {
top: 751px !important;
}

.bildlinks #thumbnail {

left: 57px;

}



.wtgallery_list_pagebrowser_area {
display: none;

}


.suchbutton {
display: none;

}

.csc-searchResult {
margin-bottom: 15px;
}




#mailform input, #mailform select {
border: 1px #666666 solid;
padding: 3px;
}



.csc-searchResultRange p{
margin-bottom: 10px !important;

}


.csc-sitemap ul {
margin-left: 20px;
list-style-type: none;
margin-bottom: 20px;
}



#dropdown div {
height: 23px;

}

#dropdown {
margin-top: 10px;

}

#mailform input, #mailform select {
border: 0;


}


.teamseite #textbereich{
	width:920px !important;
}

.tx_bzdstaffdirectory_jumpmenu{
	display:none;
}

.teamseite #thumbnail{
	display:none;
}
div.tx_bzdstaffdirectory_teamliste{
	clear:both;
}
.tx_bzdstaffdirectory_teamliste h2{
	margin-top:10px;
	margin-left:0;
	margin-bottom:15px;
}
.tx_bzdstaffdirectory_teamlist_person{
	float:left;
	width:280px;
	margin-right:0px;
}
.tx_bzdstaffdirectory_teamlist_person a{
	text-decoration:underline;
}
.tx_bzdstaffdirectory_teamlist_person td.text{
height:80px;
}
div.tx_bzdstaffdirectory_teamliste hr{
	clear:both;
	height:1px;
	color:#ddd;	
}

.tx-bzdstaffdirectory-pi1 .team11, .tx-bzdstaffdirectory-pi1 .team12, .tx-bzdstaffdirectory-pi1 .team13, .tx-bzdstaffdirectory-pi1 .team14{
	display:none;
}

.person-box table {
margin-left: -10px;
}

* Dpi Rechner */



#fr .seite176 label{
width: 160px;
}

#en .seite176 label{
width: 190px;
}

#fr .seite176 .absendeknopf{
margin-left: 160px;
}

#en .seite176 .absendeknopf{
margin-left: 190px;
}

#dpirechner, #dpiresultat {
margin-bottom:20px;
width:500px;
}

#dpiresultat {
margin-top: 15px;
border: 1px solid #888;
color: #959798;
padding: 13px;
width: 272px;
margin-left: 120px;
clear: both;
}

#fr .seite176 #dpiresultat{
margin-left: 160px;
}

#en .seite176 #dpiresultat{
margin-left: 190px;
}

#dpiresultat span {
display: block;
font-size: 20px;
}

#dpirechner p{
margin-bottom:5px;
}
#dpirechner input{
margin-bottom:0px;
}
#dpirechner label{
width:120px;
}
#dpirechner select{
width:300px;
}
#dpirechner .absendeknopf{
margin-left:120px;
}

#dpirechner input{
	border:1px #888 solid;	
}


/* NL POPup */
.nlpopup {
background: none !important;
padding: 40px !important;
width: 450px;
}

.nlpopup label{
width:120px;
}

.mc-field-group {
margin-bottom: 8px;
}

.nlpopup input {
width: 320px;
border-top: 1px solid #a4a4a4!important;
border-left: 1px solid #a4a4a4!important;
border-bottom: 1px solid #efefef!important;
border-right: 1px solid #efefef!important;
}

.nlpopup p, .nlpopup label, .indicates-required {
color: #939393;
}

.nldatenschutz {
font-size: 11px;
margin-top: 15px;
}

.indicates-required {
margin-bottom: 1px;
font-size: 11px;

}


.nlpopup p {
margin-bottom: 20px;

}

.nlpopup .button {
width: 80px;
background-color: #fff;
border: 0;
text-transform: capitalize;
color: #0d815c;
}

/* Formular */

.mailformplus_contactform legend {
display: none;

}

.mailformplus_contactform input, .mailformplus_contactform textarea {
width: 250px;

}

.mailformplus_contactform input {
padding: 2px 0;

}

.absendeknopf {
width: 120px !important;
margin-top: 10px !important;
margin-left: 140px !important;
background-color: #fff !important;
}

#dpirechner p input.absendeknopf {
margin-left: 120px !important;
}


.dokumentenupload {
margin-top: 10px;

}

.dokumentenupload label {
margin-top: 4px;
}


#footer a {
color: #959798;
text-decoration: none;
padding: 0;
background-image: none;
font-weight: inherit;
display: block;
}

.csc-textpic .csc-textpic-single-image img {
position: relative;
    z-index: 1000;
}



.metanavigation #bildbereich, .unternehmen #bildbereich, .dienstleistungen #bildbereich {
width: 230px;

}

.metanavigation #textbereich, .unternehmen #textbereich, .dienstleistungen #textbereich {
width: 590px;
margin-right: 95px;

}




.seitenidseite332 #textbereich, .seitenidseite335 #textbereich, .seitenidseite265 #textbereich {
width: 410px;
float: left;
margin-right: 10px;
}


.seitenidseite332 #bildbereich, .seitenidseite332 #bildbereich335, .seitenidseite332 #bildbereich265 {
width: 490px;
float: left;
}









.metanavigation #calltoaction, .unternehmen #calltoaction, .dienstleistungen #calltoaction {
width: 405px !important;

}



.black a {
color: #000 !important;

}



/* Seite Ansprechpartner */

#c1432 p, #c1432 img {
color: #000;
margin-bottom: 0px;

}



ol {
margin-left: 20px;

}

ol li {
margin-bottom: 10px;
color: #959798;
}