/*

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

*/

/* -[ CSS IMPORT ]- */

@import url('addons.css');
@import url('template.footer.css');
@import url('template.text.css');
@import url('wysiwyg.text.css');
@import url('../templates/css/templates.css');

/* -[ CSS RESET ]- */

* {

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

}

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

	width: 100%;
	height: 100%;
	background: #d8d8d8 /*url('../images/background.png') fixed*/;
	text-align: center;
	overflow-y: scroll;

}

body {

	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	font: normal 12px Arial;
	line-height: 20px;
	color: #666;

}

/* -[ 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: 0;
	font-size: 0;
	display: block;
	width: 100%;

}

/* -[ WRAPPER ]- */

div#wrapper {

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

}

/* -[ TOP ]- */

div#top {

	width: 960px;
	height: 30px;
	background: url('../images/top.png') bottom no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;

}

/* -[ PAGE ]- */

div#page {

	width: 870px;
	background: url('../images/content.png') repeat-y;
	margin: 0;
	padding: 0 45px;
	position: relative;

}

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

div#page div#header {

	width: 870px;
	height: 120px;
	background: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;

}

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

div#page div#header div#logo {

	width: 225px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 47px;

}

div#page div#header div#logo img {

	border: none;

}

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

div#page div#header div#claim {

	height: 120px;
	background: #fff url('../images/header.claim.png') left no-repeat;
	padding: 0 0 0 30px;
	position: absolute;
	left: 206px;
	top: 0;
	line-height: 118px;
	color: #aaa;


}

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

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

div#page div#dropdown {

	width: 870px;
	height: 40px;
	background: #26292b;
	margin: 0;
	padding: 0;
	position: relative;

}

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

div#page div#dropdown ul {

	margin: 0;
	padding: 0;

}

div#page div#dropdown ul li {

	margin: 0;
	padding: 0;
	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: #26292b;
	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,
div#page div#dropdown ul li ul li.middle {

	border-bottom: 1px solid #323537;

}

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

div#page div#dropdown ul li {

	float: left;

}

div#page div#dropdown ul li a {

	color: #fff;
	background: url('../images/dropdown.a.png') right no-repeat;
	text-decoration: none;
	line-height: 40px;
	padding: 23px 20px 22px 20px;

}

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

	color: #fff;
	background: #f7b73f;
	text-decoration: none;
	line-height: 40px;
	padding: 0 20px 0 20px;
	display: block;

}

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

	color: #fff;
	background: #f7b73f;
	text-decoration: none;
	line-height: 40px;
	padding: 0 20px 0 20px;
	display: block;

}

div#page div#dropdown ul li a.password {

	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0 40px 0 20px;
	display: block;

}

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

	background: #f7b73f url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 0 40px 0 20px;
	display: block;

}

/* -[ 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: 180px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0 20px 0 20px !important;
	background: #26292b;

}

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: #f7b73f;

}

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

	background: #f7b73f;

}

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

	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0 40px 0 20px;

}

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

	background: #f7b73f url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 23px 40px 22px 20px;

}

/* -[ 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: 180px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0 20px 0 20px !important;
	background: #26292b;

}

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: #f7b73f;

}

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: #f7b73f;

}

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

	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0 40px 0 20px;

}

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

	background: #f7b73f url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 23px 40px 22px 20px;

}

/* -[ 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: 180px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0 20px 0 20px !important;
	background: #26292b;

}

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: #f7b73f;

}

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: #f7b73f;

}

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

	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0 40px 0 20px;

}

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

	background: #f7b73f url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 23px 40px 22px 20px;

}

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

div#page div#teaser {

	width: 870px;
	background: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	border-top: 10px solid #fff;

}

div#page div#teaser img {

	display: block;

}

/* -[ PAGE -> BREADCRUMB ]- */

div#page div#breadcrumb {

	width: 870px;
	height: 40px;
	background: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	line-height: 40px;
	color: #b3b3b3;

}

div#page div#breadcrumb a {

	color: #b3b3b3;
	text-decoration: underline;

}

div#page div#breadcrumb a:hover {

	color: #b3b3b3;
	text-decoration: none;

}

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

div#page div#content {

	padding: 0;

}

/* -[ PAGE -> PAGE -> TEXT ]- */
/* -[ Weitere Eigenschaften finden Sie im Stylesheet unter css/template.text.css ]- */

div#page div#text {

	width: 870px;
	margin: 0;
	padding: 20px 0 30px 0;
	overflow: hidden;
	position: relative;
	color: #666;

}