@charset "UTF-8";
		 div.trans_background {
 	z-index:50;
 	background-color:#FFFFFF;
 	position:absolute;
 	left:0px;
 	top:0px;
 	width:100%;
 	height:100%;
 	cursor:pointer;
 }

 div.se_cal {
 	position:absolute;
 	z-index:51;
    margin: 0; 	
 }
 #se_cal_content {
 }
 #se_content{
 	padding:0;
 	margin:0;
 	position:relative;
 	display:inline;
 	height:auto;
 }
 #se_content img {
 	padding:0;
 	margin:0;
 }

 td.se_shadow_lt{
background:url('/images/shadow-topleft.png') 0 0 no-repeat;
 	 	
 	width:1px;
 	height:1px;
 }
 td.se_shadow_ct{
	background-color:#6c6c6c;
  	width:auto;
  	height:1px;
 }
 td.se_shadow_rt{
background:url('/images/shadow-topright.png') 0 0 no-repeat;
 	 	
 	width:14px;
 	height:1px;
 }
 td.se_shadow_lc{
 	background-color:#6c6c6c;
 	height:auto;
 }
 td.se_shadow_cc{
 	background-color:#ffffff;
 	height:auto;
 }
 td.se_shadow_rc{
background:url('/images/shadow-right.png') top right repeat-y;
	height:auto;
	vertical-align:top; 	 	
 }
 td.se_shadow_lb{
background:url('/images/shadow-bottomleft.png') left no-repeat;
 	 	
 	width:1px;
 	height:14px;
 }
 td.se_shadow_cb{
background:url('/images/shadow-bottomcenter.png') left repeat-x;
 	 	
 }
 td.se_shadow_rb{
background:url('/images/shadow-bottomright.png') right no-repeat;
 	 	
 	width:14px;
	height:14px;
 }
 .se_cal td {
 }
 
 table.se_cal_table{
 	background:#a90017 ! important;
 	padding:0;
 	margin:0;
 }
 
 tr.se_cal_head{
 	background:#ECECED;
 	text-align: center;
 	font-size: 12px;
 	font-weight: bold;
 }
 tr.se_cal_head a{
 	text-decoration: none;
 	font-size: 12px;
 	font-weight: bold;
 }
 
 
 tr.se_cal_data{
 }
 tr.se_cal_data td{
 	background:#ECECED;
 	text-align: center;
 	font-size: 12px;
 	font-weight: bold;
 	padding: 4px ! important;
 }
 tr.se_cal_data td a{
 	text-decoration: none;
 }
  
 td.se_cal_today{
 	background:#FFFFFF ! important;
 }
 td.se_cal_today a{
 }
 td.se_cal_event{
 	background:#D9DADB ! important;
 }
 td.se_cal_event a{
 	font-weight: bold;
 }
 
 div.se_cal_event_box{
 	position:absolute;
 	z-index:52;
 	display:none;
	background-color:#FFFFCC;
	border:1px solid #6B7994;
	padding:2px;
	text-align:left;
	font-size:10px;
	white-space:nowrap; 	
 }
 	body {
		font-family: Arial;
		font-size: 10pt;
		font-weight: normal;
		margin: 0;
		padding: 12px 0 0;	
	}
	
	img {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	a {
		text-decoration:  none;
	}
	
	.clear {
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	
	#headernavi {
		width: 990px;
		margin: 0 auto 7px;
	}
	
		#headernavi ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: right;
		}
		
			#headernavi ul li {
				margin: 0;
				padding: 0;
				float: left;
			}
		
				#headernavi ul li a {
					display: block;
					margin: 0;
					padding: 2px;
					font-size: 7pt;
					font-family: verdana;
					color: #999999;
				}
	
	#topshadow {
		background-image: url("/images/shadow_02.jpg");
		background-position: 0 0px;
	}
	
	#bottomshadow {
		background-image: url("/images/shadow_06.jpg");
		background-position: 0 0;
	}
	
	#wrapper {
		width: 990px;
		margin: 0 auto;
		padding: 0 0 100px;
		background: url("/images/wrapper_bg_04.jpg") 0 0 repeat-y;
	}
	
	#bottomshadow, #topshadow {
		background-repeat: no-repeat;
		width: 990px;
		height: 6px;
		margin: 0 auto;
		padding: 0;
	}
	
	#maparea {
		display: block;
		width: 223px;
		height: 310px;
	}
	
	#subnaviarea {
		width: 223px;
		min-height: 555px;
		height: auto !important;
		height: 555px;
		margin: 0;
		padding: 0;
		margin-left: 6px;
		background: url("/images/navibg_logo_03.jpg") 0 0 no-repeat;
		float: left;
	}
	
		#subnaviarea ul {
			list-style-type: none;
			margin: 0px 0 0 0;
			width: 223px;
			display: block;
			background: url("/images/navi_bg_01.png") 0 0 repeat-y;
			padding: 0;
		}
		
			#subnaviarea ul li {
				margin:0;
				padding: 0;
			}
		
		.navi_1, .navi_2, .navi_3 {
			margin: 0;
			padding: 0;
			display: block;
		}
		
		.navi_1 a {
			color: #999999;
			text-align: right;
			font-size: 9pt;
			font-weight: bold;
			width: 183px;
			display: block;
			font-family: verdana;
			margin: 0;
			padding: 9px 40px 9px 0;
		}
		
			.navi_1 a:hover {
				background-color: #23bad9;
				color: #ffffff;
			}
		
		.navi_2 a {
			font-family: verdana;
			text-align: right;
			font-size: 8pt;
			font-weight: bold;
			width: 165px;
			padding: 6px 58px 6px 0;
			display: block;
			color: #999999;
		}
		
			.navi_2 a:hover {
				background-color: #23bad9;
				color: #ffffff;
			}
		
		.navi_3 a {
			font-family: verdana;
			text-align: right;
			font-size: 7pt;
			font-weight: bold;
			width: 155px;
			padding: 6px 68px 6px 0;
			display: block;
			color: #b0b0b0;
		}
		
			.navi_3 a:hover {
				background-color: #23bad9;
				color: #ffffff;
			}
			
			.listimg {
				background:url('/images/subkat.png') 0 0 no-repeat;
				position: absolute;
				width: 4px;
				height: 4px;
				z-index: 2;
			}
			
			.listimg_2 {
				margin: -10px 0 0 170px;
			}
			
			.listimg_3 {
				margin: -10px 0 0 159px;
			}
			
			.activeKat {
				background-color: #23bad9;
				color: #ffffff;
			}
	
	
	#headcontentarea {
		width: 548px;
		float: left;
		margin: 0 0 0 10px;
	}
	
	#headerarea {
		width: 100%;
		height: 45px;
		border-bottom: 1px solid #ffffff;
	}
	
		#headerarea ul {
			list-style-type: none;
			margin: 0px 0 0 0;
			padding: 10px 0 0 0;
			width: 100%;
		}
		
			#headerarea ul li {
				margin: 0 25px 0 5px;
				padding: 0;
				display: block;
				float: right;
				white-space: nowrap;
			}
			
				#headerarea ul li a {
					display: block;
					color: #999999;
					font-size: 7pt;
					float: left;
					font-family: verdana;
				}
				
				.ico_info {
					padding: 10px 0 0 5px;
				}
	
	#webcam_ico {
		background:url('/images/webcam.png') 0 0 no-repeat;
		width: 32px;
		height: 28px;
		margin-top: 3px;
	}

	#newsmail_ico {
		background:url('/images/newslettermail.png') 0 0 no-repeat;
		width: 32px;
		height: 24px;
		margin-top: 4px;
	}
	
	#search_ico {
		background:url('/images/search.png') 0 0 no-repeat;
		width: 31px;
		height: 32px;
	}	
	
	#newsmail_ico, #search_ico, #korb_ico {
		background-position: 0 0 ;
		background-repeat:  no-repeat;
	}
	
	.contentarea {
		width: 508px;
		margin: 0;
		padding: 0 20px 20px 20px;
		font-family: verdana;
		color: #666666;
		border-top: 2px solid #ffffff;
	}
	
		.contentarea h1, contentarea_static h1 {
			color: #0070b8;
			padding: 25px 0 12px;
			margin: 0;
			font-size: 13pt;
			font-family: Arial;
		}
		.contentarea h2, contentarea_static h2 {
			color: #0070b8;
			padding: 15px 0 15px;
			margin: 0;
			font-size: 11pt;
			font-family: Arial;
		}
		.contentarea h3, contentarea_static h3 {
			color: #0070b8;
			padding: 0;
			margin: 0;
			font-size: 10pt;
			font-family: Arial;
		}
		
		.contenttext {
			font-size: 8pt;
			padding: 0 15px 0 0;
			width: 100%;
			text-align: justify;
			line-height: 140%;
		}
			.contenttext a, .contenttext_eventinfo a {
				color: #0070b8;
				padding: 0 2px;
			}
			.contenttext a:hover, .contenttext_eventinfo a:hover {
				color: #fff;
				background-color: #0070b8;
			}
		
		.contenttext_static {
			font-size: 8pt;
			padding: 12px 15px 0 0;
			width: 100%;
			line-height: 140%;
		}
		.contenttext_eventinfo {
			font-size: 8pt;
			padding: 12px 15px 0 0;
			width: 100%;
			float: left;
			line-height: 140%;
		}
		
		
		.details {
			color: #0070b8;
			padding: 0 2px;
		}
		
		.details:hover {
			color: #ffffff;
			background-color: #0070b8;
		}

		div.picbox-right{
			float: right;
			margin: 0 0 12px 12px;
		}
		div.picbox-left{
			float: left;
			margin: 0 12px 12px 0;
		}
		div.picbox-right a, div.picbox-left a {
			text-decoration:none;
			padding:0;
		}
		div.picbox-right a:hover, div.picbox-left a:hover{
			text-decoration:none;
			background-color:transparent;
			padding:0;
		}
	
	
	#sellingarea {
		float: left;
		width: 186px;
		margin: 0 0 0 11px;
		padding: 10px 0 0 0;
	}

	#korb_ico {
		background:url('/images/korb.png') 0 0 no-repeat;
		width: 32px;
		height: 33px;
		display: block;
		float: left;
	}

		.wkorb_info {
			float: left;
			color: #999999;
			font-family: verdana;
			font-size: 7pt;
			font-weight: normal;
			width: 148px;
			padding: 10px 0 0 0;
			margin: 0 0 0 5px;
		}
		
		.marketbasket {
			width: 170px;
			padding: 3px;
			margin-top: 4px;
			color: #999999;
			font-family: verdana;
			font-size: 7pt;
			font-weight: normal;
			border-top: none;
			border-right: 1px dotted #23bad9;
			border-bottom: 1px dotted #23bad9;
			border-left: 1px dotted #23bad9;
		}
		.marketbutton {
			width: 186px;
			padding: 8px 0 4px 0;
		}

		.counter{
			display:none;
			width: 170px;
			padding: 4px;
			margin: 0 0 6px 0;
			background: #F1F9FC;
			color: #0070b8;
			font-size: 16pt;
			font-weight: bold;
			text-align: right;
			cursor: pointer;
		}


		.logged_in {
			width: 170px;
			padding: 4px;
			margin: 4px 0 6px 0;
			background: #F1F9FC;
			color: #999999;
			font-family: verdana;
			font-size: 7pt;
			font-weight: normal;
		}
	
		
	.wkorb{
		width: 100%;
	}
		.wkorb th{
			border-bottom: 1px solid #CBE8EC;
			vertical-align: top;
		}
		.wkorb td{
			border-bottom: 1px solid #CBE8EC;
			vertical-align: top;
		}
		.wkorb .sum{
			border-bottom: 3px double #CBE8EC;
			text-align: right;
		}
		.wkorb .euro{
			border-bottom: 1px solid #CBE8EC;
			vertical-align: top;
			text-align: right;
		}
	
	
	#footerarea {
		width: 990px;
		margin: 0 auto;
		font-family: verdana;
		font-size: 8pt;
		font-weight: normal;
		color: #999999;
		padding-bottom: 20px;
	}
		
		#leftfooter {
			float: left;
			margin-left: 15px;
		}
		#leftfooter a {
			color: #999999;
			font-family: verdana;
			font-size: 8pt;
			font-weight: normal;
		}
				
		#rightfooter {
			float: right;
			margin-right: 15px;
		}
		
		#rightfooter a {
			color: #999999;
			font-family: verdana;
			font-size: 8pt;
			font-weight: normal;
		}
		
		div.logos {
			margin: 30px 0 10px 0;
			text-align: center;
		}
		
		span.logos {
			margin: 0 0 0 15px;
		}

	.hide{
		display:none;
	}

	div.fadeback{
		background-color: #F8F8F8;
	}
	
	
	div.search_form{
		width:400px;
		padding:12px;
		font-family: verdana;
		color: #666666;
		font-size: 8pt;
		text-align: justify;
	}

		.search_form h1, h2 {
			color: #3961aa;
			padding: 0;
			margin: 0 0 10px 0;
		}
		.search_form h1 {
			font-size: 12pt;
		}
		.search_form h2 {
			font-size: 9pt;
		}

		.search_form a {
			color: #3961AA;
			text-decoration: underline;
		}
		.search_form a:hover {
			color: #8a8a8a;
			text-decoration: none;
		}
		.search_form form{
			margin: 0;
			padding: 0;
		}

	#search_browse {
		margin: 8px 0 12px 0;
	}
	#search_content {
		line-height: 13pt;
	}	
	
	
	div.picgal_preview{
		width:198px;
		height:auto;
		overflow: hidden;
		display: block;
		position: relative;
		white-space:nowrap;
	}
	
	div.picgal_preview img{
		padding: 1px;
	}
	
	div.picgalPreviewBox{
		width: 624px;
		height: auto;
		padding: 0 12px 0 12px;
		position: relative;
		display: block;
		clear: both;
	}
	div.picgalPreviewBoxVisible{
		width: 580px;
		overflow: hidden;
		position: relative;
	}
	div.picgalPreviewBoxContent{
		/*left: 0px;*/		
		position: relative;
		white-space:nowrap;
	}
	div.picgalPreviewBoxContent a{
		padding: 5px;
	}
	td.picgalPreviewBoxMoveLeft{
		width:10px;
		text-align:center;
	}
	td.picgalPreviewBoxMoveRight{
		width:10px;
		text-align:center;
	}
	div.picgalBigPic{
		display:none;
		width:624px;
		padding: 6px 12px 12px 12px;
		text-align:center; 
	}
	
	table.picgalBigPic{
		width:600px;
	}
	.picgalTitel{
		font-weight:bold;
	}
	.picgalTitel a{
		COLOR:#c4161c ! important;
		font-size: 12px;
		FONT-WEIGHT: bold ! important;
		text-decoration:none;	
	}
	td.picgalBigPic_close{
		background-color:#DBE8EE;
		text-align:right;
	}
	td.picgalBigPic_close a{
		color:#7F6354; 
		font-family:Arial,Verdana,sans-serif; 
		font-size:10px; 
		font-weight:bold;
	}
	td.picgalBigPic_pic{ 
		vertical-align:top;
		text-align:center;
	}	
	div.picgalMemo{
		font-weight:normal;
		margin-bottom: 12px;
	}
	div.picgalBigPic_memo{
		font-weight:normal;
		margin-bottom:4px;
		text-align:left;
	}
	
	.download{
		background: #CBE8EC;
		padding: 2px 0 6px 2px;
		margin: 12px 0 6px 0;
		clear: both;
	}
		.download a{
			color: #0070b8;
		}
		.download a:hover {
			color: #0070b8;
			font-weight: bold;
			background: transparent;
		}
	
	
/*
	Classename next wird fuer Calendar verwendet
	Anscheinend wird dieser Aufruf im Projekt aber nicht verwendet
	Am ehesten würden die Links einer Content-Kategorie damit formatiert
*/	
	 
	.nextcontent{
		width: 50%;
		text-align: right;
	}
	.backcontent{
		width: 50%;
		text-align: left;
	}
	.alpha{
		background:#CBE8EC;
	}
	
		.advlistspan {
			float: left;
		}
		
			.advimg {
			}

			.img {
				margin: 0;
				padding: 0;
			}
			
			.infobox {
				border: 1px solid #718189;
			}
			
				.infobox ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				
				.infobox ul li {
					margin: 0;
					padding: 0;
					display: inline;
				}
				
				.infobox ul li a {
					margin: 0;
					text-decoration:none;
				}
				
				.infobox ul li a span {
					margin: 0;
					padding: 0;
				}
				
				.g {
					background-color: #f7f7f8;
				}
				
				.b {
					background-color: #ebf0f2;
				}
				
				.g, .b {
					color: #344b57;
				}
				
				.g:hover, .b:hover {
					background-color: #eeeeee;
					color: #666666;
				}			
				
	hr {
		margin: 0px 0px 15px 0px;
		padding: 10px 0px 0px 0px;
		height: 0px;
		border-bottom: 1px dotted #23bad9;
		border-right: none;
		border-top: none;
		border-left: none;
		clear: both;
	}
	.relevanz{
		color: #999999;
		font-family: verdana;
		font-size: 7pt;
		font-weight: normal;
	}

	.activate_email{
		margin-top: 12px;
	}
	.activate_email a{
		color: #0070b8;
	}
		
	.lost_passwort{
		margin-top: 12px;
	}
	.lost_passwort a{
		color: #0070b8;
	}
	
	.steps{
		width: 100%;
		margin-top: 12px;
		text-align: center;
	}
.input_quernav{
	width:220px;
	margin-right:4px;
}
.input_options{
	width:14px;
	font-family:Verdana,Arial;
	font-size: 8pt;
}
.select_options{
	width:42px;
	font-family:Verdana,Arial;
	font-size: 8pt;
}
.input_price{
	width:56px;
	font-family:Verdana,Arial;
	font-size: 8pt;
}

div.formtext{
	float:left;
	width: 30%;
	margin: 0 0 8px 0;
}
div.formelement{
	float:left;
	width: 70%;
	margin: 0 0 8px 0;
}
	.formelement select{
		width: 226px;
	}

.important{
	font-size: 7pt;
	text-align: justify;
	color:red;
}

.error{
	width: 100%;
	margin: 0 0 8px 0;
	font-size: 7pt;
	color:red;
}

	.businessOnly{
		display:none;
	}
	
	/* CSS Eigenschaften für den Kalender */
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}

input.calendar, select.calendar {
	float: left;
	width: 99px;
	margin: 0 6px 0 0;
}

button.calendar {
	background: url(/images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
}
button.calendar:hover, button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(/images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(/images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(/images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(/images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(/images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(/images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(/images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(/images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}	
	
	
	
/**
* CSS Klassen für die Bahnreservierung
*/	

/**
* div.bahn_view
* Übergeordnetes div, In dieses DIV kommen alle Bahnen und Zeit-Blöcke
*/
div.bahn_view{
	color:#000000;
	width: 100%;	
}
/**
* div.book_times
* Übergeordnetes DIV für die Zeitanzeige
*/
div.book_times{
	position:relative;
	width:70px;
	float:left;
	background-color:#fff;
}
/**
* div.bahn
* Übergeordnetes DIV für jede Bahn
*/
div.bahn{
	position:relative;
	width:70px;
	float:left;
}
/**
* div.bahn_titel
* Beschriftung für Zeit und Bahnen
*/
div.bahn_titel{
	height: 40px;
	background-color:#0070b8;
	padding: 6px;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #dff6f9;
	border-left: none;
}
/**
* div.bahn_time und div.book_time * Einzelne DIVs mit den Zeiten bzw. den Reservierungsblöcken pro Bahn
*/
div.book_time, div.bahn_time{
	height: 20px;
	padding: 4px;
}
div.book_time{
	border: 1px solid #dff6f9;
	border-top: none;
	border-left: none;
}
div.bahn_time{
	border: 1px solid #dff6f9;
	border-top: none;
	border-left: none;
}

/**
* div.free
* Klasse für verfügbare Blöcke, hellblau
*/ 
div.free{
	cursor:pointer;
	background-color: #CBE8EC;
	color: #CBE8EC;
}
div.free:hover{
	background-color: #ffdf7c;
	color: #ffdf7c;
}
/**
* div.reserved
* Klasse für bereits reservierte Blöcke,rot
*/ 
div.reserved{
	background-color: #ff7c7c;
	color: #e26363;
	font-size: 7pt;
	font-weight: bold;
}
/**
* div.marked
* Klasse für markierte Blöcke, gelb
*/
div.marked{
	cursor:pointer;
	background-color: #ffdf7c;
	font-size: 8pt;
	color: #0070b8;
}
div.marked:hover{
	background-color: #CBE8EC;
}

/**
* Styles für Formular-Validierung
*/

/**
* input.validation-failed
* Input-Feld in dem ein Eingabefehler festgestellt wurde
input.validation-failed{
	background-color:#FF0000;
}

/**
* Span Klasse zum Öffnen der AGB in AJAX - Popup
*/
span.showAgb{
	cursor:pointer;
}
span.showAgb:hover{
	color:#FF0000;
}
div.agb_popup{
	width: 600px;
	height: 600px;
	overflow: auto;
}
	div.agb_popup div.contentarea {
		width: 98%;
		margin: 0;
		padding: 0;
		border: none;
	}

/**
* Klassen für Tool-Tips
* Der erstellte Div-Block sieht dann 
* etwa so aus:
*
*<div class="options.className"> //the className you pass in options will be assigned here.
*    <div class="tip-top"></div> //useful for styling
*    <div class="tip">
*        <div class="tip-title"></div>
*        <div class="tip-text"></div>
*    </div>
*    <div class="tip-bottom"></div> //useful for styling
*</div>
*/
.tip-top { 
	width:200px;
	height:6px;
	background:url(/images/tip-top.png) top left no-repeat;
}
.tip {
	width:200px;
	font-family:verdana,arial;
	font-size: 7pt;
	background-color:#0070b8;
}
.tip-title { 
	color:#fff; 
	font-weight:bold; 
	margin:0px 4px 0 4px; 
}
.tip-text { 
	color:#F1F9FC; 
	padding:10px 10px 10px 10px; 
}
.tip-bottom { 
	width:200px;
	height:6px;
	background:url(/images/tip-bottom.png) left bottom no-repeat;
}
.toolspan{
	color: #0000EE;
	cursor: pointer;
}

/**
* Webcam Selector für das Laden von Vorschau-Images
*/
img.webcamThumb{
	cursor:pointer;
}
div.webcam{
	padding: 6px 12px 12px 12px;
	text-align:center; 
}