.main_table{
width:100%;
height:105px;
table-layout:fixed;
}
.table_top{
background-image: url(../img/top_back.gif);
background-repeat:repeat-x;
height:135px;
text-align:center;
}
.table_bottom{
text-align:center;
}
/*--------------- HEADER --------------------------*/
#main_header{
width:980px;
margin:0 auto;
}
#header_left{
width:980px;
height:105px;
}
#logo{
margin:12px 0px 0px 0px;
height:80px;
}
#login{
position:absolute;
top:0px;
height:50px;
width:480px;
margin:10px 0px 0px 500px;
}
/*--------------- MENU --------------------------*/

#menu .menu_spacer{
}
#menu .space_bar{
border-left:1px solid #dbdbdb;
height:16px;
width:1px;
margin-right:7px;
}
#menu .menu_item .menu_pfeil{
  margin:4px auto;
  width:15px;
  height:8px;
}
#menu .menu_item a{
padding:0px 10px 0px 0px;
font-size:13px;
font-weight:bold;
color: #666666;
text-decoration: none;
}
#menu .menu_item a:hover {
  color: #333333;
  text-decoration: none;
}
.sub_menu{
  padding:0px;
  border-right:1px solid #d3d3d3;
  border-bottom:1px solid #d3d3d3;
  border-left:1px solid #d3d3d3;
}
.sub_menu td.submenu_item{
  background-color:#FFFFFF;
  padding:2px 5px 2px 5px;
}
.sub_menu .submenu_item a {
  color: #666666;
  font-weight:bold;
  font-size:11px;
  text-decoration: none;
}
.sub_menu .submenu_item a:hover {
  color: #333333;
  font-weight:bold;
  font-size:11px;
  text-decoration: none;
}
/*--------------- CONTENT BLOCK ------------------*/
#main_content{
width:980px;
margin:auto;
margin-top:5px;
}
#cont_left{
width:450px;
overflow-x:hidden;
float:left;
}
#cont_center{
width:253px;
overflow-x:hidden;
float:left;
margin:0px 0px 0px 12px;
}
#cont_right{
width:253px;
overflow-x:hidden;
float:left;
margin:0px 0px 0px 12px;
}
.content_box{
background-color:#f8f8ca;
border: 1px solid #e8ed82;
}
.greybox{
margin:6px 0px 0px 0px;
width:100%;
}
.greybox_inner{
padding:5px;
}
.inner_content{
padding:7px;
}
.inner_content_3{
padding:3px;
}
.inner_content_extend{
padding:0px 7px 7px 7px;
}
.inner_content_extend .greybox{
margin:0px;
background-color:#E4E4E4;
width:100%;
}

/*--------------- HEADERS ------------------*/
div.csc-header{
border-bottom:3px solid #b6c01a;
margin-bottom:8px;
}
/*--------------- NEWS ------------------------*/
#news_container{
background-color:#F3F3F3;
width:100%;
height:337px;
overflow:hidden;
}
/*--------------- USER-MENU ------------------------*/
#user_menu{
width:251px;
height:auto;
border:1px solid #b9c221;
background-color:#FFFFFF;
margin:0px 0px 7px 0px;
}
#user_menu img{
display:inline;
margin-right:3px;
}
#user_menu .menu_item{
margin:4px 0px 3px 0px;
padding:4px 0px 3px 0px;
border-bottom:1px solid #dbdbdb;
}
#user_menu .menu_item_act{
margin:4px 0px 3px 0px;
padding:4px 0px 3px 0px;
border-bottom:1px solid #dbdbdb;
}
#user_menu .menu_item a{
padding:0px 10px 0px 0px;
font-size:11px;
font-weight:bold;
color: #666666;
text-decoration: none;
}
#user_menu .menu_item_act a{
padding:0px 10px 0px 0px;
font-size:11px;
font-weight:bold;
color: #333333;
text-decoration: none;
}
#user_menu .menu_item a:hover {
  color: #333333;
  text-decoration: none;
}

#user_menu .menu_item_2{
margin:0px 0px 2px 5px;
padding:0px 0px 2px 0px;
border-bottom:1px solid #dbdbdb;
}
#user_menu .menu_item_2_act{
margin:0px 0px 2px 5px;
padding:0px 0px 2px 0px;
border-bottom:1px solid #dbdbdb;
}
#user_menu .menu_item_2 a{
padding:0px 10px 0px 0px;
font-size:10px;
font-weight:bold;
color: #666666;
text-decoration: none;
}
#user_menu .menu_item_2_act a{
padding:0px 10px 0px 0px;
font-size:10px;
font-weight:bold;
color: #333333;
text-decoration: none;
}
#user_menu .menu_item_2 a:hover {
  color: #333333;
  text-decoration: none;
}
/*--------------- MOKKA ------------------------*/
#mokka{
float:right;
margin: 5px 7px 0px 0px;
}
/*--------------- PROJEKTE ------------------------*/
.proj_margin{
font-size:0px;
}
/*--- PROJEKT GROSS --------*/
.proj_container{
background-color:#fafabf;
border: 1px solid #e8ed82;
margin-bottom:7px;
padding: 3px;
}
.proj_container .proj_container_abs{
display: flex;
position: relative;
}
.proj_container .proj_desc{
position: relative;
width: 100%;
}
.proj_container .proj_header{
background-color:#d9de70;
height:20px;
}
.proj_container .proj_title{
width:130px;
font-weight:bold;
font-size:11px;
padding:3px 0px 0px 3px;
white-space: nowrap;
}
.proj_container .proj_date{
text-align:right;
width:100%;
font-size:9px;
margin:2px 0px 0px 0px;
}
.proj_container .proj_facts{
width:100%;
margin:0px;
background-color:transparent;
}
.proj_container .proj_facts p{
padding:1px 0px 0px 0px;
}
.proj_container .proj_facts ul{
margin:0px 0px 0px 9px;
padding:0px;
list-style-type:none;
}
.proj_container .proj_facts ul li{
float:left;
white-space: nowrap;
overflow:hidden;
padding:0px;
margin:0px;
}
.proj_container .proj_facts ul li.label{
width:60px;
white-space: nowrap;
}
.proj_container .proj_facts ul li.data{
width:100px;
}
.proj_container .proj_facts ul li:nth-child(2),
.proj_container .proj_facts ul li:nth-child(3) {
 display: none;
}

.proj_container .proj_facts ul li.model{
width:160px;
white-space: nowrap;
float:none;
clear:both;
}
.proj_container .proj_buttons{
position:absolute;
bottom:5px;
left:10px;
}
.proj_container .proj_imgslide{
position:absolute;
right:0px;
top:0px;
padding:3px 3px 0px 0px;
}
.proj_container .proj_imgslide img{
margin-left:2px;
float:right;
}
/*--- PROJEKT MITTEL --------*/
.proj_container_mid{
width:251px;
height:98px;
background-color:#fafabf;
border: 1px solid #e8ed82;
margin-bottom:7px;
}
.proj_container_mid .proj_container_abs{
position:absolute;
width:244px;
height:91px;
margin:3px;
overflow:hidden;
}
.proj_container_mid .proj_img{
position:absolute;
top:0px;
left:0px;
}
.proj_container_mid .proj_header{
background-color:#d9de70;
height:18px;
margin-bottom:3px;
}
.proj_container_mid .proj_title{
width:100%;
font-weight:bold;
font-size:10px;
padding:2px 3px 0px 3px;
white-space: nowrap;
}
.proj_container_mid .proj_owner{
white-space: nowrap;
}
.proj_container_mid .proj_desc{
position:absolute;
right:0px;
top:0px;
height:91px;
width:116px;
overflow:hidden;
}
.proj_container_mid .proj_facts{
width:100%;
height:29px;
margin:6px 0px 0px 0px;
overflow:hidden;
}
.proj_container_mid .proj_facts p{
padding:1px 0px 0px 0px;
}
.proj_container_mid .proj_facts ul{
margin:0px 0px 0px 9px;
padding:0px;
list-style-type:none;
}
.proj_container_mid .proj_facts ul li{
float:left;
white-space: nowrap;
overflow:hidden;
padding:0px;
margin:0px;
}
.proj_container_mid .proj_facts ul li.label{
width:60px;
white-space: nowrap;
}
.proj_container_mid .proj_facts ul li.data{
width:100px;
}
.proj_container_mid .proj_buttons{
margin:3px 0px 0px 0px;
}
/*--- PROJEKT KLEIN --------*/
.projects_small{
clear:both;
}
.proj_container_small{
width:142px;
background-color:#fafabf;
border: 1px solid #e8ed82;
float:left;
}
.proj_container_small .proj_container_abs{
margin:3px;
overflow:hidden;
}
.proj_container_small .proj_header{
background-color:#d9de70;
height:18px;
margin-bottom:3px;
}
.proj_container_small .proj_title{
width:100%;
font-weight:bold;
font-size:10px;
padding:2px 3px 0px 3px;
}
.projects_small .proj_spacer{
width:9px;
height:40px;
float:left;
}
/*--- PROJEKT SINGLE --------*/
.proj_single{
}
.proj_single .clear{
clear:both;
}
.proj_single .image_container{
width:200px;
overflow-x:hidden;
float:left;
}
.proj_single .image_container img{
margin: 0px 0px 7px 0px;
}
.proj_single .info_container{
width:239px;
overflow-x:hidden;
float:left;
margin:0px 0px 0px 3px;
}
.proj_single .proj_header{
background-color:#d9de70;
height:20px;
margin-bottom:3px;
}
.proj_single .proj_title{
width:100%;
font-weight:bold;
padding:2px 3px 0px 3px;
}
/*--- PROJEKT USERANSICHT --------*/
.myproj_container{
width:450px;
height:105px;
background-color:#F3F3F3;
margin-bottom:11px;
}
.myproj_container .proj_container_abs{
position:absolute;
width:436px;
height:91px;
margin:7px;
overflow:hidden;
}
.myproj_container .proj_img{
position:absolute;
top:0px;
left:0px;
}
.myproj_container .proj_img_desc{
height:14px;
position:absolute;
top:77px;
left:0px;
}
.myproj_container .proj_desc{
position:absolute;
left:216px;
top:0px;
height:91px;
width:220px;
overflow:hidden;
}
.myproj_container .proj_header{
}
.myproj_container .proj_spacer{
height:2px;
width:100%;
background-color:#D8D8D8;
font-size:0px;
margin:3px 0px 0px 0px;
}
.myproj_container .proj_facts{
width:100%;
height:51px;
margin:5px 0px 0px 0px;
background-color:#E4E4E4;
overflow:hidden;
}
.myproj_container .proj_facts p{
padding:1px 0px 0px 0px;
}
.myproj_container .proj_facts ul{
margin:0px 0px 0px 9px;
padding:0px;
list-style-type:none;
}
.myproj_container .proj_facts ul li{
float:left;
white-space: nowrap;
overflow:hidden;
padding:0px;
margin:0px;
}
.myproj_container .proj_facts ul li.label{
width:80px;
white-space: nowrap;
}
.myproj_container .proj_facts ul li.data{
width:110px;
}
.myproj_container .proj_buttons{
margin:3px 0px 0px 0px;
}
.myproj_container .proj_buttons div{
float:left;
}
.myproj_container .button_margin{
margin-left:2px;
}
.myproj_container .proj_imgslide{
position:absolute;
right:0px;
top:0px;
}
.myproj_container .proj_imgslide img{
margin-left:2px;
float:right;
}

/*--- PROJEKT SEARCH --------*/
.proj_search .header{
margin-bottom:5px;
height:14px;
}
.proj_search select{
width:239px;
margin-bottom:6px;
}
.proj_search input{
width:225px;
margin-bottom:6px;
}
.proj_search select.yoc_begin{
width:117px;
float:left;
}
.proj_search select.yoc_end{
width:117px;
float:right;
}
.proj_search input.submit_img{
width:auto;
float:right;
margin:0px;
}

/*--------------- PERSON ------------------------*/
.person_container{
width:251px;
background-color:#fafabf;
border: 1px solid #e8ed82;
}
.person_container .person_container_abs{
margin:3px;
}
.person_container .pers_img{
width:100px;
height:105px;
float:left;
}
.person_container .pers_desc{
margin-left:4px;
float:left;
height:91px;
width:141px;
}
.person_container .pers_header{
background-image: url(../img/header_back.gif);
background-repeat:repeat-x;
background-color:#959d0d;
height:20px;
margin-bottom:3px;
}
.person_container .pers_title{
font-weight:bold;
font-size:11px;
color:#FFFFFF;
padding:3px 3px 0px 3px;
}
.person_container .pers_facts{
width:100%;
height:39px;
margin:6px 0px 0px 0px;
overflow:hidden;
}
.person_container .pers_facts p{
padding:1px 0px 0px 9px;
}
.person_container .pers_buttons{
margin:10px 0px 0px 10px;
}
/*--------------- BRANDS ------------------------*/
/*--- BRAND PROJVIEW --------*/
.brand_container{
width:251px;
background-color:#f8f8ca;
border: 1px solid #e8ed82;
overflow-x:hidden;
}
.brand_container .brand_container_inner{
width:247px;
margin:3px;
}
.brand_container .brand_img{
width:80px;
float:left;
}
.brand_container .brand_desc{
float:left;
width:162px;
margin:0px 0px 0px 3px;
overflow-x:hidden;
}
.brand_container .brand_header{
background-image: url(../img/header_back.gif);
background-repeat:repeat-x;
background-color:#959d0d;
height:20px;
margin-bottom:3px;
}
.brand_container .brand_title{
font-weight:bold;
font-size:11px;
color:#FFFFFF;
padding:3px 3px 0px 3px;
}
.brand_container .brand_subheader{
text-align:right;
width:100%;
font-size:9px;
margin:2px 0px 0px 0px;
}
.brand_container .brand_buttons{
width:239px;
height:16px;
}
/*--- BRAND SINGLE --------*/
.brand_single{
width:450px;
background-color:#F3F3F3;
overflow-x:hidden;
}
.brand_single .brand_container_inner{
margin:7px;
}
.brand_single .brand_img{
width:108px;
float:left;
}
.brand_single .brand_desc{
float:left;
width:321px;
background-color:#F3F3F3;
margin:0px 0px 0px 7px;
overflow-x:hidden;
}
.brand_single .brand_spacer{
height:2px;
width:100%;
background-color:#D8D8D8;
font-size:0px;
margin:3px 0px 0px 0px;
}
.brand_single .model_headers{
padding:10px 0px 0px 0px;
}
.brand_single .float_type{
width:108px;
float:left;
margin-right:7px;
font-weight:bold;
color:#4F4F4F;
font-size:11px;
}
.brand_single .float_pic{
width:80px;
float:left;
margin-right:7px;
}
.brand_single .float_info{
position:relative;
width:234px;
float:left;
}
.brand_single .details_button{
position:absolute;
bottom:0px;
right:0px;
border-top:2px solid #F3F3F3;
border-left:2px solid #F3F3F3;
}
.brand_single .grey_box{
background-color:#E4E4E4;
}
.brand_single .basic{
height:60px;
}
.brand_single .grey_box p{
padding:5px;
margin:0px;
}
.brand_single .model_content{
margin-top:5px;
}
.brand_single .model_extended_closed{
position:relative;
margin:0px 0px 0px 0px;
width:436px;
overflow-y:hidden;
}
.brand_single .model_extended_open{
position:relative;
margin:0px 0px 0px 0px;
width:436px;
overflow-y:hidden;
}
.brand_single .inner_ext .ext_pics{
position:relative;
left:115px;
float:left;
margin:0px 7px 0px 0px;
width:80px;
}
.brand_single .inner_ext .ext_pics img{
margin-bottom:10px;
}
.brand_single .inner_ext .ext_right{
position:relative;
left:115px;
float:left;
margin:3px 0px 10px 0px;
width:234px;
}
.brand_single .inner_ext .ext_header{
margin:0px 0px 5px 0px;
}
.brand_single .inner_ext .grey_box{
margin:0px 0px 5px 0px;
}
/*--------------- BUTTONS ------------------------*/
.buttons a{
background-color:#dfe2a8;
display:block;
}
.buttons a:hover {
background-color:#D5D5D5;
}
.browseLinksWrap a{

}
.browseLinksWrap img{
background-color:#dfe2a8;
margin-bottom:-3px;
}
.browseLinksWrap a:hover img{
background-color:#d9de70;
}
.activeLinkWrap a{
border:1px solid #d9de70;
}
.disabledLinkWrap img{
background-color:#dfe2a8;
}

.csc-frame-invisible .spacer-gif,
.csc-frame-invisible br {
display: none;
}

.csc-frame-invisible span > span {
margin-right: 0 !important;
}

/*--------------- edits static ------------------------*/
.proj_container .proj_buttons a:last-child {
  display: none;
}