/* =========================================================
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:101%;
}

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;

}

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

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

#wBlockContent {width: 750px; float:left;}
	
	#wBlockContentInner {margin: 00; width:750px;padding: 0 0px;}

#wBlockRight {width:190px;float:right;}
	#wBlockRightInner {padding: 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 .elementLink,
#wBlockContent .documentLink,
#wBlockContent .elementHeadline {margin: 0 0 20px 0; clear:both;}
#wBlockContent .elementText { clear:both;}

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

#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: 0 0 0 12px; padding: 0 0 2px 0;}
#wBlockContentInner ul li {margin: 0 0 2px 0; padding:0; list-style: url(/group/wLayout/design/img/li.gif);}

#wBlockContent .elementCompanyPicture {float:left;}
#wBlockContent .elementCompanySpacer {float:left;}

#contentCompanyInfoWrap {z-index:80;margin:150px 0 0 0;}
#wBlockContent .wBlockCompanyInfo {}
#wBlockContent #bosse }
#wBlockContent #dauphin {}
#wBlockContent #trendoffice {}
#wBlockContent #zueco {}
#wBlockContent #sectio_aurea {}
#wBlockContent .wBlockCompanyInfoShowHide {}
#wBlockContent .wBlockCompanyInfoInnerArrow {width:710px; height:18px;z-index: 10 !important;position:relative;}
#wBlockContent .wBlockCompanyInfoInnerArrow img {z-index: 10 !important;}
#wBlockContent .wBlockCompanyInfoInnerTop {width:710px; height:15px;z-index: 1 !important;margin:0;padding:0;}
#wBlockContent .wBlockCompanyInfoInnerTop img {z-index: 1 !important;margin:0;padding:0;}
#wBlockContent .wBlockCompanyInfoInner {width:678px;background-color: #fff;padding: 0 15px;border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
#wBlockContent .wBlockContentInnerBottom {background: url(/group/wLayout/design/img/backgrounds/bg_companyInfoInner_bottom.gif) no-repeat top;width:710px; height:15px;}
#wBlockContent .wBlockContentInnerShaddow {}

#contentCompanyClaimWrap {position:absolute;z-index: 0 !important;}
#contentCompanyClaimWrap .contentCompanyClaim {z-index:0 !important;width:730px;}
#contentCompanyClaimWrap .contentCompanyClaim img {z-index:0 !important;}
#contentCompanyClaimWrap .contentCompanyClaimShadow {margin: -30px 0 0 -170px;;width:730px;}


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

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

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


/* ===============================
   = Hauptnavigation
=============================== */
.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;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;display:block;}
.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  {}

/* ===============================
   = Hauptnavigation
=============================== */
.standardNavigation {margin: 0 0 25px 0;}

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

/* ===============================
   = StartseitenButton
=============================== */
.startseiteButton {display: none;}

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


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

.elementToolbox  {z-index:99;margin: 0 0 0 8px;}


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

.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;
	}
.elementToolbox .selection img {margin: 0 0 0 3px;z-index:99;}

.elementToolbox .selectionMenu {position:relative; 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;}




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


.elementLogo {margin: 0 0 0 756px; }
.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 .search {width:150px;clear:both;height:25px;z-index:99;}
.elementToolbox .search img {float:left; width:20px;margin: 0;background:none;z-index:99 !important;}
.elementToolbox .search fieldset {float:left; width:100px;z-index:99 !important;}
.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;z-index:99 !important;}

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

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