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

body {
	width: 100%;
	font-size: 1em; /* edit here to change font size globaly 1em = 10px */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background: #0d1d2a url(/trendoffice/wLayout/design/img/backgrounds/hg_startseite_body.jpg) no-repeat center top;
}

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 {width: 996px; height:660px; margin: 0 auto; margin-bottom: 0;  position: relative; padding:0;
	background: #0d1d2a url(/trendoffice/wLayout/design/img/backgrounds/hg_startseite_div.jpg) no-repeat left top;
}
#wBlockTop {position: relative;left:25px;width:100px;}

#wBlockLeft {position: relative; width: 188px; float: left; top:90px;left:25px;}
	#wBlockLeftInner {padding: 0 0 0 0;}

#wBlockContent {position: relative;width: 210px; float: left;left:590px; top: 45px;}
	#wBlockContentHeadline {background:#482f69;color:#fff;padding: 2px 5px 1px 10px;width:50px;}
	#wBlockContentInner {border: 2px solid #482f69; padding: 10px 10px 0px 10px;background: #e9e6e6;}
#wBlockBottom {clear: both;}
	#wBlockBottomInner { font-size: .9em;}

#blockCurNavigation {display: none;}

.elementProductName {text-align: left; padding: 0 20px 0 0; font-size: .9em;  color: #8b8b8b;}
.elementProductName a {margin: 0 0 0 0; display: block;}

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

#wBlockContentHeadline h2 {font-size: 10px;}


#wBlockContent a {text-decoration: none;color: #482f69;font-weight: bold;}

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

#wBlockContent .elementHeadline {color: #482f69;}

#wBlockContent .elementHeadline {font-size:12px;}
#wBlockContent .elementText {font-size:11px;}
#wBlockContent .elementLink a {font-size:11px;}
#wBlockContent .documentLink * {display: inline;}
#wBlockContent .documentLink .icon img {margin: 0 2px -5px 0;}

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

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

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

#wBlockLeft {color: #fff;}

#wBlockLeft a {text-decoration: none;color: #fff;font-size:8px;}

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

#wBlockLeft .elementHeadline {font-size:12px;}
#wBlockLeft .elementText {font-size:11px;}
#wBlockLeft .elementLink a {margin: 0 0 20px 0;}
#wBlockLeft .documentLink * {display: inline;}
#wBlockLeft .documentLink .icon img {margin: 0 2px -5px 0;}

#wBlockLeft p {margin: 0 0 20px 0;}






/* ===============================
   = Hauptnavigation
=============================== */
.standardNavigation {text-align: left;position: absolute; top: 90px; left: 25px; z-index: 80;width:500px;}
.standardNavigation ul {margin: 0; padding: 0; line-height:0;}
.standardNavigation ul li {margin: 0; padding: 0; display: block; height:14px !important; line-height:14px; width:180px; list-style: none;clear:left;border:none; }
.standardNavigation ul li a {margin: 0 !important;padding: 0 5px 0 0 !important;}
.standardNavigation ul ul li a {margin: 0 !important; padding: 0!important;}
.standardNavigation ul li.level1 {}
.standardNavigation ul li.level1 a {display: block; float:left;}
.standardNavigation ul li.level1 a.selected,
.standardNavigation ul li.level1 a:hover {}

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

.standardNavigation ul.level2  {position: absolute; left:175px;}
.standardNavigation ul.level3  {position: absolute;  left:105px;}
/* ===============================
   = Sprachnavigation
=============================== */

#languageSelection {background: url(/trendoffice/wLayout/design/img/backgrounds/bg_languageswitch.gif); width:121px;height:25px;float:left;}
#languageSelection a {position:relative; top:6px;left:8px;}

#languageSelectionMenu {position:relative; display:none;top:5px; left:-8px;}
ul.langnav {}
ul.langnav li {list-style: none; margin: 0; padding: 0; display: inline; }
ul.langnav li a {display: block; margin: -1px 0 0 1px;border:#cccccc 1px solid;padding:4px 0 3px 6px;background-color: #ffffff;width: 111px;}

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


.elementLogo {height:90px;}
.elementLogo a {display:block;}
.elementLogo a img {margin:20px 0 0 0;}

.elementKeyvisual { width:971px;text-align:right;}

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

.elementToolbox {	position: absolute;	top:50px;	right: 10px;	width: 300px;}
.elementToolbox .search {float:left; width:150px;}
.elementToolbox .search img {float:left; width:20px;margin: 2px 5px 0 0;}
.elementToolbox .search fieldset {float:left; width:100px;}
.elementToolbox .search input {width:100px; height:17px; border: 1px solid #ccc;background:#fff;padding: 4px 0 0 5px ;margin: 1px 0 0 0;}
.elementToolbox .iconLanguageSelection {float:left; width:20px;margin: 3px 5px 0 0;}

.elementToolbox .extendedSearch {display: none;}

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