/*
    Document   : sit.css
    Created on : 31.08.2013, 00:15:38
    Author     : karsten euting

*/

    body{
		padding: 1em; line-height: 1.3em;
		/*
		background: transparent url("../img/bg14.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	*/
		}
    h1 {    font-size: 1.75em;}
    input[type="radio"]{margin:0.35em; }


     @media print {
		 body {font-size:75%; line-height:1.35em;}
		  .dontprint{display:none;}
	    }

ol, ul{margin-left:2em;}

    #wrapper{max-width: 60em; margin: 1em auto;}


.ie7warning{
	display:none;
}

.ie7 .ie7warning{
		display:block;
		background: #00FF87;
		border: green;
		padding: 10px;
}

    /** Logo - Menu *********************************************************/
	.more-hover {
	    width: 18em;
	    font-size:0.6em;
	    margin: -2em auto 0 40%;
	}
	.more-show {
		position: absolute;
		left: 45%;
		width: 12em;
		height: 0;
		overflow: hidden;
		z-index: 1000;

		transition:height 0.5s ease-in-out;
		-moz-transition:height 0.5s ease-in-out;
		-webkit-transition:height 0.5s ease-in-out;
		-o-transition:height 0.5s ease-in-out;
		-ms-transition: height 0.5s ease-in-out;
	}

	.more-hover:hover + .more-show, .more-show:hover {
		height: 3.5em;
	}

	 @media print {
		.more-hover{margin:0 auto; display: box; font-size: 1em;}
		.more-show { position:relative; height: 4.5em; left:40%; }
	    }
	/* // Logo - Menu ************************************************/



    .frage {text-align:center;  min-width: 600px !important; margin:1.5em 0; }
    .frage h1.panel.callout {
        padding: 0.2em 0.5em;
        margin:0 0 0.5em 0;
        text-align: left;
        /* background-color: #457a1a; */
        color: white;
    }


.frage p{text-align: left;}

/* die erste Frage: */

.frage p:nth-child(3){text-align: right}

.auswahl{ min-width: 100px; padding: 0 !important;}

.alert-box.alert, .alert-box h2, .alert-box h1 {color:white}
.alert-box.alert a{color:white; font-size:1.0em; text-decoration: none;  display:block}
.alert-box.alert a:hover{text-decoration: underline}

#fehlermeldung {max-height: 20em; overflow-y:scroll }

#login-screen{ padding:4em; margin-top: 5em}




/* CSV-Import Tabelle */
#datenvorschau table, #datenvorschau tr{ border:1px solid gray; }
#datenvorschau td{
    padding:0.5em;
    border:1px solid gray;
}
 #datenvorschau tr:hover{background-color: yellowgreen;}




 /* SIT manuelle Auswertung */
 #admin_fragebogen p{font-size:0.7em}
 #admin_fragebogen input[type="text"] {text-align: center; font-weight: bold; font-size: 1em; padding:0}
 #admin_fragebogen .small-3{text-align: right}
 #admin_fragebogen .FShort p:nth-child(2n+1){background-color: whitesmoke}


 /****************************************************************************
 * Profilbild
 */

/*
#balken_chart{
		height:18em; margin-top:-2em;
}
*/

#profilbild{
		text-align:center; min-width:600px; border:1px solid #457A1A; padding:1em 0;
}

#profilbild2{
	height:565px;
	margin-top:-0em;
}

#table_div{
		display: none;
}

#table_div th{
    background-color: silver !important;
    padding: 3px;
}

#table_div td{
    border-left:1px solid silver;
    text-align: center;
    padding: 6px;
}

#table_div tbody{
    border-bottom: 1px solid silver;
    box-shadow: 5px 5px 12px gray !important;
}


/*****************************************************************************
* SimpleBars - Graph
*/


.graph * {  margin: 0; padding: 0;}

.graph .title { text-align: center; font-weight: bold;   font-size: 20px;    margin-bottom: 10px; }
.graph .data {list-style-type: none; position: relative;    border-bottom: 2px solid #333;  overflow: hidden; background: transparent;}
.graph .bar { position: absolute; bottom: 0; background: #5DA423;  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }
.graph .bar:hover { background: #457A1A; }

.graph .value {
    margin-top: 5px;
    display: block;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}

.graph .outer {
    margin-top: -15px;
    color: #000000;
}

.graph .label {
    margin-top: 5px;
    height: 1.5em;
    list-style-type: none;
	                color: #009900;
                font-weight: bold;
}

.graph .label li {
    float: left;
    text-align: center;
    font-size: 12px;
}




	    /** die pixelgrafik ist am bildschirm unsichtbar
		nur beim drucken brauchen wir sie, weil sonst
		farbige hintergründe nicht gedruckt werden */
	    .pixelgrafik{display: none}



/***
* Statistische Angaben - Formatierung
*/
	.statistik label.LabelBox{display: inline-table; min-width: 20em; font-weight:bold; }
	.statistik input{ display: inline-table;}
	.statistik label {display: inline;}
	.statistik select{width:auto;}


/*****************************************************************************/

	    @media print {

		  .pixelgrafik,
		  #balken_chart,
		  #profilbild2,
		  #table_div {display: block; position:relative; clear:both;}
		  #table_div {margin: 0 0 1em 0em;}

			  #balken_chart{margin:1em 0;}


		  .graph,
		  .graph ol,
		  .styled,
		  #profilbild,
		   #profilbild2,
		  .zusammenhalten{page-break-inside: avoid;}

          #profilbild,
		   #profilbild2{
    		   width:20cm !important;
		   }

		.xstyled{margin-bottom:1.5em;}

	    }

/*****************************************************************************/


@media only screen and (max-width: 979px)
{

	.columns.styled{float:none;}
	.column.styled{float:none; }
	.small-7.styled{width:100% !important}
	.small-5.xstyled{width:100% !important; margin-bottom:1.5em;}


}