@charset "utf-8";
/* Basis Layout CSS */

/*##################################################################################*/
/* Allgemein */
/*##################################################################################*/
* { /* um browserübergreifend einen einheitlichen Ausgangspunkt in der linken oberen Ecke zu erhalten */
	margin: 0;
	padding: 0;
}
body {
	font: 95% Arial, Helvetica, sans-serif;
	color: #547270;
	background: #fff;
}
/* Schriftgröße für standardkonforme Browser für Tabellenzellen wieder hochsetzen (siehe http://jendryschik.de/wsdev/einfuehrung/eigenschaften/schrift) */
/* Überschriften */
h1 {
	padding-bottom: 15px;
	font-size: 1.3em;
	font-weight: normal;
}
h2 {
	padding-bottom: 10px;
	font-size: 1.1em;
	font-weight: normal;
}
h3 {
	font-size: 1.0em;
	font-weight: bold;
}

/* Text */
p, ul, ol, table {
	font-size: 0.8em;
}
p {
	padding-bottom: 20px;
}
footer p {
	padding: 0 0 0 10px;
}
article img {
  margin-bottom: 10px;
}

/*##################################################################################*/
/* Tabellen */
/*##################################################################################*/
/* Allgemein */
table {
	border-collapse:collapse;
	margin-bottom: 15px;
}
th, td {
	text-align: left;
}

table.impress th {
	width: 100px;
}

/* Preistabellen */
table.priceTable {
	width: 300px;
}
tr.th1{
	background-color: #d2e0df;
}
tr.th2{
	background-color: #b8ccca;	
	font-weight: bold;
}
tr.normal{
	background-color: #f2f6f6;	
	border-collapse:collapse;
}

/*##################################################################################*/
/* IDs und Container */
/*##################################################################################*/
#container {
	width: 980px;
	background: #fff;
	margin: 0 auto;
}
header {
	height: 237px;
	background: #8caba9;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
#topnav {
	height: 20px;
	background: #bfd4d5;
	border-bottom: 1px solid #fff;
}
#logo {
	height: 195px;
	color: #fff;
	background: url(../../Images/Maintemplate/header.jpg) left top no-repeat;
	border-bottom: 1px solid #fff;
}

#twoColumns {
	background: url(../../Images/Maintemplate/twocolumns_bg.png) left top repeat-y;
	margin-bottom: 10px;
}
#leftColumn {
	float: left;
	width: 320px;
}
#rightColumn {
	width: 620px;
	float: right;
	padding: 20px 20px 0 0;
}

footer {
	line-height: 20px;
	background: #8caba9;
	color: #fff;
}

/*##################################################################################*/
/* Links */
/*##################################################################################*/
a:link {
	color: #547270;
	text-decoration:none;
}
a:visited {
  color: #547270;
	text-decoration:none;
}
a:active {
  color: #ff5419;
}
a:hover {
	color: #ff5419;
}
a.orangeTxt {
	color: #ff5419;
}
a img {
	border: none;
}
a.startMovie {
	color: #ff5419;
}
a.startMovie img {
	float: left;
	margin: 2px 5px 0 0;
}

/*##################################################################################*/
/* Listen und Menüs */
/*##################################################################################*/
ul {
	list-style-type: none;
	padding-bottom: 20px;
}
ul li {
	padding-left: 12px;
	background: url(../../Images/Maintemplate/pfeil_orange.png) left 4px no-repeat;
}
ol {
	padding: 0 0 20px 20px;
}
ol li {
	padding-left: 12px;
	background: none;
}


/* Topmenü */
#topnav ul {
	float: right;
	padding: 0; /* um das Padding des ul-Tags aufzuheben */
}
#topnav ul li {
	float: left;
	padding: 0; /* um das "padding-left: 12px" aus der Listenformatierung zu eliminieren. */
	height: 20px;
	background: #8CABA9;
	border-left: 1px solid #fff;
}
#topnav ul li.act {
	background-color: #FF5419;
}
#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active { /* zur korrekten Anzeige der Menüs im IE müssen immer alle Zustände in dieser Reihenfolge definiert werden! */
	line-height: 20px;
	padding: 0 20px 0 27px;
	color: #fff;
	background: transparent url(../../Images/Maintemplate/pfeil_weiss.png) 20px center no-repeat;
}
#topnav ul li a:hover {
	background: transparent url(../../Images/Maintemplate/pfeil_orange.png) 20px center no-repeat;
}
#topnav img {
	border: none;
}

/* Leftmenü */
ul#leftnav {
	border-bottom: 10px solid #fff;
	padding: 0; /* um das Padding des ul-Tags aufzuheben */
}
ul#leftnav li {
	height: 20px;
	padding: 0; /* um das "padding-left: 12px" aus der Listenformatierung zu eliminieren. */
	background: #8CABA9;
	font-size: 1.1em;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
ul#leftnav li.navCategory {
	padding: 0 10px 0 20px;
	background-color: #e4edec;
	line-height: 20px;
}
ul#leftnav li.act {
	background-color: #FF5419;
}
ul#leftnav li a:link, ul#leftnav li a:visited, ul#leftnav li a:active { /* zur korrekten Anzeige der Menüs im IE müssen immer alle Zustände in dieser Reihenfolge definiert werden! */
	margin: 0 10px 0 20px;
	padding: 0 10px 0 10px;
	line-height: 20px;
	color: #fff;
	background: transparent url(../../Images/Maintemplate/pfeil_weiss.png) left center no-repeat;
}
ul#leftnav li a:hover {
	background: transparent url(../../Images/Maintemplate/pfeil_orange.png) left center no-repeat;
}

/*##################################################################################*/
/* Klassen */
/*##################################################################################*/
/* LeftColumnVideo */
section#leftColumnVideo {
	width: 320px;
	border-bottom: 10px solid #fff;
	display: none;
}

/* LeftColumnTeaser */
#teaserContainer {
	width: 320px;
	min-height: 350px;
	border-bottom: 10px solid #fff;
}
.leftColumnTeaser, .leftColumnPartner {
	width: 300px;
	padding: 10px;
}
.leftColumnPartner {
	border-bottom: 10px solid #fff;
}
.leftColumnTeaser h2, .leftColumnPartner h2 {
	padding: 0 0 10px 0;
}
.leftColumnTeaser p {
	padding: 0 0 10px 0;
}
.leftColumnTeaser p.bordered, .leftColumnPartner p.bordered {
	padding: 10px 0;
	border-top: 1px solid #8caba9;
	border-bottom: 1px solid #8caba9;
}

/* Zweispaltentext */
.twoColTxt_Left {
	float: left;
	width: 300px;
}
.twoColTxt_Right {
	margin-left: 320px;
	width: 300px;
}

/* Seitenindexe */
.seitenindexTop {
	border-bottom: 1px solid #8caba9;
	margin-bottom: 20px;
}
.seitenindexBottom {
	border-top: 1px solid #8caba9;
	padding-top: 20px;
}
.seitenindexTop .twoColTxt_Right ul, .seitenindexBottom .twoColTxt_Right ul {
	text-align: right;
}
.seitenindexTop .twoColTxt_Right ul li, .seitenindexBottom .twoColTxt_Right ul li {
	padding-right: 10px;
	background: url(../../Images/Maintemplate/pfeil_orange.png) right center no-repeat;
}
.seitenindexTop .twoColTxt_Right ul li.act , .seitenindexBottom .twoColTxt_Right ul li.act {
	color: #ff5419;
}

/* Allgemein */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
	height: 1px;
}
.trenner {
	padding: 3px 0 10px 0;
	border-top: 1px solid #8caba9;
	text-align: right;	
}
.preis {
	font-size: 1.3em;
	font-weight: bold;
}
.line {
	height: 0;
	padding: 0 0 15px 0;
	border-top: 1px solid #8caba9;	
}
.bgorange {
	margin-left: 15px;
	padding: 0 5px;
	background: #FF5419;
}
.orangeTxt {
	color: #ff5419;
}
.boldTxt {
	font-weight: bold;	
}