@charset "utf-8";
/* ----- CSS Document Cho&Co ----- */
/* ----- Viermament GmbH ----- */
/* ----- Wilhelm-Leuschner-Str. 14 ------ */
/* ----- 60329 Frankfurt ----- */

/* -------------------------- */
/* ----- Erstellt: 26.08.2010 ------ */
/* -------------------------- */

/* -------------------------- */
html, body, table, tr, td, div, ul, li, p, img, a, h1, h2, h3{
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	list-style: none;
	
}

html{width:100%;}
body{
	background: #d5d9d8 url(bgbg.png) repeat-x;
	font: normal normal normal 9pt/12pt  Arial, sans-serif;
	width:100%;
	overflow:hidden !important;
}

h1{	color: rgb(254, 254, 254);
	font: bold 12pt/12pt  Arial, sans-serif;}
h2{	font-size:9pt;
	font-weight:normal;
	color:gray;
}		
p{	color: black;
    font-family: Arial, sans-serif;
 }
b{	font-weight:bold;
}
a{	text-decoration:none;
	cursor:pointer;
	color:#000000;
}
a:hover{
	color:rgb(254, 254, 254);
}

#page_container{
	width:900px;
	height:570px;
	position:absolute;
	margin:-285px 0 0 -450px;
	top:50%;
	left:50%;
	outline:2px dotted white;
	background-image:url(bilder/trans_30.png);
	background-repeat:repeat;
}
#flagge{
	position:absolute;
	right:0;
	top:0;
}

.filmstreifen{
	position:absolute;
	top:0;
	width:104px;
	padding:0 0 0 12px;
	background-image:url(filmstreifen.png);
	background-repeat:repeat-y;
}
.filmstreifen a{
	display:inline !important;
}
.filmstreifen img{
	border-bottom:3px solid black;
}
#links{
	left:25px;
}
#rechts{
	left:605px;
}

#content{
	width:340px;
	height:460px;
	position:absolute;
	top:30px;
	left:185px;
	background-image:url(bilder/trans_60.png);
	background-repeat:repeat;
	padding:20px;
	-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.5);
	box-shadow:  0px 0px 20px rgba(255,255,255,0.5);
}
#content div{
	display:none;
}
#content .start{
	display:block;
}
#content div img, iframe{
	border:3px solid rgb(254,254,254);
}

#navigation{
	width:140px;
	position:absolute;
	height:237px;
	top:140px;
	right:0;
	border-left:1px solid black;
}
#navigation p{
	border-bottom:1px solid black;
	padding:1px 0 1px 6px;
	border-top:1px solid black;
	background-image:url(bilder/trans_50.png);
	background-repeat:repeat;
	font-weight:bold;
}
.navigation li{
	border-left:5px solid black;
	border-bottom:1px solid black;
	background-image:url(bilder/trans_50.png);
	background-repeat:repeat;
	width:112px;
	position:relative;
	left:16px;
	padding:1px 0 2px 7px;
	cursor:pointer;	
}
.navigation li:last-child, .navigation .anfahrt, .navigation .bad, .navigation .winter{
	border-bottom:none !important;
}
.navigation li:hover{
	color:rgb(254, 254, 254);
}
.navigation .selected, #navigation p .selected{
	color:rgb(254, 254, 254) !important;
}
#navigation p a{
	font-weight:normal !important;
	color:#000;
}
#navigation p a:hover{
	font-weight:normal !important;
	color:rgb(254, 254, 254);
}