/* =========================================================
bosse.de - Stylesheet für Bosse
Datei: design.css
Media: screen
Datum: 22. August 2008
Autor: Ulf Mayer
Mail: mayer@navigate.de
Web: http://navigate.de
========================================================== */

/* ===============================
   = General Definitions
=============================== */
*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.51%; /* don't edit */
}

body {
	width: 100%;
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background: #58585a;
}

div {font-size: 1em;}

address { font-style: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h4,h5 { font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
ul,ol { list-style:none }
:link,:visited { text-decoration:none }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}

a img,:link img,:visited img { border:none }

.screenreader,
.hidden {
	display: none;
}
fieldset {
   border: none 0;
}
.clear {
	clear: both;
}

.screenreader {display: none;}

a {color: #000; text-decoration: underline;}

/* ===============================
   = Container
=============================== */

.elementNavigation {position: relative;}
.editbuttonNavi {position: absolute; top: 0;}

#wBlockMain {background: #fff url(/bosse/wLayout/design/img/bg.gif) repeat-y; width: 996px; margin: 32px auto; margin-bottom: 0; position: relative;}
#wBlockTop {height: 336px;}
	#elementKeyvisual {background: #bcbdbe; padding-left: 252px; line-height: 0; height: 212px;}
	#elementKeyvisual img#keyvisual {margin: 0; padding: 0; line-height: 90%; height: 212px;}
	#elementKeyvisual .elementLinkProduct {position: absolute; top:300px;right:20px;z-index: 10;}
	#flashAsKeyvisual {position: absolute; top:125px;left:253px;z-index: 5;width:743px;height:212px;margin:0;padding:0;}

#wBlockContent {background: #fff; width: 740px; float: left;}
	#wBlockContentInner {padding: 25px 20px 0 20px;}
#wBlockLeft {width: 252px; float: left;}
	#wBlockLeftInner {padding: 20px 0 0 0;}
#wBlockBottom {clear: both;}
	#wBlockBottomInner { background: #fff; border-top: 1px solid #58585a; width: 720px; margin: 0 20px 0 252px; padding: 15px 0 50px 0; font-size: .9em;}
	.blockBottom { position: relative;}
	.toTop {position: absolute; top: -3px; right: 0;}
	.back {position: absolute; top: -3px; right: 30px;}
#blockCurNavigation {display: none;}

.elementInteractive {text-align: left; padding: 0 20px 0 32px; font-size: .9em;  color: #8b8b8b;}
.elementInteractive a {margin: 0 0 7px 0; display: block;}
.moreOffers {margin: 55px 0 0 0;}
.moreOffers img {margin: 7px 0 0 0;}

/* ===============================
   = Content Elements
=============================== */

.fragmentPictureFloatLeft {float: left; margin: 3px 20px 10px 0;}
.fragmentPictureFloatRight {float: right; margin: 3px 0 10px 20px;}

#wBlockContent a {text-decoration: underline;}

#wBlockContent {font-size: .9em; line-height:140%}
#wBlockContent .elementPicture,
#wBlockContent .elementText,
#wBlockContent .elementLink,
#wBlockContent .documentLink,
#wBlockContent .elementHeadline {margin: 0 0 20px 0; clear:both;}

#wBlockContent .elementLink a {margin: 0 0 20px 0;}
#wBlockContent .documentLink .icon {margin: 0; padding:0;display: inline ;}
#wBlockContent .documentLink .icon img {margin: 0 2px -5px 0 !important; padding:0;display: inline ;}
#wBlockContent .documentLink .text {margin: 0; padding:0;display: inline ;}

#wBlockContent .documentLinkAtPicture a {background: url(/weblication/wGui/wImages/fileicons/ext_pdf.gif) no-repeat left top; padding: 2px 0 2px 20px;height:25px;}

.listFooter {text-align: center;}
.more {display: block;}

#wBlockContent p {margin: 0 0 0px 0;}

#wBlockContent .product p {
	margin:0 0 0px;
}
.product .text p {
	margin-bottom: 20px!important;
}
#wBlockContent .product {
	overflow: overflow;
}

#wBlockContent .product a {text-decoration: none;}
.product {margin: 0 0 20px 0; clear: both;}
.product .bordered img {border: 1px solid #58585a;}
.product .toggleMe {border-bottom: 1px solid #bcbcbe; clear: both; padding: 0 0 3px 0; margin: 0 0 30px 0;}
.product .toggleMe a {text-decoration: underline !important;}
.product img {float: left; margin: 0 11px 13px 0 !important;}
.product .toggleMe img {margin: 0 22px 13px 0; clear: left;}
.product h2 {text-transform: uppercase; letter-spacing: 1px;}
.product .smallView {width: 370px;}
.product .smallView .shortText {margin:0 0 0 115px;}

.infobox {
border: 1px solid #58585a; 
width: 235px; 
font-size: .9em;  
margin: 20px auto;
margin-top: 0; 
background: #58585a url(/bosse/wLayout/design/img/trigger.gif) right bottom no-repeat; 
color: #fff; 
font-weight: bold;
line-height: 89%;
}
.infobox a {color: #fff;}
.infobox a.textlink {padding: 4px 34px 5px 3px; height: 28px; display: block; line-height: normal; letter-spacing: -1.0px;}
#searchbutton {margin: 0 20px 0 0;}

#wBlockContentInner ul {margin: 20px 0 20px 20px;}

/* ===============================
   = Formular
=============================== */

form ol {position: relative;}

form ol,
form ol li {list-style: none; margin: 0; padding: 0; clear: both;}
form ol li {margin: 0 0 1em 0;}

form button,
form input,
form textarea,
form select {font:inherit;}

form textarea,
form input {border: 1px solid #58585A;}

form .elementSearchButton,
form input.button {background: #58585A; color: #fff; padding: 2px 10px 2px 10px; font-weight: bold;}

form label {cursor: pointer; width: 190px; display: block;  line-height: normal; float: left;}
form label.radio {width: auto; display: inline; float: none; margin: 0 15px 0 5px;}

form span.button,
form li.C {margin: 10px 0 0 190px; clear: both; display: block; width:300px;}
form li.C img {display: block; margin: 10px 0 10px 0;}

form li strong {font-weight: normal; display: block; margin: 0 0 10px 0;}
form div.alignToLine {padding: 0 0 0 190px; width: 300px;}
form li.Berufsgruppe input {display: block; width: auto;  margin: 0 0 5px 0; float: left; clear: left;}
form li.Berufsgruppe label {display: block; width: 200px; float: left;}
form li.Wie_wurden_Sie_auf_unsere_Website_aufmerksam {clear: left;}
form li.Wie_wurden_Sie_auf_unsere_Website_aufmerksam input {display: block; width: auto;  margin: 0 0 5px 0; float: left; clear: left;}
form li.Wie_wurden_Sie_auf_unsere_Website_aufmerksam label {display: block; width: 200px; float: left;}

div.radioCon {clear: both;}

form .wError {background: #FFEFEF; width: 350px; display: block; padding: 10px; color: #7F0707; font-weight: bold; border-top: 3px solid #7F0707; margin-bottom: 10px;}

form input.C,
.form input,
form input.kontakt {width: 170px; padding: 2px;}
form textarea.kontakt {width: 170px; height: 120px; padding: 2px;}

#radioAnd1,
#radioAnd2,
#radioOr1,
#radioOr2 {width: auto; border: 0;}

.form label {float: none; width: auto; display: inline; cursor: pointer;}
.sucheWortRadio {margin: 10px 0 10px 0;}

.form .elementSearchButton {width: auto;}

.elementStandard {margin: 0 0 20px 0;}
.toggleMe .elementStandard {margin: 0 0 0px 0;}

.gallerieFirst {}
.gallerieFollow{display:none;}

.sideData {margin: 5px 0 10px 0;}
.sideData .title {margin: 0 10px 0 0;}
.sideData .title {}

/* ===============================
   = TopNavigation
=============================== */

.directNavigation {position: absolute; top: 0; left: 252px; width: 744px;}
.directNavigation ul li,
.directNavigation ul {list-style: none; margin: 0; padding: 0; display: inline;}
.directNavigation ul li a { float: left; width: 124px;display: block; position: relative;}

/* ===============================
   = Metanavigation
=============================== */

.metaNavigation {}
.metaNavigation ul,
.metaNavigation ul li {margin: 0; padding: 0; list-style: none; display: inline;}
.metaNavigation ul li {}

/* ===============================
   = Footernavigation
=============================== */

.footerNavigation ul,
.footerNavigation ul li {margin: 0; padding: 0; list-style: none; display: inline;}
.footerNavigation ul li a {padding: 0 8px 0 8px; background: url(/bosse/wLayout/design/img/divider-bottom.gif) 0 2px no-repeat;}
.footerNavigation ul li a.item4 {background: none; padding: 0 8px 0 0;}

.footerNavigation ul li.level1 .item1,
.footerNavigation ul li.level1 .item2,
.footerNavigation ul li.level1 .item3 {display: none;}

/* ===============================
   = Hauptnavigation
=============================== */
#wBlockLeft {position: relative;}
#wBlockLeft .elementNavigation {text-align: right;position: absolute; top: -199px; right: 0; z-index: 80;}
#wBlockLeft .elementNavigation ul,
#wBlockLeft .elementNavigation ul li {margin: 0; padding: 0; display: inline; list-style: none;}
#wBlockLeft .elementNavigation ul li a {margin: 0 0 10px 0;}

#wBlockLeft .elementNavigation ul {}

#wBlockLeft .elementNavigation ul li.level1 a {display: block; padding: 0 20px 0 0; background: url(/bosse/wLayout/design/img/bullet.gif) right 6px no-repeat;}
#wBlockLeft .elementNavigation ul li.level1 a.selected,
#wBlockLeft .elementNavigation ul li.level1 a:hover {background: url(/bosse/wLayout/design/img/bullet-act.gif) right 6px no-repeat;}


/* ===============================
   = Sprachnavigation
=============================== */

ul.langnav,
ul.langnav li {list-style: none; margin: 0; padding: 0; display: inline;}
ul.langnav li a {display: block; margin: 0 7px 0 0;float: left;}

.elementLogo {height: 124px;}
.elementLogo a {padding:30px 0 0 16px; display: block;}

.elementToolbox {	position: absolute;	top:350px;	right: 0;	background: #fff;	width: 259px;	height: 29px;}
.elementToolbox ul {position: absolute; top: 8px; right:75px;}
.elementToolbox .metaLinks {position: absolute; top: 8px; right: 13px;}
.elementToolbox .metaLinks a {display: block; width: 17px; float: left;  background: url(/bosse/wLayout/design/img/divider.gif) 17px 0 no-repeat;}
.elementToolbox .metaLinks a.talk,
.elementToolbox .metaLinks a.mail {margin-left: 0px;}

.editbuttonNavi {position: absolute; top: -20px; left: 0;}

/* ===============================
   = Player
=============================== */


body {
margin: 0;
}
div#overlay {
position:absolute;
top:0;
left:0;
background-color:#000;
width:100%;
z-index: 90;
}
div#FlashPlayer {
background-color:#000;
position:absolute;
top:40px;
text-align: center; 
vertical-align: middle;
width: 700px;
z-index: 100;
}
div#FlashPlayer img {
border: none;
}


/* ===============================
   = Orgatec Neuheiten
=============================== */

.elementStandard .fragmentPictureFloatLeftOrgatec {margin: 3px 0px 0px 0 !important; float:left;}

.elementStandard .fragmentPictureFloatLeftOrgatec img {margin: 10px 0 !important; float:left;}

.elementStandard .fragmentPictureFloatRightOrgatec {margin: 3px 0px 0px 0 !important; float:right;}

.elementStandard .fragmentPictureFloatRightOrgatec img {margin: 10px 0 !important; float:right;}

.productNewsOrgatec {width:110px !important; float:left;}

.elementVideoLink {margin:0 0 0 0;}