/* CSS Document */

/* MAIN */

html {
	height:100%;
}
body {
	margin:0px; 
	padding:0px;
	height:100%;
	border:0px;
	background:#fff; 
	font:normal 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#555;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#888;
	scrollbar-track-color:#fff; 
	scrollbar-darkshadow-color:#fff;
}
#main {
	width:900px; 
	margin:20px auto 0 auto;
}
.font-special {
	font:bold 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#666;
}
.font-small {
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#999;
}
.font-pics {
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#ccc;
}
.red {
	color:#e30000;
}
a:link {
	color:#596397; text-decoration:none;
}
a:visited {
	color:#596397; text-decoration:none;
}
a:hover {
	color:#333; text-decoration:none;
}
.titlepic {
	width:350px;
	height:30px;
	border:none;
	margin: 0 0 10px 0;
}
img {
	border:none;
}


/* HEADER */

#header {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:170px;
}
#header a:link {
	color:#555; text-decoration:none;
}
#header a:visited {
	color:#555; text-decoration:none;
}
#header a:hover {
	color:#888; text-decoration:none;
}

/* LEFT */

#left {
	position:relative;
	float:left;
	width:210px;
	font:normal 10px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#555;
}		
	#shortnews, #newsletter {
		position:relative;
		width:195px;
		height:150px;
		left:0px;
		top:0px;
		margin:0px;
		padding:0 0 0 15px;
		background:url(../graphics/bg_box_all.jpg) no-repeat;
	}
		#shortnews-frame, #newsletter-frame {
			position:relative;
			width:190px;
			height:140px;
			left:0px;
			top:5px;
			background:transparent;
		}


/* MAIN */	
	
#content-mainframe {
	position:relative;
	float:left;
	width:651px;
	height:auto;
	min-height:398px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:3px 3px 0 4px;
	padding:15px 15px 30px 15px;
}
#mainframe {
}
#content {
	position:absolute;
	width:651px;
	height:auto;
}
#livestream {
	position:relative;
	width:645px;
	height:440px;
	border:none;
	margin:25px 0 25px 0;
	padding:0px;
	text-align:center;
}
#route {
	text-align:center;
	margin:50px 0 15px 0;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#ccc;
}


/* FOOTER */

#footer a:link {
	color:#555; text-decoration:none;
}
#footer a:visited {
	color:#555; text-decoration:none;
}
#footer a:hover {
	color:#888; text-decoration:none;
}
#footer {
	float:left;
	position:relative;
	width:900px;
	height:38px;
	margin:4px 0 0 0;
	padding:22px 0 0 0;
	background:url(../graphics/footer.jpg) no-repeat;
	text-align:center;
	font:bold 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}
#copyright {
	float:left;
	position:relative;
	width:900px;
	height:10px;
	padding:10px 0 25px 0;
	text-align:center;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#ccc;
}


/* VORWORT */

#pic-vorwort {
	position:absolute;
	top:0px;
	left:391px;
	width:260px;
	height:206px;
}


/* MEDIATHEK */

.forminput-mediathek {
	border:1px solid #ccc;
	font:normal 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:#555;
	width:300px;
	line-height:20px;
	margin:15px 0 15px 0;
}
.thumbs_mediathek img {
	border:1px solid #fff;
	background:url(../graphics/bg_thumbs.jpg) no-repeat;
	width:150px;
	height:100px;
	padding:5px;
	margin:0 0 15px 39px;
}
.thumbs_mediathek img:hover {
	border:1px solid #ccc;
	cursor:pointer;
}
.preload_background {
}


/* TRIPCON */

#tripcon {
	background:url(../graphics/tripcon_googlemaps.jpg) no-repeat;
	margin:30px 3px 20px 3px;
	padding:10px;
	width:625px;
	height:625px;
}
#map_canvas {
	width:625px;
	height:625px;
	border:none;
}

.preload_tripcon_pic {background:url(../tripcon/graphics/bg_pic.png);
}