@CHARSET "utf-8";

body {
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	margin: 0px;
	color: #000000;
}

#cookieNotice {
        background-color: #EFEFEF;
        font-family: Arial;
        font-size: 16px;
        padding: 10px;
        position: fixed;
        margin: 10px 10px 10px 5px;
        bottom: 5px;
        -webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.75);
        z-index: 1000;
}

img {
    border: none;
    outline: none;  
}

/* video player */
div.embed-video-player {
    border: 1px solid black;
    width: 100%;
    min-height: 200px;
    cursor: pointer;

    background-color: #333333;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMjAyIiB3aWR0aD0iMjAyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8ZWxsaXBzZSByeT0iODYuNSIgcng9Ijg2LjUiIGlkPSJzdmdfMiIgY3k9IjEwMCIgY3g9IjEwMCIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9IiMwZmZmZmYiLz4KICA8cGF0aCBzdHJva2U9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgdHJhbnNmb3JtPSJyb3RhdGUoODkuNzY3NzMwNzEyODkwNjIgMTE0LjY1MTM4MjQ0NjI4OTA2LDEwMC4wODY5NDQ1ODAwNzgxMikgIiBpZD0ic3ZnXzEiIGQ9Im01OS4yMjIxNywxNDguNTg3NTJsNTUuNDI5MjIsLTk3LjAwMTE3bDU1LjQyOTIyLDk3LjAwMTE3bC0xMTAuODU4NDQsMHoiIHN0cm9rZS13aWR0aD0iMTAiIGZpbGw9IiMwZmZmZmYiLz4KIDwvZz4KPC9zdmc+");
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center center;
}
div.embed-video-player:hover {
    background-size: 41%;
}
div.embed-video-player span {
    display: block;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    margin: 33% 5% 5px 5%;
    border-radius: 3px;
    -webkit-box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.75);
}
div.video-youtube span:after {
    content: "Dies ist ein externes Video von YOUTUBE. Wenn Sie das Video abspielen, geschieht dies gemäß den Bedingungen des jeweiligen Dienstes.";
}
div.video-vimeo span:after {
    content: "Dies ist ein externes Video von VIMEO. Wenn Sie das Video abspielen, geschieht dies gemäß den Bedingungen des jeweiligen Dienstes.";
}
iframe.iframe-video {
    border-width: 0px;
}



form {
	margin: 0px;
	padding: 0px;
}
input[type="text"] {
	width: 140px;
	height: 15px;
	background: none;
	padding: 2px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	margin: 0px;
}
input[type="checkbox"] {
	background: none;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	margin: 0px;
}
input[type="password"] {
	width: 140px;
	height: 15px;
	background: none;
	padding: 2px;
	padding-left: 5px;
	padding-top: 5px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	margin: 0px;
}
input[type="submit"] {
	font-size: 15px;
	padding: 5px 9px 5px 9px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	cursor: pointer;
	background-color: #AF3F00;
	color: #FFFFFF;
	margin: 0px;
}
input[type="submit"]:hover {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}
textarea {
	width: 300px;
	height: 100px;
	background: none;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 2px;
}

table {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
table th {
	text-align: left;
}

hr {
	height: 10px;
	border: none;
	background: url(../../pics/icons/h_line.png) no-repeat center top;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
    margin-bottom: 5px;
    margin-top: 5px;
}


a.tooltip {
    text-decoration: none;
    border-bottom: 1px dotted #666666;
}

div.container div.main_left,
div.container div.main_right {
	font-size: 10px;
}

div.container div.main a.cms_but_more,
div.container div.main_left a.cms_but_more {
	background-image: url(../../pics/icons/more.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 28px;
	min-width: 25px;
	min-height: 10px;
	color: #501D0D;
	text-decoration: none;
}
div.container div.main a.cms_but_more:hover {
}

div.container div.main a.cms_but_default {
	padding: 5px;
	background-color: #EEEEEE;
	border: 1px solid #999999;
	font-weight: bold;
}
div.container div.main a.cms_but_default:hover {
	background-color: #CDCDCD;
}

/* main style */
div.container {
	width: 900px;
	margin: 0px auto;
	background-color: #F7F7F7;
	min-height: 650px;
}

div.container div.head1 {
	clear: both;
	height: 96px;
	background: url(../../pics/head_text.jpg) no-repeat left top;
}

div.container div.head1 a {
	text-decoration: none;
	color: #6A0F6A;
}
div.container div.head1 div.url {
	text-align: right;
	height: 160px;
	font-size: 24px;
	padding-top: 10px;
	padding-right: 26px;
	font-weight: bold;
}

div.container div.head1 div.infobox {
	display: block;
	float: right;
	margin-right: 10px;
	padding-top: 30px;
}
div.container div.main div.head1 div.box_language_selector h2 {
	border: none;
}
div.container div.main div.head1 div.box_language_selector div.boxcontent {
	padding-right: 5px;
}

div.container div.head2 {
	background: url(../../pics/head_image.jpg) no-repeat left top;
	height: 244px;
}

div.container div.main {
    float: left;
	width: 691px;
}
div.container div.main_left {
    float: left;
    width: 209px;
	background: url("../../pics/navi.jpg") no-repeat top left;
	min-height: 584px;
	padding-top: 130px;
}
div.container div.main div.main_left a {
    color: #000000;
}

div.container div.main div.main_left div.infobox {
	margin-bottom: 18px;
}

div.container div.main div.main_left div.navi a.nav_elem {
    display: block;
    width: 170px;
    padding: 5px;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #000000;
    border-bottom: 1px solid #AAAAAA;
    text-align: center;
}
div.container div.main div.main_left div.navi a.selected {
    background-color: #DEDEDE;  
    font-weight: bold;
}
div.container div.main div.main_left div.navi a.nav_elem:hover {
    background-color: #DEDEDE;
}

div.container div.main div.main_center {
    display: block;
    float: left;
    padding: 0px;
    min-height: 450px;
	background-color: #F5F2EB;
}
div.container div.main div.main_center_both {
    width: 490px;
}
div.container div.main div.main_center_1 {
    width: 490px;
}
div.container div.main div.main_center_2 {
    width: 689px;
}
div.container div.main div.main_center_none {
    width: 900px;
}
div.container div.main div.main_right {
    display: block;
    float: left;
    width: 199px;
	font-size: 10px;
}
div.container div.main div.main_right a {
    color: #000000;
}
div.container div.main div.main_right div.infobox,
div.container div.main_left div.infobox {
	margin-bottom: 18px;
	border-bottom: 1px solid #D4D2D1;
}


div.container div.bottom {
    clear: both;
    overflow: hidden;
    padding: 10px  3px 3px 0px;
}
div.container div.bottom div.infobox {
	display: block;
	float: left;
}

div.container div.bottom div.links div.link {
	float: left; 
	margin-right: 25px;
}

div.container div.bottom div.cre8link {
	float: right;
    text-align: right;
    padding-top: 10px;
    padding-right: 0px; 
    color: #af8873;
}
div.container div.bottom div.cre8link a {
	color: #af8873;
}

div.container div.main div.main_data {
	clear: both;
}

/* messages */
div.container div.main div.messages_head {
	padding: 3px 5px 3px 5px;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    margin: 0px 80px 0px 80px;
	color: #FFFFFF;
	font-weight: bold;
}
div.container div.main div.messages {
    border: 1px solid #999999;
    padding: 5px 5px 0px 5px;
    margin: 0px 80px 10px 80px;
}
div.container div.main div.messages div.msg_default {
    margin-bottom: 5px;
    padding: 1px 5px 2px 20px;
}
div.container div.main div.messages div.msg_warning {
    margin-bottom: 5px;
    padding: 1px 5px 2px 20px;
    background: url(../../pics/icons/message_warning.png) no-repeat top left;
    border-bottom: 1px solid #c8c8c8;
}
div.container div.main div.messages div.msg_error {
    margin-bottom: 5px;
    padding: 1px 5px 2px 20px;
    background: url(../../pics/icons/message_error.png) no-repeat top left;
    border-bottom: 1px solid #c8c8c8;
}
div.container div.main div.messages div.msg_success {
    margin-bottom: 5px;
    padding: 1px 5px 2px 20px;
    background: url(../../pics/icons/message_success.png) no-repeat top left;
    border-bottom: 1px solid #c8c8c8;
}
div.container div.main div.messages div.msg_info {
    margin-bottom: 5px;
    padding: 1px 5px 2px 20px;
    background: url(../../pics/icons/message_info.png) no-repeat top left;
    border-bottom: 1px solid #c8c8c8;
}


/* printview */
div.container div.main div.toggle_printview {
	clear: both;
}

/* site nav path */
div.container div.main div.nav_path {
	clear: both;
}
div.container div.main div.nav_path div.nav_path_shortened {
	float: left;
	padding-right: 11px;
	margin-right: 5px;
	background: url(../../pics/icons/nav_path_divider.png) no-repeat center right;
}
div.container div.main div.nav_path div.nav_path_divider {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 9px;
	height: 11px;
	background: url(../../pics/icons/nav_path_divider.png) no-repeat bottom left;
}
div.container div.main div.nav_path div.nav_path_elem {
	float: left;
}
div.container div.main div.nav_path div.nav_path_elem a:hover {
	text-decoration: underline;
}

/* tracker */
div.tracker_option {
	font-size: 11px;
	padding: 2px 5px 2px 100px;
	height: 30px;
	float: right;
	color: #666666;
}
div.tracker_option span.tracker_infos {
	background: url(../../pics/icons/tracker_infos.png) no-repeat top left;
	position: absolute;
	overflow: hidden;
	padding-left: 9px;
	width: 1px;
	height: 12px;
	border: 1px solid #999999;
	text-align: center;
	color: #666666;
	font-size: 12px;
	margin-left: 3px;
}
div.tracker_option span.tracker_infos:hover {
	background-color: #EEEEEE;
	padding: 5px 5px 5px 10px;
	width: 120px;
	height: 330px;
	margin-right: 50px;
}
div.tracker_option span.tracker_infos a {
	color: #666666;
}
div.tracker_option span.tracker_infos a:hover {
	text-decoration: underline;
}

div.tracker_option div.tracker_current_0 {
	height: 15px;
	padding-left: 20px;
	background: url(../../pics/icons/tracker_active_bw_0.png) no-repeat top left;
	float: left;
	margin-left: 5px;
}
div.tracker_option div.tracker_current_1 {
	height: 15px;
	padding-left: 20px;
	background: url(../../pics/icons/tracker_active_bw_1.png) no-repeat top left;
	float: left;
	margin-left: 5px;
}
div.tracker_option div.trigger_box {
	float: left;
	margin-left: 18px;
}
div.tracker_option div.trigger_box a.trigger_tracker {
	color: #666666;
}
div.tracker_option div.trigger_box a.trigger_tracker:hover {
	text-decoration: underline;
}

/* lang selector */
div.box_language_selector div.lang {
	float:left; 
	margin-left:10px;
}