/*  Global reset */
* {
	padding: 0px;
	margin: 0px;
}
.clearer {clear: both;  }

/* -------------------------------------- Main vars ---------------------------*/

body {
	font-family: Arial;
	color: black;
	background: url("../img/bg.gif") top left no-repeat;
	background-color: #FDF1DC;
	}

#main {
	width: 920px;
	margin: 0 auto;
	background: url("../img/bg_main.gif") top left no-repeat;
	background-color:#413131;
	margin-top: 10px;
	display: inline-block;
}

#header {
	position: relative;
	float: right;
	left: 0px;  /* rausgenommen margin-left: 173px;*/
	width: 674px; /* rausgenommen max-width: 659px;*/
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#navi, #navi2 {
	width: 159px;
	padding: 0 20px 0 67px;
	min-height: 321px;
}


#search {
	width: 221px;
	padding: 15px 20px 10px 2px;
}
#search input {float: left;}

#suchbutton {
	background: url('../img/lupe.gif') bottom left no-repeat;
	width: 60px; 
	height: 40px;
	display: inline;
	border: 0px;
	margin-right: 5px;
	margin-top: -7px;
	cursor:pointer;
}

#adresse {
	width: 211px;
	color:#FFFFFF;
	min-height: 140px;
	padding-right:35px;
	text-align:right;
	background: url("../img/bg_adresse.gif") no-repeat bottom right;
}

#adresse p {
	color: #FFFFFF;
}

#adresse a {
	color: #FFDC9F;
	text-decoration: underline;
	font-weight: bold;
}

/*
#startbild {
	background: url("../img/index.jpg") no-repeat;
	width: 658px;
	height: 125px;
	padding-top: 120px;
}

#startbild p {
	color: #FFFFFF;
	font-size:14px;
	font-weight: normal;
	padding: 14px;
	background: url("../img/transparent.png");
}

#startbild a{
	color: #FFFFFF;
	text-decoration: underline;
}

#startbild a:hover{
	color: #EF8732;
	text-decoration: underline;
}
*/


.aktionhinweis{
	background-color: #413131;
	padding: 10px;
}

.teamsparte{
	background-color: #413131;
	padding: 4px 14px 4px 14px;
}

.produktwahl{
	width: 200px;
	height: 175px;
	margin-right: 11px;
	float: left;
	display: inline;
	}
	
.produktwahl img{
	padding-bottom: 5px;
}

#inhalt{
	width: auto;
	height: auto;
	background-color: #FCEBCD;
	padding: 14px;
}
.box{
	width: auto;
	/*height: auto;*/
	/*background-color: #FCEBCD;*/
	background: #FDF1DC;
	padding: 14px;
	min-height:1px;
}

.box li{
	font-size: 12px;
	font-family: Arial,Helvetica, sans-serif;
	color: #333;
	margin-left:14px;
	padding-bottom: 8px;
}

.box li a{
	font-size: 12px;
	font-family: Arial,Helvetica, sans-serif;
	font-weight: bold;
	color: #257576  !important;
}

.box li a:hover{
	font-size: 12px;
	font-family: Arial,Helvetica, sans-serif;
	font-weight: bold;
	color: #413131  !important;
}

.box ul{
	font-size: 12px;
	font-family: Arial,Helvetica, sans-serif;
	color: #333;
}

.box ul a{
	color: #257576  !important;
	font-weight: bold;
}

.whitebox{
	width: auto;
	height: auto;
	padding: 8px;
	border: solid 1px #FFFFFF;
	background-color:#FFFFFF;
}

.team{
	width: 311px;
	height: 150px;
	padding-right: 6px;
	padding-bottom: 20px;
	float: left;
	display: inline;
	}
	
.standort {
	width:160px;
	display:inline;
	float:left;
	padding: 10px;
	margin-right: 20px;
	height: 180px;
	text-align: left;
	border: 1px solid white;
	}

.offen{
	width: 160px;
	height: auto;
	float: left;
	display: inline;
	padding-right: 10px;
	}	
	
.img_left{
	float: left;
	padding-right: 8px;
	}

.img_right{
	float: right;
	padding-left: 8px;
	}

.img_galerie{
	float:left;
	padding-right:3px;
	border:none;
	}
	
.img_galerie a{
	border:none;
	}	

/* -------------------------------------- Content vars ---------------------------*/

#content {
	position: relative;
	float: right;
	left: 0px;  /* rausgenommen margin-left: 173px;*/
	width: 662px; /* rausgenommen max-width: 659px;*/
	background-color: #F6CE87;
	padding: 6px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#main #rightborder {
	float: right;
	height: 376px;
	width: 13px;
	background: yellow;
}

/* -------------------------------------- Menu vars ---------------------------*/

#main #menu {
	width: 246px;
	padding-top: 24px;
	float: left;
	font-size: 13px;
	color: #FFFFFF;
}

#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
#main {display: block;}
/* End hide from IE-mac */

#main #menu .selected { background: #74a498; }

/* -------------------------------------- Menu-Inhalt vars ---------------------------*/

#main #menu ul {
	list-style: none;
	padding-right: 13px;
	font-size: 13px;
	text-transform:uppercase;
}

#main #menu ul li {
	border-top: 1px  solid white;
	border-bottom: 1px  solid white;
	margin-top: -1px;
}


#main #menu a {
	text-decoration: none;
	color: white;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

#main #menu a:hover, #main #menu .active a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#857A78 none repeat scroll 0 0;
}
#main #menu .active .sub a{background: none;}

#main #menu .kontakt {
	display:inline;
}

#main #menu .kontaktform a {
	background:none;
	text-decoration: underline;
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	display:inline-block;
}

#main #menu .kontaktform a:hover {
	text-decoration: underline;
	background:none;
	color: #EF8732;
}

#main #menu .top {
	display: inline;
}

#main #menu #languageMenu {
	position: relative;
	top: 5px;
	font-size: 7pt;
	padding-right: 10px;
}

/*-------------------------------------- Sub-Navigationspunkte -------------------------------------- */
#main #menu ul li ul.sub li.sub, #main #menu ul li ul.sub li.sub a{
    border-top: 0px;
    border-bottom: 0px;
}
ul.sub {border-top: 1px solid white;}
ul.sub li.sub a {
    font-size:12px;
	font-size:12px !important;
	color:#FFFFFF;
	color:#FFFFFF !important;
	text-transform:none;
	font-weight: normal;
}
ul.sub li.sub a:hover, ul.sub li.sub a:active {
	background:none;
	background:none !important;
	text-decoration:underline;
	text-decoration:underline !important;
}

ul.sub li.sub {
	background: url(../img/pfeil_navi.gif) no-repeat center left;
	/*background:#2F2626;*/
	padding-left: 12px;
}
#main #menu #languageMenu img{border: 0px; margin-bottom: -2px; margin-left: 4px; }
#main #menu #navi ul li ul li .active {font-weight: bold; color: #EF8732; color: #EF8732 !important; text-decoration:underline; }
#main #menu #navi ul li ul {display: none;}
#main #menu #navi ul .active ul {display: block;}
/*-------------------------------------- clearer --------------------------------------*/

.clearer { clear: both; }

p{
	font-size: 12px;
	font-family: Arial,Helvetica;
	font-weight: normal;
	color: #333;
	line-height:140%;
}

a {	text-decoration: underline;
	color: #257576;
	font-weight:bold; 
}

.a {text-decoration: none !important;
	color: #333;
	font-weight:normal; 
}

.a:hover {
	text-decoration: underline !important;
	font-weight: normal;
	color: #333;}

a:hover {
	text-decoration: underline;
	color: #413131;
	font-weight:bold;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
}

#logo{
	position:relative;
	height:86px;
	width:151px;
	padding:0;
	margin-bottom:15px;
}
	
#logo a{
	display:block;
	height:86px;
	width:151px;
	text-indent:-9999px;
	position:absolute;
	outline:none;
	background:transparent url(../img/logo.gif) no-repeat;
}

#logo a:hover{
	text-decoration:none !important;
	background:transparent url(../img/logo.gif) no-repeat !important;
}

h4{
	font-size: 16px;
	font-family: Arial,Helvetica;
	font-weight: bold;
	color: #333;
	padding-bottom: 8px;
	padding-top:8px;
	text-transform:uppercase;
}


h3{
	font-size: 18px;
	font-family: Arial,Helvetica;
	font-weight: normal;
	text-transform:uppercase;
	color: #FFFFFF;
}

h7{
	font-size: 18px;
	font-family: Arial,Helvetica;
	font-weight: normal;
	text-transform:none;
	color: #FFFFFF !important;
}

h3 span {
	font-size:10px !important;
	font-weight:normal;
	text-transform:uppercase;
}

h2{
	font-size: 23px;
	font-family: Arial,Helvetica;
	text-transform:uppercase;
	font-weight: normal;
	color: #FFFFFF;
}

h2.slogan {
	font-size: 30px;
	font-family: Arial,Helvetica;
	font-weight:normal;
	color: #FFFFFF;
	text-transform:uppercase;
	background:transparent;
	border:none;
	padding-left:0px;
	letter-spacing:0.02em;
	
}

h2.slogan span {
	display:block !important;
	font-size:18px !important;
	font-weight:normal;
	text-transform:none;
	letter-spacing:normal !important;
}

h5{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	}
	
h6{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-transform:uppercase;
	}


/* Footer */

#footer {
	background:transparent;
	height:60px;
	color:#FFFFFF;
	font-size:12px;
	padding:10px;
	text-align:center;
	border-top:1px dotted #cccccc;
}

#footer p {
	font-size:12px;
	color:#FFFFFF;
}

#footer p a {
	color:#FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

#footer p a:hover {
	color:#EF8732 !important;
	text-decoration:underline;
}

/* ---------------------- hinzugefügt von Joe nach Überarbeitung ------------------------ */

ul.home {
	margin:0;
	padding:0;
}

ul.home li {
	line-height:140%;
}

h2.slogan span a.h2link {
	color:#FFFFFF !important;
	text-decoration:underline !important;
	font-weight:normal;
}

div.whitebox h3 {
	color:#413131;
	padding:8px 0 8px 12px;
}

small {
	font-family:Verdana, sans-serif;
}

img.floatleft {
	float:left;
	margin:0px 10px 10px 0px;
	/*border:1px solid #413131;*/
}

/* --------------------------- Menu 2 Styles, kopiert von menu, hinzugefügt am 31.05.2010 ---------------------- /*

/* -------------------------------------- Menu2 vars ---------------------------*/

#main #menu2 {
	width: 246px;
	padding-top: 24px;
	float: left;
	font-size: 13px;
	color: #FFFFFF;
}

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
#main {display: block;}
/* End hide from IE-mac */

#main #menu2 .selected { background: #74a498; }

/* -------------------------------------- Menu-Inhalt vars ---------------------------*/

#main #menu2 ul {
	list-style: none;
	padding-right: 13px;
	font-size: 13px;
	text-transform:uppercase;
}

#main #menu2 ul li {
	border-top: 1px  solid white;
	border-bottom: 1px  solid white;
	margin-top: -1px;
}


#main #menu2 a {
	text-decoration: none;
	color: white;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

#main #menu2 a:hover, #main #menu2 .active a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#857A78 none repeat scroll 0 0;
}
#main #menu2 .active .sub a{background: none;}

#main #menu2 .kontakt {
	display:inline;
}

#main #menu2 .kontaktform a {
	background:none;
	text-decoration: underline;
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	display:inline-block;
}

#main #menu2 .kontaktform a:hover {
	text-decoration: underline;
	background:none;
	color: #EF8732;
}

#main #menu2 .top {
	display: inline;
}

#main #menu2 #languageMenu {
	position: relative;
	top: 5px;
	font-size: 7pt;
	padding-right: 10px;
}

/*-------------------------------------- Sub-Navigationspunkte -------------------------------------- */
#main #menu2 ul li ul.sub li.sub, #main #menu2 ul li ul.sub li.sub a{
    border-top: 0px;
    border-bottom: 0px;
}
ul.sub {border-top: 1px solid white;}
ul.sub li.sub a {
    font-size:12px;
	font-size:12px !important;
	color:#FFFFFF;
	color:#FFFFFF !important;
	text-transform:none;
	font-weight: normal;
}
ul.sub li.sub a:hover, ul.sub li.sub a:active {
	background:none;
	background:none !important;
	text-decoration:underline;
	text-decoration:underline !important;
}

ul.sub li.sub {
	background: url(../img/pfeil_navi.gif) no-repeat center left;
	/*background:#2F2626;*/
	padding-left: 12px;
}
#main #menu2 #languageMenu img{border: 0px; margin-bottom: -2px; margin-left: 4px; }
#main #menu2 #navi2 ul li ul li .active {font-weight: bold; color: #EF8732; color: #EF8732 !important; text-decoration:underline; }
#main #menu2 #navi2 ul li ul {display: none;}
#main #menu2 #navi2 ul .active ul {display: block;}