* {
margin:0;
}

/* CLEAR FIX*/
.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 */

html, body, #wrapper {
height: 100%;
}

body > #wrapper {
height: auto; 
min-height: 100%;
width: 100%;
}

body {
font-family: Arial,Verdana,sans-serif;
background: #ffffff;
height: 1000px;

}

#wrapper {
height: 100%;
}

img {
border:0;
padding:0;
}

a {
font-size: 14px;
color: #ed8b00;
text-decoration: underline;
}

a:hover {
color: #ed8b00;
text-decoration: none;
}

.backButton a:link{
font-size: 10px;
}

h1 {
font: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
margin-bottom: 2px;
padding-top: 5px;
text-decoration: none;
text-transform: uppercase;

}

h2 {
font: arial, verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #828282;
margin-bottom: 3px;
margin-top: 0px;
}

h3 {
font: arial, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #828282;
margin-bottom: 3px;
margin-top: 10px;
}

h4 {
font: arial, verdana, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ed8b00;
margin-bottom: 3px;
padding-top: 5px;
line-height: 20px;
}



#homePic {
display:none;
}
/*================================================ 	
				Haupt Navigation
/*================================================ */

#mainNav {
display:none;
}

#mainMenu {
list-style-type: none;
}

#mainMenu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}

#mainMenu a:hover {
background-position: left bottom;
}
#mainMenu a span{
display: none;
}
#mainMenu .home {
width: 107px;
height: 21px;
background: url(../images/btnHome.gif) no-repeat;
left: 15px;
top: 14px;
}

#mainMenu .homeActive {
width: 107px;
height: 21px;
background: url(../images/btnHomeActive.gif) no-repeat;
left: 15px;
top: 14px;
}

#mainMenu .dienstleistungen {
width: 195px;
height: 21px;
background: url(../images/btnDienstlst.gif) no-repeat;
left: 15px;
top: 49px;
}

#mainMenu .dienstleistungenActive {
width: 195px;
height: 21px;
background: url(../images/btnDienstlstActive.gif) no-repeat;
left: 15px;
top: 49px;
}

#mainMenu .beispiele {
width: 120px;
height: 21px;
background: url(../images/btnBsp.gif) no-repeat;
left: 15px;
top: 84px;
}

#mainMenu .beispieleActive {
width: 120px;
height: 21px;
background: url(../images/btnBspActive.gif) no-repeat;
left: 15px;
top: 84px;
}

#mainMenu .referenzen {
width: 120px;
height: 21px;
background: url(../images/btnReferenzen.gif) no-repeat;
left: 15px;
top: 119px;
}

#mainMenu .referenzenActive {
width: 120px;
height: 21px;
background: url(../images/btnReferenzenActive.gif) no-repeat;
left: 15px;
top: 119px;
}

#mainMenu .faq {
width: 193px;
height: 21px;
background: url(../images/btnFaq.gif) no-repeat;
left: 15px;
top: 154px;
}

#mainMenu .faq {
width: 193px;
height: 21px;
background: url(../images/btnFaq.gif) no-repeat;
left: 15px;
top: 154px;
}

#mainMenu .faqActive {
width: 193px;
height: 21px;
background: url(../images/btnFaqActive.gif) no-repeat;
left: 15px;
top: 154px;
}
#mainMenu .philosophie {
width: 81px;
height: 21px;
background: url(../images/btnPhilosophie.gif) no-repeat;
left: 15px;
top: 189px;
}

#mainMenu .philosophieActive {
width: 81px;
height: 21px;
background: url(../images/btnPhilosophieActive.gif) no-repeat;
left: 15px;
top: 189px;
}

#mainMenu .kontakt {
width: 71px;
height: 21px;
background: url(../images/btnKontakt.gif) no-repeat;
left: 15px;
top: 224px;
}

#mainMenu .kontaktActive {
width: 71px;
height: 21px;
background: url(../images/btnKontaktActive.gif) no-repeat;
left: 15px;
top: 224px;
}

#mainMenu .impressum {
width: 99px;
height: 21px;
background: url(../images/btnImpressum.gif) no-repeat;
left: 15px;
top: 259px;
}

#mainMenu .impressumActive {
width: 99px;
height: 21px;
background: url(../images/btnImpressumActive.gif) no-repeat;
left: 15px;
top: 259px;
}

/*================================================ 	
				Header Content
/*================================================ */

#headNav{
display:none;
}

#headNav ul{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#headNav ul li { 
float: left; 
width: 121px;
background-image: url(../images/headNavTab.gif);
background-repeat: no-repeat;
padding-left: 3px;
}

#headNav ul li a{
color: white;
text-decoration: none;
padding: 4px 0px 0px 4px;
font-size: 12px;
float: left;
margin: 0px;
height: 25px;
width: 120px;
}

#logo {
width: 179px;
height: 56px;
position:absolute;
left: 0px;
top: 46px;
}

#hotline {
font: 10px arial, verdana, sans serif;
color: #828282;
margin: 0px;
margin: 4px 0px 0px 0px;
float:right;
position: absolute;
left: 510px;
top: 11px;
}

/*================================================ 	
						Content
/*================================================ */

#leftContainer{
float: left;
width: 208px;
padding-left: 0px;
}

#mainContainer {
width: 950px;

}

#mainContent {
width: 750px;

margin-top:110px;
}

#headlineContainer {
height: 43px;
width: 666px;

margin: 0 0 10px 0;
}

#headline {
height: 43px;
float:left;
}

#textContent {
width: 630px;
font-size: 12px;
color: #828282;
text-align:justify;

}

#iconPrint {
display:none;
}

#print {
display:none;
}

ul.orangeList {
list-style-position:outside;
list-style-type:none;
padding-left:0px;
padding-top:0px;

}
ul.orangeList li {
background:url(../images/orangeDot.gif) no-repeat scroll 0 0.8em;
padding:4px 0px 4px 15px;
}

ul.orangeListHome {
list-style-position:outside;
list-style-type:none;
padding-left:0px;
padding-top:0px;
}
ul.orangeListHome li {
background:url(../images/orangeDot.gif) no-repeat scroll 0 0.8em;
padding:14px 0px 4px 15px;
}

ul.orangeListBspDetail {
list-style-position:outside;
list-style-type:none;
padding-left:0px;
padding-top:0px;

}
ul.orangeListBspDetail li {
background:url(../images/arrowSmall.gif) no-repeat scroll 0 0.3em;
padding:0px 0px 4px 15px;
}

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

#subNavContainer {
display:none;

}
#subNav{
margin: 0px;
padding-left: 12px;
font-family: Arial, Verdana, sans-serif;
}

#subNav a, #subNav a:link, #subNav a:visited{
font-size: 14px;
color: #ffffff;
text-decoration: none;
}

#subNav a:hover, #subNav a:active, #subNav a:focus{
color: #ed8c00; 
text-decoration: none;
}

#subNav li{
list-style-type: none;
padding-left: 14px;
padding-top: 3px;
float: left;
}

#subNav ul
{
margin: 0px;
padding: 0px;
}

#subNav #active a {
color: #ed8c00; 
}

#uebersichtTopic {
margin-top: 10px;
padding-left: 26px;
color: #828282;
float:left;
font-size: 12px;
}

#uebersicht {
width:776px;
height:100%;
clear: both;
margin-top: 10px;
}

.uebersichtGruppe {
text-align: center;
font-size: 14px;
color: #848484;
width:190px;
padding-top: 20px;
padding-left: 12px;
float:left;
text-decoration: none;
}

.back {
display:none;
}

.noLink {
text-decoration: none;
color: #828282;
}

.noLink:hover {
text-decoration: none;
color: #ed8b00;
}

#beispiele {
float:left;
}

#bspRollover a {
float:left;
height: 192px;
width: 222px;
background: url(../images/bspHg.gif) 0px 0px no-repeat;
text-align:center
}

#bspRollover a:hover {	
background-position: -221px 0px;
}

#bspRollover a span{
display:block;
margin: 18px 6px 10px 0px;
text-align:center;
}

#bspRollover a:active {
background-position: -221px 0px;
}

#bspDetailUebersicht {
width: 650px;
font-size: 12px;
color: #828282;


}

#bspDetail {

padding-left:20px;
font-size: 12px;
color: #828282;
height: 100%;
width: 610px;
}

#bspDetailNoBackButton {
padding-left:20px;
font-size: 12px;
color: #828282;
height: 100%;
}

#bspDetailVorlage  {
margin-top: 30px;
float:left;
height: 278px;
width: 258px;

}

#bspDetailUebersicht span  {
display: block;
margin-top: 10px;
text-align: center;
font-size: 14px;
}

#bspDetailDownload  {
margin-top: 30px;
float:right;
height: 299px;
width: 347px;

}

#bspDetailDownload span  {
display: block;
margin-top: 10px;
text-align: center;
font-size: 14px;
}

#bspDetailDownloadBig  {
margin-top: 30px;
float:left;
height: 299px;
width: 615px;

}

#bspDetailDownloadBig span  {
display: block;
margin-top: 30px;
text-align: center;
font-size: 14px;
}

#bspDetailDownloadBigOneTab  {
margin-top: 30px;
float:left;
height: 299px;
width: 650px;

}

#bspDetailDownloadBigOneTab span  {
display:block;
margin-top: 30px;
text-align: center;
font-size: 14px;
}
.bspDetailDownloadBigPic {
margin: 10px 0px 0px 20px;
}

/*================================================ 	
				Download Navigationen
/*================================================ */
#downloadNav{
display:none;
}

#downloadNav ul{
margin: 0 0 0 16px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#downloadNav ul li { 
float: left; 
padding-left: 10px;
}

#downloadNav ul li a{
color: white;
text-decoration: none;
font-size: 12px;
float: left;
margin: 0px;
height: 25px;
padding-left:10px;
}

#downloadNavBig{
display:none;
}

#downloadNavBig ul{
margin: 0 26px 0 46px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#downloadNavBig ul li { 
float: left; 
padding-left: 8px;
}

#downloadNavBig ul li a{
color: white;
text-decoration: none;
font-size: 12px;
float: left;
margin: 0px;
height: 25px;
padding-left:10px;
}

#downloadNavBigOneTab{
display:none;
}

#downloadNavBigOneTab ul{
margin: 0 34px 0 31px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#downloadNavBigOneTab ul li { 
float: left; 
}

#downloadNavBigOneTab ul li a{
color: white;
text-decoration: none;
font-size: 12px;
float: left;
margin: 0px;
height: 25px;
}

.bspPicContainer {

width: 156px;
height: 120px;
padding-left: 33px;
padding-top: 8px;
}

.refPic {

margin: 15px 0 0 ;

}

.refText {
margin: 0px 0 0 0;
padding: 34px 0 0 0;

}

#footer {
background:url(../images/footerBg.gif) no-repeat;
position: absolute;
top: 15px;
left: 0px;
font-size: 12pt;
z-index: -1;
}

.footerContent {
font-size: 10px;
color: white;
}

#formMainContent {
background-color:#FFFFFF;
color:#454545;
font-size:14px;
line-height:19px;
margin:0 0 0 10px;
width:560px;
}

#contactArrow {
margin-right: 5px;
}

div.row {
clear: both;
width: 600px;
color: #828282;
}

.col1 {
text-align: left;	
width: 90%;
color: #828282;
margin: 1px;
float: left;
margin-right: 10px;
margin-left: 0px;
padding-left: 0px;
font-weight:bold;
padding-top: 8px;
}
.col1Last2 {
text-align: left;	
width: 90%;
color: #828282;
margin: 1px;
float: left;
margin-right: 10px;
margin-left: 0px;
padding-left: 0px;
font-weight:bold;
padding-top: 8px;
padding-bottom: 8px;
}

.col2 {	
height: 30px;
float: left;
margin: 0;
padding:0;
width: 378px;
}

.radio {
padding: 2px;
}

.checkbox1 {	
height: 30px;
float: right;
margin: 0;
padding:0;
width: 378px;
color: #828282;
}

.col1Last {
text-align: left;
width: 215px;
height: 30px;
float: left;
margin-right: 10px;
margin-left: 0px;
padding-left: 0px;
padding-top: 14px;
padding-bottom: 30px;
color: #828282;
font-weight:bold;
}

.col2Last {	
height: 30px;
display: block;
float: left;
margin: 0;
padding:0;
width: 160px;
padding-top: 10px;
padding-bottom: 30px;	
}

.colComment {
width: 378px;
margin: 0;


}

select {
font-size: 12px;
margin: 4px 0 5px 0px;
color: #828282;
border:solid #ed8b00 1px;
width: 386px;
}

option {
text-align:left;
font-size: 12px;
}

.submit {
display:none;
} 

.input {
font-size: 14px;
color: #828282;
margin: 4px 0 5px 0px;
padding: 0px;
border:solid #ed8b00 1px;
width:100%;
padding:3px;
}

.upload {
font-size: 14px;
color: #828282;
margin: 4px 0 5px 0px;
padding: 0px;
border:solid #ed8b00 1px;

padding:3px;
float:lefT;
}

.inputSmall {
font-size: 14px;
color: #828282;
margin-left: 5px;
border:solid #ed8b00 1px;
width:48px;
}

.inputRed {
font-size: 14px;
color: #454545;
margin: 4px 0 5px 0px;
padding: 0px;
border:solid #f20f0f 1px;
width:100%;
padding:3px;
}

.textarea {
border:solid #ed8b00 1px;
background-color: #fffff;
font: normal 14px arial;
color: #454545;
margin: 5px 0 5px 0px;
width:100%;
height: 300px;	
padding:3px;
}

#formContent {
background-color: #ffffff;
padding: 20px 0px 0px 0px;
width:605px;
color: #454545;
float:left;
}


.producedBy {
font-size: 9px;
color: #828282;
}

.producedBy:hover {
color: #f3bb16;
}

#producedByContent  {
font-size: 10px;
position:absolute;
left: 510px;
top: 35px;
width: 140px;
}