.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{
margin-top:0px;
}
#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 0px 0px 0px;
	width:auto;
	height:8px;
	text-align:center;
}
#menu .menu_item .menu_pfeil img{
	margin:0px auto;
}
#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;
}
/*--------------- 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;
}
/*--------------- BRANDS ------------------------*/
/*--- BRAND SEARCH --------*/
.proj_search .header{
margin-bottom:5px;
height:14px;
font-weight:bold;
}
.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;
}

/*--- 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:50px;
float:left;
}
.brand_container .brand_desc{
float:left;
width:192px;
margin:0px 0px 0px 3px;
overflow-x:hidden;
}
.brand_container .brand_header{
background-color:#d9de70;
height:18px;
overflow-y:hidden;
margin-bottom:3px;
}
.brand_container .brand_title{
font-size:11px;
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{
margin:3px 0px 0px 3px;
width:239px;
}
/*--- BRAND SINGLE --------*/
.brand_single{
width:713px;
background-color:#fafabf;
border: 1px solid #e8ed82;
}
.brand_single .brand_container_inner{
margin:5px;
}
.brand_single .brand_img{
width:108px;
float:left;
}
.brand_single .brand_desc{
float:left;
width:588px;
margin:0px 0px 0px 7px;
overflow-x:hidden;
}
.brand_single .brand_header{
background-color:#d9de70;
height:20px;
overflow-y:hidden;
margin-bottom:3px;
}
.brand_single .brand_title{
font-weight:bold;
font-size:11px;
padding:3px 3px 0px 3px;
}
.brand_single .model_headers{
padding:10px 0px 0px 0px;
}
.brand_single .float_type{
width:208px;
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:401px;
float:left;
}
.brand_single .details_button{
position:absolute;
bottom:0px;
right:0px;
display: none;
}
.brand_single .grey_box{
background-color:#FFFFFF;
}
.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:703px;
overflow-y:hidden;
height: auto !important;
}
.brand_single .model_extended_open{
position:relative;
margin:0px 0px 0px 0px;
width:703px;
overflow-y:hidden;
}
.brand_single .inner_ext .ext_pics{
position:relative;
left:215px;
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:215px;
float:left;
margin:3px 0px 10px 0px;
width:401px;
}
.brand_single .inner_ext .ext_header{
margin:0px 0px 5px 0px;
}
.brand_single .inner_ext .grey_box{
margin:0px 0px 5px 0px;
}
/*--------------- HEADERS ------------------*/
div.csc-header{
margin: 0px 0px 15px 0px;
padding:2px 0px 2px 0px;
font-weight:bold;
}
/*--------------- CONTENT BLOCK ------------------*/
#main_content{
width:980px;
margin:auto;
margin-top:5px;
}
#cont_left{
width:715px;
overflow-x:hidden;
float:left;
}
#cont_right{
width:253px;
overflow-x:hidden;
float:left;
margin:0px 0px 0px 12px;
}
.content_box{
background-color:#f8f8ca;
border: 1px solid #e8ed82;
}
.flexcont_box{
background-color:#FFFFFF;
border: 1px solid #b9c221;
}

.inner_content{
padding:7px;
}
.inner_content_3{
padding:3px;
}
.inner_content p.header{
margin:0px 0px 10px 0px;
}
/*--------------- NEWS ------------------------*/
#news_container{
background-color:#F3F3F3;
width:100%;
height:337px;
overflow:hidden;
}
/*--------------- MOKKA ------------------------*/
#mokka{
float:right;
margin: 5px 7px 0px 0px;
}
/*--------------- USER ------------------------*/
.usertable{
}
.usertable td.field{
background-color:#d9de70;
}
.usertable td.space{
font-size:0px;
width:5px;
height:5px;
}
.usertable td p{
margin:5px 5px 5px 5px;
}
.user_search input{
width:225px;
margin-bottom:6px;
}
.user_search input.submit_img{
width:auto;
float:right;
margin:0px;
}
.user_search .header{
margin-bottom:5px;
}
/*--------------- MARKET ------------------------*/
/*-----LIST------*/
.markettable{
}
.markettable td.field{
background-color:#d9de70;
}
.markettable td.space{
font-size:0px;
width:5px;
height:5px;
}
.markettable td p{
margin:5px 5px 5px 5px;
}
.market_search input{
width:225px;
margin-bottom:6px;
}
.market_search input.submit_img{
width:auto;
float:right;
margin:0px;
}
.market_search .header{
margin-bottom:5px;
}
/*--- single --------*/
.market_single{
}
.market_single .clear{
clear:both;
}
.market_single .image_container{
width:200px;
overflow-x:hidden;
float:left;
}
.market_single .image_container img{
margin: 0px 0px 7px 0px;
}
.market_single .info_container{
width:699px;
overflow-x:hidden;
float:left;
margin:0px 0px 0px 5px;
}
.market_single .market_header{
background-color:#d9de70;
height:20px;
margin-bottom:3px;
}
.market_single .market_title{
width:100%;
font-weight:bold;
padding:2px 3px 0px 3px;
}
.market_single .trenn{
width:699px;
border-bottom: 2px solid #d9de70;
margin-bottom:6px;
}

/*--- PROJEKT INPUT ------------------------*/
.proj_input {

}
.proj_input .header{
margin: 0px 0px 15px 0px;
background-color:#d9de70;
padding:2px 0px 2px 0px;
font-weight:bold;
clear:both;
height:20px;
}
.proj_input input{
width:225px;
margin-bottom:6px;
}
.proj_input .sale{
width:auto;
margin-bottom:6px;
}
.proj_input select{
width:239px;
margin-bottom:6px;
}
.proj_input textarea{
width:280px;
height:100px;
margin-bottom:6px;
}
.proj_input .input_label{
width:130px;
float:left;
text-align:right;
margin-top:2px;
margin-right:7px;
}
.proj_input .input_field{
float:left;
}
.proj_input .input_ext{
float:left;
margin-top:2px;
margin-left:5px;
}
.proj_input input.submit_img{
width:auto;
margin:0px 2px 0px 0px;
}
.proj_input .error {
margin:0px 0px 2px 137px;
color: #7f8707;
clear:both;
width:300px;
display:block;
}
.proj_input .upload_images{
width:250px;
margin:0px 0px 15px 0px;
}
.proj_input .upload_image_container{
width:68px;
float:left;
margin:4px 7px 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;
}

/*--------------- MENU NEU ------------------------*/

ul#mainnav {text-align: left; margin:0; padding: 0; margin-top: 5px;}

ul#mainnav a {text-decoration: none; padding: 4px 8px; display: block; color: #666; font-weight: bold;}
ul#mainnav a:hover {color: #000;}
ul#mainnav ul {margin:0; padding: 0; list-style: none;}
ul#mainnav li {margin:0; padding: 0; display: inline-block; position: relative;}

ul#mainnav > li > ul {display: none; position: absolute; z-index: 100; top: 24px; padding-top: 5px; background: #fff; border-radius: 2px; border: 1px solid #ccc;}
ul#mainnav > li {border-right: 1px solid #ccc;}
ul#mainnav > li:hover > ul {display: block;}

ul#mainnav > li > a {font-size: 12px;}
ul#mainnav li.active a {color: #B2BC10;}