/* 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%;
}

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


/* WEBSITE - Struktur */

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

#container {
	position:absolute;
	width:960px;
	height:auto;
	left:50%;
	margin-left:-500px;
	padding-left:83px;
	border:none;
	overflow:hidden;
	visibility: visible;
	background: url(img/typ.png) no-repeat left bottom;
}


#head {
	width:841px;
	height:114px;
	background: url(img/header_bg.jpg) no-repeat right #fff;
}

#logo {
	width:290px;
	height:114px;
	float:left;
	margin-left: 10px;
}

.claim {
	width:500px;
	height:auto;
	float:left;
	color: #1d69ae;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:30px;
	margin-top:66px;
}
/*
#wrapper-start{
	width:841px;
	min-height:368px;
	height:auto;
	float:left;
	background: #85aacc;
}
*/

#wrapper-unterseite{
	width:800px;
	min-height:368px;
	height:auto;
	float:left;
	background-image:url(img/content_bg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#key-visual-slide, #key-visual {
	height:388px;
	width:280px;
	float:left;
	visibility: inherit;
	margin-top:20px;
	margin-left:20px;
}

.key-visual-slide, .key-visual {
	padding:1px;
  border:solid 1px #b2b2b2;
}

#spalte-links {
  height: 100%;
	width:320px;
	float:left;
	visibility: inherit;
	background-color: #eaeaea;
}


#content-start {
	width:841px;
	height:auto;
	float:left;
	background-color: #eaeaea;
	background:url(img/content_bg.gif) repeat-y top;
	border-bottom: solid 2px #f18225;
}

#inhalt {
	width:500px;
	min-height: 440px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-left:10px;
	overflow: hidden;
}

#footer-start {
	width:841px;
	height:282px;
	background: url(img/start-footer_bg.jpg) repeat-x top #416789;
	float:left; 
}

#footer-content {
	width:841px;
	height:30px;
	background: url(img/start-footer_bg.jpg) repeat-x bottom #416789;
	float:left;

}

#footer-box{
	width:auto;
	height:255px;
	float:left;
	margin-left:25px;
	margin-right: 10px;
	padding-bottom: 5px;
}

#footer {
	width:790px;
	height:23px;
	float:left;
	border-top: solid 1px #7a95ad;
	margin-top:5px;
	margin-bottom:2px;
	margin-left:25px;
}



#fuf-link {
	width:17px;
	height:80px;
	float:right;
	margin-top:205px;
}
/*###########################################################################*/


/* ### Navigation ### */
/*
#navigation {
  position:absolute;
  width:841px;
	float:left;
	height:260px;
	list-style-type: none;  
	overflow:hidden; 
	background:url(img/navi_bg.jpg) no-repeat;
	margin-top:114px;
	z-index:10;
}

#mainnavi {width:802px; height:36px; margin-left:23px; padding-top:4px;}
*/

ul.rex-navi1 {
  background:url(img/navi_bg.jpg) no-repeat;
  width:841px; 
  height:41px;
  padding-top:5px;
  margin-bottom:5px;
  z-index:10;
}

ul.rex-navi1  li {
  float:left; 
  display:inline; 
  height:41px; 
  width:auto; 
  background: url(img/nav_border.jpg) no-repeat right bottom;
  margin-top:5px;
} 

ul.rex-navi1 li a{ 
  height:41px;
  width:auto;
  color:#fff;
  height:13px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center; 
	padding-top:15px;
	letter-spacing: 1px;
	padding-left: 22px;
	padding-right: 22px;
	float: left;
}

ul.rex-navi1 li a:hover, .rex-current {
  color:#ff8b3b;
	height:13px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center; 
	padding-top:15px;
	letter-spacing: 1px;
}

ul.rex-navi1 li.current {
  color:#ff8b3b;
}

ul.rex-navi1 li.rex-active a, ul.rex-navi1 li.rex-current a {	
  color:#ff8b3b;
}

ul.rex-navi1 li.active a:hover {	
  color:#ff8b3b;
}

/* Ausklappteil */


ul.rex-navi1 li.rex-current ul.rex-navi2, ul.rex-navi1 li ul.rex-navi2 {
  width:200px; 
  height:auto; 
  background: #3f3f3f; 
  padding-bottom:10px;
  padding-top: 2px;
  font-size: 11px;
}

ul.rex-navi1 li.rex-current ul.rex-navi2 li, ul.rex-navi1 li ul.rex-navi2 li {
  width:200px;  
  height:auto; 
  background: #3f3f3f; 
  padding-bottom:3px;
  color:#fff;
  font-size: 11px;
} 

ul.rex-navi1 li.rex-current ul.rex-navi2 li a, ul.rex-navi1 li ul.rex-navi2 li a {
  color:#fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
}

ul.rex-navi1 li.rex-current ul.rex-navi2 li a:hover, ul.rex-navi1 li ul.rex-navi2 li a:hover, ul.rex-navi1 li.rex-active ul.rex-navi2 li.rex-current a {
  color:#ff8b3b;
  font-size: 11px;
  text-transform:none;
}
/* __________________________________________________________________________ */


#meta_navi {
	width:300px;
	height:20px;
	list-style-type: none; 
	overflow:hidden;
	float:left;	
}

#meta_navi ul { 
	width:300px;
	float:left; 
	display:inline;
	list-style-type: none; 
	margin-top:2px;
	}

	
#meta_navi ul a { display:inline; margin-left:-25px; }
#meta_navi ul li { float:left; display:inline; padding-right:10px;}
#meta_navi ul li a { display:inline; padding-right:10px;}
#meta_navi ul li a:hover { display:inline; padding-right:10px;}
#meta_navi ul li#active { display:inline; padding-right:10px;}

ul#meta_navi li a{
  	color: #a0b3c4;
	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:#fff;
	text-align: center; 
	margin:0px;
}

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

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

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



/* __________________________________________________________________________ */


#leistungen_navi {
	width:auto;
	height:auto;
	overflow:hidden;
	float:left;	
	margin-bottom:5px;
}

#leistungen_navi ul { 
	width:225px;
	height:220px;
	float:left; 
}

	
#leistungen_navi ul a {width:225px; height:30px; margin-top:6px; list-style-type:none;}
#leistungen_navi ul li {width:225px; height:20px; margin-top:6px; list-style-type:none;}
#leistungen_navi ul li a {width:225px; height:20px; margin-top:6px;}
#leistungen_navi ul li a:hover {width:225px; height:20px; margin-top:6px;}
#leistungen_navi ul li #active {width:225px; height:20px; margin-top:6px;}

ul#leistungen_navi li {
  	color: #c3c9cf;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	list-style-type:none;
}

ul#leistungen_navi li a{
  	color: #c3c9cf;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	list-style-type:none;
}

ul#leistungen_navi li a:hover{
  	color:#fff;
	text-decoration: none;
}

ul#leistungen_navi li.active a {	
  	color:#fff;
	text-decoration: none;
}

ul#leistungen_navi li.active a:hover {	
 	color:#fff;
	text-decoration: none;
}

ul#leistungen_navi li.meta-active a {
  	color:#fff;
	text-decoration: none;
}


/* __________________________________________________________________________ */

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


/* ### Schriftformatierungen ### */

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


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


#text ul, #text li{
  font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #646464;
	text-align:left; 
	list-style-type: disc;
	margin-left:10px;
	line-height:24px;
}


#leistungen_navi{
  height:320px;
}

ul#leistungen_navi li {
  width:300px;
  float:left;
  text-align:left;
  line-height:20px;
}

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

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

em {
  color:#c3022e;
}

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


/* Überschriften */
h1 {
	color: #416789;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-align: left;
	line-height:24px;
	
	word-spacing:1px;
}

h2 {
	color: #416789;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-align: left;
	line-height:24px;
	
	word-spacing:1px;
	margin-top: 25px;
}


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

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

h5 {
  	color: #868686;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
}

h6 {
  color: #fff;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:30px;
	margin:0px;
	padding-top:10px;
}

h7 {
	color: #416789;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	line-height:28px;
	
	word-spacing:1px;
}

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


/* Text-Links */
a {
	color:#416789;
   font-weight:bold;
   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 ########## */

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

#galerie {
  width:465px;
  height:auto;
  float:left;
  margin-top:25px;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  padding-top:10px;
  margin-bottom:10px;
  padding-left:15px;
}

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

.history_back {
   width: 572px;
   float: left;
   margin-top: 10px;
}


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

.inhalt_bild {
   padding: 2px;
   border: 1px solid #b2b2b2;
   float: right;
   margin-left: 20px;
   margin-top: 15px;
}

.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: 20px;
  margin-bottom: 20px;
  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: 200px;
  z-index:20;
}

.text {
	visibility:visible;
	overflow:hidden;
	margin-top:15px;
}

#spalte-links .text {
  margin-left: 10px;
  padding-top: 15px;
}

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

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


.formhinweis {
   width: auto;
}

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

.formsubmit, #buttonSubmit, #buttonLogoff, .submit {
  border: 2px groove #4676a2;
  background: #85aacc;
  color:#fff;
  margin-top: 7px;
  margin-bottom: 10px;
}

a.button, .button {
  border: 1px solid #273c4f;
  background: #85aacc;
  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;
}


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

/* ------ Imagefloat ------ */

.text#image_float_left {
  float:left;
  text-align:left;
  margin-top:5px;
  margin-right:20px;
  margin-bottom:15px;
  padding:1px;
  border:solid 1px #a0a0a0;
}

.text#image_float_right {
  float:right;
  margin-top:-36px;
  margin-left:20px;
  margin-bottom:10px;
  margin-right:10px;
  padding:1px;
  border:solid 1px #a0a0a0;
}
/* ------------------------ */

/* ------ Team Modul ------ */
.team_member {
  width:230px;
  height:auto;
  margin-top:15px;
  margin-right:20px;
  float:left;
  margin-bottom:10px;
  /*border: solid 1px #ff0000;*/
}

.team_description {
  width:140px;
  height:auto;
  float:left;
}

.team_name {
  color: #424242;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
}

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

#team_imagewrap {
   float: right;
   margin-left:10px;
}

.team_inhalt_bild {
  padding: 1px;
  border: 1px solid #e58d1e;
  float:right;
}

/* ------------------------ */


/* ------ Newsslider ------*/



.teaser_top {
  width:450px;
  background: url(img/newsslider_top-bg.jpg) repeat-x top;
  border-right: 15px solid #ee8126;
  color: #646464;
  height:19px;
  font-size: 12px;
  font-weight:bold;
  padding-left: 15px;
  line-height: 18px;
}


.teaser {
	width:448px;
	height:105px;
  padding-top: 15px; 
  padding-left: 15px; 
  padding-right:15px;
  padding-bottom: 30px;
  margin-bottom: 15px;
  border: 1px solid #c6c6c6;
}


.teaser_image, .teaser_image:hover {
  float: right;
  border: 1px solid #c6c6c6;
  padding: 1px;
  margin-left: 10px;
}


.teaser_titel {
  padding-right: 20px;
  margin-bottom:10px;
  color: #646464;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width:260px;
	text-align:left;
	float:left;
}


.teaser_text {
  font-size:10px;
  color:#646464;
}


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


.teaserNav a, .teaser a{
	color:#416789;
	text-decoration: none;
	font-weight: bold;
	padding-right:10px;
}


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


/* --------------------------- */


#newsslider {
}

#slider{
  width: 500px;
  height: 185px;
  float: left;
  display: inline;
  margin-top:26px;
}

/*
#slider ul {
  margin-left:-10px;
}
*/

#slider li{ 
  list-style-type:none;
  width:500px;
	height:160px;
}

span#prevBtn {
  z-index:20;
  position: absolute;
  top: 1043px;
  left: 835px;
}

span#nextBtn {
  z-index:21;
  position: absolute;
  top: 1043px;
  left: 855px;
}

#nextBtn a:link, #nextBtn a:hover {
  font-weight:bold;
  color:#416789;
}

#prevBtn a:link, #prevBtn a:hover {
   font-weight:bold;
   color:#416789;
}

/* --------------------------- */

/* ------ Teaser - Links ------*/

#teaser {	
	width:auto;
	height:auto;
	float:left;
	padding: 15px;	
}

.box_teaser{
	width:265px;
	height:auto;
	float:left;
	overflow:hidden;
	margin-left:5px;
	margin-top:10px;
	background: #dedede;	
  border:solid 1px #a0a0a0;
  padding:5px;
}

.teaser_rechts_bild {
  float: left;
  border: 1px solid #a0a0a0;
  padding: 1px;
}


.teaser_rechts_ecke {
  float:right;
}

/* --------------------------- */

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


/*################## Player #####################*/

/* player container */
div.player {
	height:356px;
	width:494px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
	background: url(/files/schickling_screen_1.jpg) no-repeat;
	/*background-image: url(/files/schickling_screen_1.jpg);*/
}

/* play button */
div.player img {
	margin-top:140px;
	position: relative;
}

/* info area */
div.player div.info {
	height:40px;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
	display: none;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}



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

.button_shop {
position:absolute;
z-index:768;
left:875px;
top:80px;
margin:0;
}

.button_shop_2 {
position:absolute;
z-index:1568;
left:80px;
top:480px;
margin:0;
}