/*

 TEMPLATE [Last Update] 14.03.2013
 
 Autor: Matthias Müller <http://www.cms2day.de>
 Copyright (c) 2013

*/

/* -[ CSS RESET ]- */

* {

	-webkit-text-size-adjust: none;
	margin: 0px;
	padding: 0px;
	outline: none;

}

/* -[ HTML + BODY ]- */
 
html {

	width: 100%;
	height: 100%;
	background: #e8e8e8 url('../images/background.png') repeat-x;
	text-align: center;

}

body {

	width: 100%;
	height: 100%;
	background: url('../images/kompass.background.png') top center no-repeat;
	margin: 0px auto;
	text-align: center;
	font: normal 12px Arial;
	line-height: 20px;
	color: #666;
	overflow: hidden;
	overflow-y: scroll;

}

/* -[ FONT RESET IN TABLE ]- */

table tr td {

	font: normal 12px Arial;
	line-height: 20px;

}

/* -[ IMAGE HACK FOR OLD IE ]- */

img {

	border: none;

}

/* -[ RESET LINKS ]- */

a, a:hover {

	color: #666;
	text-decoration: none;

}

/* -[ FLOAT CLEANER ]- */

div.cleaner, div.clean {

	clear: both;
	height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;

}

/* -[ WRAPPER ]- */

div#wrapper {

	width: 950px;
	padding: 0px;
	position: relative;
	margin: 0px auto;
	text-align: left;

}

/* -[ PAGE ]- */

div#page {

	width: 950px;
	background: transparent;
	margin: 0px;
	padding: 0;
	position: relative;

}

/* -[ PAGE -> HEADER ]- */

div#page div#header {

	width: 950px;
	height: 145px;
	background: transparent;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;

}

/* -[ PAGE -> HEADER -> LOGO ]- */

div#page div#header div#logo {

	width: 362px;
	height: 69px;
	position: absolute;
	left: 30px;
	top: 37px;

}

div#page div#header div#logo img {

	border: none;

}

/* -[ PAGE -> TEASER ]- */

div#page div#teaser {

	width: 950px;
	height: 340px;
	background: #fff;
	margin: 0px;
	padding: 0px;
	position: relative;

}

div#page div#teaser img {

	width: 950px;
	height: 340px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

}

div#page div#teaser div.kompass {

	width: 343px;
	height: 165px;
	background: url('../images/kompass.teaser.png') no-repeat;
	position: absolute;
	bottom: -41px;
	right: -178px;
	z-index: 2;

}

/* -[ PAGE -> HEADER -> ADDON SUCHE ]- */
/* -[ Bitte bearbeiten Sie hierfür den Stylesheet unter css/addon.suche.css ]- */

/* -[ PAGE -> DROPDOWN ]- */

div#page div#dropdown {

	width: 950px;
	height: 41px;
	background: #0c4152;
	margin: 0px;
	padding: 0px;
	position: relative;

}

/* -[ PAGE -> DROPDOWN -> ALLGEMEIN ]- */

div#page div#dropdown ul {

	margin: 0px;
	padding: 0px;

}

div#page div#dropdown ul li {

	margin: 0px;
	padding: 0px;
	position: relative;
	list-style: none;
	list-style-type: none;

}

/* -[ PAGE -> DROPDOWN -> LEVEL 2 + 3 + 4 ]- */

div#page div#dropdown ul li ul {

	position: absolute;
	left: 0;
	display: block;
	z-index: 999;
	visibility: hidden;
	background: transparent;
	width: 220px !important;

}

div#page div#dropdown ul li ul li {

	position: relative;
	display: block;
	width: 220px !important;

}

div#page div#dropdown ul li ul li.first {

	border-top: 1px solid #357182;

}

div#page div#dropdown ul li ul li.first,
div#page div#dropdown ul li ul li.middle {

	border-bottom: 1px solid #357182;
	border-right: 1px solid #357182;

}

div#page div#dropdown ul li ul li.last {

	border-right: 1px solid #357182;

}

div#page div#dropdown ul li ul li ul li ul li.first,
div#page div#dropdown ul li ul li ul li.first {

	border-top: none;

}

/* -[ PAGE -> DROPDOWN -> LEVEL 1 ]- */

div#page div#dropdown ul li {

	float: left;

}

div#page div#dropdown ul li a {

	color: #fff;
	text-decoration: none;
	line-height: 41px;
	padding: 23px 0px 22px 30px;
	text-transform: uppercase;

}

div#page div#dropdown ul li:hover a,
div#page div#dropdown ul li a:hover {

	color: #fff;
	background: #0c4152;
	text-decoration: none;
	line-height: 41px;
	padding: 0px 0px 0px 30px;
	display: block;
	text-transform: uppercase;

}

div#page div#dropdown ul li a.aktiv,
div#page div#dropdown ul li a.aktiv:hover {

	color: #fff;
	background: #0c4152;
	text-decoration: none;
	line-height: 41px;
	padding: 0px 0px 0px 30px;
	display: block;
	text-transform: uppercase;

}

/* -[ PAGE -> DROPDOWN -> LEVEL 2 LINKS ]- */

div#page div#dropdown ul li:hover ul li a,
div#page div#dropdown ul li ul li a {

	position: relative;
	display: block;
	width: 170px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0px 20px 0px 30px !important;
	background: url('../images/menu_a.png');
	text-transform: none;

}

div#page div#dropdown ul li:hover ul li a:hover,
div#page div#dropdown ul li ul li a:hover,
div#page div#dropdown ul li ul li:hover a {

	background: url('../images/menu_hover_activ.png');
	text-transform: none;

}

div#page div#dropdown ul li:hover ul li a.aktiv,
div#page div#dropdown ul li ul li a.aktiv {

	background: url('../images/menu_hover_activ.png');
	text-transform: none;

}

/* -[ PAGE -> DROPDOWN -> LEVEL 3 LINKS ]- */

div#page div#dropdown ul li ul li:hover ul li a,
div#page div#dropdown ul li ul li ul li a {

	position: relative;
	display: block;
	width: 170px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0px 20px 0px 30px !important;
	background: url('../images/menu_a.png');
	text-transform: none;

}

div#page div#dropdown ul li ul li:hover ul li a:hover,
div#page div#dropdown ul li ul li ul li a:hover, div#page div#dropdown ul li ul li ul li:hover a {

	background: url('../images/menu_hover_activ.png');
	text-transform: none;

}

div#page div#dropdown ul li ul li:hover ul li a.aktiv,
div#page div#dropdown ul li ul li ul li a.aktiv {

	background: url('../images/menu_hover_activ.png');
	text-transform: none;

}

/* -[ PAGE -> DROPDOWN -> LEVEL 4 LINKS ]- */

div#page div#dropdown ul li ul li ul li:hover ul li a,
div#page div#dropdown ul li ul li ul li ul li a {

	position: relative;
	display: block;
	width: 170px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0px 20px 0px 30px !important;
	background: url('../images/menu_a.png');
	text-transform: none;

}

div#page div#dropdown ul li ul li ul li:hover ul li a:hover,
div#page div#dropdown ul li ul li ul li ul li a:hover,
div#page div#dropdown ul li ul li ul li ul li:hover a {

	background: url('../images/menu_hover_activ.png');
	text-transform: none;

}

div#page div#dropdown ul li ul li ul li:hover ul li a.aktiv,
div#page div#dropdown ul li ul li ul li ul li a.aktiv {

	background: url('../images/menu_hover_activ.png');
	text-transform: none;

}

/* -[ PAGE -> CONTENT ]- */

div#page div#content {

	width: 950px;
	background: #fff;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	color: #6c6c6c;

}

/* -[ PAGE -> CONTENT -> SPLIT ]- */

div#page div#content div#split {

	width: 950px;
	background: url('../images/content.split.png') right repeat-y;
	margin: 30px 0px 30px 0px;	

}

/* -[ PAGE -> CONTENT -> SPLIT -> TEXT ]- */

div#page div#content div#split div#text {

	float: left;
	width: 590px;
	background: #fff;
	margin: 0px 1px 0px 0px;
	padding: 0px 30px 0px 30px;
	color: #6c6c6c;

}

/* -[ PAGE -> CONTENT -> SPLIT -> SIDEBAR ]- */

div#page div#content div#split div#sidebar {

	float: left;
	width: 239px;
	background: #fff;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	color: #6c6c6c;

}

div#page div#content div#split div#sidebar .cbox_head{

	display: none;

}

/* -[ FOOTER ]- */
/* -[ Weitere Eigenschaften finden Sie im Stylesheet unter css/template.footer.css ]- */

div#footer {

	width: 950px;
	min-height: 70px;
	background: #126986;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px;
	overflow: hidden;
	position: relative;
	color: #fff;

}

/* -[ FOOTER -> COPYRIGHT LINE ]- */

div#footer div.line {

	width: 890px;
	margin: 0;
	padding: 15px 30px 15px 30px;
	overflow: hidden;
	position: relative;
	color: #fff;

}

div#footer div.line p {

	margin: 0 !important;

}

div#footer div.line a {

	color: #fff;
	text-decoration: underline;

}

div#footer div.line a:hover {

	color: #fff;
	text-decoration: none;

}