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

schwabe.de - Stylesheet für Schwabe
Datei: design.css
Media: screen
Datum: 29. November 2007
Autor: Ulf Mayer, Navigate AG
Mail: mayer@navigate.de


Grün2:
Grün3: #BDDBCE

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

/* ===============================
   = Stylesheet for International Elements
=============================== */
@import url(international.css);

/* ===============================
   = Stylesheet für Standard-GUI-Element
=============================== */
@import url(wgl.css);
/* ===============================
   = Stylesheet für Navigation
=============================== */
@import url(nav.css);


/* ===============================
   = Formatierung von HTML-Elementen
=============================== */

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

html {
font-size: 62.51%; /* don't edit */
}
.alignRight {
	text-align: right;
}
body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	background: #063 url(/schwabe/wGlobal/layout/images/backgrounds/body-bg.gif) repeat-y;
	color: #000;
}

div {font-size: 1em;}

address { font-style: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd, hr { margin:0; padding:0 }
ul,ol { list-style:none }
:link,:visited { text-decoration:none }
.hr {
	margin: 0 0 20px 0;
	padding: 0;
	height:0px;
	border-bottom: 1px solid #e6e6e6;
}

h5 {color: #006633; margin: 0 0 10px 0;}

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-image: url(/schwabe/wGlobal/layout/images/backgrounds/list-style-image-light.gif); margin-bottom: 18px;}
ul li {margin: 0 0 0 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 }

table                {font:inherit;color:inherit;border:none}
tr, thead, tbody     {}
th, td               {vertical-align:top}

form                 {}

input                {font:inherit;}
select               {font:inherit;}
textarea             {font:inherit;}

label,
input.button,
button		           {cursor:pointer; font:inherit;}
button:hover         {cursor:pointer;}

a                    {color: #063;}
a:hover              { text-decoration: underline;}


a.intern             {line-height: 18px; padding:1px 0 0 10px; background:url(/schwabe/wGlobal/layout/images/icons/arrow-green.gif) left 3px no-repeat}
a.extern             {line-height: 18px; padding:1px 0 0 15px; background:url(/schwabe/wGlobal/layout/images/links/extern.gif) left 3px no-repeat}
a.popup             {line-height: 18px; padding:1px 0 0 15px; background:url(/schwabe/wGlobal/layout/images/links/popup.gif) left 3px no-repeat}
a.email             {line-height: 18px; padding:1px 0 0 15px; background:url(/schwabe/wGlobal/layout/images/links/email.gif) left 3px no-repeat}
a.audio              {line-height: 18px; padding:1px 0 0 15px; background:url(/schwabe/wGlobal/layout/images/links/audio.gif) left 3px no-repeat}

a.avi,
ul.fileList a.avi,
a.mpg,
ul.fileList a.mpg,
ul.fileList a.video,
a.video	{line-height: 18px; padding:1px 0 0 15px; background:url(/schwabe/wGlobal/layout/images/links/video.gif) left 3px no-repeat}

ul.fileList a {
	line-height: 18px;
	padding:1px 0 0 20px;
	background:url(/schwabe/wGlobal/layout/images/links/page_white_link.gif) left 3px no-repeat;
}

ul.fileList a.pdf, a.pdf { line-height: 20px; padding:0 0 1px 20px; background: url(/schwabe/wGlobal/layout/images/links/page_white_acrobat.gif) left 0px no-repeat}
ul.fileList a.lock, a.lock { line-height: 20px; padding:0 0 1px 20px; background: url(/schwabe/wGlobal/layout/images/icons/lock.gif) left 0px no-repeat}

a.doc,
ul.fileList a.doc,
ul.fileList a.word,
a.word              {line-height: 18px; padding:1px 0 0 20px; background:url(/schwabe/wGlobal/layout/images/links/page_white_word.gif) left 3px no-repeat}

a.xls,
ul.fileList a.xls,
a.excel              {line-height: 18px; padding:1px 0 0 20px; background:url(/schwabe/wGlobal/layout/images/links/page_white_excel.gif) left 3px no-repeat}

a.ppt,
ul.fileList a.ppt,
a.powerpoint              {line-height: 18px; padding:1px 0 0 20px; background:url(/schwabe/wGlobal/layout/images/links/page_white_powerpoint.gif) left 3px no-repeat}

a.zip,
ul.fileList a.zip {line-height: 18px; padding:1px 0 0 20px; background:url(/schwabe/wGlobal/layout/images/links/page_white_compressed.gif) left 3px no-repeat}



.wglSheetContent ul.fileList,
.wglSheetContent ul.fileList li {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.wglSheetContent ul.fileList li a {
	display: block;
}

a img                {border:none}

img.picture          {margin:4px 4px 4px 4px}
img.pictureLeft      {float:left;margin:4px 16px 4px 0}
img.pictureRight     {float:right;margin:4px 0 4px 16px}

.clear {
	clear: both;
}

.inv {
	visibility: hidden;
}
.gray {
	color: gray;
}

#contactInformation,
.screenreader,
.hd,
p.jump em {
	display: none;
}

.wglPortletHead h2,
h2 {
	font-size: 1.3em;
	margin: 0 0 20px 0;
}

#blockContentInner h2 {
	margin-top: -.1em;
}

h3 {
	font-size: 1.2em;
	margin: 5px 0 15px 0;
}

.textImportant {
	background: #D6DFC6;
}

.elementText {
	margin: 0 0 20px 0;
}


/* Tabellen */

table                {font:inherit;color:inherit;border:none}
tr, thead, tbody     {}
th, td               {vertical-align:top}

table.light          {border:none;margin-bottom:12px;}
table.light th       {border:none;text-align:left;background-color:#f0f0f0}
table.light td       {border:none;padding:2px}

table.default        {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;}
table.default th     {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0}
table.default td     {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px}

table.full           {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;}
table.full th        {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0}
table.full td        {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px}

td.bgColor1, th.bgColor1 {background-color:#f0f0f0}

/* Grundgerüst */

#blockPre              {}
#blockPreInner         {}

.wrapper							{position: relative; width:980px; background: #fff;}
.wrapperInner					{margin: 30px 50px 0 50px;}
#blockMain			       {}
#blockMainInner        {}

#blockMainPopup        {}
#blockMainInnerPopup   {padding:10px 10px 10px 10px}

#blockContent          {float:left;width:460px;margin-left:0px;}
#blockContentInner     {}

#blockTop              {}
#blockTopInner         {overflow:hidden;}

#blockRight            {float:right;width:200px;}
#blockRightInner       {}


#blockBottom           {margin: 40px 0 0 0; width: 460px;}
#blockBottomInner      	{border-top: 1px solid #e5e5e5; margin: 14px 0 0 200px; padding: 0 0 38px 0;}
#blockBottomInner.home {margin: 14px 0 0 0 !important; }
#blockBottomInner a     {margin: 0 20px 0 0;}

#blockLeft             {float:left;width:200px;}
#blockLeftInner        { width: 180px;}

#blockLeftContentRight {margin: 6px 0 0 0;}

#blockPost             {}
#blockPostInner        {}

/* Globale Elemente */

#globalFunctions                { position: absolute; top: 3px; right: 303px;  width: 340px;}
#globalFunctions a              {}
#globalFunctions a:hover        {}

#logo img {display: none;}
#logo {	display: block; background: url(/schwabe/wGlobal/layout/images/logos/logo.gif) no-repeat;
width: 205px;
height: 60px;
}

.logisticUsed #logo {
	background: url(/schwabe/wGlobal/layout/images/logos/logo-schwabe-logistic.gif) no-repeat;
}
.logisticUsed #logo,
.logisticUsed#logo a {height: 75px;}
.logisticUsed #logo {margin: 0 0 -15px 0;}

#logo a {
	width: 205px;
	height: 60px;
	display: block;
}

#banner                         {}
#bannercontainer {
	margin: 90px 0 0 0;
	width: 660px;
	height: 140px;
	background: url(/schwabe/wGlobal/layout/images/header/keavisual-schwabe.jpg) no-repeat;
}

#search                         {position: absolute; top: 0; right: 50px;}
.searchLabel                    {}
.searchInput                    {position: absolute; top: 0; right: 40px; padding: 1px 2px 2px 4px; border: 1px solid #ccc; width:152px; background: #fff url(/schwabe/wGlobal/layout/images/backgrounds/input-fade.gif) repeat-x;}
#search .searchInput:focus,
#search .active                    {border: 1px solid #a9c683;}
.searchButton                   {position: absolute; top: 0; right: 0; border: 0; background: url(/schwabe/wGlobal/layout/images/buttons/searchbutton-inactive.gif) no-repeat; width: 30px; height: 20px;}
.searchButton span {display: none;}

.morearrow {
	padding-right: 5px;
}
#previewSearchResults {
	border: 1px #a9c683 solid;
	background: #f6f9f2;
	display: block;
	width: 250px;
	z-index: 200;
	position: absolute;
	top: 30px;
	right: 0;
}

.changeCount input {width: 90px; margin-right: 20px;}
#SProducts table tr td {border-bottom: 1px solid #ccc;}

/*	#previewSearchResults * {margin: 0; padding: 0;}
	#previewSearchResults dl dd { display: block; border-bottom: 1px solid #a9c683; font-size: 11px;}
	#previewSearchResults dl dt { display: block; font-weight: bold;}
	#previewSearchResults a { display: block; color: #000;}
	#previewSearchResults dl dt a { padding: 8px 10px 0 10px;}
	#previewSearchResults dl dd a { padding: 0 10px 12px 10px;}
	#previewSearchResults p { display: block; padding: 4px 10px 4px 10px;}
	#previewSearchResults p a { color: #063; padding: 0 0 0 8px; color: #063;}*/

	#previewSearchResults * {margin: 0; padding: 0;}
	#previewSearchResults ul li { display: block; border-bottom: 1px solid #a9c683; font-size: 11px;}
	#previewSearchResults a { color: #000; display: block;}
	#previewSearchResults ul li strong a { padding: 8px 10px 0 10px; font-size: 12px;}
	#previewSearchResults ul li a { padding: 0 10px 12px 10px;}
	#previewSearchResults p { display: block; padding: 4px 10px 4px 10px;}
	#previewSearchResults p a { color: #063; padding: 0 0 0 8px; color: #063;}
	#previewSearchResults li.selected { background-color: #DEEBCE;}

.searchLabel {
	display: block;
}

#defaultSearch_wglButtonSubmit {
	line-height: 18px;
	border: 0;
	background: none;
	font: inherit;
	background: url(/schwabe/wGlobal/layout/images/buttons/button-dark.gif) no-repeat;
	width: 130px;
	height: 20px;
	color: #fff;
	padding: 0 0 1px 0;
	display: block;
	margin: 10px 0 0 0 ;
}

/* Pflegeschaltflächen */

#beButtonLayoutwizard           {position:absolute;}

#beButtons                      {float:right;}
#beButtonAdmin                  {}
#beButtonPage                   {float:left;}
#beButtonContent                {float:left}

#beButtonEditTop                {}
#beButtonEditRight              {position:absolute;margin:1px 0 0 5px}
#beButtonEditBottom             {position:absolute;margin:1px 0 0 5px}
#beButtonEditLeft               {position:absolute;margin:5px 0 0 5px}

#beButtonEditNavigation         {position:absolute;margin:0 0 0 5px}

/* Allgemeine Elemente */

.elementStandard                {}
.elementHeadline                {}
.elementText                    {}
.elementText .fragmentInfo      {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/schwabe/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff}
.elementText .fragmentWarning   {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/schwabe/wGlobal/layout/images/icons/warning.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff}
.elementText .fragmentTip       {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/schwabe/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff}


.elementPicture                 {margin:0 0 10px 0}

.elementLink                    {margin:0 0 10px 0}
.elementVideo                   {margin:0 0 10px 0}
.elementAudio                   {margin:0 0 10px 0}
.elementPortlet                 {margin:0 0 10px 0}
.elementScript                  {margin:0 0 10px 0}
.elementSource                  {margin:0 0 10px 0;padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap}
.elementSource h4               {margin:0 0 4px 0;background-color:#ffffcc;padding:4px 4px 4px 0;border-bottom:solid 1px #cccccc}
.elementPlain                   {margin:0 0 10px 0;overflow:auto;padding:4px;background-color:#f0f0f0;border:solid 1px #a0a0a0}
.elementDelimiter               {margin:4px 0 10px 0; border-bottom: 1px double #a0a0a0; display: block;}
.elementDelimiter hr {display: none;}

.elementContainer               {margin:0 0 18px 0}
.elementContainerBox            {margin:0 0 18px 0}

.elementContainer1              {margin:0 0 0 0}
.elementContainer1 .col1        {}

.elementContainer2              {margin:0 0 0 0}

.elementContainer2 .col1        {float:left;width:254px;margin:0 16px 0 0}
.elementContainer2 .col2        {float:left;width:254px}

.elementContainer3              {margin:0 0 0 0}
.elementContainer3 .col1        {float:left;width:164px;margin:0 16px 0 0}
.elementContainer3 .col2        {float:left;width:164px;margin:0 16px 0 0}
.elementContainer3 .col3        {float:left;width:164px}

.elementContainerBox1           {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0}
.elementContainerBox1 .col1     {}

.elementContainerBox2           {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0}
.elementContainerBox2 .col1     {float:left;width:49%;margin:0 2% 0 0}
.elementContainerBox2 .col2     {float:left;width:49%}

.elementContainerBox3           {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0}
.elementContainerBox3 .col1     {float:left;width:32%;margin:0 2% 0 0}
.elementContainerBox3 .col2     {float:left;width:32%;margin:0 2% 0 0}
.elementContainerBox3 .col3     {float:left;width:32%}

/* Elemente des oberen Bereich */

/* Elemente des linken Bereiches */

#blockLeft .elementHeadline     {}
#blockLeft .elementText         {}

/* Elemente des Inhaltsbereiches */

/* Elemente des rechten Bereiches */

#blockRight .elementHeadline    {}
#blockRight .elementHeadline h1 {}
#blockRight .elementHeadline h2 {color: #006633}
#blockRight .elementHeadline h3 {}
#blockRight .elementHeadline h4 {}
#blockRight .elementText        {}

/* Elemente des unteren Bereiches */

#blockBottom h2 {color: #006633}

/* ===============================
		= Suche
=============================== */

#search fieldset {
	border: 0;
}

	#search fieldset legend {
		display: none;
	}


/* ===============================
		= Service Navigation im oberen Bereich
=============================== */

ul.serviceNav {
	margin: 11px 0 0 0;
	display: block;
}

ul.serviceNav,
ul.serviceNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul.serviceNav li {
		display: inline;
	}

	ul.serviceNav a {
		display: block;
		float: left;
		padding: 0 12px 0 11px;
		background: url(/schwabe/wGlobal/layout/images/backgrounds/pipe-servicenav.gif) right 2px no-repeat;
		line-height: 14px;
	}

div.letters {
	position: absolute;
	top: -2px;
	right: -35px;
}

div.help .fontsize {
	color: #063;
	display: block;
	margin: 0 6px 0 11px;
	float: left;
}

	div.help a#fsMedium {font-size: 13px;}
	div.help a#fsLarge {font-size: 15px;}

	div.help a.selected span {text-decoration: underline;}
	div.help a {outline: 0;}

/* ===============================
		= Kontaktformular
=============================== */

.wglForm .wglInputsetContent .wglSelectM,
.wglForm .wglSelectXS {
	width: 195px;
	border: 1px solid #A9C683;
	padding: 2px;
	font: inherit;
}

.wglForm textarea {
	border: 1px solid #A9C683;
	width: 189px;
	font: inherit;
	padding: 2px;
}

.wglForm .wglButtonContainer {
	border: 0;
	background: 0;
	font: inherit;
	background: url(/schwabe/wGlobal/layout/images/buttons/button-dark.gif) no-repeat;
	color: #fff;
	width: 130px;
	height: 20px;
}

.wglForm .wglInputS,
.wglForm .wglInputXS {
	border: 1px solid #A9C683;
	font: inherit;
	padding: 2px;
}

/* ===============================
		= Login Bereich
=============================== */

div#login {
	position: absolute;
	top: 150px;
	right: 50px;
	background: #fff;
	height: 130px;
	width: 175px;
	padding: 10px 0 0 0;
	z-index: 1;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 25px 0 0;
}

div#login h3.extranet{
	width:140px;
	height:23px;
	background: url(/international/wGlobal/layout/images/extranet.gif) no-repeat;
}
div#login h3.extranet span{
	display:none;
}



	div.helpme {
		height: 80px;
		width: 25px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 60px 0 0 0;
	}

	div.helpme a.helpicon {
		padding: 0 0 8px 5px;
		margin: 0 0 1px 5px!important;
		display: block;
		background: url(/international/wGlobal/layout/images/icons/help-icon.gif) no-repeat;
		width: 14px;
		height: 14px;
		cursor:help;
	}
	div.helpme a span {display: none;}

	div#helptextLogin,
	div#helptextPassword {
		border: 1px solid #ADC784;
		background: #fff;
		position: absolute;
		top: 80px;
		left: 6px;
		font: inherit;
		padding: 8px;
		width: 90px;
		color: #006531;
		font-size: .9em;
		font-weight: bold;
	}
	div#helptextPassword {
		top: 104px;
	}
	div#helptextLogin .arrow,
	div#helptextPassword .arrow {
		background: url(/international/wGlobal/layout/images/icons/arrow-top.gif) no-repeat;
		width: 11px;
		height: 6px;
		position: absolute;
		top: -7px;
		left: 0;
	}


	form fieldset {border: 0;}
	form fieldset legend { display: none;}
	form ol {list-style: none; margin: 0; padding: 0;}
	form ol li {margin: 0; padding: 0 0 2px 0; display: block;}
	div#login ol li.name {padding-top: 6px;}
	div#login ol li.passwort {padding-bottom: 8px;}
	form.wFormular textarea,
	form input.wglInput,
	form  input,
	form select { color: #999; margin: 0 0 2px 0; padding: 2px 4px 2px 3px; border: 1px solid #a9c683; background: #fff url(/schwabe/wGlobal/layout/images/backgrounds/input-fade-login.gif) repeat-x;}
	form.wFormular input.radio, form input.radio {margin: 0 0 -3px 0; padding: 0; background: none; border: 0; width:12px;}
	divform label {color: #063; display: inline; padding: 0 0 0 2px;}
	form button, form input.button {margin: 0 0 0 -2px;}

	div#login #loggedIn {}
	div#login #loggedIn strong {color: #063; display: block; margin: 5px 0 11px 0;}
	div#login #loggedIn label {color: #000; margin: 0 0 4px 0; padding: 0; display: block;}
	div#login #loggedIn select {width: 150px; border: 1px solid #a9c683; padding: 1px; margin: 0 0 11px 0;}
	div#login #loggedIn p {margin: 0;}
	select:focus,
	input:focus {
		color:Black;
	}
	form.wFormular textarea,
	form.wFormular input{
		width:232px;
	}
	form.wFormular textarea {
		height: 200px;
	}
	form.wFormular select {
		width:240px;
	}
	form.wFormular li {
		clear:both;
	}
	form.wFormular label {
		display:block;
		float:left;
		width:130px;
	}
	form.wFormular label.radio {
		display:inline;
		float: none;
		padding-right:30px;
	}
	form.wFormular li.Anrede,
	form.wFormular li.paddingLeft {
		padding-left:130px;
	}
	div.Error,
	form.wFormular li.Error {
		border:1px solid #737873;
		padding:5px;
		background-color: #Eff7e7;
		margin:10px 0;
	}
	form.wFormular li.Error label {
		width:125px;
	}
	div.Error {
		color:Red;
	}
	form.wFormular span.wError {
		color:Red;
		display:block;
		font-size:12px;
		margin-left:130px;
	}


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

.topIcon a { padding: 0 0 0 13px; display: block; float: left; background: url(/schwabe/wGlobal/layout/images/icons/top-of-page-icon.gif) 0 2px no-repeat;}
.printIcon a {
	padding: 0 0 0 15px;
	display: block;
	float: left;
	background: url(/schwabe/wGlobal/layout/images/icons/print-icon.gif) 0 2px no-repeat;}
.tellIcon a { padding: 0 0 0 15px; display: block; float: left; background: url(/schwabe/wGlobal/layout/images/icons/tell-a-friend-icon.gif) 0 4px no-repeat;}
.rssIcon a { padding: 0 0 0 15px; display: block; float: left; background: url(/schwabe/wGlobal/layout/images/icons/rss-icon.gif) 0 3px no-repeat;}

/* ===============================
		= Box
=============================== */

.box { line-height: 18px; margin: 0 0 10px 0; padding: 0 10px 15px 10px; background: #eef4e6 url(/schwabe/wGlobal/layout/images/backgrounds/fade-box.gif) 0 26px repeat-x;}
.box h2 { margin: 0 -10px 10px -10px; display: block; border-bottom: 1px solid #6e7466; font-size: 14px; color: #063; padding: 4px 10px 5px 11px; background: #a7c382 url(/schwabe/wGlobal/layout/images/backgrounds/headline-fade.gif) repeat-x; }
a.wglListMore,
.readMore { display: block; background: url(/schwabe/wGlobal/layout/images/icons/arrow-green.gif) 0 4px no-repeat;padding: 0 0 0 10px;}
a.wglListMore {background-position: 0 5px;}
.box .photo { margin: 0 10px 0 0; float: left;}
.box .vcard { display: block; clear: both; margin: 0 0 15px 0;}
	.box .vcard .fn { font-weight: bold; color: #063;}
.box ul {list-style-image: url(/schwabe/wGlobal/layout/images/backgrounds/list-style-image-dark.gif);}

.box input.kontakt {
	width: 160px;
}
.box form.wFormular span.button input {
	width: 140px;
}
.box  form.wFormular span.wError {
	margin-left:0;
}
/* ===============================
		= Buttons with rounded corners: hhttp://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/
=============================== */

span.buttonLikeTop,
span.buttonLike,
span.button {
  border:0;
  cursor:pointer;
  font-weight:normal;
  text-align:center;
  background: url(/schwabe/wGlobal/layout/images/backgrounds/btn_right.gif) right top no-repeat;
  color:#fff;
  padding: 3px 10px 3px 3px;
}

/*.wrapper form#wFormular .paddingLeft span {	padding-top: 4px;}*/


span.buttonLikeTop a,
span.buttonLike a,
span.button input {
  position:relative;
  display:inline;
  white-space:nowrap;
  padding:0 0 0 10px;
  height:20px;
  line-height:20px;
  background:url(/schwabe/wGlobal/layout/images/backgrounds/btn_left.gif) left top no-repeat;
  color:#fff;
  border: 0;
  width: auto;
}

body #login span.button input { padding:0 0 1px 10px;}

span.buttonLike a {width: auto; padding: 3px 0 2px 10px;}
body #login span.buttonLikeTop a {width: auto; padding: 3px 0 2px 10px; margin-right: 0;}
body #login span.buttonLikeTop a:hover {text-decoration: none;}

span.button input[type=hidden],
span.button input.hidden {display: none;}


#wFormular button span {
	background:url(/schwabe/wGlobal/layout/images/backgrounds/btn_left.gif) left top no-repeat;
	outline: 0;
  padding: 2px 15px 3px 15px;
  display: block;
  border: 0px;
  margin: 0 0 10px 0;
}

#wFormular button {
background:url(/schwabe/wGlobal/layout/images/backgrounds/btn_right.gif) right 1px no-repeat;
  color:#fff;
  line-height: 20px;
	padding: 0;
  border:0;
  text-align:center;
  position:relative;
  white-space:nowrap;
	margin: 10px 20px 10px 0;
	display: inline;
}


/* ===============================
		= Bild mit Link zum vergrößern
=============================== */

.floatLeft {
	float: left;
	padding: 4px 20px 4px 0;
}

.floatRight {
	float: right;
	padding: 4px 0 4px 20px;
}

.imageContainer {
	display: block;
	position: relative;
	width: auto;
	border: 0;
	margin: 0;
	width: 180px;
	overflow-x: hidden;
}

	.imageContainer img {
		border: 0;
		border-bottom: 1px solid #fff;
		padding: 0;
		margin: 0;
	}

	.imageContainer a {
		padding: 0;
		font-size: .9em;
		color: #063!important;
		position: relative;
		display: inline;
	}

	.imageContainer span {
		display: block;
		background: #dde8cd url(/schwabe/wGlobal/layout/images/icons/magnify.gif) 10px center no-repeat;
		padding: 4px 0 4px 25px;
	}

/* ===============================
		= Weblication Kosmetik
=============================== */

#blockContent	a.wglButtonText {
	color: #404040;
}

.wglButtonIconText,
.wglButtonExtendedItems .buttonItem,
	.wglButtonExtendedItems .buttonItemOver,
.wglButtonExtended {
	font-size: .9em;
}

.wglPortlet {
	overflow: visible;
}

#beButtonEditNavigation {
	position: absolute;
	top: 70px;
	left: 45px;
	z-index: 1000;
}

#beButtonEditLeft {
	position: absolute;
	top: 288px;
	left: 45px;
	z-index: 1000;
}

#beButtonEditRight {
	position: absolute;
	top: 292px;
	right: 48px;
	z-index: 1000;
}

#beButtonEditBottom {
	position: absolute;
	bottom: 57px;
	left: 245px;
	z-index: 1000;
}

#bannercontainer .wMarkerAppendChild {
	top: 30px;
}
a.bannerLink {
display: block;
text-align: center;
overflow-x: hidden;
}

#helpnavigation a {
	left:-1000px;
	overflow:hidden;
	padding: 0 5px;
	position:absolute;
	top:-100px;
	z-index:2;
	display: block;
}

#helpnavigation a:focus, #helpnavigation a:active {
	background:#006531;
	color:#fff;
	font-size:1em;
	padding: 3px 10px;
	position:absolute;
	top: -25px;
	left: 50px;
	z-index:99;
	display: block;
}

/*Bild mit legende */
div.withCaption img,
div.withCaption img.pictureRight,
div.withCaption img.pictureLeft {
	float:none;
	margin:0;
	border-bottom:1px solid White;
}
div.imgAndTitle {

}
div.imgAndTitle div.title {
	line-height:1.3em;
	font-size:0.9em;
	padding:2px 4px;
	color:#006633;
	background-color: #DDE8CD;
}
div.picAlignwC {
	float:left;
	margin:4px 16px 4px 0pt;
}
div.picAlignpictureLeftwC {
	float:left;
	margin:4px 16px 4px 0pt;
}
div.picAlignpictureRightwC {
	float: right;
	margin:4px 0 16px 4px;
}
div.button_auswaehlen {
	clear: both;
	padding-top: 16px;
}
input.noDammBorder {
	background: none;
	color: inherit;
	border: inherit;
	margin: 0;
	padding: 0;
}
a.getAcrobat {
	display: block;
	background-image: url(/schwabe/wGlobal/layout/images/buttons/getAcrobat.gif);
	height: 33px;
	clear: both;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

#blockContentInner #searchResults ul,
#blockContentInner #searchResults ul li {list-style: none; margin: 0; padding: 0;}
#blockContentInner #searchResults ul li {margin: 0 0 18px 0;}
#blockContentInner #searchResults ul li a {font-weight: bold;}
#blockContentInner #searchResults ul li a span {font-weight: normal;}

div.nobackground { padding: 0;}
div.nobackground h2 {margin: 0;}


li.pressefotos table {
	margin-bottom:5px;
}
li.pressefotos p a {
	padding:0 0 0 18px;
	background-repeat:no-repeat;
	background-position:3px 2px;
}
li.pressefotos a.presseFotosPreview {
	background-image: url(/schwabe/wGlobal/layout/images/links/extern.gif);
}
li.pressefotos a.presseFotosDownload {
	background-image: url(/schwabe/wGlobal/layout/images/links/download.gif);
}

ul.banners img {
	float:left;
	margin: 0 15px 7px 0;
}
ul.banners div.exampleCode {
	clear: both;
}
ul.banners textarea {
	width:98%;
	height:70px;
	border: 1px dotted #006633;
	margin-bottom:20px;
}

div.basketForm {
	clear: both;
	margin-top:40px;
}
a#toBasket {
	display:block;
	background: url(/schwabe/wGlobal/layout/images/buttons/button_bestellen.gif) no-repeat;
	width: 130px;
	height: 30px;
}

input.inBasket {
	display:block;
	background: url(/schwabe/wGlobal/layout/images/buttons/button_auswaehlen.gif) no-repeat;
	width: 130px;
	height: 30px;
	border: 0;
	text-align: left;
	color: #fff;
	cursor: pointer;
	line-height: 18px;
	padding: 6px 0 0 7px;
}

form.changeCount {
	margin-top:65px;
	float:left;
	padding:5px;
}
form.changeCount label {
	font-weight:bold;
	padding: 2px 5px 0 0;
	float:left;
}
form.removeItem {
	text-align:right;
	float:right;
	margin-top:65px;
}
form.removeItem input {
	border:none;
	background:none;
}
div.newsletterFachkreise {
margin:10px 0 0 0;
}
div.newsletterFachkreise input#docchecklgn,
div.newsletterFachkreise input#schwabelgn {
float:left;
margin:3px 5px 0 0;
}
div.newsletterFachkreise li.name {
margin-top:5px;
}
li.Error label.gray {
	color:black;
}

table.listLayout {
border-top:1px solid #BDDBCE;
width:100%;
border-collapse:collapse;
}
table.listLayout tr.selected,
table.listLayout tr:hover {
background-color:#DEEBCE;
cursor:pointer;
}
table.listLayout td {
border-bottom:1px solid #BDDBCE;
padding:5px 2px;
vertical-align:middle;
}

.loginBody {
	padding: 0 35px 0 0;
}

div.loginBody {
	font-size: .9em;
}

#login address.vcard {
	line-height: 18px;
	padding: 0 30px 0 0;
}

/* ===============================
		= WGL Elemente
=============================== */

.wglListPageNav div.wglListPageNext a:hover,
.wglListPageNav div.wglListPageNext a {
	background: #EFF7E7 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_next.gif) right 4px no-repeat;
	color: #006531;
	margin: -5px 0 0 0;
	display: block;
}

.wglListPageNav div.wglListPageNext a:hover {
	background: #006531 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_next.gif) right 4px no-repeat;
	color: #fff
}

.wglListPageNav div.wglListPagePrev a:hover,
.wglListPageNav div.wglListPagePrev a {
	background: #EFF7E7 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_prev.gif) left 4px no-repeat;
	color: #006531;
	margin: -5px 0 0 0;
	display: block;
}

.wglListPageNav div.wglListPagePrev a:hover {
	background: #006531 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_prev.gif) left 4px no-repeat;
	color: #fff
}


.wglListPageNav .wglListPageCur {
	background: #006531;
	font-family: Arial;
	color: #fff
}


.wglListPageNav a.wglListPage:hover,
.wglListPageNav a.wglListPage {
	background: #EFF7E7;
	color: #006531;
}
#blockContentInner .elementText table.default,
#blockContentInner .elementText table.light {border-collapse: collapse;}
#blockContentInner .elementText table.default tr td,
#blockContentInner .elementText table.light tr td {
	background: #EFF7E7;
	border: 1px solid #fff;
	padding: 3px;
}


#blockContentInner .elementText table.default tr th,
#blockContentInner .elementText table.light tr th {
	background: #006531;
	color: #fff;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
}

.wglListEntryDetails {
	margin: 0 0 35px 0;
}
.wglListOnly h3.wglListTitle,
li.dotted .wglListTitle,
li.jobs .wglListTitle{
	font-size: 1.1em;
}

ul li.dotted {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	background: url(/schwabe/wGlobal/layout/images/backgrounds/list-style-image-light.gif) 0 5px no-repeat;
}
a span.filesize {
	font-size: 70%;
}
p.searchCat {
	color: Grey;
	font-size: 90%;
	margin-bottom:1.2em;
	margin-top:-10px;
}
p.searchCat a {
	color: Grey;
}
p.searchCat a.selected {
	text-decoration: underline;
}


div.TellAFriend {
	border:1px solid #D2DCC3;
	padding:10px 20px;
	font-size:0.8em;
	margin-bottom:30px;
}

body table.videotable tr td input.wglInput {width: 140px!important; position: relative; background: red!important;}

/* Weblic-Style */
div.extranetList a.more {background:url(/schwabe/wGlobal/layout/images/icons/arrow-green.gif) no-repeat 0 50%; padding-left:10px; }
div.extranetList ol, div.extranetList li { list-style:none; margin:0; padding:0; }
div.extranetList li { margin-bottom:1em; border-top:1px solid #EEE;padding-top:1em; }
div.extranetList h2 {margin-bottom:2em; color:#000;}
div.extranetList h3 {margin-bottom:0.5em;  color:#000;}
div.extranetList img {float:left;  -ms-interpolation-mode: bicubic; margin:5px 15px 5px 0; padding:2px; background:#FFF; border:1px solid #EEE; }
div.extranetList h4, div.extranetList h3 a { /* color: #006531; */ color:#000; }

/*===================== Paginierung ==============*/
div.pages {
	padding-top: 1.5em;
	text-align: center;
}
div.pages a {
	background-color: #EFF7E7;
	text-decoration: none;
	color: #006531;
	font-weight: normal;
	padding: 0 6px;
	margin-right: 1px;
}
div.pages a:hover {
	
}
div.pages a.current {
	margin: 0 1px;
	background: #006531;
	font-weight: bold;
	color: #FFF;
}
div.pages a.current:hover {
	background-color: #98BFD7;
}
div.pages a.prev {
	padding:0 6px 0 15px;
	background:#EFF7E7 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_prev.gif) no-repeat scroll left 4px;
	text-decoration: none;
	color: #006531;
	font-weight: normal;
	margin-right: 1px;
	float: left;
}
div.pages a.prev:hover {
	padding:0 6px 0 15px;
	background:#006531 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_prev.gif) no-repeat scroll left 4px;
	text-decoration: none;
	color: #006531;
	font-weight: normal;
	margin-right: 1px;
	float: left;
	color: #FFF;
}
div.pages a.next {
	padding: 0 15px 0 6px;
	background:#EFF7E7 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_next.gif) no-repeat scroll right 4px;
	text-decoration: none;
	color: #006531;
	font-weight: normal;
	margin-right: 1px;
	float: right;
}
div.pages a.next:hover {
	padding: 0 15px 0 6px;
	background:#006531 url(/schwabe/wGlobal/layout/images/buttons/btn_icn_next.gif) no-repeat scroll right 4px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	margin-right: 1px;
	float: right;
}

.wMenuItemtoInsertN, .wMenuItemtoInsertH,  { margin:0; padding:0; border:0; float:none; position:relative; }

a.backlink {
	background:url(/international/wGlobal/layout/images/backgrounds/edit-delete.gif) no-repeat 0 0;
	width:90px;
	height:20px; 
	text-align:center; 
	display:block;
	color:#FFF;
	font-weight:bold;
}