@charset 'utf-8';


/* Import CSS
--------------------------------------------------------------------------------*/
@import url(reset.css);
@import url(clearfix.css);


/* Typselektoren (HTML)
--------------------------------------------------------------------------------*/
body {
	background-color:#221f1b;
	background-image:url(../images/template/background.gif);
	background-repeat:repeat-x;
	background-position:top;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	text-shadow:#000000 0 0 0;
	margin:92px 0 56px 0;
}


h1,h2,h3,h4,h5,h6,div,ol,ul,li,dl,dt,dd,p,input,textarea,select {
	text-align:left;
}

img, a img {
	border:0 none;
}

form {
	display:inline;
}

strong {
	font-weight:bold;
}

sup {
	font-size:70%;
	/font-size:100%;
	line-height:100%;
	vertical-align:text-top;
}

sub {
	font-size:70%;
}

em {
	font-style:italic;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
   margin:0;
   padding:0;
}

ul,li {
	list-style-type:none;
}



/* Globale Links
--------------------------------------------------------------------------------*/

a {
	outline:none; 
	text-decoration: none;
}

a:link {
	color: #de7a00;
}

a:visited {
	color: #de7a00;
}

a:hover {
	color: #ffffff;
}

a:focus {
	color: #de7a00;
}

a:active {
	color: #de7a00;
}


/* Allgemeine Klassen
--------------------------------------------------------------------------------*/

.nowrap {
	white-space:nowrap;
}

.hideme {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.clear { /* Clear Float - http://sonspring.com/journal/clearing-floats */
     clear:both;
     display:block;
     overflow:hidden;
     width:0px;
     height:0px;
}

p.mb15 {
   margin-bottom:15px;
}

p.mb20 {
   margin-bottom:20px;
}

p.mb25 {
   margin-bottom:25px;
}

p.mb30 {
   margin-bottom:30px;
}

p.mb50 {
   margin-bottom:50px;
}


/* Wrapper
--------------------------------------------------------------------------------*/

#wrapper {
width:1020px; /* Breite 1132px */
height:596px; /* Höhe 626px */
margin:0 auto;
padding:0 56px 30px 56px;
background-image:url(../images/template/wrapper_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
}


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

#main {
width:964px; /* Breite 1020px */
height:508px; /* Höhe 570px */
padding:34px 28px 28px 28px;
background-color:#FFFFFF;
}


/* Footer
--------------------------------------------------------------------------------*/

#footer {
font-size:10px;
margin:16px 19px 0 0;
/* color:#797673; */
}

#footer ul {
display:inline; /* IE6 Bugfix */
}

#footer li {
float:right;
padding:0 10px 0 10px;
border-left:1px solid #797673;
}

#footer li.first {
border-left:0 none;
}

#footer li a {
display:block;
color:#797673;
}

#footer li a:hover, #footer li.active a {
color:#FFFFFF;
}


/* Logo
--------------------------------------------------------------------------------*/

#logo {
margin:0 0 0 699px;
}


/* Language
--------------------------------------------------------------------------------*/

#language {
/* background-color:#110f0d; */
position:absolute;
top:0;
left:0;
width:100%;
height:20px; /* Höhe 28px */
padding:8px 0 0 0;
/* visibility:hidden; */
display: none;
}

#language ul {
width:1020px;
margin:0 auto;
}

#language li {
float:right;
}

#language li a {
display:block;
color:#797673;
font-size:10px;
border-left:1px solid #797673;
padding:0 9px 0 9px;
}

#language li.first a {
border-left:0 none;
}

#language li.last a {
padding:0 0 0 9px;
}

#language li a:hover, #language li.active a {
color:#FFFFFF;
}


/* Topnav
--------------------------------------------------------------------------------*/

#topnav {
margin:0 0 0 26px;
width:938px; /* Breite: 964px */
height:45px;
}

#topnav ul {
}

#topnav li {
float:left;
padding:0 30px 0 0;
}

#topnav li a {
display:block;
font-size:12px;
font-weight:bold;
color:#000000;
}

#topnav li a:hover, #topnav li.active a {
color:#de7a00;
}


/* Content Wrapper
--------------------------------------------------------------------------------*/

#content-wrapper {
width:964px;
height:391px;
background-image:url(../images/template/content_bg.gif);
}


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

ul.menu {
float:left;
width: 173px;
padding:39px 0 0 26px;
}

ul#menu ul {
}

ul#menu li {
}

ul.menu a {
display: block;
color: #ffffff;	
font-size:16px;
font-weight:bold;
padding:0 0 7px 0;
}

ul.menu li {
/* margin-top: 1px; */
}

ul.menu li a, ul.menu ul.menu li a {
/* background: #333; */
/* color: #fff;	*/
/* padding: 0.5em; */
}

* html ul.menu li a {
height: 1%;
}

/*
ul.menu li a:hover, ul.menu ul.menu li a:hover, ul.menu li.active a, ul.menu li a.active {
color:#000000;
}
*/

ul.menu li a:hover, ul.menu li.active a, ul.menu li a.active {
color:#000000;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
font-size:11px;
font-weight:normal;
color:#FFFFFF;
}

* html ul.menu li ul li a {
height: 1%;
}

ul.menu ul.menu li a:hover {
/* border-left: 0; */
/* padding-left: 0.5em; */
}

ul.menu ul.menu {
/* border-left: 5px #f00 solid; */
}

ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
/* color:#272522; */
color:#000000;
}

ul.menu li ul li a:hover, ul.menu li ul li a:active, ul.menu li ul li.active a {
color:#272522;
}

/*

div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}

ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}

*/

ul.menu li ul li.last a {
margin-bottom:10px;
}


/* Content
--------------------------------------------------------------------------------*/
#content {
float:right;
display:inline;
width:765px;
height:391px;
/* background-color:#FFFFFF; */
}

* html #content {
margin:0;
padding:0;
height:1%;
}

* html #content #beschreibung {
background-color:#000000;
}


/* Content -> Startseite
--------------------------------------------------------------------------------*/
#content.startseite {
background-color:#000000;
}

#content.startseite #bild {
float:left;
width:513px;
position:relative;
}

#content.startseite #bild .text {
position:absolute;
top:36px;
left:25px;
border-right:10px solid #de7a00;
width:285px; /* Breite 310px; */
padding:22px 5px 22px 20px;
background-color:#000000;
}

#content.startseite #bild .text h3 {
font-size:17px;
font-weight:bold;
color:#FFFFFF;
margin:0 0 8px 0;
}

#content.startseite #bild .text p {
color:#de7a00;
line-height:130%;
font-size:11px;
}

#content.startseite #beschreibung {
float:right;
width:197px; /* Breite 252px */
padding:33px 27px 0 28px;
color:#FFFFFF;
}

#content.startseite #beschreibung .text {
height:291px;
}

#content.startseite #beschreibung .text .box-border {
border-top:1px solid #2b2b2b;
border-bottom:1px solid #2b2b2b;
padding:10px 0 10px 0;
}

#content.startseite #beschreibung .text .box-border h1 {
color:#de7a00;
font-weight:bold;
margin:0 0 5px 0;
}

#content.startseite #beschreibung .text .box-border p {
line-height:130%;
}

#content.startseite #beschreibung #monate {
}

#content.startseite #beschreibung #monate li {
}

#content.startseite #beschreibung #monate li.monat-01 {
background-image:url(../images/template/monat-01.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-02 {
background-image:url(../images/template/monat-02.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-03 {
background-image:url(../images/template/monat-03.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-04 {
background-image:url(../images/template/monat-04.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-05 {
background-image:url(../images/template/monat-05.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-06 {
background-image:url(../images/template/monat-06.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-07 {
background-image:url(../images/template/monat-07.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-08 {
background-image:url(../images/template/monat-08.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-09 {
background-image:url(../images/template/monat-09.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-10 {
background-image:url(../images/template/monat-10.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-11 {
background-image:url(../images/template/monat-11.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li.monat-12 {
background-image:url(../images/template/monat-12.gif);
background-repeat:no-repeat;
}

#content.startseite #beschreibung #monate li h2 {
font-weight:bold;
text-transform:uppercase;
padding:0 0 0 29px;
line-height:21px;
}

#content.startseite #beschreibung #monate li h2 span {
color:#de7a00;
}


/* Content -> Produkte -> Startseite
--------------------------------------------------------------------------------*/
#content.produkte-startseite {
background-color:#000000;
}

#content.produkte-startseite #bild {
float:left;
width:513px;
position:relative;
}

#content.produkte-startseite #beschreibung {
float:right;
width:197px; /* Breite 252px */
height:358px; /* Höhe 391px */
padding:33px 27px 0 28px;
color:#FFFFFF;
}

#content.produkte-startseite #beschreibung .text {
}

#content.produkte-startseite #beschreibung .text h1 {
color:#de7a00;
font-size:14px;
font-weight:bold;
margin:204px 0 22px 0;
}

#content.produkte-startseite #beschreibung .text p {
font-size:11px;
line-height:120%;
}


/* Content -> Produkte Übersicht
--------------------------------------------------------------------------------*/
#content.produkte-overview {
width:764px;
height:391px;
background-image:url(../images/template/produkte-overview-bg.gif);
}

#content.produkte-overview img {
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#content.produkte-overview img.last-col {
border-right:0 none;
}

#content.produkte-overview img.last-row {
border-bottom:0 none;
}


/* Content -> Produkte Detail
--------------------------------------------------------------------------------*/
#content.produkte-detail {
background-color:#000000;
}

/*
#content.produkte-detail {
background-color:#000000;
}
*/

#content.produkte-detail #bild {
float:left;
width:513px;
}

#content.produkte-detail #beschreibung {
float:right;
width:197px; /* Breite 252px */
padding:33px 27px 0 28px;
color:#FFFFFF;
}

#content.produkte-detail #beschreibung .navigation {
height:48px;
}

#content.produkte-detail #beschreibung .navigation img.m1 {
margin:0 3px 0 0;
}

#content.produkte-detail #beschreibung .navigation img.m2 {
margin:0 7px 0 0;
}

#content.produkte-detail #beschreibung .text {
/* height:210px; */
height:231px;
}

#content.produkte-detail #beschreibung .text h1 {
border-top:1px solid #2b2b2b;
border-bottom:1px solid #2b2b2b;
padding:7px 0 8px 0;
margin:0 0 14px 0;
}

#content.produkte-detail #beschreibung .text p {
font-size:11px;
line-height:120%;
}

#content.produkte-detail #beschreibung .logo {
/* height:98px; */
height:78px;
}


/* Content -> Über uns -> Startseite
--------------------------------------------------------------------------------*/
#content.ueber-uns-startseite {
background-color:#000000;
}

#content.ueber-uns-startseite #bild {
float:left;
width:513px;
position:relative;
}

#content.ueber-uns-startseite #beschreibung {
float:right;
width:197px; /* Breite 252px */
height:358px; /* Höhe 391px */
padding:33px 27px 0 28px;
color:#FFFFFF;
}

#content.ueber-uns-startseite #beschreibung .text {
}

#content.ueber-uns-startseite #beschreibung .text h1 {
color:#de7a00;
font-size:14px;
font-weight:bold;
margin:153px 0 22px 0;
line-height:110%;
}

#content.ueber-uns-startseite #beschreibung .text p {
font-size:11px;
line-height:120%;
}


/* Content -> Kontakt -> Standort
--------------------------------------------------------------------------------*/
#content.kontakt-standort {
background-color:#000000;
}

#content.kontakt-standort #bild {
float:left;
width:513px;
position:relative;
}

#content.kontakt-standort #beschreibung {
float:right;
width:197px; /* Breite 252px */
height:358px; /* Höhe 391px */
padding:33px 27px 0 28px;
color:#FFFFFF;
}

#content.kontakt-standort #beschreibung .text {
}

#content.kontakt-standort #beschreibung .text p {
padding:166px 0 0 0;
font-size:11px;
line-height:120%;
}


/* Content -> Kontakt -> Öffnungzeiten
--------------------------------------------------------------------------------*/
#content.kontakt-oeffnungszeiten {
background-color:#000000;
}

#content.kontakt-oeffnungszeiten #bild {
float:left;
width:513px;
position:relative;
}

#content.kontakt-oeffnungszeiten #beschreibung {
float:right;
width:200px; /* Breite 252px */
height:358px; /* Höhe 391px */
padding:33px 24px 0 28px;
color:#FFFFFF;
}

#content.kontakt-oeffnungszeiten #beschreibung .text {
}

#content.kontakt-oeffnungszeiten #beschreibung .text p {
padding:136px 0 0 0;
font-size:11px;
line-height:120%;
}

#content.kontakt-oeffnungszeiten #beschreibung .text span {
font-weight:bold;
color:#de7a00;
}


/* Content -> Impressum
--------------------------------------------------------------------------------*/
#content.impressum {
background-color:#000000;
}

#content.impressum .text {
margin:229px 0 0 28px;
}

#content.impressum .text h3 {
color:#de7a00;
font-size:17px;
font-weight:bold;
margin:0 0 15px 0;
}

#content.impressum .text p {
color:#ffffff;
line-height:120%;
font-size:11px;
}


/* Content -> Rechtliches
--------------------------------------------------------------------------------*/
#content.rechtliches {
background-color:#000000;
}

#content.rechtliches .text {
margin:229px 0 0 28px;
padding:0 60px 0 0;
}

#content.rechtliches .text h3 {
color:#de7a00;
font-size:17px;
font-weight:bold;
margin:0 0 15px 0;
}

#content.rechtliches .text p {
color:#ffffff;
line-height:120%;
font-size:11px;
}


/* Content -> Öffnungszeiten
--------------------------------------------------------------------------------*/
#content.oeffnungszeiten {
background-color:#000000;
}

#content.oeffnungszeiten .text {
margin:175px 0 0 28px;
padding:0 60px 0 0;
}

#content.oeffnungszeiten .text h3 {
color:#de7a00;
font-size:17px;
font-weight:bold;
margin:0 0 15px 0;
}

#content.oeffnungszeiten .text p {
color:#ffffff;
line-height:120%;
font-size:11px;
}

#content.oeffnungszeiten .text p span {
color:#de7a00;
}


/*

orange: #de7a00;

*/