/***********************************************************************************
*
*  Gestaltende GmbH 11.08.2008
*  wbv.de - main.css
*
************************************************************************************/

/***********************************************************************************
*  LAYOUT
************************************************************************************/

body
{
	background: #ffffff;
	margin: 0px 0;
	padding: 0;
	font-family: verdana, geneva, helvetica, arial, sans-serif;
	font-size: 1em;
	line-height: 15px;
	color: #333333;
}

p, td, thead, th
{
	font-family: verdana, geneva, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	margin: 0;
}

th { padding-bottom: 5px; }

h1,h2,h3,h4,h5,form
{
	padding: 0;
	margin: 0;
}

ol { font-size: 1em; }
dl { font-size: 1em; }

dt, dd
{
	font-size: 11px;
	line-height: 130%;
}

ul
{
	list-style-image: url(liststyle_rot.gif);
	list-style-position: outside;
	list-style-type: square;
	font-size: 1em;
}

li
{
	font-size: 11px;
	line-height: 130%;
}

li p { font-size: 1em; }

input, textarea, select
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #B2B2B2;
	margin-top: 1px;
	margin-bottom: 1px;
}

option
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.maincontainer
{
	text-align: left;
	width: 950px;
}

.topcontainer
{
	position: relative;
	width: 950px;
	height: 109px;
}

.topcolorimage
{
	position: absolute;
	left: 810px;
	top: 11px;
	width: 140px;
	height: 10px;
	/*	background: url(colors.gif) no-repeat;*/
	text-align: right;
}

.logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 100px;
}

.logo img.logo { padding-left: 38px; }

.logotext
{
	position: absolute;
	left: 0;
	top: 74px;
	border-top: 1px solid #ED1C24;
	z-index: 10;
	overflow: hidden;
	color: #ED1C24;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	text-align: right;
	width: 252px;
}

.topnavi
{
	position: absolute;
	width: 500px;
	right: 160px;
	top: 10px;
	height: 30px;
	text-align: right;
	font-size: 11px;
	line-height: 100%;
}

.topimage, .topimagelevel2
{
	height: 130px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 8px;
}

.topimagelevel2
{
	border-top: none;
	width: 194px;
	overflow: hidden;
}

.topinfo
{
	position: absolute;
	right: 0;
	top: 80px;
	width: 460px;
	height: 60px;
	overflow: hidden;
}

.topinfo .framebox
{
	float: right;
	clear: none;
	margin-left: 0px;
	border: none;
}

.container-level2 { border-top: 1px solid #000000; }

.rootline
{
	height: 30px;
	font-size: 10px;
}

.rootline-inside
{
	padding-right: 10px;
	padding-left: 10px;
}

.content { padding: 0px 0px 10px 0px; }

.maincontent
{
	text-align: left;
	float: left;
	width: 555px;
	overflow: hidden;
}

.container-level2 .maincontent { width: 755px; }
.container-level2 .content { padding: 0; }
.maincontent-order { width: 755px; }

.maincontent-inside
{
	padding-left: 10px;
	padding-right: 10px;
}

.content-inside
{
	float: left;
	width: 534px;
	overflow: hidden;
	border-top: 1px solid #B2B2B2;
}

.container-level2 .content-inside { margin-right: 10px; }
.container-level2 .maincontent-inside { padding-right: 0; }

.content-order .content-inside
{
	float: left;
	width: 734px;
	overflow: hidden;
}

.layout-basket .maincontent { width: 825px; }

.layout-basket .maincontent-inside
{
	padding-left: 10px;
	padding-right: 0px;
}

.layout-basket .content-inside { width: 814px; }

.content-height
{
	float: left;
	height: 400px;
	width: 1px;
}

.content-left
{
	width: 272px;
	float: left;
}

.content-left-inside { margin-right: 10px; }

.content-right
{
	width: 272px;
	float: left;
}

.content-right-inside { margin-left: 10px; }

.bottomnavi
{
	width: 535px;
	margin-top: 20px;
	margin-left: 195px;
	padding: 20px 10px 10px 10px;
	text-align: left;
	font-size: 10px;
}

.element
{
	padding: 0;
	margin: 0;
}

.rightcol
{
	text-align: left;
	float: left;
	width: 200px;
	overflow: hidden;
}

.framebox
{
	float: none;
	clear: both;
	border-bottom: 1px solid #b2b2b2;
}

.element { padding: 0px 0px 8px 0px; }
.framebox-noline { border-bottom: none; }
.framebox-noline .element { padding-bottom: 0; }

.rightcol .framebox
{
	border: none;
	margin-bottom: 8px;
}

.rightcol .framebox-rightcol
{
	padding-bottom: 8px;
	margin-bottom: 0px;
}

.rightcol .framebox-noline
{
	border-bottom: none;
	margin-bottom: 0;
}

.rightcol .framebox .element { padding: 0 5px; }
.rightcol .framebox .element .element { padding: 0; }

.rightcol .framebox-simple
{
	/*	border: 1px solid #D1D2D3;*/
	margin-bottom: 8px;
}

.rootline a
{
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	line-height: 30px;
}

.topnavi a, .bottomnavi a
{
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	white-space: nowrap;
}

.topnavi a.warenkorb
{
	background: url(warenkorb.gif) 0 50% no-repeat;
	padding-left: 20px;
}

.rootline a:hover, .topnavi a:hover, .bottomnavi a:hover { color: #ff0000; }
.bottomnavi a.act { font-weight: bold; }

.menu
{
	width: 195px;
	text-align: left;
	float: left;
}

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

.menu a, .menu a.act
{
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	line-height: 130%;
	display: block;
	padding: 8px 4px 8px 21px;
	border-bottom: 1px solid #B2B2B2;
	background: url(navi_arrow_red.gif) transparent 5px 10px no-repeat;
}

.menu a:hover
{
	color: #000000;
	text-decoration: underline;
	background-color: #CDD9E1;
}

.menu a.act, .menu a.cur
{
	color: #000000;
	background-color: #E5E5E5;
}

.menu ul ul a, .menu ul ul a.act, .menu ul ul a.cur
{
	background-position: 16px 10px;
	padding-left: 32px;
}

.menu ul ul a { background: url(navi_arrow_grey.gif) transparent 16px 10px no-repeat; }
.menu ul ul a:hover { background: url(navi_arrow_red.gif) transparent 16px 10px no-repeat; }

.menu ul ul ul a, .menu ul ul ul a.act, .menu ul ul ul a.cur
{
	background-position: 22px 10px;
	padding-left: 37px;
}

.menu ul ul ul a { background-image: url(navi_arrow_grey.gif); }
.menu ul ul ul a:hover { background: url(navi_arrow_red.gif) transparent 22px 10px no-repeat; }

.menu ul ul ul ul a, .menu ul ul ul ul a.act, .menu ul ul ul ul a.cur
{
	background-image: url(navi_arrow_grey.gif);
	padding-left: 54px;
}

.menu ul ul ul ul a { background-position: 38px 10px; }
.menu ul ul ul ul a:hover { background: url(navi_arrow_red.gif) transparent 38px 10px no-repeat; }

.menu ul ul a.cur, .menu ul ul ul a.cur, .menu ul ul ul ul a.cur
{
	color: #ff0000;
	background-color: transparent;
}

.menu ul ul a.act, .menu ul ul ul a.act, .menu ul ul ul ul a.act
{
	color: #ff0000;
	background-color: transparent;
}

p.bodytext
{
	padding-top: 5px;
	padding-bottom: 5px;
}

td p.bodytext { font-size: 1em; }

div.element li a, p.bodytext a, p a, span.geshop-span a, ul.csc-menu li a
{
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
	padding-left: 15px;
	background: url(navi_arrow_red.gif) transparent 0px 2px no-repeat;
	display: inline-block;
}

div.element li a:hover, p.bodytext a:hover, p a:hover, span.geshop-span a:hover, ul.csc-menu li a:hover { text-decoration: underline; }

h3
{
	margin: 0;
	font-size: 14px;
	line-height: 115%;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #b2b2b2;
	padding-top: 7px;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

h4
{
	margin: 0;
	font-size: 12px;
	line-height: 115%;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #b2b2b2;
	padding-top: 7px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	/*	margin-bottom: 0px;*/
}

h4.header-noline
{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h5
{
	margin: 0;
	font-size: 14px;
	line-height: 115%;
	color: #000000;
	font-weight: bold;
}

h1 a, h2 a,h3 a,h4 a,h5 a { text-decoration: none; }
h4 a, h3 a { color: #000000; }
h1 a:hover, h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover { text-decoration: underline; }
table.contenttable { width: 100%; }
table.contenttable tr.tr-even { }
table.contenttable tr.tr-odd { }

.contenttable p, .contenttable-10 p
{
	margin: 0;
	padding: 0;
	text-align: left;
}

.contenttable p { padding-right: 10px; }
.contenttable td { vertical-align: top; }

.contenttable-10 .td-last p, .contenttable-10 .td-2 p, .contenttable-10 .td-3 p
{
	text-align: right;
	white-space: nowrap;
}

.contenttable-10 .td-last p { padding-right: 0px; }

/*****************/
/* Various Forms */
/*****************/
/* Email, Login and Search forms generally: */
.csc-mailform form { width: 100%; }
.csc-form-commentcell { padding-bottom: 10px; }
.csc-form-row { width: 100%; }

.csc-form-labelcell
{
	padding-right: 10px;
	font-size: 0.7em;
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 1px;
}

.csc-form-fieldcell { padding-bottom: 2px; }
.csc-form-fieldcell INPUT.input, .csc-form-fieldcell SELECT, .csc-form-fieldcell TEXTAREA { border: 1px solid #cccccc; }
.csc-form-fieldcell TEXTAREA { margin: 0; }
.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }

.csc-mailform p.error
{
	color: #cc0000;
	font-weight: bold;
}

/* Email form, specifically */
.csc-mailform INPUT.submit
{
	background-color: #ffffff;
	color: #333333;
	padding: 2px;
	font-size: 11px;
	border: 1px solid #cccccc;
}

/* Login form, specifically */
FORM .csc-loginform { width: 70%; }

.floatleft, .floatleft2
{
	clear: none;
	float: left;
	width: 317px;
	margin-right: 10px;
}

.floatleft2 { margin-right: 0px; }

.verlauf1
{
	background: url(verlauf1.jpg) 0% 1px repeat-x;
	margin-bottom: 10px;
}

.verlauf2
{
	background: url(verlauf2.jpg) 0% 1px repeat-x;
	margin-bottom: 10px;
}

.verlauf3
{
	background: url(verlauf3.jpg) 0% 1px repeat-x;
	margin-bottom: 10px;
}

.verlauf4
{
	background: url(verlauf4.jpg) 0% 1px repeat-x;
	margin-bottom: 10px;
}

.bottomline
{
	margin-bottom: 10px;
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 7px;
	float: none;
	clear: both;
}

.topline
{
	margin-top: 10px;
	border-top: 1px solid #b2b2b2;
	padding-top: 7px;
	float: none;
	clear: both;
}

/***********************************************************************************
*  Clear Float
************************************************************************************/

.clear
{
	height: 0;
	clear: both;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.hide, span.unsichtbar
{
	/*	visibility: none;*/
	display: none;
}

div.form-row p { font-size: 1em; }

ul.csc-menu
{
	margin: 0;
	padding: 0;
}

ul.csc-menu li
{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.form-main-login, div.form-main-forgot, div.form-main-usernew, div.form-main-useredit, div.form-main-passwd
{
	background: #E0E0E0;
	padding: 0 7px;
}

.rightcol h3 { font-size: 13px; }
.csc-textpic-caption { font-size: 11px; }

.rightcol .csc-header h3
{
	padding-left: 5px;
	padding-right: 5px;
}

dl.csc-menu
{
	margin: 0;
	padding: 0;
}

dl.csc-menu dt, dl.csc-menu dd
{
	list-style: none;
	padding: 0;
	margin: 0;
}

dl.csc-menu dt { margin-top: 8px; }

dl.csc-menu dd
{
	padding-left: 15px;
	margin-top: 4px;
}

dl.csc-menu dt a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	background: url(navi_arrow_grey.gif) transparent 0px 2px no-repeat;
}

dl.csc-menu dt a:hover { text-decoration: underline; }

div.printmenu
{
	margin-top: 20px;
	font-size: 11px;
}

div.printmenu a
{
	border: none;
	background: none;
	display: inline;
	padding: 0;
}

div.printmenu a:hover
{
	border: none;
	background: none;
}

div.printmenu a.help { margin-left: 22px; }

.maincontainer-print
{
	text-align: left;
	width: 570px;
}

.maincontainer-print .content-inside { width: 550px; }

.content-grey .csc-firstHeader, h3.header-grey
{
	background: #E0E1E1;
	padding-left: 10px;
}

.rightcol div.csc-header h3
{
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #D1D2D3;
}

.rightcol div.csc-header h3.header-grey
{
	background: #D1D2D3;
	border-bottom: 1px solid #d1d2d3;
}

p.bodytext a.download
{
	display: inline-block;
	background: url(icons/speichern.gif) 0px 3px no-repeat;
}

p.bodytext a.mail
{
	background: none;
	padding-left: 0;
}

dd.csc-textpic-caption { padding-bottom: 8px; }

div.csc-sitemap
{
	margin-left: 16px;
	margin-bottom: 16px;
}

div.csc-sitemap ul li a
{
	color: #000000;
	font-weight: normal;
	background: none;
	padding-left: 0;
}

div.csc-sitemap ul, div.csc-sitemap li
{
	padding: 0;
	margin: 0;
}

div.csc-sitemap li li { margin-left: 16px; }

div.csc-sitemap ul
{
	list-style: none;
	list-style-image: none;
}

h4.header-sitemap
{
	border: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

h4.header-sitemap a
{
	border: none;
	background: url(navi_arrow_grey.gif) 0 60% no-repeat;
	color: #000000;
	padding-left: 16px;
	text-decoration: none;
}

.header-style
{
	border: none;
	background: url(liststyle_rot.gif) 0 50% no-repeat;
	margin: 0;
	padding: 4px 0 4px 16px;
	font-size: 11px;
}

div.rightcol div.rightbox
{
	background: #E9E9E9;
	border: 1px solid #D1D2D3;
}

div.rightcol p.bodytext { padding-top: 0px; }
div.banner-item { padding: 5px 0; }
p.bodytext a img { border: 0; }

p.bodytext a.image-link
{
	padding: 0;
	background: none;
	background-image: none;
}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

ul.tx-gemailingwork-years
{
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
}

ul.tx-gemailingwork-years li
{
	padding-right: 10px;
	display: inline;
}

ul.tx-gemailingwork-years li a
{
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
	padding-left: 15px;
	background: url(navi_arrow_red.gif) transparent 0px 2px no-repeat;
	display: inline-block;
}

ul.tx-gemailingwork-years li a:hover { text-decoration: underline; }

ul.tx-gemailingwork-years li.active a
{
	font-weight: bold;
	color: #ff0000;
}

div.ge-indirectcontactpi1-item { margin-bottom: 12px; }

/***********************************************************************************
* Indexed Search
*
************************************************************************************/

div.tx-indexedsearch { }
div.tx-indexedsearch-res { }
div.tx-indexedsearch-res-item { }

div.tx-indexedsearch-res-item-inside
{
	padding: 10px 0px;
	background: url(line-gray-hor.gif) 0% 0% repeat-x;
}

div.tx-indexedsearch-res-item h3
{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div.tx-indexedsearch-browsebox ul.browsebox,div.tx-indexedsearch-browsebox li
{
	padding: 0;
	margin: 0;
}

div.tx-indexedsearch-browsebox li
{
	list-style: none;
	float: left;
	margin-right: 5px;
}

div.tx-indexedsearch-browsebox { padding-bottom: 10px; }

div.tx-indexedsearch-browsebox li a
{
	color: #000000;
	text-decoration: none;
}

div.tx-indexedsearch-browsebox li a:hover { text-decoration: underline; }

div.tx-indexedsearch-browsebox ul.browsebox
{
	clear: both;
	float: none;
	height: 20px;
}

div.tx-indexedsearch-header-title
{
	width: 300px;
	margin-top: 5px;
}

div.tx-indexedsearch-header-percent
{
	color: #999999;
	width: 35px;
	float: left;
	font-size: 12px;
	line-height: 110%;
}

div.tx-indexedsearch-header
{
	margin-bottom: 10px;
	position: relative;
}

div.tx-indexedsearch-descr
{
	position: relative;
	margin-top: 10px;
	clear: both;
	float: none;
	font-size: 12px;
	line-height: 140%;
}

div.tx-indexedsearch-form { float: left; }

div.tx-indexedsearch-searchbox label
{
	font-size: 12px;
	line-height: 24px;
	padding: 0;
	margin: 0;
	width: 100px;
	float: left;
}

div.tx-indexedsearch-searchbox
{
	padding: 10px;
	background: #ccc;
	margin-bottom: 10px;
}

div.tx-indexedsearch-searchbox p { font-size: 11px; }
div.tx-indexedsearch-search-submit { float: left; }
div.tx-indexedsearch-search-submit input { padding: 1px; }

div.tx-indexedsearch-secHead
{
	float: none;
	clear: both;
}

div.tx-indexedsearch-text-item-path
{
	width: 270px;
	line-height: 110%;
}

div.tx-indexedsearch-text-item-path a
{
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	line-height: 110%;
}

div.tx-indexedsearch-text-item-path a:hover { text-decoration: underline; }
strong.tx-indexedsearch-redMarkup { color: #D9002A; }
div.tx-indexedsearch-whatis { padding: 0; }

div.tx-indexedsearch-whatis,p.tx-indexedsearch-noresults,div.tx-indexedsearch-browsebox p
{
	font-size: 11px;
	margin: 0;
}

.tx-indexedsearch fieldset>div { padding: 2px 0; }
.tx-indexedsearch-searchbox-sword { width: 400px; }