/* general stuff */
/*@import url(reset.css);*/
/*@import url(../../snippets/ajaxSearch/ajaxSearch.css);*/
/*@import url(iconize/iconize.css);*/
/*@import url(lightbox.css);*/

html{overflow-y: scroll;}
html, body { height: 100%; }

body {
    background: #fdf1c7 url(../../images/layout/background-repeat-y.jpg) repeat-y top center;
    font-family: Arial, Helvetica, sans-serif;
    
}

#backgroundFull { 
    position: relative;
    background: url(../../images/layout/background-full.jpg) no-repeat top center;
    min-height: 100%; /* Mindesthöhe für die guten Browser */
    height: 100%; /* Mindesthöhe für den IE von Microschrott */
    height: auto !important; /* Important Regel für die guten Browser*/
    overflow: hidden !important; /* Scrollleiste bei FF verbergen*/
    z-index: 999;
}


#backgroundRepeatX {
    position: absolute;
    width: 100%;
    min-height: 100%; /* Mindesthöhe für die guten Browser */
    height: 100%; /* Mindesthöhe für den IE von Microschrott */
    overflow: hidden !important; /* Scrollleiste bei FF verbergen*/
    top: 0px;
    z-index: 0;
}

#wrapper {
    position: relative;
    width: 930px;
    margin: 0px auto;
    top: 0px;
    z-index: 999;
     position: relative
}

#contentContainer {
    padding: 108px 0 0 0;
    width: 860px;
    margin: 0 auto 350px auto;
    z-index: 999;
}

#footer {
    position: relative;
    background: #753300 url(../../images/layout/footer.jpg) no-repeat top center;
    height: 325px;
    margin: -325px 0 0 0;
    z-index: 999;
    color: #f0e2a6 !important;
}

#footer li{
    color: #f0e2a6 !important;
}
#footer-wrapper {
    width: 860px;
    margin: 0 auto;
}

a:hover { text-decoration: underline; }

#produktdetails-links #content-links { border: 1px solid red; }
#newsdetail-header { }
#newsdetail-header h1 { margin: 0 0 10px 0 !important; }
#newsdetail-header h2 { margin: 0 0 30px 0 !important; font-weight: lighter; font-size: 21px; color: #515151; margin: 0 0 50px 0; } 
#produktdetail-header h2 { font-weight: lighter; font-size: 21px; color: #515151; margin: 0 0 20px 0; width: 566px; }
.produktdetail-header-img { float: right; width: 265px; text-align: center; }


#startseiteContainer { width: 570px; float: left; }
.startseiteContentContainer { margin-top: 20px; }
.boxContentKleinStartseite p, .startseite .boxRechts p { color: #515151; margin: 0 0 8px 0 !important;}
.startseite h3 {padding: 4px 0 10px 0 !important; line-height: 16px !important; font-size: 20px !important; }
.boxContentKleinStartseite .content { padding: 0 20px 0 150px; }
.boxContentKleinStartseite img { position: relative; float: left; left: 10px; top: -10px; left: 0px; margin-bottom: -20px;}

.startseiteContentContainer #boxRechtsContainer { margin: 0px !important; }

.headlineStartseite { width:490px; float: left; margin-bottom: 37px; }
.ersteZeile { font-size: 50px; margin-bottom:0px; }
.zweiteZeile { font-size: 40px; margin-bottom:0px; }

.boxContentKleinStartseite { width: 570px; float: left; }
.boxContentKleinStartseite .middle { background: transparent url(../../images/layout/vertikal_sprite.png) repeat-y -1370px 0;}
.boxContentKleinStartseite .bottom { background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -220px; height: 39px;}

#boxContentKleinContainer, #boxContentKleinContainerRounded { width: 570px; float: left; margin: 0 0 340px 0; }
#boxContentKleinContainer .middle, #boxContentKleinContainerRounded .middle { background: transparent url(../../images/layout/vertikal_sprite.png) repeat-y -1370px 0; }
#boxContentKleinContainer .padding-left, #boxContentKleinContainerRounded .padding-left { padding: 0px 25px 5px 173px; }
#boxContentKleinContainer .smallpadding, #boxContentKleinContainerRounded .smallpadding { padding: 0px 25px 5px 25px; }
#boxContentKleinContainer .toppadding, #boxContentKleinContainerRounded .toppadding { padding-top: 12px; }
#boxContentKleinContainer .bottom, #boxContentKleinContainerRounded .bottom { background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -220px; height: 25px;}
#boxContentKleinContainer .top { background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -210px; height: 10px;}
#boxContentKleinContainerRounded .top, .boxContentKleinStartseite .top { background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -304px; height: 10px;}

#boxContentGrossContainer, #boxContentGrossContainerRounded { width: 860px;}
#boxContentGrossContainer .middle, #boxContentGrossContainerRounded .middle { background: transparent url(../../images/layout/vertikal_sprite.png) repeat-y; }
#boxContentGrossContainer .middle .padding-left, #boxContentGrossContainerRounded .middle .padding-left { padding: 0px 25px 5px 173px; }
#boxContentGrossContainer .middle .smallpadding, #boxContentGrossContainerRounded .middle .smallpadding { padding: 0px 25px 5px 25px;}
#boxContentGrossContainer .bottom, #boxContentGrossContainerRounded .bottom { background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -270px; height: 25px;}

#boxContentGrossContainer .top{ background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -260px; height: 10px; }
#boxContentGrossContainerRounded .top { background: transparent url(../../images/layout/main_sprite.png) no-repeat -10px -335px; height: 10px; }

#boxRechtsContainer { width: 270px; float: right; margin: 0 0 340px 0; }
.boxRechts .top { background: transparent url(../../images/layout/main_sprite.png) no-repeat -654px -210px; height: 10px;}
.boxRechts .middle { background: transparent url(../../images/layout/vertikal_sprite.png) repeat-y -1050px 0; padding: 5px 18px 5px 22px;}
.boxRechts .middle h3 {padding: 1px 0 10px 0; font-size: 20px;}
.startseite .boxRechts .middle, .boxContentKleinStartseite .middle { height: 118px; padding-bottom: 0px; padding-top: 0px; }
.boxRechts .bottom { background: transparent url(../../images/layout/main_sprite.png) no-repeat -654px -221px; height: 39px;}
.boxRechts ul.abgehakt { margin-top: 15px; }
.boxRechts ul.abgehakt li {
    background: transparent url(../../images/layout/main_sprite.png) no-repeat -476px -105px;
    line-height: 18px;
    padding: 3px 0 0px 35px;
    list-style: none;
    font-size: 15px;
    color: #803a20;
    margin-bottom: 10px;
}

.boxRechts li{
    list-style: none;
}

#footer-box-anschrift { width: 264px; height: 50px; float: left; margin: 30px 0 0 0; } 
#footer-box-twitter, #footer-box-news { width: 266px; height: 50px; float: left; margin: 30px 0 0 0; } 
#footer-box-twitter { margin-left: 32px;}
#footer-box-news { margin-left: 32px;}

#footer-box-anschrift { background: transparent url(../../images/layout/main_sprite.png) no-repeat -992px -6px; }
#footer-box-news { background: transparent url(../../images/layout/main_sprite.png) no-repeat -993px -740px; }

#footer h3  {
    font-size: 18px;
    padding: 0 0 15px 45px;
    color: #f0e2a6;
}

#footer h3 a { color: #f0e2a6; } 

#footer a:hover { text-decoration: underline; }

#footer-box-anschrift address { font-size: 14px; font-style: normal; color: #f0e2a6; padding: 8px 0 15px 0; line-height: 1.3; }
#footer-box-anschrift address .borderbottom { display: block; height: 5px; margin-bottom: 5px; background: url('../../images/layout/footer_trennlinie.png') no-repeat bottom center; }
#footer-box-anschrift address strong { color: #f3c445; font-weight: normal; }
#footer a{color: #f3c445; text-decoration: none;}
#footer li, .boxRechts ul.auflistung li { list-style: none !important; font-size: 12px !important; background: url('../../images/layout/footer_trennlinie.png') no-repeat !important; padding:8px 0 5px 0 !important; line-height: 1.3 !important; }
#footer-box-twitter .tweet_first, #footer-box-news .first, .boxRechts ul.auflistung li.first { background: none !important;}


#logo {
    position: absolute;
    width: 129px;
    height: 51px;
    top: 25px;
    left: 34px;
}

.artikeltrenner {
    border-bottom: 1px solid #dad1a7;
    clear:both;
    display:block;
    height:1px;
    margin-bottom:20px;
    padding-top:20px;
}

.artikeltrenner.last {display: none;}

.produktteaser {
    width: 380px;
    float: left;
    
    position: relative;
}

.produktteasertext {
    width: 260px;
    float: right;
}

.clickable{
    cursor: pointer;
}

.produktlinks{
    margin-left: -25px;
    margin-right: 70px;
}

.produktrechts{
    margin-right: 0px;
}

.img-background-155 {
    position: absolute;
    background: url(../../images/layout/main2_sprite.png) no-repeat -750px 0;
    padding: 20px 20px 20px 20px;
    margin-top: 5px;
    left: -8px;
}

.img-background-110 {
    position: absolute;
    background: url(../../images/layout/main2_sprite.png) no-repeat -550px 0;
    padding: 20px 20px 20px 20px;
    margin-top: 6px;
    left: -44px;
}

.img-background-110-floatright {
    background: url(../../images/layout/main2_sprite.png) no-repeat -550px 0;
    padding: 20px 20px 20px 20px;
    float: right;
    margin: -8px -10px 5px 10px;
}

.img-background-155-floatright {
    background: url(../../images/layout/main2_sprite.png) no-repeat -750px 0;
    padding: 20px 20px 20px 20px;
    float: right;
    margin: -8px -10px 5px 10px;
}

div.img-background-155 {
    position: static;
    background: none;
    padding: 0;
    margin-bottom: 15px;
    left: 0px;
    height: 165px;
}

/* MainMenu Start
---------------------------------------------------------------*/

ul#mainmenu {
    position: relative;
    background: transparent url(../../images/layout/main_sprite.png) no-repeat 0px 0px;
    width: 930px;
    height: 50px;
    top: 87px;
    margin: 0 auto;
}

/* sorgt für die Spacer zwischen den Menüpunkten */
#mainmenu li {
    float: left;
    background: transparent url(../../images/layout/main_sprite.png) no-repeat 0 -153px;
    list-style-type: none;
}

#mainmenu li a {
    float: left;
    padding: 11px 20px 16px 20px;
    line-height: 23px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 22px;
}

/* sorgt für die Spacer zwischen den Menüpunkten */
#mainmenu li a:hover, #mainmenu li.active a {
    background: transparent url(../../images/layout/main_sprite.png) no-repeat -1px -100px;
    text-decoration: none;
}

/* verhindert den Spacer vor dem ersten LI*/
#mainmenu li.first { background: none; }
#mainmenu li.first a { padding-left: 34px; }

/* gibt dem ersten LI seinen hover und active Status*/
#mainmenu li.first a:hover, #mainmenu li.first.active a {
    background: transparent url(../../images/layout/main_sprite.png) no-repeat 0px -50px;
    border-left: 0;
}

/* ---------------------------------------------------------------
MainMenu End */

/* SubMenu Start
---------------------------------------------------------------*/

ul#submenu {
	position: absolute;
	height: 25px;
	top: 50px;
	right: 31px;
}

ul#submenu li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 10px;
}


/* ---------------------------------------------------------------
Sub Menu End */

a.rounded{
    line-height: 13px;
}
a.rounded .left{
	background: transparent url(../../images/layout/main_sprite.png) no-repeat -379px -105px;
	height: 25px;
	width: 9px;
	float:left;
}

a.rounded .right{
	background: transparent url(../../images/layout/main_sprite.png) no-repeat -390px -105px;
	height: 25px;
	width: 14px;
	float:left;
}

a.rounded .middle{
	background: transparent url(../../images/layout/horizontal_sprite.png) repeat-x 0 -75px !important;
	padding: 4px 0 0 1px;
	margin: 0px;
	height: 25px;
	float: left;
	color: #FFF;
}

a.rounded { cursor: pointer; text-shadow: 1px 1px 0px #1e1e1e; text-decoration: none;}

a.rounded:hover .left, a.rounded.active .left { background: transparent url(../../images/layout/main_sprite.png) no-repeat -431px -105px; }
a.rounded:hover .right, a.rounded.active .right { background: transparent url(../../images/layout/main_sprite.png) no-repeat -442px -105px; }
a.rounded:hover .middle, a.rounded.active .middle { background: transparent url(../../images/layout/horizontal_sprite.png) repeat-x !important;}


/* Clearfix Start
---------------------------------------------------------------*/


   /* full clearfix */
    /* add to floating elements which should not float afterthem */ 
	* html .clearfix {
	    height: 1%; /* IE5-6 */
	    }
	* + html .clearfix {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }



/* ---------------------------------------------------------------
Clearfix End */

/* Schriftgrößen und Farben Start
---------------------------------------------------------------*/
h1 { font-size: 40px; margin: 0 0 25px 0; }
h2 { font-size: 30px; }
h3 { font-weight: normal; font-size: 21px; color: #803a20; padding: 15px 0px; }
h4 { font-weight: normal; font-size: 16px; color: #505050; line-height: 1.2; }

#pressenewsletter_msg, form, p, li, #boxContentGrossContainer{
    font-size: 13px; color: #434343;
}
p {  line-height: 18px; margin: 0 0 15px 0;}

ul li, ol li, #fussnote, .boxRechts, .messetabelle td { font-size: 13px; color: #434343; }

.no-margin { margin: 0px !important; padding: 0px !important; }

p.last, .boxRechts ul.auflistung li.last { margin-bottom: 0px !important; padding-bottom: 0px !important; }
span.artikeltrenner.last { display: none; }
.boxRechts ul.auflistung li.first { margin-top: 0px; padding-top: 0px; }

.boxRechts p:last-child {
  margin-bottom: 0px !important; padding-bottom: 0px !important;
}

.green { color: #a5c240; }

a{
    text-decoration: none;
    color: #803a20;
}

.rounded {
    font-size: 11px;
}
/* ---------------------------------------------------------------
Schriftgrößen und Farben End */

/* ---------------------------------------------------------------
Tabellen müssen gut aussehen*/

.tabelle {
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    color: #434343;
}

.tabelle thead th {
    background: rgb(199, 153, 80);
    background: rgba(199, 153, 80, 0.5) none;
    padding: 10px; 
    font-size: 14px;
    font-weight: bold;
    color: #444444;
}

td.percent50 { width: 50%; }

/*
.spalte1 {width: 100px;}
.spalte2 {width: 100px;}
.spalte3 {width: 100px;}
.spalte4 {width: 100px;}
	    */
.tabelle td {
    padding: 10px;
}


/*.tabelle .drittespalte { width: 150px; }*/


.vierspalten TD, .vierspalten TH{
    width: 25%;
    text-align: right;
}

.dreispalten TD, .dreispalten TH{
    width: 33%;
    text-align: right;
}

.zweispalten TD, .zweispalten TH{
    width: 50%;
    text-align: right;
}

.tabelle .erstespalte { text-align: left;}
.tabelle .zweitespalte {}
.tabelle .drittespalte {}
.tabelle .viertespalte {}

.tabelle .zweitezeile td{ background: #f2e5b1; background: rgba(199, 153, 80, 0.15);  }

tr:hover, tr:hover.zweitezeile { background: rgba(199, 153, 80, 0.5); }

/*.tabellenwert{text-align: right !important;}*/
/* ---------------------------------------------------------------
Ende Tabellen End */
        
.floatleft{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
 
.floatright{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

/* Listenpunkte */


ol{
    padding-left: 25px;
    margin-bottom: 15px;
}

ol li{
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

#boxContentKleinContainer ul, #boxContentGrossContainer ul {
    list-style: none !important;
    margin:10px 0pt;
}

#boxContentKleinContainer ul li, #boxContentGrossContainer ul li, ul.aufzaehlungspfeil li  {
    background:transparent url(../../images/layout/pfeilRechts.png) no-repeat scroll 0em 0.2em;
    padding-left:15px;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    list-style: none;
}

ul.nostyle{
    list-style: none;
}
ul.nostyle li{
    margin-bottom: 10px;
}

/* Listenpunkte Ende */

/* Video und Audio */

.audio {
    width: 480px;
    height: 24px;
    display: block;
    border: 1px solid black;
    background: url(../../images/layout/audioplayer.jpg) no-repeat;
    color:#fff;
    cursor:pointer;
}

.audio div.info{
    display: block;
    padding-left: 40px;
    padding-top: 2px;
}


div.video {
    height:240px;
    width:320px;
    border:2px solid #fff;
    cursor:pointer;
    text-align:center;
    margin-right:15px;
    background: url(../../images/layout/videoplayer.jpg) no-repeat;
}

/* play button */
div.video img {
    margin-top:67px;
}

/* info area */
div.video div.info {
    height:60px;
    background:#000 url(../../images/layout/flowplayer_verlauf.png) repeat-x;
    opacity:0.7;
    color:#fff;
    padding:5px 15px;	
    font-family:"bitstream vera sans","trebuchet ms";
    font-size:14px;
    border-top:1px solid #ccc;
    margin-top:17px;
}

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

/* Ende Video */



.thumbscontainer{
    width: 143px;
    float: right;
    margin: -8px 0 0 15px;
}
.thumbscontainer ul { margin: 0px !important; padding: 0px !important; }

.thumbscontainer li {
    background: url(../../images/layout/main2_sprite.png) no-repeat -550px 0!important;
    margin: 0px !important;
    padding: 20px 20px 20px 20px !important;
    width: 110px;
    height: 110px;
    list-style: none;
}


ul.thumbs li img {


}

.toggleButton {
    margin: 20px 0px 5px 0px;
    height: 32px;
    cursor: pointer;
    font-size: 16px !important;
}

.toggleButton span.left {
	background: transparent url(../../images/layout/main2_sprite.png) no-repeat top left;
	background-position: -1287px 0;
	height: 32px;
	width: 9px;
	float:left;
}

.toggleButton span.right {
	background: transparent url(../../images/layout/main2_sprite.png) no-repeat top right;
	background-position: -1050px -291px;
	height: 32px;
	width: 14px;
	float:left;
}

.toggleButton span.middle {
	background: transparent url(../../images/layout/main2_sprite.png) repeat-x 0 -291px !important;
	padding: 4px 0 0 1px;
	margin: 0px;
	height: 32px;
	float: left;
	color: #FFF;
	width: 345px;
	text-indent: 30px;
}

.minus span.middle {
	background: transparent url(../../images/layout/main2_sprite.png) repeat-x  -1346px 0 !important;
}

.toggleBlase { margin: 0 0 10px 0; }

.toggleBlase .top{ 
    background: transparent url(../../images/layout/main2_sprite.png) no-repeat -1533px -291px !important;
    height: 33px !important;
}

.toggleBlase .middle {
    background: transparent url(../../images/layout/vertikal_sprite.png) repeat-y -1986px 0 !important;
    width: 339px;
    padding: 5px 15px 3px 15px;
}

.toggleBlase .bottom {
    background: transparent url(../../images/layout/main2_sprite.png) no-repeat -1115px -291px !important;
    height: 10px;
}

.newsTeaserIntrotext { margin: 25px 0 0 0; }
.newsTeaserHeadlines h3  { margin: 0px; padding: 15px 0 5px 0;}
.newsTeaser { background: transparent url('../../images/layout/footer_trennlinie.png') no-repeat bottom center; padding: 0 0 20px 0; margin: 0 0 15px 0 }
.newsTeaser.last { background: none; padding-bottom: 0px; }
.newsDatum { float: left; margin:0px; padding: 0px; font-weight: bold; }

/* Importeure */
.importeur{
    float: left;
    width: 243px;
    margin-right: 40px;
}

.kontaktform {margin: 0px; padding: 1px;}

.fileDownload {
	border: 1px solid #dbd2ac;
        padding: 15px;
	margin: 8px 0 15px 0;
}

.downloadbild {
	border: 1px solid #dbd2ac;
        padding: 15px 15px 7px 15px;
	margin: 8px 0 15px 0;
}

.hinweis {
    background: rgba(199, 153, 80, 0.1) none;
    border: 1px solid #dbd2ac;
    padding: 15px 15px 7px 15px;
    margin: 8px 0 15px 0;
}

.downloadbild-bild {
	width:160px;
	float: right;
}

.downloadbild-text {
	width:290px;
}

#pressenewsletter_msg{
    margin-top: 10px;
}

label {
    padding-left: 4px;
}

input[type="text"],.text, textarea{
	border: solid 1px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	color: #666;
        position: relative;
        margin-bottom: 10px;
}

.anrede{
    display: inline;
}

.pfeilRechts {
	padding: 5px 17px 5px 0px;
	background: transparent url(../../images/layout/pfeilRechts.png) no-repeat center right;
}

.pfeilLinks {
    	padding: 5px 0px 5px 17px;
	background: transparent url(../../images/layout/pfeilLinks.png) no-repeat center left;
}

select,button,label{cursor:pointer;}
.button {padding: 0px;}
.button:hover {background: #cecece;}
.messe_first {line-height: 25px; width: 150px; vertical-align: top;}
.messe_second {padding-left: 20px; vertical-align: top;}
.messetabelle strong { margin: 40px 0px 10px 0px; display: block; }
.messeanschrift{
    margin-bottom: 10px;
}

.mapShow{
    width: 340px;
    height: 300px;
    border: 1px solid black;
}
.terminprivat{
    background: transparent url(../../images/layout/main_sprite.png) no-repeat -5px -377px; height: 25px;
    line-height: 30px;
    height: 30px;
    width: 90px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
}

.termingewerbe{
    background: transparent url(../../images/layout/main_sprite.png) no-repeat -97px -377px; height: 25px;
    line-height: 30px;
    height: 30px;
    width: 59px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
}

.startseiteActionbox { margin: -30px -30px 0 0; width: 390px; height: 380px; float: right; }

.errorpage li{
    background-image: none !important;
}
.level1 > a, .level2 > a, .level3 > a{
    display: block;
    padding: 2px;
    padding-left: 15px;
    
}

.level1 > a{
    background: #F8B642!important;
}
.level2 > a{
    background: #F9D765 !important;
}

.level3.parent > a{
    background: #FEDB67 !important;
}

.external{
    background: url(../../images/layout/external_link.png)  no-repeat !important;
    background-position: 100% 45% !important;
    padding-right: 15px;
}

#fussnote, .fussnote{
    color: grey;
    line-height: 1.2;
    clear: both;
    font-size: 13px;
}

.boxRechts #map{
    height: 300px;
}

.socialicons { margin: 8px 0 0 0}
.socialicons img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0px;
    background: transparent;
}

#einegalerie li {
    list-style: none;
    float:left;
    margin: 0 0 12px 12px;
}