/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
html { margin: 0px; padding: 0px; }
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 14px;
	font-weight: normal;
        }
div { margin: 0px; padding: 0px;}
td {padding: 0px; margin: 0px;}
p {padding: 0px 0px 10px; margin: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 10px;
	line-height:20px;
        }
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 4px;
        }
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 4px;
        }
h4 {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
        }

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 4px;
        }

#contentStart a:link img{
	border:none;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #c33;
	text-decoration: none;
        }
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #c33;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #c33;
	text-decoration: none;
        }
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #c33;
	text-decoration: underline;
        }

em {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

/* SPECIAL STYLING FOR TABLE AREAS
-------------------------------------------------------------------- */


/* Header & Banner Area */

#home {
	float: left;
width: 10px; /* fixes a header problem */
background-color: #ffcccc;
}

#banner {
	float: right;
	padding-right: 12px;
}

/* Navigation Background & Search (not menubar itself!)  */

.navbar {
	font: 15px/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;
        }

/* Breadcrumbs & Functions */

.breadcrumbs {
	color: #f36;
	margin: 0px;
	z-index: auto;
	padding: 2px 12px 0px 24px;
	font: 10px Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: middle;
        }
.functions {
	color: #f36;
	margin: 0px;
	z-index: auto;
	padding: 0px 24px 0px 12px;
	font: 10px Arial, Helvetica, sans-serif;
	float: right;
	vertical-align: text-top;
        }

/* Content Area */

#content {
	padding-top: 41px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 24px;
}

/* Right Column : Related Items */

.rightColumntop {
	background-color: #ffcc33;
	height: 55px;
	padding-top: 10px;

        }
.rightColumntop img {
background-color: #ffcc33;
        }

#rcb {
	background: none;

}

#rcb li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-indent: 0px;
	list-style: none;
	background: transparent;
color: #666666;

}
#rcb li a {
color: #f37344;
	font-size: 11px;
	padding: 0px 10px 0px 7px;
}
.rightColumnBottom {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #CCCCCC;
	padding: 0px;
	height: auto;
	width: auto;
	list-style: none ;
        }
.newsletter {
	padding-left:10px;
}
.related {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #CCCCCC;
	padding: 00px 0px 0px 0px;
	height: auto;
	width: auto;
	list-style: none;
}
.listHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
}
        /*
.related li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-indent: 0px;
	list-style: url(../res/pfeilrechts8x10.gif);
	background: transparent;
}
*/
#related a {
	display:block;
}


/* footer */

.footer {
	background: #f37344;
	border:1px solid #f37344;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	padding: 1px 24px;
        }

/* Styling valid for all Areas */

.imagebox {
	border: 1px solid #ccc;
	width:400px;
} /* puts a grey border around image: <img class="imagebox" src="...> */
.imgfloat {
	margin: -1px 0px 0px -1px;
	border: 1px solid #ccc;
        }/* puts a grey border around images and floats them left: <img class="imgfloat" src="...> */
.imagetext {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 5px;
} /* puts  5px padding above image text */
.texticon {
	bottom: 1px;
} /* positions icons correctly in textflow (for link-arrows etc.) */
.imgMore {
	margin: -1px 8px 0px -1px;
	border: 1px solid #ccc;
}
.moreHeader {
	height: 88px;
}
.breadbar {
	background: url(../res/vhmLine.gif) repeat-x;
	height: 18px;
	vertical-align: middle;
}
hr {
	background: url(../res/vhmDots.gif) repeat-x;
}

.popupcontent {
	text-align: left;
	padding: 10px;
}
.glossar {
	color: #FFFFFF;
	padding: 4px 10px;
	text-align: left;
	vertical-align: middle;
}
.popupSpecs {
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-right: 10px;
}
.searchField {
width: 85px;
	font: 10px/10px Arial, Helvetica, sans-serif;
	color: #333;
}
.searchButton {
border: 1px solid #ffffff;
background-color: #ffcc33;
font-size: 9px;
width: 40px;
}
.navbar {
height: 20px;
background-color: #f37344;
}
#udm {
position:absolute;
z-index:5;
top: 4px;
left:0px;

}
#searchForm {
width: 170px;
float: left;
position: absolute;
top: 66px;
left: 840px;
z-index: 9;
font-size: 6px;
}


.rightColumnStart {
border-left: 10px solid #f37344;
/*background-color: #fdb628;*/
background-color:#CCCCCC;
}
.rightboxImg {
float: left;
 padding: 0px 0px 0px 10px;
}
.rightColumnStartOrange img {
border: 1px solid #f37344;
 margin: 0px 10px 0px 0px;
display: table;
}
.rightColumnStartYello img {
border: 1px solid #f37344;
 margin: 0px 10px 0px 0px;
display: table;
}
.rightColumnStartYello {
width: 267px;
background-color: #ffcc33;
padding: 10px 0px 10px 0px;
display: table;
}
.rightColumnStartOrange {
background-color: #fdb628;
padding: 10px 0px 10px 0px;
width: 267px;
display: table;

}

.rightboxtitle {
margin: 15px 0px 0px 15px;
display: block;
font-size: 14px;
color: #945f52;
}
.rightboxText {
margin-left: 90px;
margin-right: 10px;
position: relative;
/*top: -13px;*/
}
.contentStartLeftbox {
color: #666666;
width: 290px;
float: left;
padding: 20px 90px 0px 50px;

}
.contentStartRightbox {
color: #666666;
width: 280px;
float: left;
padding: 20px 0px 0px 0px;

}
.contentStartboxTitle {
font-size: 15px;
color: #333333;

}
#contentStart {
padding: 0px;
margin: 0px;
}
.commentDesc {
margin-top: 20px;
font-size: 10px;
float: left;
clear: both;
color: #ff6633;
}
.commentTitle {
font-size: 13px;
float: left;
clear: both;
}
.commentCopy {
font-size: 11px;
padding: 20px 0px 20px 40px;
float: left;
clear: both;
color: #666666;
}
.verhuetungLink img {
width: 290px;
height: 60px;
position: absolute;
top: 300px;
left: 30px;
border: 0px;
}
.verhuetungLink a {
display: block;

}
.verhuetungLink a:hover {
width: 290px;
height: 60px;
position: absolute;
top: 299px !important;
top: 300px;
left: 33px;
border: 0px;
background: url("../res/ver_ov.gif");
}
.abbruchLink img {
width: 290px;
height: 60px;
position: absolute;
top: 300px;
left: 410px;
border: 0px;
}

.abbruchLink a {
display: block;

}
.abbruchLink a:hover{
width: 290px;
height: 60px;
position: absolute;
top: 302px !important;
top: 303px;
left: 413px;
border: 0px;
background: url("../res/abb_ov.gif");
}

#objectNav *{
	outline:none;
}
#objectNav select {
width: 200px;
float: left;
display: block;

}
.pfeilL {
float: left;
padding-right: 8px;
}
.pfeilR {
position: relative;
top: -19px;
right: -220px;
padding-right: 8px;
}
#rightboxMuseumInfo {
width: 180px;
position: absolute;
left: 820px;
top: 140px;
}

.menuAktiv > a{
color: #f37344 !important;
background-color: #ffffff !important;
display: block;
}
.menuAktiv ul a{
color: #333333 !important;
display: block;
}
.menuAktiv ul a:hover {
color: #f37344 !important;
display: block;
}

#rcb ul{
padding: 10px 0px 0px 17px;
margin: 0px 0px 0px 0px;
}
#vr {
position: relative; 
top: -59px; 
left: -24px; 
height: 430px;
}
#audioplayer {
	padding: 1px;
	height:/*320px;*/50px;
	width:398px;
}
div.mediabox > div#audioplayer {
	height:320px;
}
#videoplayer {
	padding: 1px;
	height:320px;
	width:398px;
}
div.mediabox {
	padding: 1px 1px 1px 1px;
	/*height:400px;*/
	width:400px;
	border:1px solid #ccc;
	margin-bottom:15px;
}

div.mediabox > div.description {
	margin-top:10px;
	min-height:60px;
	padding:0px 10px 0px 10px;
	margin-bottom:10px;
	
	
}

a.showPicLink {
	float:left;
}

a.showPicLink > img.imgfloat {
	width:64px;
	height:64px;
}

a.showPicLink div.current{
	position:absolute;
	width:64px;
	height:64px;
	background-image: url('../pic/icon_overlay.gif');
	background-repeat:repeat;
	background-color:transparent;
	float:left;
}
a.showPicLink:hover > div {
	position:absolute;
	width:64px;
	height:64px;
	background-image: url('../pic/icon_overlay.gif');
	background-repeat:repeat;
	background-color:transparent;
	float:left;
}

a.showAudLink {
	float:left;
} 
a.showVidLink {
	float:left;
        position:relative;
}
/*a.showVidLink>div {
	height:64px;
	width:64px;
	float:left;
	background-image:url('../pic/rf_video_icon.jpg');
	margin: -1px 0px 0px -1px;
	border: 1px solid #ccc;
}*/
div.showVidLink {
	height:64px;
	width:64px;
	/*float:left;*/
	/*background-image:url('../pic/rf_video_icon.jpg');*/
	/*margin: -1px 0px 0px -1px;*/
	border: 1px solid #ccc;
}
div.showVidLinkTrans {
	height:64px;
	width:64px;
	position:absolute;
	background-image:url('../pic/rf_video_icon_trans.png');
	left:0px;
        top:0px;
        border: 1px solid #ccc;
}

a.showAudLink>div {
	height:64px;
	width:64px;
	float:left;
	background-image:url('../pic/rf_audio_icon.jpg');
	margin: -1px 0px 0px -1px;
	border: 1px solid #ccc;
}
div.showAudLink {
	height:64px;
	width:64px;
	float:left;
	background-image:url('../pic/rf_audio_icon.jpg');
	margin: -1px 0px 0px -1px;
	border: 1px solid #ccc;
}

a.showVidLink:hover div.showVidLink, div.showVidLink.current {
		background-image:url('../pic/rf_video_icon_act.jpg');
}
a.showAudLink:hover div.showAudLink, div.showAudLink.current {
		background-image:url('../pic/rf_audio_icon_act.jpg');
}

table.vidLink {
     margin-bottom:2px;margin-left:-2px;width:408px;border-collapse:collapse;
}
table.vidLink > tr {
    height:68px;
    
}
table.vidLink td.icon {
    width:66px;
}
table.vidLink td.text {
    padding:3px 0px 0px 5px;vertical-align:top;
}
table.vidLink tr:hover {
    background-color:#cccccc;
    cursor:pointer;
}
/*
a.showVidLink div.current {
		background-image:url('../pic/rf_video_icon_act.jpg');
}
a.showAudLink div.current {
		background-image:url('../pic/rf_audio_icon_act.jpg');
}

a.showVidLink>div:active {
		background-image:url('../pic/rf_video_icon_act.jpg');
}
a.showAudLink>div:active {
		background-image:url('../pic/rf_audio_icon_act.jpg');
}
*/
div#qinks {
	margin-bottom:5px;
}
div#related {
	margin-top:5px;
}
div#related * {
	outline:none;
}
a img.imgfloat + span {
	display:none;
	float:left;position:absolute;margin-left:-65px;margin-top:50px;color:white;background-color:#f37344;padding:0 1em;
}
a:hover img.imgfloat + span {
	display:inline;
}
li.subMenuAktiv{
	/*background-color: #F3BF99;*/
}

/* /museum/kulturgueter */
table#kulturgueter td{
	vertical-align:top;
}

/* standard color classes */
.red {
	color:red;
}
.green {
	color:green;
}

div#content div.portrait a{
        border:none;
        color:background;
}
div#content div.portrait a img:hover {
    cursor: -moz-zoom-in;
}

/* zoom overlay */
.zoom_overlay {
    background-image:url('../res/zoom.png');
    position:absolute;
    width:30px;
    height:30px;
    right:2px;
    bottom:2px;
}