@charset "utf-8";
/**
 *   Copyright (c) 2013 Ilch.de
 **/

/*---------->>> Main Design <<<-----------*/

@import url(useful.css);
@import url(print.css);

html, body {
    font-family: Verdana, "Trebuchet MS", sans-serif;
    font-size: 12px;
    color: #3C3C3E; 
    text-align: center;
    background: #fff url("./img/background.png") repeat-x;
    height: 100%;
}

input[type=submit] { /* overwrite browser default */
    font-family: Verdana, "Trebuchet MS", sans-serif
}

.main_col {
    text-align: left;
    padding: 10px;
    background-image: -moz-linear-gradient(#F5F5F5, #FFFFFF); 
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;

}

div#topMenu {
    top:72px;
    height:55px;
    padding:0;
    margin:0 auto;
    position: relative;
    width: 960px;
    z-index: 1000;
    text-align:left;
}

div#header_logo {
    background: url("./img/logo.png") no-repeat;
    height: 144px;
    width: 225px;
    left: 0;
    position: absolute;
    top: -46px;
    left: 10px;
}

div#header_logo a {
    display:block;
    height:72px;
    margin:40px 33px 0 33px;	
}

#socialmedia {
    margin: -41px 0 0 330px;
    position: absolute;
}

#socialmedia a:hover {
    border-bottom:none !important;
}

.social-icon { background: url('../../images/icons/socialmedia/sprite.png') no-repeat top left; width: 24px; height: 24px; position: absolute;}
.social-icon.facebook { background-position: 0px 0px;  }
.social-icon.facebook:hover { background-position: 0px -34px;  }
.social-icon.googleplus { background-position: 0px -68px; top: 31px; }
.social-icon.googleplus:hover { background-position: 0px -102px;  }

#werbung {
    width: 450px;
    margin-top: -44px;
    margin-left: 373px;
}

div#footer_text #werbung a {
    border-bottom: 0px;
}

div#top_left_nav {
    margin:0 0 0 258px;
    padding:0 2px 0 0;
    width:auto;
    height:55px;
    float:left;
    background: url("./img/navi_dots.png") right 14px no-repeat;	
}

#top_navigation {
}

#top_navigation li /*, #top_navigation li:last-child:hover*/ {
    float: left;
    margin: 0 0 0 0;
    padding:0 0 0 0;
    height: 55px;
    width: auto;
    background: url("./img/navi_dots.png") 0 14px no-repeat;	
}

#top_navigation span {
    height:55px;
    width:auto;
    padding:0 20px 0 20px;
    line-height:54px;
    display:block;
}

#top_navigation a {
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    cursor:pointer;	
}

#top_navigation li:hover, #top_navigation li.chosen {
    background: url("./img/design_sprite.png") left -43px no-repeat;
    text-shadow: 1px 1px 0 #000;
    cursor:pointer;
}

div#top_right_nav {
    margin:0 15px 0 0;
    height:55px;
    float:right;		
}

.submenu_identified, .submenu_signin {
    top: 43px;
    right:-9px;
    padding:0 4px 0 4px;
    width: 220px;
    height:24px;
    float:none;
    position:absolute;
    z-index:2;
    overflow:hidden;
    background-position: -484px -238px;
    background-repeat:no-repeat;
    background-image:url("./img/design_sprite.png");
}

.submenu_signin {
    background-position: -484px -263px;	
}
.submenu_identified a {
    color:#FFF;
    text-decoration:none;
}
.submenu_identified a:hover {
    color:#f4f4f4;
}

.user_identified, .user_signin {
    top: 55px;
    right:11px;
    padding:0 4px 0 4px;
    width: 250px;
    height:89px;
    float:none;
    position:absolute;
    overflow:hidden;
    background-position: left -98px;
    background-repeat:no-repeat;
    background-image:url("./img/design_sprite.png");
}

.user_signin {
    background-position: left -187px;	
}

div#user_signin_content {
    margin:18px 10px 0 8px;
    padding:0;
}

div#user_signin_content input[type="text"], div#user_signin_content input[type="password"] {
    width: 128px;
    padding: 5px 0 4px 0;
    border: 0 none;
    outline: medium none;	
    color: #AAAAAA;	
    background:none;
}

.user_signin_input {
    width:133px;
    background: url("./img/design_sprite.png") right -186px no-repeat;		
    height: 26px;
    padding:0 0 0 4px;
    margin:0 0 5px 0;
    float:left;		
}

.user_signin_button {
    float:right;
    width:90px;
    text-align:center;	
}

.user_signin_button input, .user_signin_button a.reg {
    background-image:url("./img/design_sprite.png");
    background-position:-484px -186px;
    background-repeat:no-repeat;
	background-color:#333;
    color: #f0f2f2;
    border: 0 none;	
    font-size: 11px;
    font-weight: bold;
    height:26px;
    width:93px;
    display:block;
    line-height:24px;
    text-decoration:none;	
    text-align:center;
    text-shadow: 0 -1px 0 #7c2624;
    cursor:pointer;	
}

div.user_signin_button a.reg {
    background-position:-484px -212px;
    text-shadow: 0 -1px 0 #323334;
    font-weight: bold;
}


div#user_ident_top {
    margin:0 7px 0 7px;
    color:#b6b8bb;
    font-size:11px;
    letter-spacing:-0.03em;
    padding:0 0 0 0;
    width:auto;
    height:34px;
    overflow:hidden;
    line-height:38px;
    text-align:center;
    text-shadow: 1px 1px 0 #000;	
}

#user_ident_icon-nav {
    margin:0;
    padding:0;
    height:29px;
}

div#user_ident_icon-nav ul {
    margin:2px 0 0 0;
}

div#user_ident_icon-nav li {
    float:left;
    margin:0 0 0 4px;
    padding:0 0 0 0;
    height:29px;
    width:31px;
}

div#user_ident_icon-nav a {
    display:block;
    height:28px;
    width:31px;
    background-image: url("./img/design_sprite.png");	
    background-repeat:no-repeat;	
}

div#user_ident_icon-nav a.u_box_logout {
    background-position: right -128px;		
}

div#user_ident_icon-nav a.u_box_pm-messages {
    background-position: right -156px;		
}

div#user_ident_icon-nav a.u_box_topics {
    background-position: -560px -128px;		
}

div#user_ident_icon-nav a.u_box_profile {
    background-position: -622px -128px;		
}

div#user_ident_icon-nav a.u_box_post-lover {
    background-position: -622px -156px;		
}

div#user_ident_icon-nav a.u_box_admin {
    background-position: -560px -156px;		
}

div#user_ident_icon-reload {
    float:right;
    margin:0;
    padding:0;
    height:25px;
    width:auto;
}

div#user_ident_icon-reload span.normal, div#user_ident_icon-reload span.reload {
    margin:6px 6px 0 0;
    cursor:pointer;
    display:block;
    height:16px;
    width:16px;
    background: url("./img/design_sprite.png") -480px -104px no-repeat;		
}

div#user_ident_icon-reload span.reload {
    background: url("./img/box_reload.gif") no-repeat;
    cursor:default;			
}

div#user_ident_numinfo ul {
    margin:0 0 0 5px;
}

div#user_ident_numinfo li {
    color: #656566;
    float: left;
    font-size: 10px;
    line-height: 15px;
    margin: 0 6px 0 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 0 #313234;
    width: 29px;
}

div#user_ident_numinfo li.admin_info {
    display: inline-flex;
    justify-content: space-around;
}

div#user_ident_numinfo li.admin_info a {
    text-decoration: none;
    font-size: 1.5em;
}

#user_ident_top strong {
    color:#e5e6e7;	
}

#top_user_nav {
}

#top_user_nav li {
    float:left;
    margin:0;
    padding:0;
}

#top_user_nav a {
    display:block;
    height:55px;
    width:36px;
    height:55px;
    text-decoration:none;
    background-image: url("./img/design_sprite.png");
    background-repeat:no-repeat;	
}

#top_user_nav a.u_login_trig {
    background-position: right -43px;
    cursor:pointer;
}

#top_user_nav a.u_login_trig:hover, #top_user_nav a.u_login_trig-chosen {
    background-position: -643px -43px;
}

#top_user_nav a.u_topics {
    background-position: -607px -43px;
}

#top_user_nav a.u_topics:hover, #top_user_nav a.u_topics-chosen {
    background-position: -571px -43px;
}

#top_user_nav a em, #top_user_nav a em {
    display:block;
    color:gray;
    font-weight:bold;
    font-size:10px;
    font-style:normal;	
    text-align:right;
    text-shadow: 0px 0px 2px #000;		
    padding:27px 7px 0 0;
}

#top_user_nav a.u_message, #top_user_nav a.u_message-chosen {
    background-position: -535px -43px;
    position:absolute;
    right:87px;
    top:0;
    z-index:100;	
}

#top_user_nav a.u_message:hover, #top_user_nav a.u_message-chosen {
    background-position: -499px -43px;
}

#top_user_nav a.u_message-new, #top_user_nav a.u_message-new:hover {
    background-position: -463px -43px;
    z-index:99;
}

#top_menuhmenu_nav {
}

#top_menuhmenu_nav li {
    float:left;
    margin:0;
    padding:0;
}

#top_menuhmenu_nav a {
    display:block;
    height:55px;
    width:27px;
    height:43px;
    text-decoration:none;
    background-image: url("./img/design_sprite.png");
    background-repeat:no-repeat;	
}

#top_menuhmenu_nav a.u_submenu {
    background-position: -436px -43px;
    cursor:pointer;
}

#top_menuhmenu_nav a.u_submenu:hover, #top_menuhmenu_nav a.u_submenu-chosen {
    background-position: -409px -43px;
}

div#sub_nav {
    margin:0 0 0 195px;
    background: url("./img/design_sprite.png") no-repeat;
    width:715px;
    height:43px;
}

div#sub_nav_hmenu {
    margin:11px 4px 0 16px;
    padding:0;
    width:665px;
    max-width:665px;
    height:30px;
    float:left;
    color:#ffe5d9;
    text-shadow: 1px 1px 0 #910000;	
    font-size: 10px;	
    overflow:hidden;
}

div#sub_menu_hmenu {
    width:27px;
    float:left;
}

div#sub_nav_hmenu ul {
    height:30px;	
}

div#sub_nav_hmenu li {
    background-image: url("./img/hmenu_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    padding:0 2px 0 7px;
    margin:0;
    height:24px;
}

div#sub_nav_hmenu a {
    color:#ffe5d9;
    font-size: 10px;
    text-decoration:none;
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: transparent;
    border: 1px solid transparent;
    display: block;
    float:left;
    line-height:20px;
    padding:1px 2px;
    overflow:hidden;
}

div#sub_nav_hmenu a:hover {
    border:1px solid transparent;
}

div#sub_nav_searchbox {
    position: absolute;
    top: -58px;
    right: 15px;
    margin: 0;
    height: 35px;
    float: right;
    overflow: hidden;
    border-bottom: 1px solid;
}

div#sub_nav_search_auto {
    padding:0;
    width: 238px;
    height:89px;
    float:none;
    position:absolute;
    margin-top:34px;
    margin-left:-65px;
    overflow:hidden;
    background:#fff;
    border:1px solid black;
}


div#sub_nav_search_input, div#sub_nav_search_submit {
    /*background: url("./img/design_sprite.png") -514px -99px no-repeat;*/
    float: left;
    height: 26px;
    margin: 9px 0 0 0;
    padding-left: 2px;
}

div#sub_nav_search_input > div {
    height: 26px;	
}

div#sub_nav_search_input > div input {
    border: 0 none;
    color: #AAAAAA;	
    background:none;
    outline: medium none;
    padding: 5px 5px 5px 9px;
    width: 170px;
}

div#sub_nav_search_submit {
    /*background-position: right -99px;*/
    padding:0 5px 0 0;
}

div#sub_nav_search_submit > input.submit {
    background: url("./img/design_sprite.png") -502px -99px no-repeat;	
    border:none;
    cursor: pointer;
    display: block;
    margin: 0;
    outline:none;
    width: 16px;
    padding:3px;
    text-indent: -3000px;	
}

div#container {
    margin: 0 auto;
    margin-top:72px;
    padding: 0 35px 20px 35px;
    width: 890px;
    min-height: 78%;
    height:auto !important;
    height:78%;
    text-align:left;
    background: url("./img/content_back.png") repeat-y;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

div#fmain, div#fmain-forum {
    margin:20px 0 0 0;
}

div#footer {
    clear:both;
    height:110px;
    width:100%;
    min-width:100%;
    background: #1b1c1f url("./img/footer_sprite.png") repeat-x;	
}

div#footer_inner {
    margin: 0 15px 0 15px;
    height:110px;
    background: #1b1c1f url("./img/footer_sprite.png") 0 100% repeat-x;
    text-align:left;		
}	

div#footer_content {
    margin: 0 auto;	
    height:110px;
    width: 960px;		
}	

div#footer_logo {
    margin:29px 0 15px 16px;
    height:60px;
    width:60px;
    float:left;		
    background: url("./img/design_sprite.png") -464px -125px no-repeat;
}

div#footer_text {
    margin:32px 0 20px 10px;
    width:600px;
    float:left;
    color:#5e6165;
    text-shadow: 1px 1px 0 #151619;		
}

div#footer_text span {
    display:block;
    line-height:16px;
    font-size:11px;
}

div#footer_text a {
    font-weight:bold;
    text-decoration:none;
    color:#999c9f;
}

div#footer_text a:hover {
    color:#5e6165;
    padding-bottom:1px;
    border-bottom:1px dotted #5e6165;
}

div#header_logo a span, div#user_ident_icon-nav span, div#user_ident_icon-reload span a, #top_user_nav span, div#footer_logo span {
    display:none;
}

.cc-window .cc-message {
    text-align: left;
}
.cc-window .cc-message .cc-link {
    padding: 0;
}