@charset "utf-8";
/* CSS Document */

/*
@font-face
{
 src: local('VAGRounded-Light'),
      url(http://www.creativteam.com/hidden/fonts/VAGRL.TTF) format('truetype');
 font-family: 'VAGRounded-Light';
}
*/

@font-face
{
 src: local('VAGRL'),
      url(http://www.creativteam.com/hidden/fonts/VAGRL.TTF) format('truetype');
 font-family: 'VAGRL';
}

body { background: #FFF; text-align: center; margin: 0px 0 0 0px; padding: 0px;	min-height: 100%; height: 80%; overflow:scroll;}

#pagecontainer { background: #FFF; margin: 0px auto 0px; text-align: left; height: 100%; width: 830px; padding: 0;}

#head, #content_gesamt, #head_logo, #head_start, #head_sitmap, #content_left, #content_right, #nav_left,
#anschrift, #bild_links, #content_mitte, #content_call, #referenzen {display: inline; float:left; margin: 0; padding: 0;}

#head { background: transparent; margin: 0; width: 830px; }

#content_gesamt {background: transparent url(../images/hg_content.png) center bottom no-repeat; width: 830px; margin-top: 20px; padding-bottom: 40px;  }

#head_logo {background: transparent url(../images/logo_linie.gif) center top no-repeat; width: 830px; height: 87px; margin: 62px 0 0 0;  }

#head_start {background: transparent; margin: 5px 0 0 0px;}

#head_sitemap {background: transparent; width: 200px; height: 20px; margin: 55px 0 0 608px; text-align: right; color: #888787;}

#head_sitemap a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #888787; line-height: 20px; text-decoration: none; padding: 0; margin: 0;}

#content_left {background: transparent; width: 180px;}

#content_right {background: transparent; width: 610px; padding: 20px 20px 20px 20px;}

#content_mitte {background: transparent; width: 410px; padding: 20px 30px 20px 0px;}

#content_call {background: transparent; width: 170px; padding: 20px 0px 20px 0px;}


#anschrift {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #888787; line-height: 14px; background: transparent; width: 160px; height: 160px; margin: 20px 0 0 30px;}

h1 { background:transparent; font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 1.0em; color: #000; font-weight: normal; margin: 10px 0 0 0; padding:0;}

h3 {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em; font-size: 0.8em; color: #000; font-weight: bold; margin: 10px 0 0 0; padding:0;}

h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #d2d200; font-weight: bold; margin:0 0 10px 0; padding:0;}

p.bodytext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; font-weight: normal; margin: 20px 0 0 0; padding:0; line-height: 17px;}

a.link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; font-weight: normal; margin: 0; padding:0; line-height: 17px; text-decoration:underline;}

h1.agentur {text-transform: uppercase; font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #24bad9; font-weight: bold; margin: -10px 0 0 0; padding:0;}

h3.call_agentur {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #24bad9; font-weight: normal; margin: -5px 0 0 0; padding:0;}

p.call {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #4f4f4f; font-weight: normal; margin: 20px 0 0 0; padding:0; line-height: 17px;}

h1.arbeit {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #fbc34e; font-weight: bold; margin: -10px 0 0 0; padding:0;}

h3.call_arbeit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #fbc34e; font-weight: normal; margin: -5px 0 0 0; padding:0;}

h1.kundenliste {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #fbc34e; font-weight: bold; margin: -10px 0 0 0; padding:0;}

h1.jobs {text-transform: uppercase; font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #f5bac5; font-weight: bold; margin: -10px 0 0 0; padding:0;}

h3.call_jobs {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #f5bac5; font-weight: normal; margin: -5px 0 0 0; padding:0;}

h1.aktuell {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #eae34c; font-weight: bold; margin: -10px 0 0 0; padding:0;}

h3.call_aktuell {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #eae34c; font-weight: bold; margin: -5px 0 0 0; padding:0;}

h1.kontakt {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #24bad9; font-weight: normal; margin: -10px 0 0 0; padding:0;}

h3.call_kontakt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #24bad9; font-weight: normal; margin: -5px 0 0 0; padding:0;}

h1.black {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; font-weight: bold; margin: -10px 0 0 0; padding:0;}

h3.call_black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; font-weight: normal; margin: -5px 0 0 0; padding:0;}

h1.geschaeftsfuehrung {font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #24bad9; font-weight: bold; margin: 10px 0 0 0; padding:0;}

#bild_links { background: transparent; width:600px; margin: 20px 0 0 0px;}

#bild_links li { list-style: none; background: transparent; line-height: 14px; text-align: left; margin: 10px 0 5px -25px; color: #1a171b; text-decoration: none; 
font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }

#bild_links img {float: left; padding: 0 10px 0px 0;}

p.news {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; font-weight: normal; margin: 0; padding: 0 20px 0 20px; line-height: 17px;}

p.news_presse {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; font-weight: normal; margin: 0; padding: 20px 20px 0 0px; line-height: 17px;}

p.news_aktuell {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; font-weight: normal; margin: 0; padding: 0 20px 0 0px; line-height: 17px;}

ul#aufzaehlung  {list-style: disc; background: transparent; line-height: 18px; text-align: left; margin: 10px 0 15px -25px; color: #1a171b; text-decoration: none; 
font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}

ul#historie  {list-style: none; background: transparent; line-height: 20px; text-align: left; margin: 15px 0 0 -40px; color: #1a171b; text-decoration: none; 
font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;}

span.jobs_links {float: left; display: inline; background:transparent; width: 120px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 20px 0 0 0; padding:0; line-height: 17px;}

span.jobs_rechts {float: left; display: inline; background:transparent; width: 580px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 0px 0 0 0; padding:0; line-height: 17px;}

span.kundenliste_links {float: left; display: inline; background:transparent; width: 450px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 0px 0 0 0; padding:0; line-height: 20px;}

span.kundenliste_rechts {float: left; display: inline; background:transparent; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 0px 0 0 0; padding:0; line-height: 20px; text-align:right;}

span.referenzen {float: left; display: inline; background:transparent; width: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 10px 0 0 0; padding:0; text-align:left;}

span.referenzen_text {float: left; display: inline; background:transparent; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 10px 0 0 0; padding:0; text-align:left;}

span.links {float: left; display: inline; background:transparent; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 10px 0 0 0; padding:0; text-align:left;}

span.rechts {float: left; display: inline; background:transparent; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em; color: #000; font-weight: normal; margin: 10px 0 0 0; padding:0; text-align:left;}

ul#sprachen {list-style: disc; background: red; line-height: 14px; text-align: left; margin: 30px 0 0 100px; color: #000; text-decoration: none; 
font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;}

#referenzen { background: #FFF; margin: 20px 0 0 0; width:600px; border: 1px solid #dad7d7;}

#referenzen img {float: left; padding: 4px 20px 4px 4px;}

p.referenzen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; font-weight: normal; margin: 0; padding: 10px 0 0 0; line-height: 17px;}

font.referenzen {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color:#fbc34e; font-weight: bold; margin: 0; padding: 10px 0 0 0; line-height: 17px;}

p.edde {margin-top: -3px; }

a.link { color: #000; text-decoration: underline; font-size:1.0em; font-family: Verdana, Arial,  Helvetica, sans-serif;}

a.referenzen { color: #000; text-decoration: underline; font-size:1.0em; font-family: Verdana, Arial,  Helvetica, sans-serif;}

.spamspan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #888787; text-decoration: underline;}

.spamspan_black { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; text-decoration: underline;}


/* ************************************************************************************* */
/* *********************************** Navigation ************************************** */
/* ************************************************************************************* */

#nav_left
{
background: transparent; width: 150px; margin: 9px 0 0 -10px;
padding-left: 0;
}

#nav_left li
{
list-style: none;
margin: 0;
padding: 0.25em 0.25em 0.25em 0.25em;
border-top: 1px solid #dad7d7;
}

#nav_left li a { 
font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #989696; font-weight: normal;
text-decoration: none; letter-spacing: 0.1em; }

#active a:link, #active a:visited, #active a:hover { 
font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #989696; font-weight: bold;
text-decoration: none; letter-spacing: 0.1em; }

#subactive a:link, #subactive a:visited, #subactive a:hover {
font-family: VAGRounded-Light, Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #626262; font-weight: bold;
text-decoration: none; letter-spacing: 0.1em; margin-left: 10px;   }

#nav_left ul ul li
{
margin-left: -35px;
padding: 0;
list-style-type: none;
border-top: none;
border-bottom: none;
}

#nav_left li li a
{
display: block;
color: #333;
background-color: transparent;
width: 110px;
padding: 0;
margin: 0;
border-top: none;
border-bottom: none;
text-decoration: none;
font-size: 0.8em;
}

/* ************************************************************************************* */
/* *********************************** Navigation ************************************** */
/* ************************************************************************************* */

DIV#sitemap { margin: 15px 0 0 0; line-height: 20px; }
 
DIV#sitemap a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000;  text-decoration: none;} 
 
DIV#sitemap LI { background: url(../images/listenpunkt.gif) no-repeat 10px 10px; padding: 0 0 0 24px; margin: 0;}

DIV#sitemap LI.last { background: url(../images/listenpunkt.gif) no-repeat 0% 0%; } 

DIV#sitemap UL { padding: 0 0 0 24px; margin: 0 0 0 -24px; list-style-type: none; }

DIV#sitemap UL.last { background-image: none; }