/* ACHTUNG: Bei Änderungen auch die Dacia-Styles beachten! */

html {
	overflow:hidden;
}

body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	margin:0;
	padding:0;
	overflow:hidden;

	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #000000; 
	scrollbar-3dlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #CCCCCC; 
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #CCCCCC;
}

#head {
	position:absolute;
	left: 180px;
	top: 30px;
	width:72%;
	min-width:732px;
	height:48px;
	background-image:url(../img/bg_head.gif);
	background-repeat:repeat-x;
}

#meta {
	position:absolute;
	right:0px;
	top:-20px;
}

#quicksearch {
	position:absolute;
	right:50px;
	top:13px;
	height:22px;
	background-color:#676b6e;
	white-space:nowrap;
	overflow:hidden;
}

#itemsearch {
	width:180px; 
	margin:0 0 20px 0;
	height:22px;
	background-color:#676b6e;
	white-space:nowrap;
	overflow:hidden;
}

#foot {
	position:absolute;
	left: 0px;
	bottom:-72px;
	width:100%;
	height:32px; 
	border-top:1px solid #999;
	overflow:hidden;
	visibility:visible;
}

#matrix {
	position:absolute;
	left: 180px;
	top: 112px;
	width:72%;
	min-width:732px;
/*	height:70%;*/
	min-height:320px; 
	bottom:72px;
	z-index:10;
	border: 1px solid #f7b100;
	visibility:hidden;
}

#frame {
	position:absolute;
	left: 180px;
	top: 112px;
	width:72%;
	min-width:732px;
/*	height:70%; */
	min-height:320px;
	bottom:72px;
	z-index:1;
	border: 1px solid #f7b100;
}

/* Content */

#main {
	position:absolute;
	left: 220px;
	top: 152px;
	width:79%;
	height:67%;
	z-index:2;
	overflow-y:auto;
	overflow-x:hidden;
}

#content1 {
	position:absolute;
	left:0;
	top:0;
	width:80%;
}

#content2 {
	position:absolute;
	left:0;
	top:0;
	width:80%;
	height:320px;
	overflow:hidden;
}

/* Hauptmenü oben */

#mainmenu {
	position:absolute;
	left:5px;
	top:-1px;
/*	width:800px; */
	visibility:visible;
}

.menu_t {
	position:relative;
	top:-8px;
	text-align:center;
	float:left;
	cursor:pointer;
	padding:0 1px 0 1px;
}

.menu_t_selected {
	position:relative;
	top:0px;
	text-align:center;
	float:left;
	color:#f7b100;
	cursor:default;
	border: 1px solid #f7b100;
	border-top:none;
	background-color:#000000;
	padding:0;
}


.menu_text_t {
	position:relative;
	top:-9px;
	color:inherit;
	font-size:11px;
	margin:0 8px 0px 8px;
	text-transform:uppercase;
	line-height:11px;
}


/* Untermenü links */

#m_submenu {
	position:absolute;
	left:-180px;
	top:0;
	width:190px;
	height:100%;
	min-height:320px;
	visibility:visible;
	overflow:hidden;
}

#submenu {
	position:absolute;
	left:0px;
	top:16px;
}

.menu_l {
	position:relative;
	left:-1px;
	width:180px;
	height:16px;
	text-align:right;
	cursor:pointer;
}

.menu_l_selected {
	position:relative;
	left:9px;
	width:180px;
	height:16px;
	color:#f7b100;
	text-align:right;
	cursor:default;
	background-image:url(../img/mlsel.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.menu_text_l {
	color:inherit;
	font-size:11px;
	text-transform:uppercase;
	white-space:nowrap;
	line-height:16px;
	margin-right:10px;
}

.menu_separator {
	position:relative;
	height:8px;
}

/* Medienauswahl unten */

#mediamenu {
	position:absolute;
	left:10px;
	height:24px;
	bottom:-14px;
	visibility:visible;
}


.menu_b {
	position:relative;
	top:7px;
	text-align:center;
	float:left;
	cursor:pointer;
	padding:0 1px 0 1px;
}

.menu_b_selected {
	position:relative;
	top:0px;
	text-align:center;
	float:left;
	color:#f7b100;
	cursor:default;
	border: 1px solid #f7b100;
	border-bottom:none;
	background-color:#000000;
	padding:0;
}


.menu_text_b {
	position:relative;
	top:9px;
	color:inherit;
	font-size:11px;
	margin:0 8px 0px 8px;
	text-transform:uppercase;
	line-height:11px;
}

/* History (Archiv) rechts */

#m_history {
	position:absolute;
	right:-120px;
	top:150px;
	width:130px;
	height:170px;
	overflow:hidden;
	visibility:visible;
}

* html #m_history {
	right:-121px;
}

#history {
	position:absolute;
	left:0px;
	top:16px;
}

.menu_r {
	position:relative;
	left:11px;
	height:16px;
	text-align:left;
	cursor:pointer;
	clear:both;
}

.menu_r_selected {
	position:relative;
	left:1px;
	height:16px;
	color:#f7b100;
	text-align:left;
	cursor:default;
	clear:both;
	background-image:url(../img/mrsel.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.menu_text_r {
	color:inherit;
	font-size:11px;
	text-transform:uppercase;
	white-space:nowrap;
	line-height:16px;
	margin-left:10px;
}

.m_scroll {
	position:absolute;
	left:0px;
	width:100%;
	height:15px;
	background-color:#000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
	cursor:pointer;
}

/* Download-Box, RSS */

#specialmenu {
	position:absolute;
	right:-89px;
	width:100px;
	top:20px;
	visibility:visible;
}

* html #specialmenu {
	right:-89px;
}

.special_icon {
	width:50px;
	cursor:pointer;
}

.special_info {
	font-size:11px;
	color:#CCC;
	padding:4px 0 0 20px;
}

#extramenu {
	position:absolute;
	right:5px;
	top:-1px;
	width:120px;
	visibility:hidden;
}

/* Filter */

#filter {
	position:absolute;
	right:126px;
	bottom:4px;
	height:26px;
	width:560px;
	text-align:right;
	white-space:nowrap;
	visibility:hidden;
}

.filter_icon {
	width:40px;
	float:right;
	text-align:center;
	cursor:pointer;
}

.filter_separator
{
	width:30px;
	float:right;
}

#filter_info {
	position:absolute;
	right:50px;
	top:34px;
	width:100px;
	font-size:11px;
	color:#FFF;
	text-align:center;
}

/* 2-Spalten-Layout mit einer festen Spalte: Layout1 links fest, rechts flexibel, Layout 2 links flexibel, rechts fest */

#layout1_content {
	width:480px;
	background-color:#676b6e;
	margin-bottom:20px;
}

#layout1_info {
	position:absolute;
	left:500px;
	top:0px;
	width:152px;
}

#layout2_content {
	width:63%;
	min-width:420px;
}

#layout2_info {
	position:absolute;
	left:440px;
	top:0px;
	width:212px;
}

/* Sticker für schwebende Inhalte */

#sticker {
	position:absolute;
	left:540px;
	top:40px;
	width:212px;
	height:320px;
	visibility:visible;
	overflow:hidden;
}

#busy {
	position:absolute;
	left: 39px;
	top: 39px;
	width:80%;
	height:100%;
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
	visibility:hidden;
}

.busy {
	position:absolute;
	left:50%;
	top:50%;
	width:256px;
	height:128px;
	margin:-64px -128px -64px -128px;
	color:#FFF;
	text-align:center;
}

#busymsg {
	margin-top:10px;
	font-size:14px;
	color:#FFF
}

/* Icon */

#icon {
	position:absolute;
	right:-84px;
	bottom:-100px;
	width:200px;
	height:200px;
	overflow:hidden;
	text-align:center;
	visibility:visible;
}

/* Metamenü / Footer */

a.meta:link, a.meta:visited {
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	color:#999;
	padding:2px 0px 0 20px;
	font-weight:normal;
	text-decoration:none;	
}
	
a.meta:hover {
	color:#CCC;
}

span.meta {
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	color:#FFF;
	padding:2px 0px 0 20px;
	font-weight:normal;
	cursor:default;
}

a.foot:link, a.foot:visited {
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	color:#999;
	padding:2px 0px 0 40px;
	font-weight:normal;
	text-decoration:none;	
}
	
a.foot:hover {
	color:#CCC;
}

span.foot {
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	color:#999;
	padding:2px 0px 0 40px;
	font-weight:normal;
	cursor:default;
}

/* Medien */

.media_column {
	width:47%;
	float:left;
	margin:0 20px 0 0;	
}

* html .media_column {
	width:44%;
	margin:0 10px 0 0;	
}

.photobox {
	float:left;
	margin:0 20px 20px 0;
	cursor:pointer;
}

.textbox {
	margin:0 20px 20px 0;	
	background-color:#676b6e;
	white-space:nowrap;
	cursor:default;
}

.pk {
	min-width:316px;
	background-image:url(../img/bg_presskit.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding-right:10px;
}

.textbox_text {
	color:#FFF;
	font-size:11px;
	line-height:14px;
	padding:10px 12px 10px 12px;
	margin:0px;
}

.videobox {
	width:97%;
	height:120px;
	float:left;
	margin:0 20px 20px 0;
	background-color:#676b6e;
	cursor:pointer;
}

.videothumb {
	float:left;
	margin-right:12px;
}

.databox {
	float:left;
	margin:0 20px 20px 0;	
	background-color:#676b6e;
	white-space:nowrap;
	background-repeat:no-repeat;
}

.databox_text {
	color:#FFF;
	font-size:11px;
	line-height:14px;
	padding:10px 12px 10px 12px;
	margin:0 0 0 64px;
}

.datathumb {
	float:left;
	margin-right:12px;
}

#media_options {
	position:absolute;
	left:0;
	top:0;
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
	visibility:hidden;
	z-index:20;
	cursor:pointer;
}

#preview_options {
	position:absolute;
	left:39px;
	bottom:20px;
	width:92%;
	height:60px;
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
	visibility:hidden;
	cursor:pointer;
}

#txphoto_options {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40px;
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
	visibility:hidden;
	cursor:pointer;
}

.icon {
	padding:10px 0px 0px 20px;
	float:left;
}

.icon_sm {
	padding:10px 0px 0px 5%;
	float:left;
}

.option_text {
	padding:14px 0px 0px 20px;
	font-size:12px;
	color:#FFF;
	float:left;
}

#option_info {
	position:absolute;
	left:20px;
	top:44px;
	font-size:11px;
	color:#FFF;
}

.extra_info {
	padding:10px 10px 0px 0px;
	font-size:12px;
	color:inherit;
	text-align:right;
}

#photoinfo {
	position:absolute;
	right:-2px;
	top:0px;
	width:212px;
	height:100%;
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
}

#photoinfo_content {
	position:absolute;
	right:0px;
	top:0px;
	width:190px;
	height:100%;
	overflow:visible;
}

#videoinfo {
	position:absolute;
	left:500px;
	top:0px;
}

.info_text {
	font-size:11px;
	color:#CCC;
}

.label {
	color:#999;
}

#txphoto {
	position:absolute;
	left:0;
	top:60px;
	width:100%;
	height:150px;
}

.browse {
	width:72px;
	text-align:center;
	color:#FFF;
	float:left;
	font-size:12px;
	line-height:16px;
	padding-top:12px;
	white-space:nowrap;
}

/* News */

.newsbox {
	width:100%;
	height:120px;
	margin:0 0 20px 0;	
	background-color:#676b6e;
	cursor:pointer;
}

.newsbox_teaser {
	width:100%;
	height:180px;
	margin:0 0 20px 0;	
	background-color:#676b6e;
	cursor:pointer;
}

.newstext {
	color:#FFF;
	font-size:11px;
	line-height:14px;
	padding:10px 12px 10px 12px;
	margin:0px;
}

.newstext_teaser {
	color:#FFF;
	font-size:12px;
	line-height:16px;
	padding:10px 12px 10px 12px;
	margin:0px;
}

.newsphoto {
	position:relative;
	width:160px;
	height:120px;
	text-align:center;
	float:right;
	margin:0 0 0 12px;
	background-color:#CCC;
	overflow:hidden;
}

.newsphoto_teaser {
	position:relative;
	width:240px;
	height:180px;
	text-align:center;
	float:left;
	margin:0 12px 0 0;
	background-color:#CCC;
	overflow:hidden;
}

.stickerbox {
	width:100%;
	margin:0 20px 20px 0;
	padding:0;
	background-color:#676b6e;
	cursor:pointer;
	
}

.stickertext {
	color:#FFF;
	font-size:12px;
	line-height:16px;
	padding:10px 12px 10px 12px;
	margin:0px;
}

.stickerinfo {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:Alpha(opacity=70);
}

/* Kontakt */

.contactbox0 {
	position:relative;
	width:480px;
	height:135px;
	margin:0 0 20px 0;
	color:#FFF;
	background-color:#676b6e;
	cursor:pointer;
	overflow:hidden;
}

.contactbox1 {
	position:relative;
	left:96px;
	width:384px;
	height:112px;
	margin:0 0 20px 0;
	color:#FFF;
	background-color:#676b6e;
	cursor:pointer;
	overflow:hidden;
}

.contactphoto {
	float:left;
	margin:0 12px 0 0;
	padding:0;
}

/* Glossar */

.glossarbox {
	width:100%;
	margin:0 20px 20px 0;	
	background-color:#676b6e;
}

.glossartext {
	color:#FFF;
	font-size:11px;
	line-height:14px;
	padding:2px 12px 10px 12px;
	margin:0px;
}

.glossarhead {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding:10px 12px 16px 12px;
	margin:0px;
}

.buttonchar {
	width:30px; 
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px ;
	line-height: 14px;	
	font-weight: bold;	
	border: 1px solid #f7b100;
	background-color: #000; 		
	text-transform: uppercase;
	text-align:center;
	padding:0;
	margin:0 20px 20px 0;
	cursor:pointer;
}

.buttonchar.disabled {
	border: 1px solid #666; 
	color: #666;
	}


/* Formulare */

.inputbox {
	width:100%;
	height:18px;
	border: 1px solid #676b6e;
	background-color:#676b6e;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF; 
	font-size: 12px ;
	text-indent:4px;
}

.inputbox.text {
	height: 40px;
}

.inputbox.selector {
	background-image:url(../img/bg_popup.gif);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
}


.opt {
	background-color:#a9aaab;
}

.formtitle {
	font-size: 11px;
	color: #CCC; 
	line-height: 16px;
	margin:0 20px 20px 0;
	cursor:default;
}

.formtext {
	font-size: 12px;
	color: #CCC; 
	margin:0 0 20px 0;
	cursor:default;
}

.button {
	width:100%; 
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px ;
	line-height: 14px;	
	font-weight: bold;	
	border: 1px solid #CCC;
	background-color: #000; 		
	text-transform: uppercase;
	text-align:left;
	padding:0 0 0 4px;
	margin:0 0 20px 0;
	cursor:pointer;
	}
	
.button.default {
	border: 1px solid #f7b100; 
	color: #FFF;
	}

.check0 {
	width:20px; 
	height:20px; 
	border: 1px solid #676b6e;
	background-color:#676b6e;
	margin:0 12px 0 0;
}

.check1 {
	width:20px; 
	height:20px; 
	border: 1px solid #676b6e;
	background-color:#676b6e;
	background-image:url(../img/b_check_1.gif);
	margin:0 12px 0 0;
}

.radio0 {
	width:20px; 
	height:20px; 
	border: none;
	background-image:url(../img/b_radio_0.gif);
	margin:0 12px 0 0;
}

.radio1 {
	width:20px; 
	height:20px; 
	border: none;
	background-image:url(../img/b_radio_1.gif);
	margin:0 12px 0 0;
}

.submit {
	width:4px; 
	height:20px; 
	border: 1px solid #676b6e;
	background-color:#676b6e;
}


.popup {
	position:absolute;
	left:0;
	top:21px;
	width:100%;
	font-size: 12px ;
	line-height: 16px ;
	z-index:10;
	border: 1px solid #676b6e;
	visibility:hidden;
	cursor:pointer;
}

.popup_selected {
	text-indent:4px;
	background-color: #f7b100; 
	color: #000000;
}

.popup_default {
	text-indent:4px;
	background-color: #676b6e; 
	color: #FFFFFF;
}

table.form {
	border:none;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
}

td.form {
	padding:0 20px 20px 0;
}

/* Basics */

a.linkbox:link, a.linkbox:visited {
	color:#FFF;
	font-weight:normal;
	text-decoration:none;	
}
	
a.linkbox:hover {
	color:#f7b100;
}

a.link:link, a.link:visited {
	color:#f7b100;
	font-weight:bold;
}

a.link:hover {
	color:#FFF;
}

a.glossar:link, a.glossar:visited {
	color:#f7b100;
	text-decoration:none;	
}

a.glossar:hover {
	text-decoration:underline overline;
}

.error {
	color:#D00;
	font-weight:bold;
}

.line {
	width:97%;
	height:20px;
	color:#CCC;
	border: none;
	border-top:1px solid #CCC;
	margin: 0;
	clear:both;
}

.hilite {
	color:#ffffff;
}

.disabled {
	color:#666666;
	cursor:default;
	border:none;
}

.mark {
	color:#f7b100;
	font-weight:bold;
}

.jumptop {
	position:relative;
	top:12px;
	width:12px;
	height:15px;
	line-height:15px;
	float:right;
	background-image:url(../img/scrollup.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}