/* =========================================================
bosse.de - Stylesheet für Trendoffice
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 */
height:100%;
}

body {
	width: 100%;
	height: 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: #b9b9b9 url(/group/wLayout/design/img/backgrounds/hg_body.jpg) no-repeat center fixed;
	font-style: normal !important;
}

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: 0;}
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 {position:relative; margin:0 auto;padding:0;width: 940px;}
#wBlockMainInner  {padding:0;}

#wBlockTop {height: 80px;width:940px;}

#wBlockContent {width: 750px; float:left;}
	
	#wBlockContentInnerTop {margin: 0 0 0 170px; background: url(/group/wLayout/design/img/backgrounds/bg_contentInner_top.gif) no-repeat bottom;width:530px; height:15px;}
	#wBlockContentInner {margin: 0 0 0 170px; width:498px;background-color: #fff;padding: 0 15px;border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
	#wBlockContentInnerBottom {margin: 0 0 0 170px;background: url(/group/wLayout/design/img/backgrounds/bg_contentInner_bottom.gif) no-repeat top;width:530px; height:15px;}
	#wBlockContentInnerShaddow {margin: 0 0 0 65px;}

#wBlockRight {width:160px;float:right;margin:0;padding:0;}
	#wBlockRightInner {padding: 0;margin:0;}

#wBlockBottom {display: none;}
	#wBlockBottomInner { margin: 15px 0 0 160px; font-size: .9em;}

#blockCurNavigation {display: none;}

/* ===============================
   = 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;font-style: normal;}

#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 0 0;}

#searchbutton {margin: 0 20px 0 0;}

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

#searchform {width:150px;clear:both;height:25px;}
#searchform img {float:left; width:20px;margin: 0;background:none;}
#searchform fieldset {float:left; width:100px;}
#searchform  input {width:100px; height:19px; border: none;background: url(/group/wLayout/design/img/backgrounds/bg_search_lang.gif) no-repeat;padding: 2px 0 0 0 ;margin: 0;}


/* ===============================
   = 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 0px 0;}

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

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

elementNavigation

/* ===============================
   = Hauptnavigation
=============================== */
.elementNavigation {text-align: left;position: relative; z-index: 80;width:175px;margin: 0;font-style:normal;}
.elementNavigation ul {margin: 0; padding: 0; line-height:0;margin: 0;list-style: none;}
.elementNavigation ul li {margin: 0; padding: 0; display: block; list-style: none;clear:left;border:none;line-height:14px;}
.elementNavigation ul li a {margin: 0 0 3px 0;padding: 0 0 0 10px; font-size:10px;background: url(/group/wLayout/design/img/backgrounds/bg_navi_button.gif) no-repeat;font-style:normal;display:block;}
.elementNavigation ul li a.selected,
.elementNavigation ul li a:hover {background: url(/group/wLayout/design/img/backgrounds/bg_navi_button_active.gif) no-repeat;}

.elementNavigation ul li.level1 div{display:none;}

.elementNavigation ul.level2  {}
.elementNavigation ul.level3  {}


/* Navi über Bilder
.elementNavigation {text-align: left;position: relative; z-index: 80;width:175px;margin: 0;}
.elementNavigation ul {margin: 0; padding: 0; line-height:0;margin: 0;list-style: none;}
.elementNavigation ul li {margin: 0; padding: 0; display: block; list-style: none;clear:left;border:none;}
.elementNavigation ul li a {margin: 0 0 3px 0;padding: 0;}
.elementNavigation ul li.level1 {}
.elementNavigation ul li.level1 a {display: block; }
.elementNavigation ul li.level1 a.selected,
.elementNavigation ul li.level1 a:hover {}

.elementNavigation ul li.level1 div{display:none;}

.elementNavigation ul.level2  {}
.elementNavigation ul.level3  {}
/*
/* ===============================
   = Hauptnavigation
=============================== */
.standardNavigation {margin: 0 0 25px 0;}

/* ===============================
   = Metanavigation
=============================== */
.metaNavigation {margin: 0 0 0 0;}

/* ===============================
   = StartseitenButton
=============================== */
.startseiteButton {margin: 0 0 25px 0;}

/* ===============================
   = DSE-Button
=============================== */
.elementNavigationDSE {text-align: left;position: relative; z-index: 0 !important;width:175px;margin: 50px 0 0 0;font-style:normal;}
.elementNavigationDSE ul {margin: 0; padding: 0; line-height:0;margin: 0;list-style: none;}
.elementNavigationDSE ul li {margin: 0; padding: 0; display: block; list-style: none;clear:left;border:none;line-height:14px;}
.elementNavigationDSE ul li a {margin: 0 0 3px 0;padding: 0 0 0 10px; font-size:11px;font-family: Arial, sans-serif;font-style:normal;text-transform: uppercase; color: #636363;z-index: 0 !important;font-weight:bold;}


/* ===============================
   = Produktauswahl
=============================== */

.elementSelectors  {clear:both;border:1px solid #c0c0c0;width:100%;height:25px;padding: 5px 0 0 5px; }
.elementSelectors .elementSelector {background-image: url('/group/wLayout/design/img/blank.gif'); float:left; margin: 0 10px 0 0; z-index:10 !important;}
.elementSelectors .iconSelection {float:left; width:20px;margin: 0;}
.elementSelectors .selection {background: url(/group/wLayout/design/img/backgrounds/bg_search_lang.gif) no-repeat; height:16px;float:left;padding: 3px 0 0 0;}
.elementSelectors .selection span.filter {width:100px !important; display:block;}

.elementSelectors .hitBox {display: block; position:relative; margin-top: -25px; height: 25px; width: 120px; background-color: #ff0000;}
.elementSelectors .selectionMenu {display: none; position:relative; margin: 0 0 0 0; padding: 0; background-color: #cccccc;}
.elementSelectors .selectionMenu ul {margin: 0 0 0 0px !important; padding: 1px 0 0 0 !important; background-color: #cccccc;position:absolute;}
.elementSelectors .selectionMenu ul li {list-style: none; margin: 0 !important; padding: 3px !important;}
.elementSelectors .selectionMenu ul li a {width: 100%; margin-left: 2px !important; margin-right: 2px; padding: 0px !important;z-index:10 !important;line-height: 18px;height: 18px;}

.elementSelectors .elementSelector:hover>.selection>.selectionMenu {display: block;}
.elementSelectors .elementSelector>.selection>.selectionMenu {display: none;}


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

.elementToolbox  {z-index:99;}

.elementToolbox .iconSelection {clear:both;float:left; width:20px;margin: 0;}

.elementToolbox .selection {background: url(/group/wLayout/design/img/backgrounds/bg_search_lang.gif) no-repeat;
		width:100px;
		height:64px;
		float:left;
		padding: 3px 0 0 0;
		z-index:99;
		position: relative;
	}
.elementToolbox .selection img {margin: 0 0 0 3px;}

.elementToolbox .selectionMenu {position:absolute; width: 100px; float: none; clear: both; top: 19px; left: 0; display:none;margin: 0; padding: 0;z-index:10;}
.elementToolbox .selectionMenu ul {margin: 1px 0 0 0; padding: 0; background-color: #cccccc;z-index:10;}
.elementToolbox .selectionMenu ul li {list-style: none; margin: 0; padding: 0;z-index:10;}
.elementToolbox .selectionMenu ul li a {display: block; margin: 0; padding: 3px;line-height:16px;background-color: #cccccc; z-index:10;}
.elementToolbox .selectionMenu ul li a img {margin: 0; padding: 0;z-index:10;}

/* ===============================
   = Referenzen
=============================== */

#liste_referenzen {margin: 20px 0 0 0;}
#liste_referenzen .referenz {}
#liste_referenzen .referenz a {z-index:0 !important;}
#liste_referenzen .referenz a:hover {z-index:0 !important;color:#999;}
#liste_referenzen .referenz .tooltip {position:absolute;z-index:15 !important;background-color: #cccccc;padding:10px;visibility:hidden;margin: 25px 0 0 0;width:450px;left:200px;}
#liste_referenzen .referenz .tooltip img {z-index:15 !important; float:left; margin: 0 10px 0 0;width:210px;}
#liste_referenzen .referenz .tooltip .branchen{z-index:15 !important;}
#liste_referenzen .referenz .tooltip .marken{z-index:15 !important;}
#liste_referenzen .referenz .tooltip .produkte{z-index:15 !important;}

/* ===============================
   = 
=============================== */


.elementLogo {margin: 0 0 0 786px; }
.elementLogo a {display:block; margin:0; padding: 0;}
.elementLogo a img {margin:10px 0 0 0; padding: 0;}

.elementKeyvisual { width:971px;}

.elementWaS { width:901px;text-align:right;margin: 5px 0 0 0;padding: 0 70px 0 0;}

.elementToolbox {margin: 0 0 0 8px;}
.elementToolbox .search {width:150px;clear:both;height:25px;}
.elementToolbox .search img {float:left; width:20px;margin: 0;background:none;}
.elementToolbox .search fieldset {float:left; width:100px;}
.elementToolbox .search input {width:100px; height:19px; border: none;background: url(/group/wLayout/design/img/backgrounds/bg_search_lang.gif) no-repeat;padding: 2px 0 0 0 ;margin: 0;}

.blockBottom {display:none;}
.toTop {}
.back {}
.mail {}
.tell {}
.print {}

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

.elementVideoLink {margin:0 0 0 0;}

#orgatecfair {margin-left:10px;}