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

body {
	padding: 0;
	margin: 0;
}

p {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #666;
	line-height: 160%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

p, h1, pre{
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #333;
	line-height: 130%;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	color: #333;
	line-height: 130%;
}

h3 {
	font-family: 'Give You Glory', cursive;
	font-size: 1.3em;
	font-weight: 400;
	color: #069;
	line-height: 130%;
}

#content_left li {
	list-style-type: square;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #666;
	line-height: 160%;
	padding-right: 0px;
	padding-bottom: 2px;

	position: relative;
	left: -20px;
}

#content_right li {
	list-style-type: square;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #666;
	line-height: 160%;
	padding-right: 0px;
	padding-bottom: 2px;

}

#container1 {
	width: 100%;
}

#container2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*#header {
	width: 100%;
	height: 100px;
	background-image: url(../_layout/logo_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}*/

	


/* Hintergrundbild verlinken */
#header span {
display: none;
}
#header a {
display: block;
	width: 100%;
	height: 100px;
  background-image: url(../_layout/logo_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#banner {
	width: 100%;
	height: 350px;
}

#banner_bild {
	width: 580px;
	height: 350px;
	float: left;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}

#menu1 {
	width: 360px;
	margin-top: 40px;
	float: right;
}

#menu2 {
	width: 100%;
	height: 30px;
	padding-top: 10px;
	position: relative;
	left: -40px;
}

#content_left {
	width: 550px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
}

div#content_left {
	min-height:400px;

height:expression(this.scrollHeight > 400 ? "auto":"400px");
	height: 100%;
	
}

#content_right {
	width: 350px;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 20px;
}

#footer {
	width: 100%;
	height: 350px;
	background-color: #333;
	clear: both;
	padding-top: 20px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer_content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#footer_content_left {
	width: 300px;
	float: left;
}

#footer_content_left h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
}

#footer_content_left p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
}

#footer_content_left a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
}

#footer_content_left a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #9C0;
}

#footer_content_center {
	width: 300px;
	float: left;
}

#footer_content_center a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
	width: 220px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	display: inline-block;
	margin-bottom: 5px;
	background-image: url(../menu2/fuss.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

#footer_content_center a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #9C0;
	width: 220px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	display: inline-block;
	margin-bottom: 5px;
	background-image: url(../menu2/fuss.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}


.footer_form {
	float: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	font-weight: 400;
}

.footer_text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	background-color: #fff;
	padding: 5px;
	width: 280px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
}

.footer_form p {
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 25px;
}

.footer_form td {
	
	color: #ffffff;
	padding-left: 10px;
}

.footer_senden {
	background-color: #ffa500;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.footer_senden:hover {
	background-color: #9F0;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.top {
	position: fixed;
	right: 10px;
	bottom: 0px;
}

.top img {
	text-decoration: none;
	border : 0 none;
}
	
/*************************************** Image Fade **************************************/

/* Vom Image Fader ben�tigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es k�nne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	background-color: #C9D5D5;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k�nnen 
 * Breite und H�he sind notwendig, damit der Brower die Gr�sse des Image Faders kalkulieren kann.
 * REDAXO: F�r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr�sse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 580px;
	height: 350px;
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader ben�tigte styles */

A{
	color: #6666CC;
	text-decoration: none;
}
A:link{
	color: #6666CC;
} 
A:visited{
   color: #F76522; 
}
A:hover, A:active{
	color: #F76522;
}
	
/**************************************************************
***                     Artikel                           ***
***************************************************************/

.article {
	weidth: 100%;
}

.article img {

}


.article .floatRight {
	
}

.article .floatRight img {
	float: right;
	margin-left: 20px;
	background-color: #FFF;
	padding: 5px;	
	
}

.article .floatLeft {
	
}

.article .floatLeft img {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	background-color: #FFF;
	padding: 5px;	
		
}

.clear {
	clear: both;
	margin-bottom: 20px;
}

#trennlinie_links {
	width: 100%;
	height: 30px;
	background-image: url(../_layout/trenner-links2.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 35px;
}



/*---------------------------------- Formulare ------------------------*/

	label,
	select,
	input[type=checkbox],
	input[type=radio],
	input[type=button],
	input[type=submit]

	{

cursor : pointer;
	}
	
.mqdefault {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000;
}

.mqdefault td {
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
}
	
/*--------------------------- Formular Kontakt ----------------------*/	

.form_text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	padding: 5px;
	width: 470px;
	border: 1px dashed #CCC;
}

.form_nachricht {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	padding: 5px;
	width: 470px;
	height: 200px;
	border: 1px dashed #CCC;
	}
	
.kontakt_senden {
	background-color: #ffa500;
	color: #000;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	left: 350px;
	top: -50px;
}

.kontakt_senden:hover {
	background-color: #000000;
	color: #fff;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	left: 350px;
	top: -50px;
}

/*--------------------------- Formular rechts ----------------------*/	

.rechts_form_text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	padding: 5px;
	width: 240px;
	border: 1px dashed #CCC;
}

.rechts_form_select {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	padding: 5px;
	width: 252px;
	border: 1px dashed #CCC;
}

.rechts_form_check {
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
}

.rechts_form_nachricht {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	padding: 5px;
	width: 240px;
	height: 200px;
	border: 1px solid #999;
	}
	
.rechts_spam {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	width: 20px;
	border: 1px solid #999;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}


	
.rechts_senden {
	background-color: #ffa500;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
	width: 253px;
}

.rechts_senden:hover {
	background-color: #000;
	color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*----------------------- ? Fehlermeldung ---------------------------*/

a.mqfielderror,
a.mqfieldinfo
{
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-decoration:none;
	color:black;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	font-size: 12px;
	padding: 0;
}
a.mqfielderror,
a.mqfielderror span {
	text-align:left;
	background-color:#ffa500;
	padding: 0px;
}

a.mqfieldinfo,
a.mqfieldinfo span {text-align:left;background-color:lightblue;}

a.mqfielderror span,
a.mqfieldinfo span
{
	display:none;
	position:absolute;
	padding:5px;
	min-width:200px;
	color:black;
	z-index:1000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;	
}
a.mqfielderror:hover span {display:block;top:0;right:0;}
a.mqfieldinfo:hover span {display:block;top:0;left:0;}

dl.fieldlist {padding:0;margin:0;}
dl.fieldlist dt {display:inline;padding-right:5px;}
dl.fieldlist dd {display:inline;}
span.fieldlist {display:inline-block;vertical-align:top;}
p.ok {
	font-family: Verdana, Geneva, sans-serif;
	margin: 1em 0em 0em 0em;
	padding: 15px;
	background-color: green;
	color: white;
	}
	
p.error {
	padding: 15px;
	background-color: #ffa500;
	color: black;
	position: relative;
	left: 17px;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

/* IE 7 fix */
*:first-child+html dl.mqfieldinfo {display: inline;}
*:first-child+html dl.mqfielderror {display: inline;}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
/*.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}*/
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

/*.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}*/

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

/******************* jquery faq **********************/



.faq {
	padding:0px;
   }

.faq h3 {
	font-family: Tahoma, Geneva, sans-serif;
	cursor:pointer;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0.9em;
	padding-left: 25px;
	font-size: 1.1em;
	background-image: url(../_layout/slide1.png);
	background-repeat: no-repeat;
	background-position: left 18px;
	color: #000;
	font-weight: normal;
   } 

.faq h3.active {
	color:#000;
	background-image: url(../_layout/slide2.png);
	background-repeat: no-repeat;
	background-position: left 18px;
   } 
.faq div {
	overflow:hidden;
	position:relative;
	padding: 0px;
	top: -10px;
   } 

.faq div p {
	margin-bottom: 1px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
   } 

/*.faqicon {
	width:25px;
	height:30px;
	position:absolute;
	background-image: url(layout/pfeil_unten.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: left center;
   }

.faqicon.rex-current, faqicon.rex-active {
	width:25px;
	height:30px;
	position:absolute;
	background-image: url(layout/pfeil_unten2.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: left center;
   }   */
   
   
.faq img {

		box-shadow: 2px 2px 2px 2px #999;
-moz-box-shadow: 2px 2px 2px 2px #999; /* Mozilla Firefox */
-webkit-box-shadow: 2px 2px 2px 2px #999; /* Google Chrome */
	display:table;
	display:inline-block;
	line-height:0.0em;
	background-color: #FFFFFF;
	padding: 10px;}
	
/******************************** Partner **************************************/

.partner {
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 15px;
}

/*********************************** magazin_Layout *****************************/
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}