@charset "UTF-8";

/*
www.fluehs.de
Start: 29.10.2009
Letzte Aenderung: 09.11.2009
*/


/* Reset
--------------------------------------------------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  border: 0;
}


/* Globals und Typo 
--------------------------------------------------------------------------------------- */
html {	
  background-image:url(/images/fe/bg.jpg);
}

body {
  /*background-image:url(/images/fe/bg.jpg);*/
  background-color: #000;
}

a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
  text-decoration: none;
}

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


/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
  outline: none;
}

.aktiverLink {
  background-image: url(/images/fe/active.png);
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
  border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
  float: left;
  margin: 0 6px 6px 0;
}

.rechts {
  float: right;
  margin: 0 0 6px 6px;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
  background-color: #000;
  clear:both;
  overflow: hidden;  
  position: relative;
  width: 100%;
  z-index: 1;
}

.constrain{
  width: 1024px;
  margin: 0 auto;
}

#header {
  background-color: #161616;
  height:30px;
  padding:12px 0 0 0;
}

#header_navigation {
  float:left;
  font-size: 10px;
  width:400px;
}

#sprachwahl {
  margin: 0 0 0 19px;
}

#submenu {
  margin: 0 0 0 69px;
}

#header_navigation li {
  float:left;
  list-style-type: none;
  margin:0 2px 0 0;
}

#header_navigation a {
  /*color:#303030;*/
    color:#848484;
}

#header_navigation a:hover {
  color:#fff;
  text-decoration: none;
}

#suche {
  float:right;
  width:200px;
}

#suche input {
  background-color: #161616;
  border:1px solid #363229;
  /*color:#414141;*/
  color:#848484;
  display:block;
  float:left;
  text-align:center;
}

#teaser {
  background-color: #000;
}


/* Navigation
--------------------------------------------------------------------------------------- */
#navigation {
  color:#fff;
  margin:35px 0 0 0;
  list-style-type: none;
  padding:0;
  /*width:118px;*/
}

#navigation li {
 
  font-size: 13px;
  height:23px;
  width:118px;
}

#navigation img{
  height: 1px;
}

#navigation a{
  margin: 0 ;
  width:inherit;
  position:absolute;
}

#navigation li a {
  color:#fff;
  display:block;
  height:22px;
}

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

#navigation .line {
  position:relative;
  top:18px;
}

.dropdown {
  color:#fff;
  display:none;
  list-style-type: none;
  padding:0;
  position: absolute;
  top:77px;
  left:225px;
}

.dropdown li {  
  font-size: 13px;
  height:25px;
  background-color: #000;
}

.line{
  line-height: 0; height: 1px; margin:0; padding:0; border: 0; font-size:0px;
  background-image: url('/images/fe/nav_border.gif');
  background-repeat: no-repeat;
}

li.l3 .line{
  background-position: 15px 0px;
}

.dropdown li a {
  color:#fff;
}


#logo {
  margin: 50px 0 0 0;
  width:98px;
}

.breadcrumb {
  /*color:#333333;*/
  color:#989898;
  font-size:10px;
  margin: 35px 0 13px 0;
}

.breadcrumb a {
  /*color: #333333 !important;*/
  color: #989898 !important;
  font-size:10px;
}

.breadcrumb a:hover {
  color: #fff !important;
  font-size:10px;
  text-decoration:none;
}

.button span {
  margin: 0 0 300px 0;
}
#galerie .description{
  color:#FFF;
  font-size: 12px;
  line-height: 30px;
}

#galerie img{
  max-width: 466px;  
}


#button_wrapper span a {
  background-image: url(/images/fe/button_bg.jpg);
  background-repeat:no-repeat;
  color: #363636;
  display:block;
  float:left;
  font-size: 11px;
  margin:0 10px 0 0px;
  text-align:center;
  height:18px;
  width:18px;
}

#button_wrapper span a:hover {
  color:#fff;
  text-decoration:none;
}

#galerie {
  margin: 35px 0 0 0;
}

#content {	
  background-color:#9b8a62;
  background-image:url(/images/fe/content_bg.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  padding-top: 35px;
  overflow:hidden;
}

.column_left {
  float:left;
  margin:0 0 0 70px;
  width:390px;
}
.main_content{
  margin:0 70px 0 70px;
}

.produkt_videos {
  margin: 10px 0 50px 0;
  padding: 0;
  list-style-position:inside;
  list-style-type: none;
}

.produkt_videos li {
  background-image: url(/images/fe/list_icon.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  height:25px;
  padding: 5px 0 0 35px;
}

.produkt_videos li a {
  color:#000;
}

.produkt_videos li a:hover {
  color:#fff;
  text-decoration: none;
}

#content .column_right {
  float:right;
  width:390px;
  
}

#teaser .column_right {
  float:right;
  
}



#content .column_right {    
  padding: 0 0 70px 0;
  margin: 0 70px 0 0;
}

.column_img {
  padding: 10px 0;
}

#footer {
  clear:both;
  overflow:hidden;
  background-color: black;
  padding:0 0 0 70px;
}

#features {
  background-color:#000;
  font-size: 10px;
  margin: 17px 0 72px 0;
}

#features a {
  /*color:#323232;*/
  color:#848484
}

#features a:hover {
  color:#fff;
}

.box {
  background: #000;
  float:left;
  margin: 0 10px 0 0;
  width:110px;
}

.box h4, .box_last h4 {
  font-size: 10px;
}

.box_last {
  background: #000;
  float:left;
  margin: 0;
  width:110px;
}

.footer_sitemap {
  /*color:#323232;*/
  color:#848484;
  font-size: 10px;
  list-style-type: none;
  margin:25px 0 65px 0;
}

.footer_sitemap li a {

  /*color:#323232 !important;*/
  color:#848484 !important;
}

.footer_sitemap li a:hover {
  color:#fff !important;
}

.page_content_wrapper{  
}

.page_content_wrapper h1{
  line-height: 25px;
}
.news_content_element{
  margin-bottom: 35px;
}
p {
  padding-top: 5px;
  padding-bottom: 10px; 
}

/* styles for sitemap */
#sitemap_content li {
  list-style:none;
}
#sitemap_content {
  margin-bottom: 50px;
  overflow:hidden;
  white-space:nowrap;
}
#sitemap_content a:hover{
  color: #FFF !important;
}

.sitemap_level1{
  float:left;
  margin-bottom: 4px;
  margin-top: 4px;
  width: 220px;
  
}
.sitemap_level1 a {
  color: #000;
  font-size:20px;
  text-transform:uppercase;
  margin: 20px 0 20px 0;
  white-space:  normal;
  }

.sitemap_level2 a{
  font-size:14px;
  margin-bottom: 2px;
  margin-top: 2px;
  text-transform:none;
  white-space:  normal;
}


/* news list style */
.news_element h2 {
  line-height: 25px;
  padding-bottom:  10px;
}
.news_element {
  padding-bottom:  15px;
}


/*new and events style front page*/

.newsitem .newsimage img {
 margin-bottom: 10px;
}

#events{
  margin-bottom: 15px;  
  float:left;
  margin-right: 25px;
  width: 150px;
}


.column_products_in_action{
  clear:both;
}
/*cms imageblock */

.images_container img{
  padding: 12px 0 12px 0;
}


/*menu */

.column_left li .level2{

}

.column_left li.l3{
  display:none;
}


li.l3 img{
  padding-left:15px;
}

.column_left li .level3{
  padding-left:15px;
}
.news_element_wrapper{
  clear: both;
  overflow: hidden;
}
.news_element{
  width: 390px;
  float: left;
}
.news_element_image{
  width: 200px;
  height: 130px;
  margin-bottom: 15px;
  float: right;
  background-repeat: no-repeat;
  background-position: left center;
}


.gallery_box {
  width: 466px;
  max-width: 466px;
  overflow: hidden;
}

.upcase{
  text-transform: uppercase;
}

form.contact_form{
	margin-top:20px;
	margin-bottom:40px;
}
form.contact_form select, form.contact_form input, form.contact_form textarea{
	border:none;
	margin:0px !important;
	margin-left:10px !important;
}
form.contact_form div{
	display:block;
	margin-bottom:10px;
}
form.contact_form hr{
	outline:none;
	background:transparent;
	height:1px;
	border-bottom:1px solid #8f7c5b;
	margin-top:20px;
	margin-bottom:19px;
	visibility:visible !important;
}
form.contact_form label{
	vertical-align:top;
	display:inline-block;
	font-family: Verdana;
	width:200px;
	text-transform:uppercase;
	font-size:10px;

}
form.contact_form select, form.contact_form input, form.contact_form textarea{
	/*background-color:#c4c4c4;*/
	background-color:#ffffff;
	display:inline-block;
	font-family: Verdana;
	font-weight:bold;
	font-size:1em;
	width:600px;
	padding:5px;
}
form.contact_form select{
	width:auto;
}
form.contact_form div.adresse input.ort{
	width:500px !important;
}
form.contact_form div.adresse input.plz{
	width:80px !important;
}
form.contact_form input.submit_btn{
	background:url("/images/bg.input.jpg") top left repeat-x !important;
	border:none !important;
	height:30px !important;
	padding:0px !important;
	color:#c4c4c4 !important;
	font-family: Verdana !important;
	text-transform:uppercase !important;
	font-size:10px !important;
	width:auto !important;
	padding-left:20px !important;
	padding-right:20px !important;
}

form.contact_form label.error {  
  margin-left:10px;
  width:auto;
  font-size:12px;
  font-weight: bold;
  position: absolute;
  right: 50px;
  margin-top: 5px;
  display: inline;
  color: #990000;
}

form.contact_form input.error {
  border: 1px solid red;
}