/*

 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%;
	
	text-align: left;
	overflow-y: scroll;

}

body {

	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	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: 176px;
	height: 26px;
	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#dropdown { text-transform:uppercase;
	height: 80px;
	margin: 0;
	padding: 0;
	position: relative;

}

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

div#dropdown ul {

	margin: 0;
	padding: 0;

}

div#dropdown ul li {

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

}

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

div#dropdown ul li ul {

	position: absolute;
	left: 0;
	display: block;
	z-index: 999;
	visibility: hidden;
	background: #26292b;
	width: 200px !important;

}

div#dropdown ul li ul li {

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

}

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

	border-bottom: 1px solid #3F4143;

}

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

div#dropdown ul li {

	float: left; font-size: 14px;
}

div#dropdown ul li a {

	color: #fff;
	
	text-decoration: none;
	line-height: 90px;
	padding: 0px 15px 0 15px;
display: block;
transition: all 0.26s ease-in-out;
-moz-transition: all 0.26s ease-in-out;
-webkit-transition: all 0.26s ease-in-out;
-o-transition: all 0.26s ease-in-out;

background: url(../images/hover-menunavi.png)  repeat-x;
	background-position: 0px 100px;

}

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

		color: #3FB240;
	background: url(../images/hover-menunavi.png)  repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
	line-height: 90px;
	padding: 0px 15px 0 15px;
	display: block;

}

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

	color: #fff;
	background: #2C9B3B;
	text-decoration: none;
	line-height: 90px;
	padding: 0px 15px 0 15px;
	display: block;

}

div#dropdown ul li a.password {

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

}

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

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

}

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

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

	position: relative;
	display: block;
	width: 160px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0 20px 0 20px !important;
	background: #333537;
	text-align:left;
color:#FFF;

transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}

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

	background: #2C9B3B;
	color:#FFF;

}

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

	background: #2C9B3B;
	color:#FFF;

}

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

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

}

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

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

}

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

div#dropdown ul li ul li:hover ul li a,
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#dropdown ul li ul li:hover ul li a:hover,
div#dropdown ul li ul li ul li a:hover, div#dropdown ul li ul li ul li:hover a {

	background: #2C9B3B;

}

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

	background: #2C9B3B;

}

div#dropdown ul li ul li:hover ul li a.password,
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#dropdown ul li ul li:hover ul li a.password:hover,
div#dropdown ul li ul li ul li a.password:hover,
div#dropdown ul li ul li ul li:hover a.password,
div#dropdown ul li ul li:hover ul li a.password.aktiv,
div#dropdown ul li ul li ul li a.password.aktiv {

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

}

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

div#dropdown ul li ul li ul li:hover ul li a,
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#dropdown ul li ul li ul li:hover ul li a:hover,
div#dropdown ul li ul li ul li ul li a:hover,
div#dropdown ul li ul li ul li ul li:hover a {

	background: #2C9B3B;

}

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

	background: #2C9B3B;

}

div#dropdown ul li ul li ul li:hover ul li a.password,
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#dropdown ul li ul li ul li:hover ul li a.password:hover,
div#dropdown ul li ul li ul li ul li a.password:hover,
div#dropdown ul li ul li ul li ul li:hover a.password,
div#dropdown ul li ul li ul li:hover ul li a.password.aktiv,
div#dropdown ul li ul li ul li ul li a.password.aktiv {

	background: #2C9B3B 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;

}

/* -[ 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 {

	/* ... */

}

/* -[ 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;

}

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