﻿* {
   margin: 0;
   padding: 0;   }

body {
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #fff;
   background-color: #000;
   text-align: center;
   line-height:20px;
   overflow-y: scroll;
   padding-bottom: 40px;
}

h1, #header h2 {
	position: relative;
	display: inline-block;
   font-size: 15px;
   color: #FA8700;
   margin-bottom: 5px;
   padding: 0 2%;
   padding-top: 7px;
   font-weight: normal;
}

h2, #content li h2    {
   font-size:12px;
   color:#fff;
   margin-bottom:5px;
   padding:0;
}

#content h2 {
	padding-left: 2%;	
}

#content li {
	padding-left: 2%;
	list-style-position: inside;
}

#content table {
	border: 0px;
	margin-left: 15px;
	margin-top:6px;
}

#content td {
	border: 0px;
	font-size:12px;
	vertical-align: top;
}

#content div {
	padding: 0 2%;
}

a {
 outline: none;
}

     
.nofloat {
   position: relative;
   display: block;
   clear: both;
   height: 1px;
   font-size: 0px;
   overflow:hidden;
}

#container {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 753px;
   height: auto;
   text-align: left;
   overflow-x: hidden;
}

.big #container {
   width: 920px;
}

#header {
   position: relative;
   height: 380px;
   background-color: #323232;
}

#header table {
	width: 100%;
	padding: 0 2%;
	border: 0 none;
	font-size: 12px;
}

* html #header table {
	position: relative;
	left: 2%;
	width: 96%;
}

#header table td {
	padding: 0 2% 0 0;
	border: 0 none;
	line-height: 20px;
	vertical-align: top;
}

#header table td a {
	line-height: 20px;
}

.big #header {
   height: 470px;
}

#snav {
   position: relative;
   padding: 15px 2% 10px 2%;
   height: 60px;
}

* html #snav {
   margin-bottom: 30px;
}

#snav a {
   display: block;
   width: 150px;
   padding-left: 8px;
   color: #fff;
   text-decoration: none;
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 0;
}

#snav a: {
   color: #FA8700;
}

#snav a.act {
   color: #FA8700;
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 -14px;
}

#snav a#profair_logo {
   position: absolute;
   right: 0;
   top: 25px;
   width: 347px;
   height: 30px;
   background: none;
}

#nav, #subnav {
   position: relative;
   height: 47px;
   font-size: 14px;
   overflow: hidden;
   white-space:nowrap;
   border-top: 0px solid #000;
}

#nav {
   position: relative;
   height: 47px;
   font-size: 14px;
   overflow: hidden;
   white-space:nowrap;
   border-top: 0px solid #000;
   width: 101%
}

#subnav {
   background-color: #323232;
   border-top: 1px solid #000;
   width: 101%
}

#nav a {
   position: relative;
   left: -1px;
   display: block;
   padding: 15px 2%;
   float: left;
   clear: none;
   width: 16%;
   text-decoration: none;
   color: #aaa;
   height: 17px;
   font-weight: normal;
   white-space: nowrap;
   line-height: normal;
}

#nav a {
   border-left: 1px solid #fff;
}

#subnav a {
   position: relative;
   left: -1px;
   display: block;
   padding: 15px 2%;
   float: left;
   clear: none;
   width: 16%;
   text-decoration: none;
   color: #aaa;
   height: 17px;
   font-weight: normal;
   white-space: nowrap;
   line-height: normal;
   border-left: 1px solid #000;
}

#nav a:first-child {
   left: 0px;
   border-left: 0px none;
}

#nav a.act:first-child, #nav a:hover:first-child {
   border-left: 0px none;
   text-indent: 0px;
  }

* html #nav a, * html #subnav a {
   width: 20%;
   padding: 15px 0% 15px 10%;
   height: 47px;
}

* html #nav a:hover {
   border-left: 1px solid #fff;
   color: #FA8700;
}

* html #nav a.act:hover {
   border-left: 1px solid #323232;
}

#nav a.act {
   background-color: #323232;
   color: #FA8700;
   border-left: 1px solid #323232;
   left: 0px;
   text-indent: -1px;
}

#nav a:first-child.act {
   border-left: 0px solid #323232;
   left: 0px;
   text-indent: -1px;
}

#nav a:hover {
   color: #FA8700;
}

#subnav a:hover, #subnav a.act {
   background-color: #323232;
   color: #FA8700;
}

#nav a.last, #subnav a.last {
   width: 14.5%;
   padding: 15px 2.5% 15px 2%;
}

.big #nav a.last, .big #subnav a.last {
   width: 15%;
}

* html #nav a.last, * html #subnav a.last {
   width: 19%;
   padding: 15px 2.5% 15px 10%;
}

* html .big #nav a.last, * html .big #subnav a.last {
   width: 19%;
   padding: 15px 2.5% 15px 18px;
}

#content {
   position: relative;
   padding: 10px 2% 30px 0;
   margin-top: 1px;
   height: auto;
   background-color: #323232;   }

a.arrow {
   display: inline-block;
   height: 14px;
   line-height: normal;
   padding-left: 8px;
   color: #FA8700 !important;
   text-decoration: none;
   font-weight: normal;
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 -13px;
}

a.arrow:hover {
   color: #fff !important;
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 1px;
}

* html a.arrow {
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 -14px;
}

* html a.arrow:hover {
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 0;
}

#content p {
	position: relative;
	display: block;
   padding: 0 2% 15px 2%;
   line-height: 20px;
}

#header p {
   padding-bottom: 15px;
   line-height: 18px;   }

#content a, #header a {
   color: #fff;
 
}

#content a:hover, #header a:hover {
   color: #FA8700;
}


/** Referenzen-Liste  **/

#content ul.referenzen {
   position: relative;
   width: 100%;
   list-style: none;
}


#content a.Back {
  line-height:20px;
  padding:0 2% 15px;
  position:relative;
}

#content ul.referenzen li {
   position: relative;
   left: 1px;
   float: left;
   width: 121px;
   padding: 10px 0 10px 18px;
   line-height: 27px;
   margin-right:14px;
}

.big #content ul.referenzen li {
   position: relative;
   left: 1px;
   float: left;
   width: 142px;
   padding: 10px 0 10px 18px;
   line-height: 27px;
   margin-right:27px;
}

.big #content ul.referenzen li.last {
	padding-right:0;
	margin-right:0;
	width:136px;
}

#content ul.referenzen li.last {
	padding-right:0;
	margin-right:0;
	width:110px;
}

.big #content ul.referenzen li:first-child {
	left: 0px;
	margin-right:26px;
}

#content ul.referenzen li:first-child {
	left: 0px;
	margin-right:9px;
}


* html #content ul.referenzen li {
   width: 139px;
   padding: 7px 0% 9px 13px;
   margin-right:13px;
}

* html .big #content ul.referenzen li {
   width: 160px;
   padding: 7px 0% 9px 18px;
   margin-right:26px;
}

* html #content ul.referenzen li.last {
   width: 130px;
   padding-right:0px;
   margin-right:0px;}

* html .big #content ul.referenzen li.last {
   width: 158px;
   padding-right:0px;
   margin-right:0px;
}

#content ul.referenzen li a {
   position: relative;
   display: block;
   padding: 0 0;
   background: transparent url(../images/site_elements/dot_w.gif) repeat-x 0 26px;
   text-decoration: none;
   font-weight: normal;
}

* html #content ul.referenzen li a {
   width: 95%;
}
#content ul.referenzen li a:hover {
   color: #FA8700;
}


/*---------------------------------------------------------*/

#content .texttable {
	position: relative;
	width: 290px;
	margin-left:2%;
}


.big #content .texttable {
	position: relative;
	width: 360px;
}


#content .texttable td {
	padding: 3px 0 3px 0;
	text-align: left;
	margin: 0px;
}

#content .texttable td.col2 {
	text-align: right;
}

#content .texttable tr.separator td {
	background: transparent url(../images/site_elements/dot_w.gif) repeat-x left bottom;
	height:1px;
	padding:0;
	margin:0;
}

#content ul.service {
   position: relative;
   width: 100%;
   list-style: none;
}

#content ul.service li {
   position: relative;
   float: left;
   width: 46%;
   line-height:18px;
   padding: 10px 2%;
}
* html #content ul.service li, * html #content ul.service li {
   width: 20%;
   padding: 7px 0% 9px 10%;
}

* html #content ul.service li.last, * html #content ul.service li.last {
   width: 19%;
}

#content ul.service li a {
   position: relative;
   text-decoration: underline;

}

* html #content ul.service li a {
   width: 95%;
}
#content ul.service li a:hover {
   color: #FA8700;
}
#content table a {
	line-height: 20px;
}
/*-----------------------------------------------------------------------*/

#address,  #magazin  {
   position:absolute;
   line-height:18px;
   left: 2%;
   top: 34px;
   width: 20%;
}

.big #address, .big #magazin {
	top: 48px;
}


#magazin {
	width: 17%;
	}

#input1    {
   position:absolute;
   line-height:14px;
   width:42%;
   left:166px;
   margin-top:0px;
}

.big #input1    {
   line-height:18px;
   left:205px;
   top:48px;
   margin-top: 0px;
}
  
 #input1 input, .ftp input {
   border:none;
   height:18px;
}


* html #input2 .formleft    {
   top:4px;
}

.formrow    {
   position:relative;
   display:block;
   width:auto;
   padding-bottom:9px;
}

.kontaktinput    {
   width: 55%;
}

.big .kontaktinput    {
   width: 55%;
}

#input1 .formleft, .ftp .formleft    {
   position:relative;
   display:inline-block;
   color:#fff;
   padding-top:3px;
   width:25%;
   font-size:1em;
}

.big  #input1 .formleft, .ftp .formleft    {
   position:relative;
   display:inline-block;
   color:#fff;
   padding-top:3px;
   width:22%;
   font-size:1em;
}

#input2    {
   position:absolute;
   left: 473px;
   margin-top:0px;
   width:32%;
   height:auto;
   line-height:14px;
   /* margin-top:3px;  */
}

.big #input2    {
   top:48px;
   line-height:18px;
   margin-top: 0px;
   left: 578px;
}

#input2 .checkbox    {
   position:relative;
   display:block;
   float:left;
   margin-right:2%;
   width:5%;
}
#input2 .formleft{
   position: relative;
   width:93%;
}

#input2 textarea {
   width: 100%;
   height: 222px;
   border: 0px none;
   overflow:auto;
}

.ftp {
   position: relative;
   list-style-type: none;
   padding:15px 2% 0 2%;
   line-height:18px;
}

.ftp li {
   position: relative;
   width: 48%;
   float: left;
   padding-right: 2%;
}

.ftp input{
   border:none;
   height:18px;
   width:50%;
}

.ftp textarea {
   width: 50%;
   height: 150px;
   border: 0px none;
   overflow:auto;
}

.ftp .formleft    {
   position:relative;
   display:inline-block;
   color:#fff;
   padding-top:1px;
   width:25%;
   font-size:1em;
   vertical-align:top;
}

/**  Presse / Pressearchiv  **/
#content #press_teaserlist {
	padding-bottom: 20px;
}

#content .pressetext {
	position: relative;
	padding: 0;
	line-height: 20px; 
}

#content .date {
	display: inline-block;
	color: #FA8700;
	padding: 0;
	position:absolute;
}

#content .pressetext p {
   	line-height: 20px;
   	padding-left: 20px;
	padding-bottom: 0;
	display: inline-block;
	width: 610px;
	position:relative;
	left: 65px;
}

.big #content .pressetext p {
	width:800px;	
}


a.senden {
   position: absolute;
   bottom:30px;
   right:2%;
   text-align: right;
   font-weight: normal;
   padding-left: 8px;
   color: #FA8700 !important;
   text-decoration: none;
   line-height: normal !important;
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 -13px;
}

a.senden:hover {
   color: #fff !important;
   background: transparent url(../images/site_elements/greyandorange_arrow.gif) no-repeat 0 1px;
}

a.leftarrow {
   background: transparent url(../images/site_elements/greyandorange_leftarrow.gif) no-repeat 0 -13px;
}

a.leftarrow:hover {
   background: transparent url(../images/site_elements/greyandorange_leftarrow.gif) no-repeat 0 1px;
}


/* Für Linkliste unten auf der Seite */

#content div.linklist {
	/*position:absolute;*/ 
	left:0px; 
	text-align:left;
	padding:20px 2% 0px;
	/*padding-top:2px;*/
	
	width: 753px;
	display:block;
}

.big #content div.linklist {
	width:920px;
}

#content div.linklist a.leftarrow {
   position:static;
   padding-right:18px;
}


/*  Footer  */

#footer {
   position: relative;
   padding: 0px;
   height: 23px;
   border-top:1px solid #000;
   background-color: #323232;
   overflow: hidden;
   line-height: normal;
}

#footer a {
   position: relative;
   padding: 4px 2% 7px 2%;
   display: block;
   float: left;
   width: 6%;
   color: #aaa;
   text-decoration: none;
   border-left: 1px solid #000;
   font-size: 11px;
}

#footer a:first-child {
   border-left: 1px solid #323232;
   margin-left: -1px;
}


* html #footer {
  height: 22px;
  overflow: hidden;
}

* html #footer a {
   width: 10%;
   padding: 3px 19% 5px 19%;
   border-right: 0px solid #000;
   border-left: 1px solid #000;
   margin-right: 1px;
   left: -1px;
   overflow: visible;
}

#footer a:hover {
   color: #FA8700;
}


.errorSummary {
   color: #FA8700;
   font-weight: bold;
   padding-bottom: 10px;
}

label.error {
   color: #FA8700 !important;
   font-weight: normal;
}

input.error {
   border: 2px solid #FA8700 !important;
}

#m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9, #m10 {
	padding: 0 !important;
}

#content p.linklist {
	padding-top:25px;
}


div#newsContainer {
        float: none;

       width:98%; /* warum auch immer */
       position:relative;
       padding-left: 0px;     
       padding-right: 0px;
    }

div.newsDiv {
   float: left; 
   width: 17%;
   overflow: hidden;
   color: #FA8700;
   padding:0 2% 15px; 
   
}


