@charset "utf-8";
/* CSS Document */

body	{ margin: 0; padding: 0; font-family: 'Strait', sans-serif; color: #000000; background: #e9e9e9; }
a		{ text-decoration: none; }
.Clear	{ width: 0; height: 0; margin: 0; padding: 0; clear: both; }
.LineGrey	{ width: 960px; height: 1px;  border: 0; margin: 0; margin-top: 25px; margin-bottom: 25px; padding: 0; background-color: #d5d5d5; }

.BildTextRechts				{ width: 200px; height: auto; margin: 0; margin-left: 20px; margin-bottom: 5px; padding: 0; float: right; }
.BildTextRechts .Bild		{ width: 200px; height: 150px; overflow: hidden; margin: 0; padding: 0; }
.BildTextRechts .Bild img	{ width: auto; height: auto; max-width: 200px; margin: 0; border: 0; }
.BildTextRechts .Text		{ width: auto; height: auto; margin: 0; margin-top: 10px; padding: 0; }

.BildTextLinks				{ width: 200px; height: auto; margin: 0; margin-right: 20px; margin-bottom: 5px; padding: 0; float: left; }
.BildTextLinks .Bild		{ width: 200px; height: 150px; overflow: hidden; margin: 0; padding: 0; }
.BildTextLinks .Bild img	{ width: auto; height: auto; max-width: 200px; margin: 0; border: 0; }
.BildTextLinks .Text		{ width: auto; height: auto; margin: 0; margin-top: 10px; padding: 0; }

/*******************************************************************
*** SLIDER
*******************************************************************/

.SliderBG {
	width: 100%;
	height: 520px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: -100;
	background-color: #d0d0d0;
	border: 0;
	border-bottom: 4px solid #d5d5d5;
}

#slideshow {
	width: 100%;
	height: 520px;
	padding: 0;
	text-align: center;
}

#slideshow .slide {
	width: 100% !important;
	height: 520px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	margin: 0 auto !important;
}

#SliderSmall		{ width: 100%; height: 200px; margin: 0; padding: 0; position: absolute; z-index: -100; background-color: #d0d0d0; border: 0; border-bottom: 4px solid #d5d5d5; overflow: hidden;
					  text-align: center; }
#SliderSmall img	{ width: auto; height: auto; min-height: 200px; margin: 0; border: 0; }

/*******************************************************************
*** NAVIGATION
*******************************************************************/

#Navigation							{ width: 960px; height: 135px; margin: 0 auto; padding: 0; background-color: #222323; border: 0; border-bottom: 1px solid #ffce2e; }
#Navigation img						{ margin: 0; margin-left: 25px; border: 0; float: left; }
#Navigation .no-js nav li:hover ul	{ display: block; }
#Navigation nav						{ width: auto; height: 80px; line-height: 80px; vertical-align: middle; display: block; margin: 0; margin-top: 54px; border: 0; position: relative;
									  font-size: 13px; font-weight: normal; float: right; text-transform: uppercase; }
#Navigation nav ul					{ padding: 0; margin: 0; }
#Navigation nav li					{ position: relative; float: left; list-style-type: none; }
#Navigation nav ul:after			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Navigation nav li a				{ display:block; padding:0; padding-left: 10px; padding-right: 10px; color:#ffffff; border: 0; border-top: 1px solid #222323; }
#Navigation nav li a:hover			{ border-top: 1px solid #ffce2e; background: url('../images/bg_pfeil.png') #3b3a3b; background-position: top center; background-repeat: no-repeat; }
#Navigation nav a span				{ display: block; float: right; margin: 0; width: 0; height: 0; visibility: hidden; }
#Navigation nav a span img			{ border: 0; }
#Navigation nav ul ul				{ display: none; width: auto; position: absolute; left: 0; background: #222323; z-index: 200; }
#Navigation nav ul ul li			{ width: auto; float: none; z-index: 200; }
#Navigation nav ul ul a				{ width: 200px; height: 30px; line-height: 30px; vertical-align: middle; padding: 0; padding-left: 15px; padding-right: 15px; border: 0; z-index: 200; }
#Navigation nav ul ul a:hover		{ background: #3b3a3b; color: #ffce2e; z-index: 200; border: 0; }

/*******************************************************************
*** HOME > WELCOME BOXES
*******************************************************************/

#WelcomeBoxes					{ width: 960px; height: auto; margin: 0 auto; margin-top: 240px; padding: 0; border: 0; border-bottom: 1px solid #ffce2e; }
#WelcomeBoxes .Left				{ width: 430px; height: 200px; margin: 0; padding: 25px; background-color: #222323; display: table-cell; vertical-align: top; color: #d0d0d0; font-size: 13px; line-height: 20px; }
#WelcomeBoxes .Left img			{ width: auto; height: auto; max-width: 430px; max-height: 150px; margin: 0; margin-bottom: 25px; border: 0; }
#WelcomeBoxes .Left	.Titel		{ font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: normal; color: #ffffff; line-height: 30px; margin: 0; margin-bottom: 15px; }
#WelcomeBoxes .Left	.TitelSub	{ font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: normal; color: #ffffff; line-height: 22px; margin: 0; margin-bottom: 30px; text-align: right; }
#WelcomeBoxes .Right			{ width: 430px; height: 150px; margin: 0; padding: 25px; padding-top: 185px; display: table-cell; vertical-align: top; }
#WelcomeBoxes .Right .Titel		{ font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: normal; color: #000000; line-height: 22px; margin: 0; margin-bottom: 20px; text-transform: uppercase; }
#WelcomeBoxes .Right .BoxRand,
#WelcomeBoxes .Right .BoxMitte	{ width: 130px; height: auto; padding: 0; margin: 0; float: left; color: #000000; font-size: 13px; line-height: 20px; text-transform: uppercase; }
#WelcomeBoxes .Right .BoxMitte	{ margin-left: 20px; margin-right: 20px; }

/*******************************************************************
*** CONTENT
*******************************************************************/

#Content							{ width: 960px; height: auto; margin: 0 auto; padding: 0; padding-top: 25px; padding-bottom: 25px; color: #000000; font-size: 13px; line-height: 20px; }
#Content .Titel						{ font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: normal; color: #000000; line-height: 22px; margin: 0; margin-bottom: 20px; text-transform: uppercase; }
#Content h2						{ font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: normal; color: #000000; line-height: 22px; margin: 0; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; }
#Content .BoxRand,
#Content .BoxMitte					{ width: 300px; height: auto; padding: 0; margin: 0; float: left; color: #000000; font-size: 13px; line-height: 20px; }
#Content .BoxMitte					{ margin-left: 30px; margin-right: 30px; }
#Content .BoxRand .Titel,
#Content .BoxMitte .Titel			{ font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: normal; color: #000000; line-height: 18px; margin: 0; margin-bottom: 20px; text-transform: uppercase; }
#Content .BoxRand .Mehr a,
#Content .BoxMitte .Mehr a			{ font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 12px; color: #ffce2e; margin: 0; margin-top: 15px; padding: 0;
									  text-transform: uppercase; text-align: right; }
#Content .BoxRand .Mehr a:hover,
#Content .BoxMitte .Mehr a:hover	{ color: #000000; }
#Content a							{ color: #ffce2e; }
#Content a:hover					{ color: #000000; }
#Content .BoxRand .Bild,
#Content .BoxMitte .Bild			{ width: 300px; height: 200px; margin: 0; margin-bottom: 5px; padding: 0; overflow: hidden; }
#Content .BoxRand .Bild img,
#Content .BoxMitte .Bild img		{ width: 300px; height: auto; margin: 0; border: 0; }
#Content iframe						{ float: left; margin: 0; margin-right: 30px; }

/*******************************************************************
*** NEWS
*******************************************************************/

.News			{ width: 960px; height: auto; padding: 0; margin: 0; font-size: 13px; line-height: 20px; }
.News .Bild		{ width: 250px; height: 180px; border: 0; margin: 0; margin-right: 15px; margin-bottom: 15px; float: left; background-position:top center; background-repeat:no-repeat; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; -khtml-background-size:cover; background-size:cover; }
.News .Datum	{ font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 24px; color: #222323; margin: 0; margin-bottom: 3px; padding: 0; }
.News .Titel	{ font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: normal; color: #000000; line-height: 18px; margin: 0; margin-bottom: 15px; text-transform: uppercase; }
.News .ReadMore { font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 12px; color: #ffce2e; margin: 0; margin-top: 15px; padding: 0; text-transform: uppercase; text-align: right; }
.News .ReadMore:hover { color: #000000; }

/*******************************************************************
*** SPALTEN
*******************************************************************/

.SpalteLinks		{ width: 500px; height: auto; padding: 0; margin: 0; float: left; }
.SpalteRechts		{ width: 420px; height: auto; padding: 0; margin: 0; float: left; }
.SpalteLinks 		{ margin-right: 40px; }
.SpalteLinks input[type="text"]		{ width:378px; height:23px; margin:0; margin-bottom:10px; padding:0; border:1px solid #d5d5d5;background:#ffffff; font-family: 'Strait', sans-serif; font-size:12px; line-height:23px; vertical-align:middle; text-align:left;color:#000000; }
.SpalteLinks textarea				{ width:378px; height:220px; margin:0; margin-bottom:10px; padding:0; border:1px solid #d5d5d5; background:#ffffff; font-family: 'Strait', sans-serif; font-size:12px; line-height:23px; vertical-align:middle; text-align:left; color:#000000; }
.SpalteLinks input[type="submit"]	{ font-family: 'Oswald', sans-serif; width:150px; height:23px; margin:0; margin-bottom:10px; padding:0; border:1px solid #d5d5d5; background:#d5d5d5; font-size:12px; line-height:23px; vertical-align:middle; text-align:center; color:#ffce2e; float: left; text-transform: uppercase; }
.SpalteLinks input[type="submit"]:hover { color:#000000; }
.SpalteLinks div						{ width:120px; height:25px; margin:0; margin-bottom:10px; padding:0; line-height:25px; vertical-align:middle; text-align:left; float:left; }

/*******************************************************************
*** PRODUKTE
*******************************************************************/

#ProduktBox				{ width: 300px; height: auto; margin: 0; padding: 0; float: left; }
#ProduktBox .Bild		{ width: 300px; height: 200px; margin: 0; padding: 0; overflow: hidden; }
#ProduktBox .Bild img	{ width: 300px; height: auto; border: 0; margin: 0; }
#ProduktBox .Titel		{ width: 300px; height: auto; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: normal; color: #000000; line-height: 18px; margin: 0; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; }

#ProduktSidebar			{ width: 400px; height: auto; margin: 0; margin-left: 25px; float: right; }
#ProduktSidebar img		{ margin: 0; margin-bottom: 20px; border: 0; width: 400px; height: auto; }
#ProduktSidebar .Bild,
#ProduktSidebar .BildMitte { width: 120px;
	height: 100px;
	border: 0;
	margin: 0;
	margin-bottom: 20px;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    -khtml-background-size: cover;
    background-size: cover;
}

#ProduktSidebar .BildMitte {
	margin-left: 20px;
	margin-right: 20px;
}

/*******************************************************************
*** FOOTER
*******************************************************************/

.FooterWrapper			{ width: 100%; margin: 0; padding: 0; background: #d5d5d5; }
#Footer					{ width: 910px; height: auto; margin: 0 auto; padding: 25px; background-color: #222323; border: 0; border-top: 1px solid #ffce2e; text-align: center; }
#Footer .Logo			{ width: 350px; height: auto; margin: 0 auto; padding: 0; color: #ffffff; font-size: 13px; line-height: 20px; }
#Footer .Logo img		{ border: 0; margin: 0; width: auto; height: auto; }
#Footer .Text			{ width: auto; height: auto; float: right; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 20px; text-transform: uppercase; text-align: right; }
#Footer .Text a			{ color: #ffffff; }
#Footer .Text a:hover	{ color: #ffce2e; }