html, body {
	background: #fff;
	color: #777;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/**
		GENERAL
***********************/
h1, h2, h3, h4, h5, h6 {
   font-size: 12px;
}

p {
	margin: 8px 0;
}


a {
	color: #999;
   outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

b, strong {
	font-weight: bold;
}

textarea, select {
	border:1px solid #1E64A3;
}

small {
   font-size: 11px;
}


#header h1, #header h2 span {
	display: none;
}

#page {
	background: #fff;
	margin: 0 auto;
   padding-bottom: 30px;
	width: 881px;
}


/**
     HEADER
********************/  

#header {
   background: transparent url(../../images/header.gif) no-repeat 138px 92px;
   height: 127px;
   position: relative;
}

#logo {
	left: -4px;
	position: absolute;
	top: 30px;
}


/**
     MENU
********************/  

#menu {
   border: 1px solid  #c6c6c6;
   border-width: 1px 0;
}

#menu li {
   float: left;
}


/**
     CONTENT
********************/
#main-content {
   float: left;
   width: 540px;
}

#main-content, #content-wrap {
   padding-top: 20px;
}


/**
		NEWS
*************************/
div.news {
	border-bottom: 1px dotted #999;
   margin: 0 0 15px 0;
   
   position: relative;
   _zoom: 1;
}

div.news-collapsed {
      height: 63px;
      overflow: hidden;
   }

   h3, div.news h4 {
      color: #666;
      font-weight: bold;
      margin-bottom: 8px;   
   }
   
   div.news-content {
      
      padding-bottom: 10px;
      width: 480px;
   }

   div.news-image {
	   margin-bottom: 5px;
      filter:alpha(opacity=40);
      opacity: 0.4;
      zoom: 1;
   }
   
   a.news-expand {
      border: 1px dotted #999;
      border-width: 0 1px 1px 1px;
      bottom: -14px;
      color: #333;
      display: block;
      height: 12px;
      font-size: 13px;
      line-height: 12px;
      position: absolute;
      right: 0;
      padding-right: 1px;
      width: 12px;
      text-align: center;
      text-decoration: none;
      zoom: 1;
      *position: relative;
      *float: right;
      *bottom: 0;
      _bottom: -14px;
   }
   
   a.news-expand:hover {
      background: #676767;
      color: #fff;
   }
   
   a.news-expand-image {
      background: #fff;
      filter: alpha(opacity=0);
      opacity: 0;
      height: 61px;
      left: 0;
      position: absolute;
      top: 0;
      width: 480px;
   }
   
div.news-first div.news-collapsed {
   height: auto;
   
}
div.news-first .news-image {
   filter: alpha(opacity=100);
   opacity: 1;
}

div.news-first a.news-expand, div.news-first a.news-expand-image {
   display: none;
}



.news-image {
    min-height: 100px;
    _height: 100px;
}


#news-footer {
   margin-top: 40px;
   position: relative;
   text-align: center;
}

#expand-all {
   position: absolute;
   right: 0;
   top: 0;
}

img.inactive {
   filter: alpha(opacity=50);
   opacity: 0.5;
}

/**
      SIDEBAR
**********************/
#sidebar {
   border-left: 1px solid #C6C6C6;
   border-right: 1px solid #C6C6C6;
   float: right;
   width: 323px;
}
div.sidebar-item {
   border-bottom: 1px solid #C6C6C6;
}


/**
      JOBS TEASER
*******************************/
#jobs-teaser-sb {
   padding: 10px 0 10px 10px;
   position: relative;
}

div#jobs-teaser-wrap {
   background: #f07a29;
   height: 310px;
   position: relative;
   overflow: hidden;
   width: 303px;
}

div.jobs-teaser {
      background: #f07a29;
      padding: 187px 10px 5px 10px;
      position: absolute;
      top: 0;
      width: 283px;
   }

   div#jobs-teaser-art {
      left: 0;
      background: #f07a29 url(../../images/jobs/art.gif) no-repeat center 15px;
   }

   div#jobs-teaser-programming {
      left: 310px;
      background: #f07a29 url(../../images/jobs/programming.gif) no-repeat center 15px;
   }

   div#jobs-teaser-acc-manager {
     left: 310px;
     background: #f07a29 url(../../images/jobs/acc-manager.gif) no-repeat center 15px;     
   }

   #jobs-teaser-left, #jobs-teaser-right {
      background: transparent url(../../images/jobs/arrows.gif) no-repeat 0 60px;
      filter: alpha(opacity=0);
      height: 180px;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 151px;
      z-index: 10;
   }
   
   #jobs-teaser-left:hover, #jobs-teaser-right:hover {
      opacity: 1;
      filter: alpha(opacity=100);

   }
   
   #jobs-teaser-left {
      left: 10px;
   }
   
   #jobs-teaser-right {
      background-position: right -472px;
      right: 10px;
      
   }

   .jobs-teaser .separated-box {
      border-top: 3px solid #fff;
      margin-top: 10px;
      padding: 10px 0 0 0;
      
   }
   
   #jobs-loader {
      background: transparent url(../../images/jobs/loader-stop.gif) no-repeat;
      bottom: 21px;
      height: 3px;
      font-size: 0;
      line-height: 0;
      position: absolute;
      right: 21px;
      width: 18px;
      z-index: 10;
   }
   
   .jobs-teaser ul li {
         background: transparent url(../../images/jobs/bullet.gif) no-repeat 0 3px;
         display: block;
         padding-left: 17px;
      }
      .jobs-teaser ul li a {
         color: #fff;
         text-decoration: none;
      }

div.job {
	color: #666;
   margin-bottom: 10px;
	padding: 10px 0;
}
div.job div.title {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
}
div.job div.link a {
   color: #666;
   text-decoration: none;
}

      
      
/**
		DAS PROGRAMM
******************************/

div#program-list {
	margin-top: 25px;
}

div#program-list h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;

}

div#program-list ul li div {
	background: #E9E9E9;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 10px;
	padding: 2px 2px 2px 4px;
}

div#program-list ul li li {
	background: transparent url(../../images/bullet.gif) no-repeat 7px 3px;
	padding: 1px 10px 1px 20px
}


/**
		CONTACT FORM
****************************/
#contact {
	float: left;
	margin-top: 10px;
	width: 49%;
}

#contact b {
	margin-bottom: 5px;
	display: block;
}
 

.form label {
	display: block;
	float: left;
	padding-top: 5px;
	width: 100px;
}

.form .input {
	background: #fff;
	border: 1px solid #bbb;
	height: 17px;
	margin-bottom: 3px;
	padding: 2px 0 0 3px;
	width: 240px;
}

.form textarea.input {
	height: 100px;
}


a.submit {
   background: transparent url(../../images/arrow-orange.gif) no-repeat right 4px;
   float: right;
   font-weight: bold;
   display: block;
   margin-right: 95px;
   padding-right: 15px;
   text-decoration: none;
   
}

#sidebar .form .input {
	width: 200px;
}

#route-planner {
	float: right;
	margin-top: 10px;
	width: 50%;
}

div.error {
	color: #CC0000;
	display: none;
	margin: 3px 0;
}


#portfolio {
   padding: 10px 0 10px 9px;
}

div.reference-list {
    border: 1px solid #e5e5e5;
    border-width: 0 1px 1px 0;
    width: 303px;
}

#portfolio div.reference {
	border: 1px solid #e5e5e5;
    border-width: 1px 0 0 1px;
    float: left;
	height: 75px;
	overflow: hidden;
	position: relative;
	width: 100px;
}

#reference-details {
    overflow: visible;
	left: 845px;	
	padding: 28px 0;
	position: absolute;
	top: 210px;	
	visibility: hidden;
    z-index: 10;
}

div#reference-content {
	background: #fff;
	border: 1px solid #8c8c8c;
	padding: 10px 12px;
	width: 275px;
}

#reference-details h5 {
	color: #8c8c8c;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	
}

#reference-details div.description {
	color: #999;
   font-size: 11px;
}

#reference-details div.arrow {
	background: transparent url(../../images/arrow.png) no-repeat;
   _background: transparent url(../../images/arrow.gif) no-repeat;
	height: 33px;
	position: absolute;
   margin-top: -16px;
	right: -24px;
	width: 25px;
   top: 50%;
}

.news-image-loading {
    background: transparent url(../../images/loader-orange.gif) no-repeat center center;
}


/*
        HIGHLIGHTS
***************************/
.highlights {
    border-bottom: 1px solid #c6c6c6;
    padding: 10px 10px 0 10px;
}
.highlight-text {
    background: #fff;
}
.highlight-text h4 {
    font-weight: bold;
    font-size: 13px;
}

.page-teaser {
    height: 315px;
    overflow: hidden;    
    position: relative;
}

.highlight-link {
    background: transparent url(../../images/expand.gif) no-repeat 0 1px;
    color: #666;
    display: block;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
}

.page-teaser-items {
    height: 315px;
    width: 303px;
    overflow: hidden;
    position: relative;
}

.page-teaser-item {
    height: 315px;
    overflow: hidden;
    width: 303px;
}

.page-teaser-left, .page-teaser-right {
    height: 43px;
    position: absolute;
    top: 85px;
    width: 26px;
    z-index: 10;
}

.page-teaser-left {
    background: transparent url(../../images/arrow-left.png) no-repeat;
    _background: none;    
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow-left.png', sizingMethod='scale');
    cursor: pointer;
    left: -26px;
}

.page-teaser-right {
    background: transparent url(../../images/arrow-right.png) no-repeat;
    _background: none;    
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow-right.png', sizingMethod='scale');
    cursor: pointer;
    right: -26px;
}