/* CSS Document */

/* MAIN */

html {
	height:100%;
}
body {
	margin:0px; 
	padding:0px;
	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:1105px; 
	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:150px;
	height:30px;
	border:none;
	margin: 0 0 10px 0;
}

/* HEADER */

#header {
	position:relative;
	left:0px;
	top:0px;
	width:1105px;
	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;
}	
	#preview-partner {
		position:relative;
		width:200px;
		height:150px;
		left:0px;
		top:0px;
		margin:0px;
		padding:0 0 0 10px;
		background:url(../graphics/bg_box_partner.jpg) no-repeat;
	}	
	#counter, #bordnews, #projektnews, #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;*/
		background:#fff;
	}
		#flash-counter {
			position:relative;
			width:180px;
			height:100px;
			left:0px;
			top:0px;
		}
		#projektnews-frame, #newsletter-frame {
			position:relative;
			width:190px;
			height:140px;
			left:0px;
			top:5px;
			background:transparent;
		}
		#bordnews-frame {
			position:relative;
			width:185px;
			height:128px;
			left:0px;
			top:5px;
			background:transparent;
		}


/* MAIN */	
	
#content-mainframe {
	position:relative;
	float:left;
	width:645px;
	height:auto;
	min-height:398px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:3px 4px 0 4px;
	padding:15px 15px 30px 15px;
}
#mainframe {
}
#content {
	position:absolute;
	width:645px;
	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;
}
.partner-logo {
	position:relative;
	left:0px;
	display:table-cell;
	vertical-align:middle;
	width:280px;
	height:150px;
	background:#ccc;
}

.partner-logo p {
	margin:0;
}
#partner-text {
	position:relative;
	width:365px;
	height:150px;
	background:#777;
}
#search {
	position:relative;
	float:left;
	width:1105px;
	height:1px;
	clip:rect(0px 800px 1px 0px);
	overflow:hidden;
	background:#fff;
}	


/* 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;
}
#fotoleiste {
	float:left;
	position:relative;
	width:899px;
	height:144px;
	margin:5px 0 0 1px;
	background:url(../pics/fotoleiste.jpg) no-repeat;
}
#footer {
	float:left;
	position:relative;
	width:1105px;
	height:50px;
	margin:4px 0 0 0;
	padding:10px 0 0 0;
	background:url(../graphics/footer.jpg) no-repeat;
	text-align:center;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	line-height:18px;
}
#copyright {
	float:left;
	position:relative;
	width:1105px;
	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:385px;
	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(../mediathek/graphics/bg_thumbs.jpg) no-repeat;
	width:150px;
	height:100px;
	padding:5px;
	margin:0 0 15px 37px;
}
.thumbs_mediathek img:hover {
	border:1px solid #ccc;
	cursor:pointer;
}
#zaplive_player {
	position:relative;
	background:url(../graphics/bg_zaplive_player.jpg) no-repeat;
	width:440px;
	height:312px;
	margin:25px 0 25px 92px;
	padding:10px;
}


/* TRIPCON */

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

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


/* PARTNER */

.thumbs_partner img {
	border:1px solid #fff;
}
.thumbs_partner img:hover {
	border:1px solid #ccc;
	cursor:pointer;
}