/* CSS Document: Style */

/* ##### Reset-Skript ##### */

center, isindex, html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
}

html {
 height:100%;
 margin-bottom:0px;
}







/*################################################################*/




/* WEBSITE - Struktur */

body {		
	background-color: #242424;
	background-image:url(img/site_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#container {
	position:absolute;
	width:910px;
	height:auto;
	min-height:550px;
	left:50%;
	margin-left:-455px;
	border:none;
	overflow:hidden;
	visibility: visible;
}

#content {
	width:852px;
	height:auto;
	min-height:650px;
	float:left;
	background-color:#FFF;
	margin-left:16px;
	margin-bottom:25px;
	z-index:-1;
}

#inhalt_linke_spalte {
	width:590px;
	height:auto;
	float:left;
	display:inline;
	overflow:hidden;
	margin-left:20px;
	margin-top: 20px;
}


#inhalt_rechte_spalte {
  width: 210px;
  height:auto;
  float:right;
  margin-top: 60px;
}


#inhalt_spalte {
	width:800px;
	height:auto;
	float:left;
	display:inline;
	overflow:hidden;
	margin-left:20px;
}


#head {
	width:852px;
	height:450px;
	float:left;
	overflow:hidden;
	visibility:visible;
}

#logo {
	position: absolute;
	background-color:#fff;
	float:right;
	width:265px;
	height:110px;
	z-index: 3;
}

/*
.logo {
  margin-left:10px;
}
*/

#bogen {
	position: relative;
	float:left;
	width:160px;
	height:408px;
	margin-top: -328px;
	margin-left: 560px;
	z-index: 10;
}

#balken {
	position: relative;
	float: left;
	width:429px;
	height:65px;
  margin-top: -299px;
	margin-left:245px;
	z-index: 4;
}

#key_visual {
	height:299px;
	width:675px;
	margin-top:60px;
	margin-left:2px;
}


#cirlce {
	width:93px;
	height:342px;
	margin-top:100px;
	float:right;
}


/*###########################################################################*/


/* ### Navigation ### */

#navigation {
  width:700px;
	float:left;
	height:auto;
	list-style-type: none;  
	overflow:hidden; 
	margin-left:2px;
	background-image:url(img/main_activ.jpg);
	background-repeat:repeat-x;
	z-index:1;
	margin-top:-77px;
}

ul#mainnavi { 
		display:inline;
		list-style-type: none; 
		padding: 0;
		margin: 0;
		background-image:url(img/main_activ.jpg);
		background-repeat:repeat-x;
		width:720px;
    height: 30px;
	}

	
ul#mainnavi  a {}
ul#mainnavi  li {float: left;display:inline;width:119px;} 
ul#mainnavi  li a {color: #fff; width:119px;}
ul#mainnavi  li a:hover, .current, .active {width:119px; background-image:url(img/main_hover.jpg);}
ul#mainnavi  li#active {__width:119px; background-image:url(img/main_hover.jpg);}

ul#mainnavi li.current a {width:119px; background-image:url(img/main_hover.jpg)}
ul#mainnavi li.current a:hover {width:119px; background-image:url(img/main_hover.jpg);}

ul#mainnavi li a{
  display:block; 
  width:119px; 
  background-image:url(img/main_activ.jpg);
  
  color:#fff;
	height:24px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-align: center; 
	padding-top:9px;
	text-transform:uppercase;
}

ul#mainnavi li a:hover{
  color:#fff;
	height:24px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-align: center; 
	padding-top:9px;
	text-transform:uppercase;
}

ul#mainnavi li.active a {	
  text-decoration: none;
  color:#fff;
	text-align: center; 
	padding-top:9px;
	text-transform:uppercase;
}

ul#mainnavi li.active a:hover {	
  text-decoration: none;
  color:#fff;
	text-align: center; 
	padding-top:9px;
	text-transform:uppercase;
}

/* __________________________________________________________________________ */

ul#subnavi { 
	width:700px;
	height:25px;
	overflow:hidden;
	float:left;
	display:inline;
	list-style-type: none;  
	background-color: #c3022f;
	margin-top: -15px;
	background-image:none;
}

 
ul#subnavi a {text-decoration: none; display:block; margin-left:25px; margin-top:6px; background-image:none; width:auto;}
ul#subnavi li {float: left; display: inline; background-image:none; width:auto;}
ul#subnavi li a {margin-left:25px;background-image:none; width:auto;}
ul#subnavi li a:hover {margin-left:25px;text-decoration: underline;background-image:none; width:auto;}
ul#subnavi li #active {background-image:none; width:auto;}

ul#subnavi li a{
  color:#fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #c3022f;
	background-image:none;
	margin-left:25px;
	 width:auto;
}

ul#subnavi li a:hover{
   	color:#fff;
		text-decoration: underline;
		background-image:none;
		margin-left:25px;
		 width:auto;
}

ul#subnavi li.current a{
   	color:#fff;
		text-decoration: underline;
		background-image:none;
		margin-left:25px;
		width:170px;
		 width:auto;
}

/* __________________________________________________________________________ */

#meta_navi {
  position:absolute;
	width:400px;
	height:20px;
	list-style-type: none; 
	overflow:hidden;
	float:left;
	display:inline;
	margin-left:325px;
	margin-top:37px;
	z-index: 30;
}

#meta_navi ul { 
	width:400px;
	float:left; 
	display:inline;
	list-style-type: none; 
	padding:0px;
	margin:0px;
	}

	
#meta_navi ul a { display:inline; width:75px; margin-left:8px;}
#meta_navi ul li { display:inline; width:75px; margin-left:8px;}
#meta_navi ul li a { display:inline; width:75px; margin-left:8px;}
#meta_navi ul li a:hover { display:inline; width:75px; margin-left:8px;}
#meta_navi ul li#active { display:inline; width:75px; margin-left:8px;}

ul#meta_navi li a{
  color: #868686;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center; 
	margin:0px;
}

ul#meta_navi li a:hover{
  color:#c3022e;
	text-align: center; 
	margin:0px;
}

ul#meta_navi li.active a {	
  color:#c3022e;
	text-align: center; 
}

ul#meta_navi li.active a:hover {	
  color:#c3022e;
	text-align: center; 
	margin:0px;
}

ul#meta_navi li.meta-active a {
  color:       #c3022e;
	font-size:   11px;
}

/*###########################################################################*/





/* ### Schriftformatierungen ### */

body {
  font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2c353a;
	text-align:left;
}



/*
#active {
  color:#fff;
	height:30px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-align: center; 
	padding-top:9px;
	text-transform:uppercase;
}




#sub-active {
  color:#000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display:inline;
	margin-right:5px;
	text-decoration:underline;
}
*/


/*###########################################################################*/


/* Textauszeichnungen */
p, .fieldset, .forminfo, #form-module-thanks, td, th {
  font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	line-height: 18px;
	text-align:left;
}

p {
  margin-bottom: 5px;
}

i {
	font-weight: bold;
	font-style: normal;
}

legend {
  font-weight: bold;
	color:#c3022e;
  font-size: 12px;
}

em {
  color:#c3022e;
}

strong {
  font-weight: bold;
	color:#c3022e;
  font-size: 12px;
}

.box_white ul {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	line-height: 18px;
	text-decoration: none; 
  list-style-position: outside; 
  list-style-type: circle;
}

.box_white li {
   margin-left: 20px;
   
}



/* Überschriften */
h1 {
	color: #c3022e;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	text-transform:uppercase;
	margin-top:5px;
}

h2 {
  color: #c3022e;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-transform:uppercase;
	margin-top:15px;
	line-height:20px;
}


h3 {
  color: #646464;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform:uppercase;	
}

h4 {
  color: #c3022e;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
  margin-top: 1px;
  margin-bottom:3px;	
}

h5 {
  color: #c3022e;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	margin-top: 1px;
  margin-bottom: 10px;	
}


.Stil1, .Stil2 {
   color: #ffffff;
}


/* Text-Links */
a {
	color:#c3022e;
   font-weight:normal;
   font-size:11px;
   text-decoration: none;
   margin:0px;
}

a:hover {
   text-decoration: underline;
}

a img {
   text-decoration: none;
   margin:0px;
}

a img:hover {
   text-decoration: none;
   margin:0px;
}

/* ######################################################################### */

/* Redaxo - Module */

/* ######################################################################### */

/* News-Teaser */
.teaser {
	width:280px;
	height: auto;
  float: left;
  margin-right: 5px;
  margin-bottom: 15px;
}

.teaser_image {
  float: left;
  margin-right: 7px;
  margin-bottom: 4px;
  border: 1px solid #000000;
  padding: 1px;
}

.teaser {
   text-align: right;
}

.teaser_titel {
  margin-bottom: 10px;
  text-align: left;
}

.teaser_text {
  text-align: left;
}


.teaserNav {
   text-align: right; 
   margin-right: 5px;
}

.teaserNav a, .teaser a{
  text-decoration: none;
	color: #353535;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.teaserNav a:hover, .teaser a:hover{
   text-decoration: underline;
}



/* Bildergalerie */
.galerie_vorschau {
   display: none;
}


.galerie_klein {
   padding: 1px;
   border: 1px solid #d5d5d5;
   margin-right: 6px;
   margin-bottom: 6px;
   float: left;
}

.history_back {
   width: 600px;
   float: left;
   margin-top: 10px;
   margin-bottom:20px;
}


/* Modul_ Inhalt - Bild mit Lightbox */
#imagewrap {
   float: left;
   height: 167px;
   width: 250px;
    margin-right: 26px;
   margin-bottom: 26px;   
}

.inhalt_bild {
   padding: 1px;
   border: 1px solid #d2d2d2;
   float: left;
}

.textpic-caption {
   font-size: 9px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #989898;
   float: left;
   margin-top: 3px;
}


/* FixFloat */
.fixfloat {
   clear:both;
   font-size:0;
   height:1px;
   line-height:0;
}

/* Trennlinie */
.trennlinie {
  border: 0;
  border-bottom: 1px dotted #b2b2b2;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #ffffff; /* Farbe für Opera und Firefox */
  color: #ffffff; /* Farbe für Internet Explorer (IE) */
  height: 1px;
}


/* ##### Kontakt-Formular ##### */

.fieldset {
 float: left;
 margin-right: 0px;
 padding-right: 20px;
 margin-bottom: 20px;
 width: 550px;

}

.formtext {
 position: relative;
 left: 30px;
 border: 1px solid #d3d3d3;
 margin-bottom: 5px;
 width: 300px;
}

.text {
 margin-left: 30px;
 border: 1px solid #d3d3d3;
 margin-bottom: 0px;
 width: 123px;
}

.text2 {
  border: 1px solid #d3d3d3;
  margin-bottom: 0px;
  width: 60px;
}

.formtextfield {
  position: relative;
  left: 30px;
  border: 1px solid #d3d3d3;
  margin-bottom: 7px;
  width: 400px;
  height: 200px;
} 

.formtextfield .select:hover, .formtextfield .text:hover, .formtextfield .textarea:hover {
  border:1px solid #929292;
}


.formhinweis {
   width: auto;
}

.formsubmit, #buttonSubmit, #buttonLogoff, .submit {
border: 2px inset #da0020;
background: #da0030;
color:#ffffff;
margin-top: 7px;
margin-bottom: 10px;
}

a.button, .button {
border: 1px solid #8b9690;
background: #ac0026;
margin-top: 7px;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
color:#ffffff;
}

a.button:hover, .button:hover {
background: #da0030;
text-decoration: none;
}

label {
width: 105px;
display: block;
float: left;
}

.formcaptcha {
 margin-right: 500px;
}

legend {
   margin-left: 0px;
   margin-bottom: 5px;
   font-weight: bold;
}

text[id]legend {
margin-left: 0px;
}

.forminfo, .formerror {
color: #db0133;
}


.table_download {
   margin-bottom: 15px;
}

.formtextfield:hover, .formtext:hover {
  border: solid 1px #c3022e;
}

/* Teaser */

.teaser-diagonal {
  position:relative;
  float:left;
  width:200px;
  height:auto;
  margin-bottom:30px;
  z-index:40;
}

.teaser-rechts {
  float:right;
  width:180px;
  height:121px;
  margin-bottom:30px;
  padding:1px;
  border: solid 1px #d5d5d5;
  margin-right:5px;
}

.teaser-rechts-2 {
  float:right;
  width:180px;
  height:121px;
  margin-bottom:30px;
  margin-right:5px;
}

.inhalt_bild_teaser {
	width:167px;
	height: auto;
	border: 1px solid #d5d5d5;
  margin-bottom: 20px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}

.box_teaser {
	width:185px;
	height: auto;
	float: left;
  border: 1px solid #d5d5d5;
	background-color: #ffffff;
	margin-top:5px;
  margin-bottom: 20px;
  margin-right: 5px;
  overflow: hidden;
  padding: 1px;
}

.dunkelgrau .box_teaser {
  background-color: #616161;
}

.ohne_Rahmen .box_teaser {
  border: 1px solid #FFFFFF;
}


.hellgrau .box_teaser {
  background-color: #d4d4d4;
}


.box_teaser .image {
  width:auto;
  height: auto;
}

.inhalt_bild_teaser .image {
  width:165px;
  height: 130px;
  padding: 1px;

}

.bild {
  float: left;
  margin-right: 20px;
  border: 1px solid #d5d5d5;
  margin-bottom: 20px;
  cursor: pointer;
}

.image_float_left {
  float: left;
  display: block;
  margin-top: 5px;
  margin-right: 25px;
  margin-bottom: 25px;
}



/* ######################################################################### */


/* ##### Team Modul ###### */

.team_member {
  width:400px;
  height:auto;
  margin-top:15px;
  padding:none;
  display:inline;
  float:left;
}

.team_description {
  width:240px;
  height:auto;
  float:right;  
}

.team_name {
  color: #c3022e;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-transform:uppercase;
	line-height:20px;
	margin-bottom:10px;
}

.team_text {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-transform:left;
	line-height:18px;
	margin-bottom:10px;
}

#team_imagewrap {
   float: left;
   height:auto;
   width:auto;
   margin-right: 10px;
   margin-bottom: 25px; 
}

.team_inhalt_bild {
  float:left;
  padding: 1px;
  border: 1px solid #d2d2d2;
  float: left;
}

.team_bild {
  float:left;
}


/* ######################################################################### */