/* PM, RH: IE mag Meta-Viewport nicht. Deshalb so definieren. Siehe http://menacingcloud.com/?c=cssViewportOrMetaTag*/ 
	@-ms-viewport { width: device-width; }
	@-o-viewport { width: device-width; }
	@viewport { width: device-width; }

/**
 * Allgemeines
 **/	
	html{
		min-height: 100%;
	}
	body {
		margin: 0px; 
		padding: 0px; 
		background-image: none;
		letter-spacing: 0.3px;
		background-image: url('../images/background.jpg');
		background-size: 100% auto;
	}

	.mainwidth {
		max-width: 1200px;
	}
	ul {
		padding-left: 17px; 
	}
	
	img{
		max-width: 100%; 
		height: auto; 
	}
	.clear{
		clear: both; 
	}
	.center{
		margin: 0px auto; 
	}
	.body-overlayed {
		overflow-y: scroll; 
	}
	#logo img {
		max-width: 100%;
	}
	.padding_wrapper{
		padding: 10px; 
		border: 1px solid black; 
		margin-bottom: 20px; 
	}
	.row-fluid {
	    margin-right: -15px;
	    margin-left: -15px;
	}

	/* Bild-Captions. Verwendbar mit dem Editor-Button "Bild" */
		figure {
			display: table;
			border: 1px dotted silver;
			border-bottom: 0;
		}
		figure figcaption {
			font-style: italic;
			display: table-caption;
			caption-side: bottom;
			padding: 5px 2px 2px 2px;
			border: 1px dotted silver;
			border-top: none;
		}
	.display-inline-block{
		display: inline-block;
	}
	.display-flex{
		display: flex; 
		flex-wrap: wrap; 
	}
	.height_100{
		height: 100%; 
	}
	.display-flex.full_width_items > *{
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 100%;
	}		
		
/*------------------------------------------------------*/
/*------------- Content ----------------------------------*/
/*------------------------------------------------------*/

	
.block {
    background-repeat: no-repeat;
    background-position: right;
}

.progress_bar {
	border: 1px solid black;
}

.progress_bar .inner {
    background-color: blue;
    height: 24px;
}


/**
 * Login - Seite 
 **/	
	.login-fields label#password-lbl, 
	.login-fields label#username-lbl, 
	.login-fields label#remember-lbl{
		float: left; 
		width: 125px; 
		margin-right: 10px; 
		margin-bottom: 15px; 
	}
	.login-fields input[type="text"]#username,
	.login-fields input[type="password"]#password{
		margin-bottom: 15px; 
	}
	.login-fields input[type="checkbox"]#remember{
		margin-bottom: 19px; 
	}

	/* Registrierungsbuttons */
		.register_user ul li {
			margin-bottom: 10px;
		}
		.register_user ul li:last-child {
			margin-bottom: 0px;
		}
		.register_user ul li i {
			margin-left: 10px;
		}
		.register_user ul li a {
			text-align: left;
			width: 250px;
		}

	
/**
 * PM Kontaktformular
 **/
	/* Spamschutz */
		#form_field_special_usage {
			height: 0px;
			padding-top: 0px;
			overflow: hidden;
			visibility: hidden;	
			display: block;	
		}

	.ajax-loading-icon {
		display: none;
		text-align: center;
	}
	.loading-icon {
		display:block;
		width:64px;
		height:64px;
		margin:0 auto;
		background:url("/media/mod_cmc/images/ajax-loader.gif") no-repeat 0 0;
	}

/**
 * Joomlas Default-Tooltip 
 **/
	.tip-wrap {
		background: white;
		padding: 10px;
		border: 1px solid black;
		box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	}


/**
 * PM Messages
 **/
	#system-message dt {
		display: none; 
	}
	#system-message dd ul {
		margin:0 10px;
	}
	#system-message dd ul li {
		list-style: none; 
		padding:5px 0 !important;
	}
	#system-message .error, 
	#system-message .notice, 
	#system-message .warning,
	#system-message .message {
		padding: 10px; 
		margin: 15px 0px 15px 0px; 
		border-radius: 4px;
		text-shadow: 0 1px 0 #fff; 
	}

	#system-message .error.message {		
		background-color: #fff1f0;
		color: #d85030; 
		border: 1px solid rgba(216,80,48,0.3);
	}

	#system-message .notice.message { 
		background-color: #ebf7fd;
		color: #2d7091;
		border: 1px solid rgba(45,112,145,0.3);
	}

	#system-message .warning.message {
		background-color: #fffceb;
		color: #e28327;
		border: 1px solid rgba(226,131,39,0.3);
	}

	#system-message .message {
		background-color: #f2fae3;
		color: #659f13;
		border: 1px solid rgba(101,159,19,0.3);
	}

/**
 * cookie alert: CookieHint Plugin
 **/
	#redim-cookiehint {
        background-color: #ffffff;
	    padding: 10px 11%;
	    border-top: 1px solid #d8d8d8;
	}
	#redim-cookiehint .cookiecontent {
	    line-height: 37px;
	    color: #333;
	}
	#redim-cookiehint .cookiebuttons .btn {
		padding: 8px 15px;
	    color: #fff; 
	    background-color: #428bca; 
	    font-size: 14px; 
	    line-height: 20px; 
	    background-image: none;
	    text-shadow: none;
	    border: 1px solid transparent;
    	border-radius: 0px;
	}
	#redim-cookiehint .cookiebuttons .btn:hover {
        border-color: #7d7d7d;
	    background-color: #fff;
	    color: #7d7d7d;
	    box-shadow: none;
	    background-image: none;
	}

/**
 * FRONTEND EDITOR
 **/
	body .chosen-container-single .chosen-single {
		background-image: none !important;
		box-shadow: none !important;
		border-radius: 0;
		height: 38px;
    	padding: 8px 15px;
	}
	body.option_com_config .radio.btn-group input[type=radio] {
		margin-left: 0;
		display: inline-block;
	}
	body.option_com_config .radio.btn-group label {
		margin-right: 10px;
	}
	body .chosen-container-active.chosen-with-drop .chosen-single div b {
	    background-position: -15px 10px;
	}
	body .chosen-container-single .chosen-single div b {
	    background-position: 3px 10px;
	}


    
/************************ FRONTEND EDITING ************************/
 
        body.is_loggedin  #component, body.is_loggedin .moduletable {
            position: relative;
        }
        #pageBody .edit_button {
            position: absolute;
            top: 0px;
            left: 0px; 
            z-index: 99999999;
            font-size: 10px;
            padding: 2px;
            opacity: 0.5;
        }
        #banner .edit_button {
            bottom: 0;
            top: auto;
        }

        #pageBody .edit_button:hover {
            opacity: 1;
        }