/* CSS Document */

div#page {width: 990px;}

div#left {float:left; width:240px;}

div#right { float: right; width: 743px; padding-right: 7px;  }

div#logo_box{width:inherit; text-align:center; margin-bottom:100px;}

div#menu_box{width:inherit; text-align:left; background-color:#FFFFFF; padding-bottom:1px;}

div.hidden{display:none;}

div#top_menu_box{width:750px; height:33px; line-height:33px;} 

div#menu_users_box{width:750px; height:20px;  text-align:left;}

div#menu_category{width:750px; text-align:left; line-height:20px; }
div#menu_category_start{width:750px; height:201px; text-align:left; line-height:20px; }


div#main_box{width:743px; background: url(../img/bg_main.gif);}
div#left_pannel{width:500px; padding:28px; float:left; background-color:#FFFFFF;}

div#right_pannel{width:185px; float:right;}

div#right_pannel div.spacerr{background-color:#FFFFFF; padding:0px; height:26px;}

div#right_pannel div{padding:5px 13px 35px 10px; font-size:10px;}

div#control_bar{width:723px; background-color:#A0A1A3;  padding:2px 10px 2px 10px; text-align:right;  }

div#menu_bottom{width:750px; padding:15px 0px 30px 0px; color:#64696C; text-align:center }

div.spacer{width:743px; background-color: #FFFFFF; height:10px;}

div.left_125{width:125px; float:left; text-align:center; height:70px; }
div.right_125{ float:right; text-align:left; width:370px; padding:0px 0px 10px 5px; }
div.error{color:#FF0000; display:none; }
div.calign{text-align:center;}
div.left_50{float:left; width:250px;}
div.right_50{float:right; width:250px;}

div.left_200{float: left; margin-bottom: 8px; position: relative; width: 200px;}
div.right_200 {float: right; margin-bottom: 8px; position: relative; width: 200px;}

div.left_align_33{float:left; width:33%;}

div.left_225{float:left; width:225px;}
div.right_225{float:left; width:225px; padding-left:50px;}

.padding_53{padding-left:53px;float:right; width:197px;}

div.align_right{float:right; text-align:right; padding:0px 0px 10px 15px;}
div.align_left{float:left; text-align:left;}


div.imgDesc{width:225px; text-align:left; font-size:10px;}
/*overlay*/

div.overlay {z-index:50; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/img_bg.png);}

div.overlay div.window { display: table; width: 100%; height: 100%; text-align:center;}

div.overlay div.inner {display:table-cell; vertical-align: middle; width: 100%; height:100%; margin: 0px; padding: 15px; max-height: 350px; text-align:center; color: #FFFFFF;}



div#main_box div.right { margin: 0px 0px 18px 0px; padding: 0px; line-height: 15px; float:right; text-align:center; width:200px}
div#main_box div.left { float:left; width:282px; margin:0px; }

div.flash_bg{background:#FFFFFF; padding-top:1px;}

div.messageRed{background-color: rgb(153,0,0); color:#ffffff; padding:2px; font-weight:bold;}

div.float{float:left; width: 500px; }

div.info{background-color: #FFFFFF; border: 1px solid #A0A1A3; display: none; margin: 0; padding: 0; position: absolute; width: 240px; z-index: 1000;}
div.info p{line-height: 15px; margin: 0; padding: 0 6px 4px !important;}
div.info p.header{background-color: #A0A1A3; color: #FFFFFF; font-weight: bold; padding: 3px 6px 2px !important;}

div#cookieInfo{
    position: fixed;
    top: 180px;
    /*left: 50%;
    width: 760px;
    margin-left: -380px;
    */
    text-align: left;
    left: 15px;
    width: 180px;
    padding: 7px 20px 7px 7px;
    border: 1px solid #C7C8CA;
    color: #64696C;
    z-index: 1000;
    background: #F0F0F0;
    display: none;
}

#cookieInfo .close {
    float: right;
    position: relative;
    right: -12px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.3em;
}

div.bottomborder{
    border-bottom:1px solid #c7c8ca;
    padding-bottom:2px;
    padding-top:6px
}

div.woerterbuch h2{
    margin:0 !important
}

div.woerterbuch h2.link{
    padding-left:16px !important;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

div.woerterbuch p.text{
    margin-bottom:14px !important
}

div.woerterbuch div.left{
    margin-left:0 !important;
    width:380px !important
}

div.woerterbuch div.right{
    width:100px !important;
    text-align:right !important;
    margin: 0px !important;
}

div.woerterbuch h2 {
    border: none;
    padding:0 0 4px 0 !important;
    line-height:1.6em;
    margin:0 !important
}

div#main_menu {
    width:743px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}

#main_menu .tech {
    float: left;
    width: 371px;
    background-color: #BDBEBF;
}
#main_menu .tech .header {
    padding: 2px 0px 3px 0px;
}

#main_menu .tech > .header {
    cursor: default;
}
#main_menu .tech .category .header {
    border-bottom: 1px white solid;
    -webkit-transition-property: background-color; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: background-color;
    transition-duration: 0.3s;
}

#main_menu .tech .category .no-boarder {
    border-bottom: none;
}

#main_menu .tech .category .active {
    background-color: #666666;
}
#main_menu .tech:first-child {
    border-right: 1px white solid;
}

#main_menu .tech .category {
    float: left;
    width: 185px;
    background-color: #A2A2A2;
    cursor: pointer;
    
}
#main_menu .tech .category:hover .header {
    background-color: #666666;
}
#main_menu .tech .category:hover .image {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#main_menu .tech .category:nth-of-type(2) {
    border-right: 1px white solid;
}

#main_menu .tech .category .image {
    height: 160px;
    background-color: #FFFFFF;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition-property: opacity; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: opacity;
    transition-duration: 0.3s;
}

#main_menu .tech .category div.ow {
    background-image: url('/img/menu_buttons/main_menu_ow.png');

}
#main_menu .tech .category div.op {
    background-image: url('/img/menu_buttons/main_menu_op.png');

}
#main_menu .tech .category div.pc {
    background-image: url('/img/menu_buttons/main_menu_pc.png');

}
#main_menu .tech .category div.ts {
    background-image: url('/img/menu_buttons/main_menu_ts.png');

}

#main_menu .section_1-3 {
    float: left;
    width: 247px;
    padding: 2px 0px 3px 0px;
    background-color: #A2A2A2;
    border-right: 1px white solid;
    cursor: pointer;
    -webkit-transition-property: background-color; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: background-color;
    transition-duration: 0.3s;
}

#main_menu .section_1-3:last-child {
    border-right: none;
}

#main_menu .section_1-3:hover, #main_menu .active {
    background-color: #666666;
}