/*
 * CSS-File for
 * www.
 * Copyright (c) CLICKSPORTS
 * $Rev: 11 $
 * $Author: cs $
 * $Date: 2008-11-15 00:44:27 +0100 (Sa, 15 Nov 2008) $
 * 
 * Transitional CSS Styles from old version of website. Will be faded out soon
 */

/****** Artikeliste ******/

#content .al {
	margin:10px 0px;
}

#content .al .al_artikel{
	margin:10px 0px;
	padding: 5px 8px;
	border: 1px solid #E5E8EA;
}

#content .al p, .al_artikel p {
	margin: 5px 0px;
}

/****** DOWNLOAD ******/

div#content .download-hdl p { margin-top:20px; margin-bottom: 0px; padding:5px 20px; background-color:#00529B; font-weight:bold; color:#fff; }
div#content .download-file { margin-bottom:30px; background-color:#F2F4F5; padding:10px; }
div#content .download-file table { display:block; }
div#content .download-file td { padding:3px; text-align:left; vertical-align:middle; }
div#content .download-file td a { text-decoration: underline; }

/*
** Stile f�r Entwicklung
*/
p.entwicklungsleistungen, p.entwicklungsleistungen_empty { margin: 5px 0px !important; }
p.entwicklungsleistungen strong {
	padding-left: 20px;
	background-image: url(../files/bullet_plus.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.entwicklungsleistungen { margin: 0px 25px; }

p.entwicklungsleistungen_empty strong {
	padding-left: 20px;
	background-image: url(../files/bullet.gif);
	background-repeat: no-repeat;
}


div.entwicklungsleistungen ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style-type: none !important;
}

div.entwicklungsleistungen ul li {
	margin: 2px 0px !important;
	padding-left: 10px !important;
	list-style-type: none !important;
	background-image: url(../files/bullet_mini.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

hr { height: 1px; }

/* Quicktime Panorama */
div.panorama_wrapper { margin: 10px 0px; border: 1px solid #E5E8EA; }
div.panorama_left { padding: 8px 8px 0px 8px; float: left; }
div.panorama_left p { margin-bottom: 10px; }

div.panorama_right {
	width: 194px;
	height: 123px;
	padding: 9px 10px 9px 10px;
	background-position: 9px 10px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	float: right;
}

div.panorama_overview {
	width: 194px;
	height: 123px;
	margin: -11px -11px -9px 11px;
	padding: 9px 10px;
	background-position: 9px 10px;
	background-repeat: no-repeat;
	position: relative;
	float: right;
}

div.panorama_content_wrapper {
	margin-top: 10px;
	padding-left: 15px;
	border: 1px solid #00529B;
	border-width: 1px 0px 1px 1px;
	background-color: #F2F4F5;
}

div.panorama_content_wrapper_left {
	width: 320px;
	margin-top: 7px;
	font-size: 11px;
	float: left;
}

div.hotspot_container_visible {
	top: 50px;
	right: 0px;
	position: absolute;
	z-index: 55;
}

div.panorama_view {
	width: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background-image: url(../files/overlay.png);
	position: absolute;
	z-index: 50;
}

* html div.panorama_view {
	width: expression(parseInt(window.document.documentElement.clientWidth));
	height: expression(parseInt(window.document.documentElement.clientHeight));
	background-image: none;
	background-color: #E5E8EA;
}

div.panorama_player {
	/*width: 632px;*/
	/*height: 554px;*/
	width: 563px;
	height: 511px;
	top: 50%;
	/*margin: -329px auto 0px auto;*/
	margin: -265px auto 0px auto;
	padding: 25px 23px 15px 23px;
	background-color: #CBD2D6;
	position: relative;
}

p.panorama_navigator {
	top: 5px;
	position: relative;
	float: right;
}

a.panorama_show {
	width: 194px;
	height: 123px;
	top: 10px;
	left: 9px;
	position: absolute;
	z-index: 20;
}

a.panorama_hotspot {
	width: 23px;
	height: 15px;
	border: 2px solid #004E94;
	background-image: url(../files/hotspot.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	display: block;
	position: absolute;
	z-index: 25;
}

a.panorama_hotspot_inactive { display: none; }

p.panorama_date { font-weight: 800; }

p.panorama_headline {
	color: #004A8C;
	font-weight: 800;
}

/* Flash Panorama */
div.showflash {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0px;
	background-image: url(../files/overlay.png);
	z-index: 50;
	position: absolute;
}

* html div.showflash {
	width: expression(parseInt(window.document.documentElement.clientWidth));
	height: expression(parseInt(window.document.documentElement.clientHeight));
	background-image: none;
	background-color: #E5E8EA;
}

div.showflash_inset {
	margin: 0px auto;
	padding: 25px 23px 15px;
	z-index: 60;
	background-color: #CBD2D6;
	position: relative;
}

div.flashheading {
	margin: -20px 0px 10px 0px;
	color: #004E94;
	font-size: 14px;
	font-weight: 800;
	float: left;
}

div.flash_description {
	margin-top: 10px;
	padding: 15px;
	background-color: #F2F4F5;
	border: 1px solid #00529B;
}

div.flashwrapper div.panorama_right { cursor: pointer; }
img.flash_closeimg { margin-top: 5px; cursor: pointer; float: right; }
div.flashmovie { border: 1px solid #00529B; clear: both; }

img.flag {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	border: 1px solid #00529B;
}

div.messe_wrapper table { width: 445px; border: 1px solid #CBD2D6; }
div.messe_wrapper td { padding: 5px; border-right: 1px solid #CBD2D6; }
div.messe_wrapper tr { vertical-align: top; }

.grau { background-color: #E5E8EA; }

a.extern {
	padding: 0px 0px 0px 8px;
	background-image:url(../files/minipfeil.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.button { border: 1px solid #CBD2D6; }