@charset "utf-8";
/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* { margin: 0; padding:0; outline:none; }

html, body { height:100%; }
body { background:#f5f5f5 url(../images/bg-body.jpg) center 0 repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#545454; }
/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p { margin:0 0 20px 0; }
#contentMain p.autori { font-size:1.04em; color:#000; font-weight:bold; line-height:1.2em}
textarea { overflow:auto; }
a { text-decoration:underline; color:#545454; }
a:hover { text-decoration:none; color:#000000; }
.highlight { font-weight:bold; }
ul { list-style:none; }
td { font-size:1.2em; line-height:2em; padding:0 10px 0 10px; border-bottom:1px solid #999; vertical-align:top; overflow:hidden }
td.first { white-space:nowrap; font-weight:bold; border-right:1px solid #999; text-align:right }
table#ohneb td { border:0; }
/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear { clear:both; height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden; }
.floatRight { float:right; }
.floatLeft { float:left; }
.indent { text-indent:-9999px; font-size:0.001em; line-height:0.001em; }
/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft { float:left; margin:0 10px 0 0; padding:3px 0 0 0 }
img { border:none; }
/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container { min-height:100%; height:auto !important; height:100%; width:952px; margin: 0 auto -185px; }
/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header { width:952px; height:312px; background:url(../images/bg-header.jpg) 0 0 no-repeat; position:relative; }
/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a { position:absolute; display:block; width:297px; height:120px; top:93px; left:6px; overflow:hidden; }
#header h1.branding img { border:none; }
#header h1 span { display:block; text-indent:-9999px; }
#header h1.branding a:hover { text-decoration:none; }
/*--------------------------------------------------------------
	header => naviAdd
--------------------------------------------------------------*/

#header ul#naviAdd { list-style-type:none; width:255px; height:20px; overflow:hidden; position:absolute; top:10px; left:693px; }
#header ul#naviAdd li.line { font-size:1.1em; line-height:1.6em; color:#ffffff; }
#header ul#naviAdd li { float:left; padding:0 3px; }
#header ul#naviAdd li a { font-size:1.1em; line-height:1.6em; color:#ffffff; text-decoration:none; }
#header ul#naviAdd li a:hover, #header ul#naviAdd li.active a { text-decoration:underline; }
/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer { width:952px; padding:0 0 30px 0; }
/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar { width:298px; float:left; padding:22px 31px 0 6px; }
/*--------------------------------------------------------------
	contentSidebar => navigation
--------------------------------------------------------------*/

#contentSidebar ul#navigation { list-style-type:none; width:298px; overflow:hidden; position:relative; }
#contentSidebar ul#navigation li { width:298px; }
#contentSidebar ul#navigation li a { display:block; height:29px; width:287px; font-size:1.2em; font-weight:bold; line-height:2.4em; color:#313131; text-decoration:none; padding:0 0 0 11px; background:url(../images/bg-navigation.jpg) 0 bottom repeat-x; }
#contentSidebar ul#navigation li a:hover, #contentSidebar ul#navigation li.active a { color:#ff0000; text-decoration:none; }
#contentSidebar ul#navigation li.active ul.subNavi { display:block; }
/*--------------------------------------------------------------
	navigation => subNavi
--------------------------------------------------------------*/
#contentSidebar ul#navigation li ul.subNavi { width:298px; padding:5px 0; background:#e9e9e9; display:none; }
#contentSidebar ul#navigation li ul.subNavi li { width:281px; height:29px; padding:0 0 0 17px; overflow:hidden; }
#contentSidebar ul#navigation li ul.subNavi li a { display:inline; font-size:1.2em; color:#313131; text-decoration:none; background:url(../images/bg-sub-navi.jpg) left center no-repeat; padding:0 0 0 6px; font-weight:normal }
#contentSidebar ul#navigation li ul.subNavi li a:hover, #contentSidebar ul#navigation li ul.subNavi li.active { text-decoration:underline; }
/*--------------------------------------------------------------
	contentSidebar => Online Shop
--------------------------------------------------------------*/
#contentSidebar ul#onlineShop { width:120px; height:30px; overflow:hidden; padding:2px 0 0 0; }
#contentSidebar ul#onlineShop li a { display:block; width:109px; height:30px; font-size:1.2em; font-weight:bold; line-height:2.4em; color:#313131; text-decoration:none; padding:0 0 0 11px; background:url(../images/bg-online-shop.jpg) 0 0 no-repeat; }
#contentSidebar ul#onlineShop li a:hover { color:#ff0000; }
/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#Worker { padding-top:10px }
#Worker p { float:left; width:203px; padding-bottom:20px; }
#Worker a { padding-bottom:2.2em }
#Worker a img { border:1px solid #ccc }
#contentMain { width:611px; float:left; padding:24px 6px 0 0; }
#contentMain h2 { font-size:3.3em; line-height:1.6em; text-transform:uppercase; color:#363636; margin:0 0 20px 0; padding:0; }
#contentMain h3, h4 { font-size:1.6em; line-height:1.6em; margin:0 0 10px 0; }
#contentMain p { font-size:1.2em; line-height:1.6em; }
#contentMain ul {margin-bottom:20px}
#contentMain ul li { font-size:1.2em; line-height:1.6em; list-style-position: outside; list-style-type:disc; margin-left:20px }
#contentMain img.contentImg { padding:2px; background:#ffffff; border:1px solid #c8c8c8; margin:0 0 15px 0; }
#contentMain iframe { background:none; padding:2px; border:1px solid #c8c8c8; }
#contentMain p a.vcard { display:block; width:205px; height:30px; text-indent:-9999px; background:url(../images/vcard.png) 0 0 no-repeat; }
#contentMain p a.webstyle { display:block; width:151px; height:30px; text-indent:-9999px; background:url(../images/webstyle.gif) 0 0 no-repeat; }
#contentMain a.pdf { font-size:1.2em; line-height:1.6em; margin:0 0 20px 0; }
#contentMain .column1 { float:left; width:293px; padding:0 20px 0 0; }
#contentMain .column2 { float:left; width:298px; overflow-x:hidden; }
#contentMain .contentBox { width:611px; border-top:1px solid #999; padding-top:10px }
/*--------------------------------------------------------------
	contentMain => Callback form
--------------------------------------------------------------*/
#contentMain form#callbackform { width:400px; }
#contentMain form#callbackform fieldset { border:none; }
#contentMain form#callbackform label, #contentMain form#callbackform input, #contentMain form#callbackform textarea { font: 1em/normal Arial, Helvetica, sans-serif; color: #545454; display: block; float: left; width:195px; margin: 0 0 10px 0; padding: 2px; }
#contentMain form#callbackform input, #contentMain form#callbackform textarea { background:ffffff; border: 1px solid #c8c8c8; font-size:1.2em; color:#545454; font-family:Arial, Helvetica, sans-serif; padding:2px; }
#contentMain form#callbackform textarea { height: 150px; }
#contentMain form#callbackform select { width: 250px; }
#contentMain form#callbackform label { margin-right: 5px; padding: 2px 15px 2px 0; width: 80px; font-size:1.2em; }
#contentMain form#callbackform input#submit { background: #c8c8c8; border: none; font-size:1.6em; font-weight:bold; color: #ffffff; cursor: pointer; display: inline; margin: 0 0 0 101px; padding: 2px; width:200px; }
* html #contentMain form#callbackform { margin:10px 0 0 0; }
*+html #contentMain form#callbackform { margin:10px 0 0 0; }
#contentMain form#callbackform fieldset.hidden, #contentMain form#callbackform input[type=hidden] { display: none; border: 0; padding: 0; }
.error { color:#f00 !important; font-weight:bold !important; }
p.errorCallback { background:none; border: 1px solid #c8c8c8; display: none; margin: 0 0 15px 0; padding: 20px; width: 258px; }
/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#push { height: 185px; clear:both; }
#footerContainer { width:100%; height: 185px; background:url(../images/bg-footer-container.jpg) center 0 repeat-x; }
#footer { width:952px; height: 185px; margin:0 auto; color:#ffffff; background:url(../images/bg-footer.jpg) center 0 repeat-x; }
#footer ul li a { color:#ffffff; }
#footer p, #footer ul li { font-size:1.2em; line-height:1.8em; }
#footer div { float:left; padding:55px 0 0 0; }
#footer .Call { padding:55px 0 0 18px; width:240px; }
#footer .Newsletter { width:238px; position:relative; }
#footer .Kontaktdaten { width:242px; }
/*--------------------------------------------------------------
	footer => Form
--------------------------------------------------------------*/
#footer form fieldset { border:none; }
#footer form fieldset.hidden { height:0; }
#footer form legend { font-size:1.2em; margin:0 0 5px 0; }
#footer form#Anmeldung input#email-quick, #footer form#Callback input#Tel { width:183px; height:20px; font-size:1.1em; color:#525151; padding:4px 0 0 5px; margin:0 0 7px 0; border:none; background:url(../images/bg-email-quick.jpg) 0 0 no-repeat; }
#footer form#Anmeldung label { margin-right:5px; padding:2px 15px 2px 0; width:120px; font-size:1.2em; }
#footer form#Anmeldung label input#anmelden, #footer form#Anmeldung label input#abmelden { position:relative !important; top:3px !important; }
* html #footer form#Anmeldung label input#anmelden, * html #footer form#Anmeldung label input#abmelden { position:relative !important; top:0 !important; }
#footer form#Anmeldung input.radio { background:transparent; border:none; width:20px; }
#footer form#Anmeldung label.radio { width:120px; }
#footer form#Anmeldung label.radio-small { width:85px; }
#footer form#Callback input#senden, #footer form#Anmeldung input#abschicken { border:none !important; width:88px; height:18px; overflow:hidden; cursor:pointer; color:#565454; font-size:1.1em; margin:0 9px 0 0; background:url(../images/bg-button.jpg) 0 0 no-repeat; }
#footer form#Anmeldung input#abschicken { margin:5px 9px 0 0; }
div#meldung { /* Newsletter-Systemmeldungen */
	      background:#fcfcfc url(../images/form-hg.png) 0 0 repeat-x; border:1px solid #c8c8c8; padding:10px; margin:20px 0 10px 0; }
div#meldung .error { color:#f00 !important; background:none; }
div#meldung ul {				/* Formatierung der Liste für Systemmeldungen */ list-style-type:square; padding:5px 0 0 20px; width:100%; }
div#meldung ul { color:#666666; }
#player { height:208px; width:293px; }
#getAdobeFlash { margin:0 auto; width:112px; padding-top:100px; }

span.kern	{margin-left: -1px;}

#slideshow {
height:238px;
left:331px;
margin:auto;
overflow:hidden;
position:absolute;
top:54px;
width:611px;
}