/***		Anfang Allgemeine Seitendefinitionen		***/
html, body, .std {
	background-color: #FFFFFF;
	font-size: 			11px;
	font-family: 		Verdana,Arial,Helvetica,sans serif;
	color: 				#000000;
	margin:				0;
	padding:				0;
	text-align:			center;
	min-height:			100%;

}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p {
	margin:	0;
	padding:	0;
}

h3 {
	font-size:		10px;
}

h4 {
	font-size:		11px;
}

p {
	margin-bottom:	18px;
}

a:link		{ color:#000; }
a:visited	{ color:#000; }
a:hover		{ color:#000; }
a:active		{ color:#000; }


#container {
	margin:			auto;
	height:			100%;
	width:			840px;
	text-align:		left;
	/*border wegen IE 5.0 PC, sonst zieht er mir Layout wegen Javascript-Optimierung auseinander */
	border:		1px solid #FFF;
}

#inhalt {
	width:	838px;
}

/***		Ende Allgemeine Seitendefinitionen		***/

/***		Anfang Headerbereich		***/

/* unsichtbarer schalter um flash zu deaktivieren (fuer screenreader) */
#flashswitch {
	position: absolute;
	z-index: 1001;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

#mainnav {
	width:			840px;
	height:			32px;
	margin-bottom:	7px;
}

#mainnav li {
	list-style-type: 	none;
	height:		32px;
	float:		left;
}

#mainnav li a {
	height:		32px;
	font-size:	1px;
	color:		#FFF;
	display:		block;
	text-decoration: none;
}

#mainnav li a:link		{ background-position: 0 0; }
#mainnav li a:visited	{ background-position: 0 0; }
#mainnav li a:hover		{ background-position: 0 -32px; }
#mainnav li a:active	{ background-position: 0 -32px; }

#mainnav li a.active:link		{ background-position: 0 -32px; }
#mainnav li a.active:visited	{ background-position: 0 -32px; }
#mainnav li a.active:hover		{ background-position: 0 -32px; }
#mainnav li a.active:active		{ background-position: 0 -32px; }

.mainnav-vitra a {
	width:	52px;
	height:	32px;
	margin-right: 5px;
	background: transparent url(../img/mainnav/vitra.gif) no-repeat top left;
}

.mainnav-design a {
	width:	71px;
	height:	32px;
	margin-right: 4px;
	background: transparent url(../img/mainnav/design.gif) no-repeat top left;
}

.mainnav-museum a {
	margin-right: 486px;
	width:	87px;
	height:	32px;
	background: transparent url(../img/mainnav/museum.gif) no-repeat top left;
}


.mainnav-shop a {
	width:	133px;
	height:	32px;
	float:	left;
	background: transparent url(../img/mainnav/shop.gif) no-repeat top left;
}

#nav-container {
	height:	98px;
}

#navColorBox {
	width:		138px;
	height:		98px;
	border:		2px solid #D6D6D6;
	background:	#FFFFFF url(../img/nav/mainnav_colors.gif) no-repeat;
	float:		left;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width:		134px;
	height:		94px;
}
html>body #navColorBox {
	width:		134px;
	height:		94px; /* end bmh */
}

#navColorBox a:link 		{ display:block; width:	134px; height:	94px; }
#navColorBox a:visited 		{ display:block; width:	134px; height:	94px; }

#navTextBoxen {
	width:	700px;
	height:	98px;
	float:	left;
}

#navTextBoxen li {
	margin-left:		2px;
	margin-bottom:		2px;
	list-style-type: 	none;
	width:				138px;
	height:				48px;
	background-color:	#EBEBEB;
	float:				right;	/*right deshalb, weil der IE bei left 2Pixel zuviel darstellt*/
}

#navTextBoxen li a {
	font-size:			1px;
	color:				#EBEBEB;
	display:			block;
	text-decoration:	none;
	height:				48px;
	width:				138px;
}


#navTextBoxen li a:link		{ background-position: 0 0; }
#navTextBoxen li a:visited 	{ background-position: 0 0; }
#navTextBoxen li a:hover	{ background-position: 0 -48px; }
#navTextBoxen li a:active	{ background-position: 0 -48px; }

#navTextBoxen li a.active:link		{ background-position: 0 -48px; }
#navTextBoxen li a.active:visited 	{ background-position: 0 -48px; }
#navTextBoxen li a.active:hover		{ background-position: 0 -48px; }
#navTextBoxen li a.active:active	{ background-position: 0 -48px; }

#pfad-container {
	border-bottom:	1px solid #FFF;
	margin:	12px 0 0 0;
	width:	838px;
	padding-left: 151px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width:			683px;
}
html>body #pfad-container {
	width:		683px; /* end bmh */
}

#pfad {
	margin:			0 0 10px 0;
	float:			left;
	height:			11px;
	width:			600px;
}

#pfad li {
	list-style-type: 	none;
	color:				#999;
	font-size:			10px;
	float:				left;
}

#pfad li a {
	text-decoration:	none;
	color:				#999;
}

#lang-de {
	font-size:	10px;
	width:		50px;
	float:		right;
	text-align:	right;
	background: transparent url(../img/arr_r.gif) no-repeat bottom left;
}

#lang-de a {
	display:	block;
	color:	#000;
	text-decoration:	none;
}

#lang-en {
	font-size:	10px;
	width:		55px;
	float:		right;
	text-align:	right;
	background: transparent url(../img/arr_r.gif) no-repeat bottom left;
}

#lang-en a {
	display:	block;
	color:	#000;
	text-decoration:	none;
}

/***		Ende Headerbereich		***/

/***		Anfang Contentbereich		***/

h3{
	font-size: 11px;
	font-weight: bold;
}

#subnav {
	width:		140px;
	float:		left;
}

#subnav-dyn {
	margin:	5px 0 0 0;
}

#subnav li {
	list-style-type: 	none;
	margin-bottom: 	4px;
	margin-right: 	4px;
}


#subnav li a {
	text-decoration:	none;
}

#subnav .vi li a:link		{ color:#000; }
#subnav .vi li a:visited	{ color:#000; }
#subnav .vi li a:hover		{ color:#EF6910; }
#subnav .vi li a:active		{ color:#EF6910; }

#subnav .vi li a.active:link		{ color:#EF6910; }
#subnav .vi li a.active:visited 	{ color:#EF6910; }
#subnav .vi li a.active:hover		{ color:#EF6910; }
#subnav .vi li a.active:active	{ color:#EF6910; }

#subnav .de li a:link		{ color:#000; }
#subnav .de li a:visited	{ color:#000; }
#subnav .de li a:hover		{ color:#D60039; }
#subnav .de li a:active		{ color:#D60039; }

#subnav .de li a.active:link		{ color:#D60039; }
#subnav .de li a.active:visited 	{ color:#D60039; }
#subnav .de li a.active:hover		{ color:#D60039; }
#subnav .de li a.active:active	{ color:#D60039; }

#subnav .mu li a:link		{ color:#000; }
#subnav .mu li a:visited 	{ color:#000; }
#subnav .mu li a:hover		{ color:#EF518C; }
#subnav .mu li a:active		{ color:#EF518C; }

#subnav .mu li a.active:link		{ color:#EF518C; }
#subnav .mu li a.active:visited 	{ color:#EF518C; }
#subnav .mu li a.active:hover		{ color:#EF518C; }
#subnav .mu li a.active:active	{ color:#EF518C; }

#text-box {
	width:	420px;
	float:	left;
	vertical-align: top;


}

#text {
	margin:			0 30px 0 14px;
	width:			375px;
	border-bottom:	1px solid #FFF;
}

#link-box {
	margin:	15px 0 0 0;
	position:	relative;
	border:	2px solid #D6D6D6;
	min-height: 94px;
  	/* dirty hack for IE 6 */
  	height: auto !important;
  	height: 94px;

}

.zwei-spalten {
	position:	absolute;
	top: 		0px;
	left: 		0px;
	width:	278px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width:			274px;
}
html>body .zwei-spalten {
	position:	absolute;
	top: 		0px;
	left: 		0px;
	width:		274px; /* end bmh */
}

.zwei-spalten .links {
	position:	absolute;
	top: 		0px;
	left: 		0px;
	width:	260px;
}

.zwei-spalten .links-img {
	position:	absolute;
	top: 		0px;
	left: 		0px;
	width:	166px;
	border:	1px solid #000;
}


.drei-spalten {
	width:	418px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width:			414px;
	border:	1px solid #000;
}
html>body .drei-spalten {
	width:		414px; /* end bmh */
}

.drei-spalten .links {
}

.drei-spalten .links-img {
float: left;
	width: 290px;
}

.link-box-bild {
	width:	100px;
	height:	94px;
	float: left;
}

#link-box-liste {
	margin:	8px 0 0 20px;
	list-style-type:	none;
	display:	block;
}

#link-box-liste li {
	margin:	0 0 6px 0;
	/*border: 	1px solid #000;*/
}

#link-box-liste li a {
	font-size:		10px;
	text-decoration:	none;
}

/* rosa pfeil links */
.arr-mu, .arr-mu:link, .arr-mu:visited, .arr-mu:hover, .arr-mu:active{
	color:#EF518C;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	padding-left: 10px;
	background: url(../img/arr_mu.gif) no-repeat left top;
	text-decoration: none;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .arr-mu, html>body .arr-mu:link, html>body .arr-mu:visited, html>body .arr-mu:hover, html>body .arr-mu:active {
	padding-left: 10px;
	background: url(../img/arr_mu.gif) no-repeat left top;
	color: #EF518C;
	text-decoration: none;	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#inhalt .arr-mu, html*#inhalt .arr-mu:link, html*#inhalt .arr-mu:visited, html*#inhalt .arr-mu:hover, html*#inhalt .arr-mu:active {
	padding-left: 10px;
	background: url(../img/arr_mu.gif) no-repeat left top;
	color: #EF518C;
	text-decoration: none;
}



/* roter pfeil links */
.arr-de, .arr-de:link, .arr-de:visited, .arr-de:hover, .arr-de:active{
	color:#D60039;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	padding-left: 10px;
	background: url(../img/arr_de.gif) no-repeat left top;
	text-decoration: none;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .arr-de, html>body .arr-de:link, html>body .arr-de:visited, html>body .arr-de:hover, html>body .arr-de:active {
	padding-left: 10px;
	background: url(../img/arr_de.gif) no-repeat left top;
	color: #D60039;
	text-decoration: none;	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#inhalt .arr-de, html*#inhalt .arr-de:link, html*#inhalt .arr-de:visited, html*#inhalt .arr-de:hover, html*#inhalt .arr-de:active {
	padding-left: 10px;
	background: url(../img/arr_de.gif) no-repeat left top;
	color: #D60039;
	text-decoration: none;
}

/* video headlines */
h4.video-de {
	color: #D60039;
	margin-bottom:10px;
}
h4.video-mu {
	color: #EF518C;
	margin-bottom:10px;
}
.video-offset {
	padding-bottom:20px;
}

.stop-float {
	clear:		both;
}

.stop-float-right {
	clear:		right;
}

.stop-float-left {
	clear:		left;
}

#color-boxen {
	width:	278px;
	height:	588px;
	float:	left;
}

.mosaik {
	width:	139px;
	height:	98px;
	float:	left;
}
/***		Ende Contentbereich		***/


#footer {
	width:	838px;
	height:	40px;
	position:relative;
}

#termine {
	margin:	0 0 15px 0;
}

#termine li {
	list-style-type:	square;
	list-style-position:	inside;
}

#text ul {
	margin-left: 15px;
}

/* login form fields */
.vip_form_input {
	font-size: 11px;
	font-family: Verdana, Arial,Helvetica,sans serif;
	color:#333333;
	border-style:solid;
	border-width:1px;
	border-color: #333333;
	background:#FFFFFF;
}

.vipnews_login{
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	border: 0px solid red;
	text-align: left;
	vertical-align: top;
}

.error, .adm_error { color:#FF0000; }