/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_16{}

.container_new_16{
	margin-left: -0.5%;
	margin-right: -0.5%;
	width: 101%;
}
/*.containerwrapper_16, .containerwrapper_16 *{
	box-sizing: border-box;
}*/

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{
	display: inline;
	float: left;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha{margin-left: 0;}
.omega{margin-right: 0;}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {width:5.25%}
.container_16 .grid_2 {width:11.5%}
.container_16 .grid_3 {width:17.75%}
.container_16 .grid_4 {width:24%}
.container_16 .grid_5 {width:30.25%}
.container_16 .grid_6 {width:36.5%}
.container_16 .grid_7 {width:42.75%}
.container_16 .grid_8 {width:49%}
.container_16 .grid_9 {width:55.25%}
.container_16 .grid_10{width:61.5%}
.container_16 .grid_11{width:67.75%}
.container_16 .grid_12{width:74%}
.container_16 .grid_13{width:80.25%}
.container_16 .grid_14{width:86.5%}
.container_16 .grid_15{width:92.75%}
.container_16 .grid_16{width:99%}

.container_16 .grid_1.alpha, .container_16 .grid_1.omega {width:5.75%}
.container_16 .grid_2.alpha, .container_16 .grid_2.omega {width:12%}
.container_16 .grid_3.alpha, .container_16 .grid_3.omega {width:18.25%}
.container_16 .grid_4.alpha, .container_16 .grid_4.omega {width:24.5%}
.container_16 .grid_5.alpha, .container_16 .grid_5.omega {width:30.75%}
.container_16 .grid_6.alpha, .container_16 .grid_6.omega {width:37%}
.container_16 .grid_7.alpha, .container_16 .grid_7.omega {width:43.25%}
.container_16 .grid_8.alpha, .container_16 .grid_8.omega {width:49.5%}
.container_16 .grid_9.alpha, .container_16 .grid_9.omega {width:55.75%}
.container_16 .grid_10.alpha, .container_16 .grid_10.omega{width:62%}
.container_16 .grid_11.alpha, .container_16 .grid_11.omega{width:68.25%}
.container_16 .grid_12.alpha, .container_16 .grid_12.omega{width:74.5%}
.container_16 .grid_13.alpha, .container_16 .grid_13.omega{width:80.75%}
.container_16 .grid_14.alpha, .container_16 .grid_14.omega{width:87%}
.container_16 .grid_15.alpha, .container_16 .grid_15.omega{width:93.25%}
.container_16 .grid_16.alpha, .container_16 .grid_16.omega{width:99.5%}
.container_16 .grid_16.alpha.omega{width:100%}

.container_new_16 .grid_1 {width:5.25%}
.container_new_16 .grid_2 {width:11.5%}
.container_new_16 .grid_3 {width:17.75%}
.container_new_16 .grid_4 {width:24%}
.container_new_16 .grid_5 {width:30.25%}
.container_new_16 .grid_6 {width:36.5%}
.container_new_16 .grid_7 {width:42.75%}
.container_new_16 .grid_8 {width:49%}
.container_new_16 .grid_9 {width:55.25%}
.container_new_16 .grid_10{width:61.5%}
.container_new_16 .grid_11{width:67.75%}
.container_new_16 .grid_12{width:74%}
.container_new_16 .grid_13{width:80.25%}
.container_new_16 .grid_14{width:86.5%}
.container_new_16 .grid_15{width:92.75%}
.container_new_16 .grid_16{width:100%}

.container_new_16 .grid_1.alpha, .container_new_16 .grid_1.omega {width:5.75%}
.container_new_16 .grid_2.alpha, .container_new_16 .grid_2.omega {width:12%}
.container_new_16 .grid_3.alpha, .container_new_16 .grid_3.omega {width:18.25%}
.container_new_16 .grid_4.alpha, .container_new_16 .grid_4.omega {width:24.5%}
.container_new_16 .grid_5.alpha, .container_new_16 .grid_5.omega {width:30.75%}
.container_new_16 .grid_6.alpha, .container_new_16 .grid_6.omega {width:37%}
.container_new_16 .grid_7.alpha, .container_new_16 .grid_7.omega {width:43.25%}
.container_new_16 .grid_8.alpha, .container_new_16 .grid_8.omega {width:49.5%}
.container_new_16 .grid_9.alpha, .container_new_16 .grid_9.omega {width:55.75%}
.container_new_16 .grid_10.alpha, .container_new_16 .grid_10.omega{width:62%}
.container_new_16 .grid_11.alpha, .container_new_16 .grid_11.omega{width:68.25%}
.container_new_16 .grid_12.alpha, .container_new_16 .grid_12.omega{width:74.5%}
.container_new_16 .grid_13.alpha, .container_new_16 .grid_13.omega{width:80.75%}
.container_new_16 .grid_14.alpha, .container_new_16 .grid_14.omega{width:87%}
.container_new_16 .grid_15.alpha, .container_new_16 .grid_15.omega{width:93.25%}
.container_new_16 .grid_16.alpha, .container_new_16 .grid_16.omega{width:100%}
.container_new_16 .grid_16.alpha.omega{width:100%}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {padding-left:6.25%}
.container_16 .prefix_2 {padding-left:12.5%}
.container_16 .prefix_3 {padding-left:18.75%}
.container_16 .prefix_4 {padding-left:25%}
.container_16 .prefix_5 {padding-left:31.25%}
.container_16 .prefix_6 {padding-left:37.5%}
.container_16 .prefix_7 {padding-left:43.75%}
.container_16 .prefix_8 {padding-left:50%}
.container_16 .prefix_9 {padding-left:56.25%}
.container_16 .prefix_10{padding-left:62.5%}
.container_16 .prefix_11{padding-left:68.75%}
.container_16 .prefix_12{padding-left:75%}
.container_16 .prefix_13{padding-left:81.25%}
.container_16 .prefix_14{padding-left:87.5%}
.container_16 .prefix_15{padding-left:93.75%}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {padding-right:6.25%}
.container_16 .suffix_2 {padding-right:12.5%}
.container_16 .suffix_3 {padding-right:18.75%}
.container_16 .suffix_4 {padding-right:25%}
.container_16 .suffix_5 {padding-right:31.25%}
.container_16 .suffix_6 {padding-right:37.5%}
.container_16 .suffix_7 {padding-right:43.75%}
.container_16 .suffix_8 {padding-right:50%}
.container_16 .suffix_9 {padding-right:56.25%}
.container_16 .suffix_10{padding-right:62.5%}
.container_16 .suffix_11{padding-right:68.75%}
.container_16 .suffix_12{padding-right:75%}
.container_16 .suffix_13{padding-right:81.25%}
.container_16 .suffix_14{padding-right:87.5%}
.container_16 .suffix_15{padding-right:93.75%}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}




@media only screen and (max-width: 480px) {
    
    /* =Grid >> 16 Columns
    --------------------------------------------------------------------------*/
    .container_16 .grid_1 {width: 99%;}
    .container_16 .grid_2 {width: 99%;}
    .container_16 .grid_3 {width: 99%;}
    .container_16 .grid_4 {width: 99%;}
    .container_16 .grid_5 {width: 99%;}
    .container_16 .grid_6 {width: 99%;}
    .container_16 .grid_7 {width: 99%;}
    .container_16 .grid_8 {width: 99%;}
    .container_16 .grid_9 {width: 99%;}
    .container_16 .grid_10{width: 99%;}
    .container_16 .grid_11{width: 99%;}
    .container_16 .grid_12{width: 99%;}
    .container_16 .grid_13{width: 99%;}
    .container_16 .grid_14{width: 99%;}
    .container_16 .grid_15{width: 99%;}
    
    /* =Prefix Extra Space >> 16 Columns
    --------------------------------------------------------------------------*/
    .container_16 .prefix_1 {padding-left: 0px;}
    .container_16 .prefix_2 {padding-left: 0px;}
    .container_16 .prefix_3 {padding-left: 0px;}
    .container_16 .prefix_4 {padding-left: 0px;}
    .container_16 .prefix_5 {padding-left: 0px;}
    .container_16 .prefix_6 {padding-left: 0px;}
    .container_16 .prefix_7 {padding-left: 0px;}
    .container_16 .prefix_8 {padding-left: 0px;}
    .container_16 .prefix_9 {padding-left: 0px;}
    .container_16 .prefix_10{padding-left: 0px;}
    .container_16 .prefix_11{padding-left: 0px;}
    .container_16 .prefix_12{padding-left: 0px;}
    .container_16 .prefix_13{padding-left: 0px;}
    .container_16 .prefix_14{padding-left: 0px;}
    .container_16 .prefix_15{padding-left: 0px;}
    
    /* =Suffix Extra Space >> 16 Columns
    --------------------------------------------------------------------------*/
    .container_16 .suffix_1 {padding-right: 0px;}
    .container_16 .suffix_2 {padding-right: 0px;}
    .container_16 .suffix_3 {padding-right: 0px;}
    .container_16 .suffix_4 {padding-right: 0px;}
    .container_16 .suffix_5 {padding-right: 0px;}
    .container_16 .suffix_6 {padding-right: 0px;}
    .container_16 .suffix_7 {padding-right: 0px;}
    .container_16 .suffix_8 {padding-right: 0px;}
    .container_16 .suffix_9 {padding-right: 0px;}
    .container_16 .suffix_10{padding-right: 0px;}
    .container_16 .suffix_11{padding-right: 0px;}
    .container_16 .suffix_12{padding-right: 0px;}
    .container_16 .suffix_13{padding-right: 0px;}
    .container_16 .suffix_14{padding-right: 0px;}
    .container_16 .suffix_15{padding-right: 0px;}
    
    /* 960 grid system container
    ------------------------------------------------------------------------- */
    .container_16.overall_top_header  {
        min-width: 300px !important;
        width: 100% !important;
    }

    .container_16.global {
        min-width: 300px !important;
        width: 98% !important;
        padding: 0 1% !important;
    }

    .container_16.overall_footer {
        min-width: 300px !important;
        width: 98% !important;
        padding: 0 1% !important;
    }

    .container_16.debug {
        min-width: 300px !important;
        width: 98% !important;
        padding: 0 1% !important;
    }

    
    /* ===== Global ========================================================= */
    .app_menue {
   
    }
    
    .app_content {
        margin-top:10px;
        float:right !important;
    }
    .verticalLine {
        background-color: transparent !important;
    }
    
    .searchbox {
        float: none !important;
    }
    
    .searchbox input {
        width: 100% !important;
        padding: 6px 0px !important;
    }
    
    .module_name_table td.module_name_table_action {
        display:none;
    }
    
    .hidden_in_mobile_version {
        display: none;
    }
    
    .column {
        width:99% !important;
        min-height: 100px !important;
        margin-bottom: 1px !important;
    }
    
    select {
        width: 100% !important;
        margin-bottom: 5px !important;
    }
    
    .dataTable td,.dataTable th {
        word-break: break-all;
    }

    
    /* ===== Startseite ===================================================== */
    #branding{
        clear: both;
    }
    #branding img{
        text-align: center;
        max-width: 300px !important;
    }
    #headerClockBox {
        display: none;
    }
    
    .header-button-wrapper {
        width:100% !important;
        padding-top:5px;
    }
    .header-chat {
        width:49% !important;
        margin:5px 0px !important;
        padding: 0px 0px !important;
        float:left !important;
    }
    .header-msg {
        width:49.5% !important;
        margin:5px 0px !important;
        padding: 0px 0px !important;
        float:right !important;
    }
    
    .smallMainButtonTooltip {
        visibility: hidden;
    }
    
    #homeSmallCalendarWrapper{
        display: none;
    }
    #kwick-box {
        margin-right: 0px !important;
    }

    
    /* ===== Forum ========================================================== */
    .board_post_userimage img {
        max-width: none !important;
        width: 100%;
    }
    
    .board_forums_table th, .board_topics_table th {
        display: none;
    }
    .board_forums_table thead, .board_topics_table thead {
        display: none;
    }
    
    .footer > .box > img {
        display: none; /* In Fußzeile das logoimage ausblenden */
    }
    

    /* ===== Kalender ======================================================= */
    .fc-header-center {
        display: none;
    }
    
    .fc-header-left .fc-button {
        width: 95%;
        clear: both;
        float: left;
        margin-bottom: 3px !important;
        
    }
    .fc-header-right .fc-button {
        width: 95%;
        clear: both;
        float: right;
        margin-bottom: 3px !important;
        
    }
    
    .fc-view-month th {
        font-size: 0.8em !important;
        word-break: break-all;
    }
    .fc-agenda-days th {
        word-break: break-all;
        font-size: 0.8em !important;
    }
    
    .fc-agenda-axis {
        font-size: 0.8em !important;
    }
}