/*--------------------------------------------------------------------- standard elements */
body{
  background: #666666 url(/fileadmin/templates/img/bg.png) fixed repeat-x;
}

html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
color: #4d4d4d;
overflow-y: scroll;
}

* {
  margin: 0;
  padding: 0;
}

/* outerWrapper */
#outerWrapper {
  width: 770px;
  margin: 10px auto 10px auto;
  background: white;
}

/* standard header */
#pageHeader {
width: 750px;
height: 105px;
background: url(/fileadmin/templates/img/logo.png) 4px 55px no-repeat;
/*background: url(/fileadmin/templates/img/header_test.png) top left no-repeat;*/
border-bottom: 4px solid #f9a20c;
position: relative;
margin: 10px 10px 5px 10px;
float: left;
}

#address {
position: absolute;
left: 0px;
top: 2px;
}

#Bild {
position: absolute;
right: 0px;
top: 0px;
height: 100px;
width: 480px;
overflow: hidden;
}

#Adresse #Text {
letter-spacing: 1px;
text-align: left;
}

#Adresse #Telefon {
text-align: left;
font-size: 20px;
line-height: 20px;
font-weight: bold;
color: #999999;
}

/* add header */
#addHeader {
  background: purple;
height: 40px;
width: 157px;
margin: 10px 0 20px 20px;
background: url(/fileadmin/templates/img/logo_cable.png) top left repeat-y;  
}

#pageAreaLeft {
float: left;
width: 260px;
}


/* mainmenu */
#mainMenu {
float: left;
width: 250px;
margin-left: 6px;
display: inline;
}

#mainMenu li {
list-style: none;
text-indent: 5px;
}

#mainMenu li a {
text-decoration: None;
border-top: 1px solid #ffffff;
display: block;
margin-left: 25px;
height: 25px;
line-height: 25px;
width: 205px;
color: #ffffff;
font-weight: bold;
font-size: 13px;
letter-spycing: 1px;
}

#mainMenu li a:hover {
color: #000;
}

#mainMenu li.mainMenuItemFirst a,
#mainMenu li.mainMenuItemActFirst a {
border-top: none;
}

.mainMenuItemAct,
.mainMenuItemActFirst {
background: url(/fileadmin/templates/img/act.gif) left center no-repeat;  
}

#mainMenu li.mainMenuItemAct a,
#mainMenu li.mainMenuItemActFirst a {
color: #000000;
}

/* addmenu */
#addMenu {
clear: both;
 float: left;
  width: 205px;
  background: #fff;
text-align: center;
padding: 5px 0;
margin: 30px 0 30px 30px;
display: inline;
}

#addMenu a {
color: #f9a20c;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

#addMenu a:hover {
color: #000;
}

.addMenuItem {
  margin: 4px 0 4px 0;
  list-style: none;
}

#WKG {
clear: both;
float: left;
width: 205px;
text-align: left;
margin: 0px 0 30px 30px;
display: inline;
}

#WKG h1 {
font-size: 14px;
color: #fff;
letter-spacing: 1px;
}

#WKG p {
font-size: 12px;
color: #fff;
line-height: 18px;
}

#WKG a {
font-size: 12px;
color: #fff;
line-height: 18px;
text-decoration: none;
border-bottom: 1px solid #fff;
}


#WKG a:hover {
font-size: 12px;
color: #000;
line-height: 18px;
text-decoration: none;
border-bottom: 1px solid #000;
font-weight: bold;
}



#centerWrapper {
float: left;
width: 770px;
background: url(/fileadmin/templates/img/inner_bg.png)  10px 0px repeat-y;  
margin-bottom: 10px;
}

#pageAreaRight {
float: right;
width: 510px;
}

/* content */
#pageContent {
width: 485px;
margin-left: 15px;
margin-top: 30px;
}

.clearer {
  clear: both;
  font-size: 1px;
  height: 1px;
}

#pageContent h1 {
  margin: 0 0 10px 0px;
font-size: 17px;
color: #f9a20c;
}

#pageContent h1 a {
  margin: 0 0 10px 0px;
font-size: 17px;
color: #f9a20c;
}

#pageContent h3 a  {
text-decoration: none;
border: none;
margin: 0 0 10px 0px;
}

#pageContent h3  {
border: none;
margin: 0 0 10px 0px;
}

#pageContent p {
  padding: 0 0 15px 0px;
line-height: 20px;
}

#pageContent a {
text-decoration: none;
color: #4d4d4d;
border-bottom: 1px solid #f9a20c;
}

#pageContent a:hover {
text-decoration: none;
color: #f9a20c;
border-bottom: 1px solid #f9a20c;
}

#pageContent ul li {
  padding: 0 0 0px 0px;
margin-left: 15px;
line-height: 20px;
list-style: url(/fileadmin/templates/img/li.png);
}

#pageContent ol li {
  padding: 0 0 0px 0px;
margin-left: 15px;
line-height: 20px;
}

#pageContent ul,
#pageContent ol {
  padding: 0 0 15px 0px;

}

#pageContent td p,
#pageContent th p {
  padding: 0 0 0px 0px;
line-height: 16px;
}

#pageContent table {
  margin: 0 0 15px 0px;
}

#pageContent hr {
border: none;
border-bottom: 1px solid #f9a20c;
margin-bottom: 15px;
}


#pageContent .contentElement {
margin-bottom: 20px;
}

#Mitarbeiter {
width: 100%;
margin-bottom: 40px;
float: left;
}

#Mitarbeiter .Image {
float: left;
margin-right: 10px;
border: 1px solid #4D4D4D;
}

#Mitarbeiter .Name {
font-size: 15px;
font-weight: bold;
color: #f9a20c;
}

#Mitarbeiter .Aufgabe {
font-style: italic;
}

#Mitarbeiter .Beschreibung {
margin-top: 10px;
line-height: 20px;
}