/*
 * Schmid Group
 * http://www.schmid-group.com
 *
 * Date: 2009-10
 */
 
/*****
** Clearing und allgemeine Definitionen
*****/

.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix			{ display: block; }

.clear		{ clear: both; }
.skip		{ position: absolute; left: -1000em; width: 20em; }
.hide		{ display: none; }
.floatL		{ float: left; }
.floatR		{ float: right; }
.left		{ text-align: left; }
.right		{ text-align: right !important; }
.center		{ text-align: center !important; }
.vCenter	{ vertical-align: middle !important; }
.top		{ vertical-align: top; }
.bottom		{ vertical-align: bottom; }
.nowrap		{ white-space: nowrap; }
.bold		{ font-weight: bold; }
.italic		{ font-style: italic; }
.noBorder	{ border: none !important; }
.noBg		{ background: none !important; }
.noBgImg	{ background-image: none !important; }
.noMargin	{ margin: 0; }
.noPadding	{ padding: 0; }

/*****
** Container und Elemente
*****/

body			{ font-size: 75%; font-family: Arial, Helvetica; padding: 0; margin: 0; background: url(../img/bgBodySub.jpg) center top repeat-y #bcc9d4; }
body.home		{ background: url(../img/bgBodyStart.jpg) center top no-repeat #b1c0cd; }
				
img 			{ border: 0; }
:focus			{ outline: none; }
							
p				{ margin: 0; padding: 0.5em 0; }
							
a				{ color: #00315d; text-decoration: none; }
a:hover			{ text-decoration: underline; cursor: pointer !important; }
a.pdf			{ background: url(../img/iconPdf.png) right top no-repeat; padding: 4px 27px 4px 0; }
a.gray			{ color: #58585a !important; }

ul				{ margin: 0 0 0 1.2em; padding: 0; list-style-image: url(../img/bgLi.gif); }

div.hr			{ clear: both; height: 3px; overflow: hidden; padding: 0 !important; margin: 0; background: url(../img/bgHr.gif) top left repeat-x; border: none; }
div.print		{ width: 15px; height: 13px; background: url(../img/iconPrint.gif) no-repeat; position: absolute; margin: 41px 0 0 595px; cursor: pointer; overflow: hidden; text-indent: -300em; padding: 0 !important; }

h1				{ margin: 0 0 3px 0; padding: 0; height: 17px; overflow-y: hidden; }
h2				{ color: #00305e; font-size: 1.82em; font-weight: normal; padding: 0; margin: 0; }
h3				{ font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; }

#startTop		{ position: absolute; width: 100%; height: 383px; background: url(../img/bgBodyStartTop.jpg) center top no-repeat #bcc9d5; top: 0; left: 0; }
#startTop h1	{ text-indent: -300em; }
#main			{ position: relative; width: 856px; margin: 0 auto; }

#languages					{ height: 8px; overflow: hidden; margin: 0; padding: 8px 0 10px 0; }
#languages li				{ display: inline; }
#languages li a				{ text-indent: -300em; float: left; height: 17px; overflow: hidden; background-position: 0px 0px; margin-right: 10px; }
#languages li a.active		{ background-position: 0px -17px; }
#languages #noJs			{ font-size: 11px; line-height: 17px; font-weight: bold; color: #636363; }

#social						{ position: absolute; right: -5px; top: 7px; }
#social li					{ display: inline; list-style: none; }
#social li a				{ text-indent: -300em; float: left; height: 15px;  width: 15px; overflow: hidden; margin-right: 4px; }
#social li a.rss			{ background: url(../img/iconRss.gif) no-repeat; }
#social li a.facebook		{ background: url(../img/iconFacebook.gif) no-repeat; }
#social li a.twitter		{ background: url(../img/iconTwitter.png) no-repeat; }

#navigation							{ background: url(../img/bgNavigation.jpg) no-repeat; padding-top: 49px; height: 17px; margin-bottom: 10px; }
#navigation ul						{ margin: 0; padding: 0; list-style: none; }
#navigation ul li					{ float: left; margin-left: 5px; vertical-align: top; }
#navigation ul li:first-child		{ margin-left: 0; }
#navigation ul li a					{ float: left; text-indent: -300em; height: 17px; }
#navigation ul li a.active			{ background-position: 0 -17px; }
#navigation ul.sub1					{ position: absolute; background-color: #fff; display: none; margin: 17px 0 0 0; padding: 20px 0 0 10px; width: 846px; left: 0px; overflow: hidden; z-index: 100; }
#navigation ul.sub1 li				{ font-weight: bold; width: 150px; margin: 0 10px 20px 0; padding: 0 10px 0 0; background: url(../img/bgSubBorder.gif) top right repeat-y !important; }
#navigation ul.sub1 li.noBg			{ background: none !important; padding-right: 0; margin-right: 0; }
#navigation ul.sub1 li a			{ text-indent: 0; float: none; display: block; height: auto; text-transform: uppercase; font-size: 0.917em; background: url(../img/bgSub1.gif) left 2px no-repeat !important; padding-left: 13px; }
#navigation	ul.sub2					{ float: none; display: block; margin: 0; padding: 0; }
#navigation	ul.sub2	li				{ font-weight: normal; float: none; display: block; margin: 0 0 0 15px; padding: 2px 0; width: auto; background: none !important; height: auto; }
#navigation	ul.sub2	li a			{ text-transform: none; height: auto; background: url(../img/bgSub2.gif) left 3px no-repeat !important; padding-left: 8px; }
#navigation ul.smallSub				{ width: 146px; left: auto; }
#navigation ul.smallSub li			{ float: none; background: none !important; width: 146px; margin-right: 0; margin-bottom: 15px; padding-right: 0; }

#animation					{ width: 856px; height: 395px; overflow: hidden; }

#teaser						{ width: 856px; height: 138px; overflow: hidden; background: url(../img/bgTeaser.gif) no-repeat; color: #57585a; }
#teaser ul					{ margin: 0; padding: 0; }
#teaser ul li				{ float: left; width: 198px; margin-left: 5px; padding: 0 6px 8px 6px; list-style: none; font-size: 0.916em; overflow: hidden; }
#teaser ul li:first-child	{ margin-left: 0; }
#teaser h2					{ height: 17px; margin-bottom: 10px; overflow: hidden; text-indent: -300em; margin-left: 20px; }
#teaser a					{ color: #e2003b; white-space: nowrap; }
#teaser .teaserImg			{ margin: -7px 0 0 -5px; }

#subNavigation					{ width: 211px; overflow: hidden; float: left; }
#subNavigation ul 				{ margin: 0; padding: 0; list-style: none; clear: both; }
#subNavigation ul li a			{ float: left; text-indent: -300em; width: 211px; height: 17px; margin-bottom: 3px; background-position: 0px 0px; }
#subNavigation ul li a.active	{ background-position: 0px -68px; }
#subNavigation ul ul li a		{ margin: 0; padding: 0; }
#subNavigation ul li a.row1		{ height: 17px; }
#subNavigation ul li a.row2		{ height: 30px; }
#subNavigation ul li a.row3		{ height: 43px; }
#subNavigation ul li a.row4		{ height: 56px; }
#subNavigation ul ul			{ margin-bottom: 3px; float: left; }
#subNavigation ul ul li			{ background: url(../img/bgBox.png) repeat-x; float: left; }
#subNavigation ul ul li.row1	{ background-position: 0px 17px; }
#subNavigation ul ul li.row2	{ background-position: 0px 30px; }
#subNavigation ul ul li.row3	{ background-position: 0px 43px; }
#subNavigation ul ul li.row4	{ background-position: 0px 56px; }
#subNavigation ul ul li a		{ margin-bottom: 5px; }

#content					{ width: 634px; float: right; font-size: 11px; color: #58585a; }
#content.fullWidth			{ width: 100%; }
#content .bg				{ background: url(../img/bgBox.png); padding: 6px 11px; width: 612px; }
#content.fullWidth .bg		{ width: 100%; padding: 10px 0 1px 0; }
#content .bg .bg			{ background: none; padding: 0; width: 100%; }
#content h1					{ margin: 3px 0; background: url(../img/bgBox.png); text-indent: -300em; font-size: 1.2em; padding-left: 11px; }
#content h1:first-child		{ margin-top: 0; }
#content h1 span			{ display: block; }
#content h3					{ padding: 0.5em 0; }
#content a					{ color: #e2003b; }

#col1				{ width: 634px; background: url(../img/bgSplitBox.png) 0px 20px repeat-x; margin-top: 3px; }
#col1 .noBg			{ padding: 6px 11px; }
#col1Content		{ width: 417px; float: left; overflow: hidden; }
#col1Content .bg	{ width: 395px; }
#col2				{ width: 214px; float: right; overflow: hidden; }
#col2 .bg			{ width: 192px; }
#col2 ul			{ margin-top: 6px; }

#galerie			{ margin: 0 0 11px 11px; }
#cntBig				{ margin-top: 3px; }

#content .split					{ width: 634px; margin: 0 0 3px 0; background: url(../img/bgSplitBox.png); }
#content .split .col1Content	{ float: left; width: 417px; padding: 0; margin-bottom: -3px; }
#content .split .col2Content	{ float: right; width: 214px; padding: 0; margin-bottom: -3px; }
#content .split h3				{ font-size: 1.0em; font-weight: bold; }
#content .split .cntText		{ padding: 0 11px; }

#content .panes .split			{ width: 100%; margin: 0; background: none; }
#content .panes .col1Content	{ margin: 0; }
#content .panes .col2Content	{ width: 194px; margin: 0; }

#footer						{ width: 856px; margin: 0 auto; }
#footer	ul					{ margin: 0; padding: 7px 0 0 0; clear: both; }
#footer ul li				{ display: inline; }
#footer ul li a				{ text-indent: -300em; float: left; height: 17px; overflow: hidden; background-position: 0px 0px; margin-right: 15px; }
#footer ul li a.active		{ background-position: 0px -17px; }

/* Sticky Footer */
html				{ height: 100%; }
body				{ height: 100%; }
#main				{ position: relative; min-height: 100%; }
* html #main		{ height: 100%; }
body.home #teaser	{ padding-bottom: 3em; }
#footer				{ position: relative; height: 3em; margin-top: -3em; }
/* - */

#sitemap a					{ color: #58585a; padding: 2px 5px; border: 1px solid #00305e; display: inline-block; margin: 3px 0; }
#sitemap a:hover			{ border-color: #e2003b; text-decoration: none; }
#sitemap .tree li			{ list-style:none; padding-left:21px; list-style-image: none; }
#sitemap .tree li.root		{ padding-left:0; }
#sitemap .tree li li		{ background:url(../img/rootNode.gif) no-repeat 17px center; margin-left:10px; padding-left:31px; }
#sitemap .tree li li.root	{ padding-left:10px; background:url(../img/justOne.gif) repeat-y 17px 0; }
#sitemap .tree li li.last	{ background:url(../img/lastRoot.gif) no-repeat 17px 0; }
#sitemap .expand			{ background:url(../img/rootNode.gif) no-repeat 7px -13px; width:12px; height:48px; display:block; float:left; margin-top:2px; padding:0 5px 0 3px; text-indent:-9999px; line-height:0; font-size:0; }
#sitemap .contract 			{ background-position:0 -16px; }
#sitemap .tree li li.last .expand { background: none; }

.productBox1		{ border: 1px solid #a5b7c7; padding: 5px 10px; width: 386px; height: 40px; overflow: hidden; margin-bottom: 13px; }
.productBox1 h2		{ font-weight: bold; color: #afbfce; font-size: 1.0em; text-transform: uppercase; }
.productBox1 p		{ padding: 0.1em 0; }
.productBox1 a		{ white-space: nowrap; }

.productBox2		{ background-repeat: no-repeat; height: 43px; width: 320px; overflow: hidden; padding: 17px 265px 15px 25px; }
.productBox2 h2		{ font-weight: bold; color: #afbfce; font-size: 1.0em; text-transform: uppercase; }
.productBox2 p		{ padding: 0.1em 0; }
.productBox2 a		{ white-space: nowrap; }

.productBox3		{ background-repeat: no-repeat; height: 43px; width: 335px; overflow: hidden; padding: 16px 250px 16px 25px; }
.productBox3 h2		{ font-weight: bold; font-size: 1.0em; }
.productBox3 p		{ padding: 0.1em 0; }
.productBox3 a		{ white-space: nowrap; }

.reference			{ width: 105px; display: inline-block; padding: 0 24px !important; font-size: 9px; vertical-align: top; margin: 10px 0; }
.reference a		{ color: #58585a !important; font-size: 9px; }

.tabs				{ margin: 3px 0 0 0 !important; padding: 0; height: 17px; }
.tabs li			{ float: left; padding: 0; margin: 0; list-style: none; width: 209px; margin-left: 3px; }
.tabs li:first-child{ margin-left: 0; }
.tabs a				{ float: left; display: block; padding: 2px 10px; width: 189px; text-decoration: none; height: 12px; background-color: #eaeef3; color: #5a7997 !important; 
						-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; position: relative; 
						text-transform: uppercase; font-weight: bold; }
.tabs a.current		{ background-color: #00305e; color: #fff !important; top: 1px; }
.panes div			{ padding: 15px 0 10px 0; }
.tabs2 li			{ width: 315px; }
.tabs2 a			{ width: 295px; }
#tab2, #tab3		{ padding-right: 11px; }

#historyScroll 		{ height: 195px; width: 612px; padding-top: 20px; overflow: hidden; }
#historyHolder 		{ height: 175px; }
.historyItem 		{ width: 155px; height: 175px; margin-left: 73px; float: left; }
.historyItem:first-child { margin-left: 0; }
.historyItem p		{ margin: 0; padding: 0 0 5px; line-height: 1.3em; display: block; height: 40px; }

#historySliderWrap	{ width: 612px; background: url(../img/bgSlider.gif) no-repeat; height: 10px; margin-bottom: 20px; }
#historySlider		{ height: 10px; margin: 0 25px 0 12px; position: relative; }
.ui-slider-handle	{ width: 12px; height: 13px; position: absolute; top: -2px; margin-left: -5px; background: url(../img/bgSliderHandle.gif) no-repeat; }

/* Google Maps */
.gmaps div	{ padding: 0; }

/* Videoplayer */
#player		{ margin: 5px auto 15px auto; }

/* Scroller */
.scrollable				{ position: relative; overflow: hidden; width: 550px; height: 85px; }
.scrollable .items		{ width: 20000em; position: absolute; clear: both; }
.scrollable img			{ float: left; margin: 0 10px 0 0px; cursor: pointer; width: 100px; height: 70px; padding: 1px; }
.scrollable .active		{ border: 1px solid #00305e; z-index: 99; position: relative; padding: 0; }
.scrollable				{ float: left; }
a.browse				{ background: url(../img/iconArrow.gif) no-repeat; display: block; width: 18px; height: 18px; float: left; margin: 25px 10px 0 10px; cursor: pointer; font-size: 1px; }
a.right					{ background-position: 0 -18px; clear: right; margin-right: 0px; }
a.left					{ margin-left: 0px; }
a.disabled				{ visibility: hidden !important; }

/* Forms */
input, textarea, select				{ width: 240px; border: 1px solid; border-color: #ffffff #a9a9a9 #a9a9a9 #ffffff; font-size: 11px; }
#form-module textarea				{ font-family: Arial, Helvetica; height: 140px; }
#form-module textarea:first-child	{ height: 85px !important; }
fieldset							{ border: none; padding: 0; margin: 0; }
fieldset label						{ width: 85px; padding: 0; margin: 0; float: left; }
fieldset label.checkbox				{ width: auto; float: left; }
.checkbox							{ float: left; }
fieldset div						{ padding: 8px 0; }
fieldset legend						{ font-weight: bold; padding: 20px 0 5px 0; }
fieldset .submit					{ cursor: pointer; margin-left: 85px; height: 17px; width: 88px; background: url(../img/bgButton.gif) no-repeat; border: none; color: #ffffff; font-size: 1em; 
										outline: none; position: relative; z-index: 2; }
.fieldError							{ border: 1px solid #e3003b; }
div.msgError						{ color: #e3003b; position: absolute; margin: 3px 0 0 335px; padding: 0; }

fieldset div#recaptcha_widget_div, fieldset div#recaptcha_widget_div div { padding: 0; } /* reCAPTCHA */

fieldset.videorequest						{ margin: 0 10px; }
fieldset.videorequest label					{ width: 160px; }
fieldset.videorequest .checkbox				{ width: auto; background: none; border: none; padding: 0; margin: 0; }
fieldset.videorequest .submit				{ margin-left: 160px; }
fieldset.videorequest .videoSelect			{ float: left; padding: 0; margin: 0; }
fieldset.videorequest .videoSelect label	{ width: 130px; }
fieldset.videorequest .videoSelect td		{ padding: 0 0 10px 0; margin: 0; vertical-align: top; }
fieldset.videorequest textarea				{ font-family: Arial, Helvetica; height: 85px; }
fieldset.videorequest .msgError				{ margin: 3px 0 0 410px; }

/* Produktdetails zentriert */
.prodImgCnt					{ width: 634px; background: url(../img/bgSplitBox.png) 0px 20px repeat-x; margin: 3px 0 0 0; padding: 0; border-collapse: collapse; }
.prodImgCnt td				{ padding: 0; margin: 0 0 3px 0; }
.prodImgCnt .prodSpace		{ width: 406px; }
.prodImgCnt .prodImg		{ text-align: center; vertical-align: middle; }
.prodImgCnt .prodSpec		{ width: 214px; padding-bottom: 11px; }
.prodImgCnt .prodSpec ul	{ margin-top: 6px; }
.prodImgCnt .prodSpec .noBg	{ padding: 6px 11px; }

/* Addons */
div.r501_overview					{ padding-top: 0; padding-bottom: 0; }
div.r501_overview div				{ padding: 0; }
div.r501_overview div.hr			{ position: absolute; width: 634px; margin-left: -11px; }
div.r501_overview h3				{ text-transform: uppercase; }
div.r501_location					{ margin: 0 0 8px 0; }
div.r501_location .col1				{ float: left; width: 200px; }
div.r501_location .col2				{ float: left; width: 200px; margin-left: 20px; }
div.r501_location .col3				{ float: left; width: 100px; }
div.r501_location .col4				{ float: right; width: 65px; }
div.r501_contact					{ margin: 0 0 8px 0; }
div.r501_contact .col1				{ float: left; width: 150px; }
div.r501_contact .col2				{ float: left; width: 150px; margin-left: 20px; }
div.r501_contact .col3				{ float: left; width: 180px; margin-left: 20px; }
div.r501_contact .col4				{ float: right; width: 50px; text-align: right; }
div.r501_details					{ padding: 0; }
div.r501_details a.browse			{ margin-top: 120px; }
div.contactPerson a.browse			{ margin-top: 90px; }
div.r501_details_item				{ padding: 0; width: 550px; float: left; }
div.r501_details_item div			{ padding: 0; }
div.r501_details_item h3			{ text-transform: uppercase; width: 420px; float: left; }
div.r501_details_item a.backlink	{ float: right; margin-top: 8px; }
div.r501_details_item .leftCol		{ float: left; width: 315px; }
div.r501_details_item .rightCol		{ float: right; width: 225px; }
div.contactPerson .leftCol			{ float: left; width: 125px; }
div.contactPerson .rightCol			{ float: left; width: 410px; margin-top: 77px; }
div.r501_details_item table			{ border: none; width: 100%; padding: 0; margin: 8px 0; }
div.r501_details_item table td		{ vertical-align: top; padding: 0 5px 0 0; }

div.r502, div.r502_item				{ padding: 0; }
div.r502_item						{ margin: 8px 0; line-height: 1.4em; }
div.r502_item a						{ font-style: italic; color: #58585a !important; }
									
div.r503, div.r503_item				{ padding: 0; }
div.r503 .r503_item					{ float: left; width: 415px; margin: 8px 0; }
div.r503 .r503_thumb				{ float: right; width: 125px; margin: 8px 0; }
div.r503_details_colL				{ float: left; width: 385px; }
div.r503_details_colR				{ float: right; width: 210px; }

div.r504, div.r504_item				{ padding: 0; }
div.r504 .r504_item					{ width: 185px; display: inline-block; margin: 0 18px 15px 0; vertical-align: top; }
div.r504_details a.backlink			{ float: right; margin: 6px 34px 0 0; }
div.r504_details .bigPic			{ width: 550px; margin-left: 29px; text-align: center; padding: 0; }
div.r504_details .bigPic img		{ width: 550px; }
div.r504_details h3					{ width: 400px; margin-left: 29px; float: left; }
div.r504_details p.right			{ margin-right: 34px; }

div.r505_overview					{ margin-bottom: 15px; }
div.r505_overview div				{ padding: 0; }
div.r505_overview div.hr			{ position: absolute; width: 634px; margin-left: -11px; }
div.r505_overview_item div			{ float: left; padding: 5px 0; }
div.r505_overview_item a.morelink	{ float: right; margin: 5px 20px 0 0; }
div.r505_details					{ padding: 0; }
div.r505_details a.browse			{ margin-top: 80px; }
div.r505_details_item				{ padding: 0; width: 550px; float: left; }
div.r505_details_item div			{ padding: 0; }
div.r505_details_item h3			{ text-transform: uppercase; width: 420px; float: left; }
div.r505_details_item a.backlink	{ float: right; margin-top: 8px; }
div.r505_details_item .leftCol		{ float: left; width: 315px; }
div.r505_details_item .rightCol		{ float: right; width: 225px; }

#inetLogin							{ margin: 110px auto 0 auto; width: 211px; }
#inetLogin .loginHead				{ display: block; text-indent: -300em; width: 211px; height: 17px; margin-bottom: 3px; background-position: -10px 0px; }
#inetLogin #loginFormCnt			{ width: 211px; padding-top: 18px; }
#inetLogin #loginFormCnt label		{ display: block; margin: 0 0 3px 3px; }
#inetLogin #videobereich-benutzer,	
#inetLogin #videobereich-password	{ margin-left: 3px; border: 1px solid #6a6a6a; background: none; width: 200px; }
#inetLogin #videobereich-benutzer	{ margin-bottom: 12px; }
#inetLogin #videobereich-password	{ margin-bottom: 20px; }
#inetLogin #videobereich-login		{ width: 0px; height: 0px; overflow: hidden; background: none; border: none; position: absolute; }
#inetLogin #videobereich-button		{ background-position: 103px 0; height: 27px; cursor: pointer; }
#loginFormError						{ color: #e3003b; margin: 0 0 5px 3px; padding: 0; }

#inetRequest						{ width: 516px !important; margin: 0 auto; }
#inetRequest .formInfo				{ width: 512px !important; padding: 2px 2px 4px 2px !important; }

#videoOverview						{ width: 790px; margin: 0 auto; }
#videoOverview .videoCnt			{ width: 210px; margin-left: 40px; float: left; }
#videoOverview .videoHead			{ display: block; text-indent: -300em; width: 210px; height: 17px; margin-bottom: 3px; background-position: -10px 0px; }
#videoOverview .videoInfo			{ width: 206px !important; height: 200px; line-height: 1.5em; padding: 2px 2px 4px 2px !important; margin-bottom: 25px; overflow: hidden; }
#videoOverview .videoInfo a			{ width: 206px; overflow: hidden; margin-bottom: 5px; }
#videoOverview .videoInfo h3		{ white-space: nowrap; }
#videoDetails						{ width: 516px !important; margin: 0 auto; }
#videoDetails .videoInfo			{ width: 512px !important; padding: 2px 2px 4px 2px !important; line-height: 1.5em; }
#videoDetails .videoInfo a			{ margin-bottom: 10px; }