﻿/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/
/*remove flash borders at ff 3.6*/
object { outline:none; }


body
{
    font-family:Calibri, Arial, Verdana;
    font-size:14px;
    text-align:left;
    margin:0;
}

h1
{
    font-size:25px;    
    font-weight:normal;
    margin-bottom:5px;
}

h2
{
    font-size:15px;
    font-weight:bold;
    margin:0px 0 40px 0;
}

a
{
    text-decoration:none;    
}

.body-gallery
{
    height:95%;
    background:none repeat scroll 0 0 transparent;
}

.clear
{
    clear:both;
    line-height:0;
    font-size:0;
    height:0;
}

.relative
{
    position:relative;
}


/*---------------------------------------------------
/*  container
/*---------------------------------------------------*/
#banner-container
{
    position:relative;
    width:100%;
    margin:0 auto;    
}

#banner
{
    overflow:hidden;
    text-align:center;
    background-position:top center;
    background-repeat:no-repeat;
}

#top
{
    position:relative;
    width:980px;
    margin:0 auto;
    text-align:left;
    height:60px;
}

#menu-top
{
    position:absolute;
    width:75px;
    height:15px;
    bottom:-20px;
    right:0px;
    font-weight:bold;
}


#container
{ 
    position:relative;
    overflow:visible;
    width:980px;
    margin:0 auto;
    text-align:left;
}

#absolute-container
{
    position:absolute;
    top:-170px;    
    /*left:0px;*/
    /*border:1px solid #EDE8E4; */
    
    width:1061px;
    left:-82px;
    padding-left:84px;
}

#menu-top
{
    font-size:12px;    
    text-transform:uppercase;
    margin:25px 0 0 35px;
}

#menu-top a
{
    margin-right:10px;
}


/*---------------------------------------------------
/*  menu
/*---------------------------------------------------*/
#menu
{    
    position:absolute;
    top:-580px;
    left:0px;
    margin:0 auto;
    height:75px;
    width:955px;
    padding-left:25px;
}

#menu a
{
    float:left;    
}

#menu .menu-0
{   

}

#menu .menu-0-active
{
    font-size:20px;    
    padding:0 15px 0 15px;
    line-height:40px;
    display:block;
    border-top:6px solid #67AF1B;  
}

#menu .menu-1
{
    font-size:15px;
    margin-top:10px;
    font-weight:normal;
	text-transform:none;
	display: block;
}

#menu .menu-1:hover, 
#menu .menu-1.active
{
    color:#272727;
}

#menu .flyout
{
    position: absolute;
    width:900px;
    font-size:13px;
    top:43px;
    left:20px;
    display: none;
    text-align: left;
}

#menu .flyout-active
{
    position: absolute;
    width:900px;
    font-size:13px;
    top:43px;
    left:20px;
    display:block;
    text-align: left;
}

#menu .flyout a,
#menu .flyout-active a
{
    margin-right:20px;
}

#menu .level-0
{
    float:left;
    font-size:18px;    
    padding:3px 17px 13px 17px;
    margin-top:10px;
    display:block;
    padding-top:6px;
}

/*---------------------------------------------------
/*  path
/*---------------------------------------------------*/
#path
{
    padding:10px 0 0 0;
    border-bottom:1px solid #E6E6E6;
    overflow:hidden;
}

#path .left
{
    float:left;
    font-size:11px;
    width:330px;
}

#path .left a
{
    margin-right:15px;
}

#path .right
{
    float:right;
    width:200px;
}

/*---------------------------------------------------
/*  frame-search
/*---------------------------------------------------*/
#frame-search
{
    float:right;
    font-weight:bold;
    width:200px;
}

#frame-search .title
{
    float:right;
    margin-top:5px;
}

#frame-search input
{
    float:right;
    margin-left:2px;
    border:0px;
}

#frame-search .search-box
{
    float:right;
    margin-left:2px;
    padding:3px 2px 4px 3px;
    background-color:#E8E8E8;
    border:0px;
    font-size:12px;
    width:130px;
}

#frame-search .search-button
{
    float:right;
}


/*---------------------------------------------------
/*  middle
/*---------------------------------------------------*/
#middle
{
    padding:10px 20px 0 35px;
    width:925px;
}

#left
{
    float:left;
    width:550px;
}

#left .page-content
{
    line-height:20px;    
}

#right
{
    float:right;
    width:315px;
}

#logo
{
    margin-left:20px;
}

/*---------------------------------------------------
/*  frame-choose
/*---------------------------------------------------*/
#frame-choose
{
    position:relative;
    margin:25px 0 10px 0;
    padding:0 0 10px 0;
    height:370px;
}

#frame-choose .menu
{
    position:absolute;
    z-index:30;
    top:0px;
    left:15px;
    font-size:20px;
    line-height:20px;
}

#frame-choose .menu a
{
    float:left;
    margin:15px 0 10px 0;
    padding:5px 10px 2px 10px;
    cursor:pointer;
    display:block;
    height:20px;
}

#frame-choose .menu a.active
{
    font-weight:bold;
}

#frame-choose .menu .menureferences
{
    width:95px;
    border-right:1px solid #FFFFFF;
}

#frame-choose .menu .menucurrentprojects
{
    width:260px;
}

#frame-choose .frame-references
{
    display:block;
}

#frame-choose .frame-currentprojects
{
    display:block; /* ACHTUNG */
}

/*---------------------------------------------------
/*  frame-references, frame-currentprojects
/*---------------------------------------------------*/
#frame-references, 
#frame-currentprojects
{
    position:relative;
    padding:0 25px 0 25px;
    height:355px;
}

#frame-choose .back
{
	right:20px;
	top:10px;
}

#frame-choose .next
{
	right:10px;
	top:10px;
}

#frame-choose .cjq-slider .clipcontainer
{
	clip: rect(0px 310px 325px 0px);
}

#frame-choose .clipcontainer
{
    top:50px;
	left:25px;
	width:280px;
	height:325px;
	overflow:hidden;
	line-height:16px;
	font-size:13px;
}

#frame-choose .cjq-slider .clipcontainer .itemcontainer
{
    z-index:0;
}

#frame-choose .item
{
	float: left;
	position:relative;
	width: 280px;
	height: 325px;
}

#frame-choose .item .box
{
    position:relative;
	width:260px;
	margin-top:2px;
	font-weight:bold;
	padding:7px 0 7px 8px;
}

#frame-choose .item .image
{
	width:265px;
	height:160px;
}

#frame-choose .item .description
{
	padding: 10px 0px 0px 0px;
}

#frame-choose .item .links
{
    position:absolute;
    width:265px;
    height:15px;
    bottom:5px;
    left:0px;
    border-top:1px solid #67AF1B;
    padding-top:5px;
}

#frame-choose .item .links img
{
    border:0px;
}

#frame-choose .item .links a
{
    margin:0 5px 0 5px;
}

/*---------------------------------------------------
/*  frame-news
/*---------------------------------------------------*/
#frame-news
{
    position:relative;
    height:120px;
    padding:15px 15px 10px 25px;
    border:1px solid #DFDFDF;
}

#frame-news .item
{
    position:relative;
    float: left;
    width:260px;
	height:65px;
    
    border-bottom:1px solid #DFDFDF; 
    border-top:1px solid #DFDFDF; 
}

#frame-news .title
{
    font-size:20px;
}

#frame-news img
{
    border:0px;
}

#frame-news .button-change
{
    position:absolute;
    z-index:99;
    top:10px;
    right:10px;
    width:40px;
    height:30px;
}

#frame-news .button-change img
{
    padding:0 3px 0 3px;
}

#frame-news .item .description
{
    padding:8px 5px 8px 5px;
}

#frame-news .cjq-slider .clipcontainer
{
	clip: rect(0px 265px 70px 0px);
}

#frame-news .back
{
	top:10px;
	left:8px;
}

#frame-news .next
{
	top: 10px;
	right: 10px;
}

#frame-news .clipcontainer
{
	top:45px;
	left:20px;
	width:265px;
	height:70px;
	overflow:hidden;
	font-size:13px;
	line-height:15px;
}

#frame-news .cjq-slider .clipcontainer .itemcontainer
{
    z-index:0;    
}

#frame-news .links
{
    float: left;
    padding-top:80px;
}

/*---------------------------------------------------
/*  footer
/*---------------------------------------------------*/
#footer
{
    border-top:1px solid #E6E6E6;   
    padding:15px 0 15px 0;
    margin-top:40px;
}

#footer .left
{
    float:left;
}

#footer .right
{
    float:right;
}

/*---------------------------------------------------
/*  sitemap bottom
/*---------------------------------------------------*/
#sitemap-bottom
{
    font-size:11px;
    padding:20px 0 20px 35px;
    height:200px;
    width:945px;
}

#sitemap-bottom a
{
    float:left;
    width:155px;
    padding:3px 0 3px 0;
}

#sitemap-bottom .menublock
{
    float:left;
    width:155px;
}

#sitemap-bottom .level-0
{
    text-transform:uppercase;
}

#sitemap-bottom .level-2
{
    padding-left:8px;
}

/*---------------------------------------------------
/*  news
/*---------------------------------------------------*/
#news .item
{
	margin-bottom:25px;
}

#news .item .image
{
	float:left;
	margin-right:20px;
	width:240px;
	/*height:170px;*/
}

#news .item .image-small
{
	float:left;
	margin-right:20px;
}

#news .item img
{
    border:1px solid #00000;
}

#news .item .type
{
    border:0px;
}

#news .item .module-title
{
	text-decoration: none;
	font-weight: bold;
}

#news .date,
#news .date a
{
	text-decoration: none;
	font-weight: bold;
}

#news .price
{
	font-style: italic;
}

#news .description
{
	padding: 5px 0px 10px 0px;
}

#news .detail-link, 
#news .detail-link a
{
	text-decoration: none;
	font-weight:bold;
}

#news .detail .image
{
	clear: both;
}

#news .detail .description
{
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#news .detail .date
{
	padding: 5px 0px 20px 0px;
}

#news .detail .offer-request
{
	float: right;
	margin: 0px 0px 0px 20px;
}

.linespace-top
{
    margin-top:30px;    
}

/*---------------------------------------------------
/*  news2
/*---------------------------------------------------*/
#news2 .item
{
	height:170px;
}

#news2 .item .image
{
	float:left;
	margin-right:20px;
	height:170px;
}

#news2 .item .image-small
{
	float:left;
	margin-right:20px;
}

#news2 .item img
{
    border:1px solid #00000;
}

#news2 .item .type
{
    border:0px;
}

#news2 .item .module-title
{
	text-decoration: none;
	font-weight: bold;
}

#news2 .date,
#news2 .date a
{
	text-decoration: none;
	font-weight: bold;
}

#news2 .price
{
	font-style: italic;
}

#news2 .description
{
	padding: 5px 0px 10px 0px;
}

#news2 .detail-link, 
#news2 .detail-link a
{
	text-decoration: none;
	font-weight:bold;
}

#news2 .detail .image
{
	clear: both;
}

#news2 .detail .description
{
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#news2 .detail .date
{
	padding: 5px 0px 20px 0px;
}

#news2 .detail .offer-request
{
	float: right;
	margin: 0px 0px 0px 20px;
}

/*---------------------------------------------------
/*  download-modules
/*---------------------------------------------------*/
#downloads-modules .description img
{
	border:0px;
}

/*---------------------------------------------------
/*  search
/*---------------------------------------------------*/
#search
{
    
}

/*---------------------------------------------------
/*  accordion team
/*---------------------------------------------------*/
.accordion-team
{
    font-family:Arial, Verdana, Tahoma;
    outline:0px;
}

.accordion-team h3
{
    cursor:pointer;
    outline:0px;
    padding-left:4px;
    margin-left:5px;
    color:#3B721F;
    position:relative;
}

.accordion-team .close
{
    position:absolute;
    bottom:2px;
    right:0px;
    display:none;
    color:#818284;
}

.accordion-team .image
{
    float:right;
    margin-bottom:25px;
}

.accordion-team h3.ui-state-active
{
    border-top:1px solid #E6E6E6;
    font-weight:bold;
    padding-top:10px;
    background-position:left 28px !important;
    color:#3B721F;
}

.accordion-team h3.ui-state-active .close
{
    display:block;
}

.accordion-team h3.ui-state-default
{
    color:#3B721F;
}

.accordion-team div
{
    overflow:hidden;    
}

.category
{
    padding:10px 0 5px 0;
    font-weight:bold;
    font-size:15px;
    color:#272727;
}

.accordion-team p
{
    margin:0px;
    padding:0px;
}

.accordion-team .left-space
{
    margin-left:13px;
}

.accordion-team .work
{
    color:#818284;
}

.accordion-team .location
{
    color:#58585A;
    font-weight:bold;
}

.accordion-team .ui-widget
{
    font-family:Arial, Verdana, Tahoma;
	font-size:13px;
	color:#3F3E42;
}

.accordion-team .ui-corner-top, 
.accordion-team .ui-corner-bottom,
.accordion-team .ui-corner-all
{
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;    
}

.accordion-team .ui-state-active, 
.accordion-team .ui-widget-content, 
.accordion-team .ui-state-default
{
    background:none;
    border:none;
    color:#3F3E42;
}

.accordion-team .ui-widget-content
{
    border-bottom:1px solid #E6E6E6;
    position:relative;
    width:100%;
}

.accordion-team .ui-state-default
{
    font-weight:bold;
}

.accordion-team .ui-helper-reset 
{
	font-size:13px;
	line-height:20px; /*TESTEN wegen hüpfen*/
	margin:0 0 0 10px;
}

.accordion-team .ui-icon 
{
    display:none;
    text-indent:0px;
}



/*---------------------------------------------------
/*  contact
/*---------------------------------------------------*/
.contact-form .rooms
{
	width: 220px;
	float: left;
	margin-right: 50px;
}

.contact-form .input-row
{
    margin-bottom: 5px;
}
.contact-form .summary
{
    margin-bottom: 10px;
}
.contact-form .summary ul
{
    margin: 5px;
    padding: 5px;
    list-style: none;
}
.contact-form .summary ul li
{
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: left 5px;
}
.contact-form .separator
{
    height: 1px;
    margin: 10px 0;
    clear: both;
}
.contact-form .input-row span.name
{
    display: inline-table;
    width: 110px;
    text-align: left;
    margin-right: 10px;
}

.contact-form .input-row .textinput-date
{
    width: 80px;
}

.contact-form .input-row img
{
	width: 12px;
	height: 12px;
	padding: 2px;
}

.contact-form .input-row span.second
{
    width: 60px;
    text-align: right;
    margin-right: 10px;
    margin-left: 20px;
}

.contact-form .input-row  input
{
     width: 300px;
}

.contact-form .input-row .dropdown
{
     width: 306px;
}

.contact-form .input-row  input.calendar
{
     width: 100px;
}
.contact-form .input-row  input.small,
.contact-form .input-row.small  input
{
     width: 30px;
}


.contact-form .calendar-row img
{
    margin-left: 5px;
    cursor: pointer;
}
.contact-form .input-row textarea 
{
    width: 302px;
    height: 160px;
    float: left;
}

.contact-form .input-row .textarea span
{
    display: inline-block;
    float: left;
}

.contact-form .privacy span.name
{
    display: block;
    width: 100px;
    float: left;
}
.contact-form .privacy div
{
    float: left;
    width: 378px;
}
.contact-form .privacy .privacy-box input
{
    width: 20px;
}
.contact-form .privacy a
{
    text-decoration: underline;
    cursor: pointer;
}
.contact-form .missingPrivacy
{
    margin: 5px 0;
    display: block;
}

.contact-form .link
{
	padding: 40px 0px 60px 0px;
}
	
.contact-form .button
{
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	margin: 20px 0px 40px 0px;
	float: right;
	font-size: 16px;
}

.contact-form .checkbox-additional
{
    float: left; 
    width: 100px; 
    padding-left: 3px;
}

.contact-form .privacy .missing-privacy
{
    display: block;
    padding: 5px;
    margin: 5px 0;
    width: 100%;
}
.contact-form .checkboxes input
{
    width: 20px;
}
.contact-form .input-row .checkbox-additional input
{
    width: 20px;
}
.contact-form .input-row .checkbox-additional-input input
{
    width: 300px;
}

.contact-form .header-text
{
    margin-bottom: 10px;
}

.contact-form .form-error
{
	padding-right: 20px;
	background-image: url(/media/error.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #8B1713;
}
.contact-form .privacy .form-error
{
    background-color: #8B1713;
}
.contact-form .error-message
{
    border: 2px solid #8B1713;
    background-color: #ffffff;
    padding: 4px;
    margin-bottom: 10px;
}
.contact-form .rooms input
{
    width:20px;
}


.contact-form .padding
{
	padding: 20px 10px 5px 20px;
}

.contact-form .block
{
	border-bottom: 1px solid #F1F1EF;
	padding: 10px;
}

/*---------------------------------------------------
/*  sitemap
/*---------------------------------------------------*/
.sitemap a
{
    display:block;
    padding:2px 0;
}
.sitemap ul
{
    padding-left:30px;
}
.sitemap ul a
{
    font-weight:bold;
}
.sitemap ul ul a
{
    font-weight:normal;
}
.sitemap ul ul ul  ul a
{
    font-style:italic;
}
/*---------------------------------------------------
/*  jquery popup
/*---------------------------------------------------*/

.ui-widget-overlay
{
    position:absolute;
    top:0;
    left:0;
    opacity:0.3;
    filter:Alpha(Opacity=30); 
}

.cjq-popup
{
    overflow: hidden;
}

body.popup
{
	 padding:10px 0 10px 10px;
}
.print-body
{
    overflow:auto;
    padding:10px 0 10px 10px;
}
.print
{
    cursor:pointer;
}

.cjq-popup .ui-dialog-titlebar
{
    height:30px;
    line-height:30px;
    font-weight:bold;
    padding-left:10px;
}

.cjq-popup .ui-dialog-titlebar a
{
    position:absolute;
    top:5px;
    right:5px;
    text-decoration:none;
    font-weight:bold;
    padding:2px 5px;
    line-height:15px;
    width:16px;
    height:16px;
}
.cjq-popup .ui-dialog-titlebar a span
{
    width:16px;
    height:16px;
    font-size:0;
    line-height:0;
    display:block;
}

/*---------------------------------------------------
/*  base-module
/*---------------------------------------------------*/

.base-module .item-detail .detail-link
{
    display:block;
    
}
.base-module 
{
}
.base-module .item
{
    margin-bottom:10px;
    padding-bottom:10px;
}

.base-module .image
{
    
}

.base-module .item-detail .image
{
    float:none;
    
}

.base-module .module-title
{
    font-weight:bold;
    text-decoration:none;
    margin-bottom:5px;
    font-size:16px;
}

.page-content .detail .title-small
{
    font-weight:normal;
    text-decoration:none;
    margin-bottom:5px;
    font-size:20px;
    color:#3B721F;
}
