/*
	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");


/* TABELLE TEAM */

.team {
	width: 100%;
	border: 0;
	}
.team td {
	width: 48%;
	}
.team td.col {
	background: #eee;
	}
.team td.space {
	width: 4%;
	height: 20px;
	}
.team td img {
	float: left;
	margin-right: 10px;
	}
.team td p {
	margin: 0;
	padding: 10px;
	}
.team td strong,
.team td i {
	display: block;
	}
	

/* TABELLE DATEN */

table.data {
	width: 100%;
	border: 0;
	}
table.data th,
table.data td {
	padding: 5px;
	border-bottom: 1px solid #fff;
	}
table.data th {
	background: #eee;
	}
table.data td {
	background: #f5f5f5;
	}
table.data .col1 {
	width: 60%;
	}
table.data .col2 {
	width: 10%;
	}
table.data .col3 {
	width: 30%;
	}
	
	
/* START */

.start {
	position: relative;
	height: 348px;
	}
.start .teaser {
	float: right;
	width: 468px;
	}
.start .teaser dd {
	float: right;
	margin-left: 20px;
	margin-bottom: 18px;
	}
.start h1,
.start .related {
	width: 408px;
	}
* html .start h1 {
	width: 405px;
	}
.start .related {
	position: absolute;
	bottom: 20px; left: 0;
	}
.start .related dt {
	border-right: 280px solid #fff;
	}


/* TEASER KONTAKT */

.contact {
	display: block;
	background: #ee3225 url(img_teaser-contact.gif) no-repeat 85% 80%;
	width: 214px;
	height: 96px;
	}
#mainBottom .contact {
	float: right;
	margin: 20px 0 0 20px;
	}


/* TEASER */

.teaser li {
	float: left;
	width: 195px;
	margin: 0 13px 13px 0;
	}
.teaser li a {
	background: #eee;
	text-decoration: none !important;
	}
.teaser li a:hover {
	background: #d5d5d5;
	}
.teaser li a strong {
	display: block;
	font-weight: normal;
	padding: 10px;
	height: 28px;
	}


/* IMPRESSIONEN */

.impressions {
	float: right;
	width: 243px
	}
.impressions h3 {
	margin: 0 0 1px 0;
	padding: 4px 0 3px 8px;
	width: 120px;
	background: #ee3225;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.1em;
	}
.impressions a {
	display: block;
	float: left;
	margin-right: 3px;
	position: relative;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions .img {
	width: 79px;
	height: 96px;
	}
.impressions a:hover img {
	border-color: #F1D5D6;
	}
.impressions a .zoom {
	position: absolute;
	top: 73px; left: 1px;
	}


/* INFOBOX */

#mainBottom .infobox {
	float: right;
	width: 243px
	}
#mainBottom .infobox h3 {
	margin: 0 0 1px 0;
	padding: 4px 0 3px 8px;
	width: 120px;
	background: #ee3225;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.1em;
	}
#mainBottom .infobox div {
	background: #bebebe;
	height: 76px;
	padding: 10px;
	color: #000;
	}
#mainBottom .infobox div img {
	display: inline;
	}
#mainBottom .infobox div a {
	text-decoration: underline !important;
	color: #000;
	}


/* NEWSEINTRAG */

.newsitem {
	margin-top: 15px;
	border-bottom: 1px solid #eee;
	}
.newsitem td {
	padding-bottom: 15px;
	}
.newsitem td h4 {
	margin: 0; padding: 0;
	}
.newsitem td h3 {
	margin-top: 5px; padding: 0;
	}


/* NEWSROOM */

.newsroom {
	background: #bebebe;
	width: 379px;
	height: 116px;
	}
.newsroom h3 {
	border-bottom: 1px solid #fff;
	padding: 3px 0 3px 8px;
	margin: 0 0 4px 0;
	width: 120px;
	background: #ee3225;
	color: #fff;
	text-transform: uppercase;
	border-right: 259px solid #fff;
	font-size: 1em;
	}
.newsroom ul, .newsroom li {
	margin: 0; padding: 0;
	list-style: none;
	list-style-image: none !important;
	}
.newsroom li {
	margin: 0 15px;
	border-bottom: 1px solid #dddbdb;
	color: #000
	}
.newsroom li a {
	display: block;
	padding: 4px 0 3px 10px;
	color: #000;
	text-decoration: none !important;
	background: url(img_arrow.gif) no-repeat 0 7px;
	}
.newsroom li a:hover {
	background-color: #d2d2d2;
	}
.newsroom li a strong {
	display: block;
	float: left;
	margin-right: 20px;
	font-weight: normal;
	}
	
	
/* VERWANDTE THEMEN */

.related {
	background: #bebebe;
	width: 379px;
	/*padding-bottom: 8px;*/
	height: 116px;
	}
.related dt {
	border-bottom: 1px solid #fff;
	padding: 3px 0 3px 8px;
	margin-bottom: 4px;
	width: 120px;
	background: #ee3225;
	color: #fff;
	text-transform: uppercase;
	border-right: 259px solid #fff;
	}
.related dd {
	margin: 0 15px;
	border-bottom: 1px solid #dddbdb;
	color: #000
	}
.related dd a {
	display: block;
	padding: 4px 0 3px 0;
	color: #000;
	text-decoration: none;
	}
.related dd a:hover {
	background: #d2d2d2;
	}


/* TEXT ABSAeTZe */

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


/* FORMATIERUNG - FORMULAR */

.form-toplevel {
	visibility: hidden;
	margin-top: -30px;
	}
.form h3 {
	margin: 1.1em 0 0 0; padding: 0 0 0.6em 0;
	}
.form p.formdata,
.form p.formdata-active {
	clear: both;
	margin: 0; padding: 2px 0 2px 20px;
	border-bottom: 1px solid #fff;
	background: #eee;
	}
.form .formdata:hover,
.form .formdata-active {
	background: #d5d5d5;
	}
.form p b {
	display: block;
	float: left;
	font-weight: normal;
	width: 160px;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 3px 0 0 0;
	}
.confirm p b {
	padding: 0;
	}
.form p input, .form p textarea {
	border: 1px solid #A5ACB2;
	}
.form p input {
	height: 1.3em;
	}
.form .anliegen {
	padding: 5px 10px 10px 10px;
	}
.form .anliegen textarea {
	width: 457px;
	}
.form .longinput input, .form .sonstiges textarea {
	width: 287px;
	}
.form p input:focus, .form p textarea:focus,
.form p input:hover, .form p textarea:hover,
.form .formdata-active input, .form .formdata-active textarea {
	border: 1px solid #848B90;
	background: #F4F3F3;
	}
.form p.checkbox input {
	border: 0;
	height: 20px;
	}
.bttn-send {
	display: block;
/*	text-align: right;*/
	}
.bttn-send  .bttn {
	height: 26px;
	background: #ee3225 !important;
	cursor: pointer;
	margin-right: 175px;
	font-weight: bold;
	}
.confirm * {
	font-size: 11px;
	}


/* SUBNAVI */

.subnavi {
	padding: 20px;
	}
.subnavi li {
	margin: 1px 0;
	border-top: 1px solid #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	}
.subnavi li.subitem {
	margin-left: 20px;
	}
.subnavi li a {
	display: block;
	background: url(img_arrow-white.gif) no-repeat 3px 7px;
	padding: 3px 3px 3px 13px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	}
.subnavi li.subitem a {
	text-transform: none;
	}
.subnavi li a:hover {
	background-color: #919191;
	}


/* 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 {
    font-size: 2em;
    visibility: hidden;
  }
}