/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2009-01-11
	Project: 
	Author: websLINE, 2009
	-------
*/

@import url("css_navigation.css");
@import url("css_lightbox.css");

/* TEASER CONTENT (STATISCH) */

.teaserStaticAll {
	float:left;
	}
.teaserStatic {
	border-bottom: 1px solid #dde1e4;
	min-width:390px;
	}
.teaserStatic div {
	padding: 2px 0;
	margin: 8px 0;
	min-height:50px;
	}
.teaserStatic img {
	float: left;
	margin-right: 10px;
	}
.teaserStatic p {
	margin: 0; padding: 0;
	}
.teaserStatic strong {
	display: block;
	padding: 4px 0 0 0;
	}

/* TABELLE PARTNER/LINKS */

table.partner {
	border: 0px;
	width: 380px;
	}
table.partner td {
	vertical-align: top;
	border-bottom: 1px solid #dde1e4;
	padding: 15px 0;
	}
table.partner td.col1 {
	width: 122px;
	}
table.partner td.col1 img {
	border: 1px solid #bbb;
	margin-right: 10px;
	}



/* POPUP LIGHT */

#popuplight {
	position: absolute;
	z-index: 2000;
	top: 50px; left: 50%;
	margin-left: -200px;
	width: 493px;
	height: 420px;
	border: 5px solid #fff;
	background: #01669d;
	color: #fff;
	}
table + a + script + #popuplight { /* Bearbeitungsmodus im CMS */
	display: block !important;
	}
#popuplight p,
#popuplight h1, #popuplight h2 {
	color: #fff;
	margin: 15px 35px;
	padding: 0;
	}
#popuplight a.close {
	float: right;
	color: #fff;
	font-size: 10px;
	background: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
	position: relative;
	margin-bottom: -40px;
	margin-right: 10px;
	}
#popuplight a img {
	border: 5px solid #fff;
	}
	

.Trenner {
  padding-bottom:10px;
  border-bottom: 1px solid #999;
  margin-bottom:10px;
}


/* TEXT ABSAeTZe */

.absatz {
	}
.bildlinks img {
	margin: 0 8px 0 0;
	float: left;
	}
.bildrechts img {
	margin: 0 0 0 8px;
	float: right;
	}


/* PREISE */

table.prices {
	border: 0;
	}
table.tablew {
	width: 390px;
	}
table.tablew2 {
	width: 350px;
	}
table.prices th,
table.prices td {
	padding: 3px;
	}
table.prices th{
	padding-top: 15px;
	}
table.prices caption {
	display: none;
	}
table.prices .col1 {
	width: 240px;
	}
table.tablew .col1 {
	width: 340px;
	}
table.prices .col4 {
	width: 30px;
	background:#eaeff2 !important;
	}
table.prices .col2,
table.prices .col3 {
	width: 60px;
	text-align: center !important;
	}
table.prices .line1 td {
	background: #e6eaed;
	}
table.prices .line2 td {
	background: #dde1e4;
	}


/* IMPRESSIONEN */

.impressions {
	clear: both;
	background: url(img_bg-impressions.gif) repeat-x;
	padding: 25px 10px 20px 20px;
	margin-top: 30px;
	}
.impressions h3 {
	float: right;
	margin: 0; padding: 0;
	color: #a3c2d6;
	font-size: 0.9em;
	text-transform: uppercase;
	}
.impressions a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions .img {
	width: 97px; height: 53px;
	}
.impressions a:hover img {
	border-color: #F1D5D6;
	}
.impressions a .zoom {
	position: absolute;
	top: 5px; left: 5px;
	}
	


/* NEWS */

#dContent .newsroom {
	float: right;
	width: 310px;
	margin: 35px -25px 25px 45px;
	}
#dStart .newsroom {
	position: absolute; z-index: 10;
	top: 435px; left: 0;
	}
#dContent .newsroom h3 {
	float: right;
	background: #e4a14d url(img_newsroom-hl.gif) no-repeat 50% 80%;
	margin: 10px 0 0 0;
	}
#dStart .newsroom h3 {
	display:none;
	}
.newsroom h3 a {
	display: block;
	width: 25px; height: 206px;
	}
.newsroom h3 strong {
	display: none;
	}
.newsroom ul {
	margin: 0; padding: 0;
	list-style: none;
	list-style-image: none !important;
	}
#dContent .newsroom ul {
	width: 275px;
	}
#dContent .newsroom li {
	border-bottom: 1px solid #01669d;
	margin-top: 0;
	line-height: 1.2em;
	}
#dStart .newsroom li {
	border-left: 1px solid #bf996a;
	float: left;
	margin: 20px 0 0 15px;
	width: 311px;
	}
* html #dStart .newsroom li { /* IE6 Bug */
	margin-left: 8px;
	}
.newsroom li a {
	display: block;
	text-decoration: none !important;
	color: #01669d;
	padding: 16px 0 16px 24px;
	background: url(img_arrowBig.gif) no-repeat 0 16px;
	}
#dStart .newsroom li a {
	color: #fff;
	padding: 6px 0 10px 30px;
	background-position: 10px 6px;
	}



/* TEASER */

#dStart .teaser {
	padding: 30px 0 20px 0;
	}
#dStart .teaser li {
	border-left: 1px solid #6199be;
	float: left;
	margin: 0 0 0 15px;
	width: 311px;
	}
* html #dStart .teaser li { /* IE6 Bug */
	margin-left: 8px;
	}
.teaser a {
	color: #fff;
	text-decoration: none !important;
	}
#dStart .teaser a {
	display: block;
	padding-left: 10px;
	}
#mainLeft .teaser a:hover {
	color: #01669d;
	}
#dStart .teaser img {
	float: left;
	margin-right: 10px;
	}
.teaser strong {
	display: block;
	text-transform: uppercase;
	}
#mainLeft .teaser strong {
	padding-top: 10px;
	}
#mainLeft .teaser li{
	padding-bottom: 10px;
	}



/* SUBNAVIGATION */

.subnavi {
	background: #eaeff2;
	padding-bottom: 20px;
	position: relative;
	margin: 0 -15px 15px -15px;
	}
.subnavi li {
	border-bottom: 1px solid #999;
	}
.subnavi li a {
	text-decoration: none !important;
	display: block;
	padding: 5px 3px;
	}
.subnavi li a:hover, .subnavi li a.active {
	background: #dde1e4;
	color: #01669d;
	}


/* sIFR REPLACEMENT */

@media screen {

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

}

@media print {

.sIFR-flash {
	display    : none !important;
	height     : 0;
	width      : 0;
	position   : absolute;
	overflow   : hidden;
	}
.sIFR-alternate {
	visibility : visible !important;
	display    : block   !important;
	position   : static  !important;
	left       : auto    !important;
	top        : auto    !important;
	width      : auto    !important;
	height     : auto    !important;
	}

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    visibility: hidden;
	font-size: 1.8em;
	display: inline;
  }
  
}