@charset "UTF-8";

/********** Diese Datei bitte nicht ändern ***********/

/******** RESET *********/
 .eyebrow-area{
    text-transform:lowercase;
    font-size:11pt;
    font-family: "Courier New", Courier, mono;
}
* {
    margin:0;
    padding:0;
}

:focus {
    outline: 0;
}

img { border: none; }

/******** HELPER *********/

.clear {
    clear:both; overflow:hidden; visibility:hidden; height:0px; width:0px;
}

.f-left { float:left !important; }
.f-right { float:right !important; }

.col_last {
    margin-right: 0 !important;
}

.overflow_hidden {
    overflow: hidden;
}

/******** SCROLLABLE *********/

div.scrollable { overflow: hidden; position: relative; z-index: 50; }
div.scrollable .items { width: 20000em; position: absolute; z-index: 50; }
div.scrollable .items .slide { float: left; }



/******** MYSCROLLER *********/

div.myscroller { position: relative; }
div.ms_wrapper { overflow: hidden; position: relative; z-index: 50; }
div.ms_wrapper .ms_items { width: 20000em; position: absolute; z-index: 50; }
div.ms_wrapper .ms_item { float: left; }

div.ms_navi {
    margin: 16px 0;
    text-align: center;
}

div.ms_navi a {
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    background: #aaa;
    border-radius: 20px;
    margin: 8px 6px 12px 6px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
}
div.ms_navi a.active, div.ms_navi a:hover { background: #888; }

.ms_next, .ms_prev {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background: rgba(0,153,204,0.5);
    cursor: pointer;
    z-index: 60;
}

.ms_next { right: -60px; }
.ms_prev { left: -60px; }

.ms_fullscreen .ms_next { right: 0px; }
.ms_fullscreen .ms_prev { left: 0px; }

/******** LAYER *********/

.w_layer {
    display: none;
    position: absolute;
    position: fixed;
    top: 80px;
    left: 50%;
    width: 800px;
    padding: 40px;
    margin-left: -440px;
    min-height: 500px;
    background: #fff;
    z-index: 1000;
}

.w_overlay {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 999;
}

.img_hover:hover {
	cursor: pointer;
}

/******** select_replace *********/

.select_replace {
    position: relative;
}

.select_replace span {
    position: relative;
    display: block;
    height: 20px;
    line-height: 20px;
    background: #fff;
    padding-left: 12px;
    overflow: hidden;
    cursor: pointer;
}

.select_replace:hover span {
    cursor: pointer;
}

.select_replace select {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    line-height: 20px;
    width: 100%;
    border: 1px;
    cursor: pointer;
}

/******** styled checkbox and radio *********/



.styled_checkbox {
	position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
.styled_checkbox + label {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.styled_checkbox:checked + label {
	background-color: #eee;
}

.styled_checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -2px;
	left: 4px;
}

.styled_radio {
	display: none;
}

.styled_radio + label {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 9px;
	border-radius: 20px;
	display: inline-block;
	position: relative;
}

.styled_radio:checked + label {
	background-color: #eee;
}

.styled_radio:checked + label:after {
	content: '\2022';
	font-size: 16px;
	position: absolute;
	top: -1px;
	left: 5px;
}

.checkbox_replace {
	position: relative;
	display: inline-block;
}

.checkbox_replace span {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

.checkbox_replace span.my_checkbox_checked {
	background: #fff url('../img/checkbox_checked.png') center center no-repeat;
}

.checkbox_replace input {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 0px;
	font-size: 50px;
	zoom:1.2;
}

.checkbox_replace input.error + span {
	background: #900;
}