/* 
	filename: /css/fuk_screen_gen.css
	version 1.1 - 2006-10-11 - mkr

	martin (dot) krause (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org

*/

html {
	font-size: 100%; /* for IE*/
	margin: 0;
	padding: 0;
}

html > body {
	font-size: 16px;	 /* for everyone else*/
}

/* here we go with a default em size of 1em => 16px */

body {
	/*default font settings*/
	font-family: Arial,Helvetica,sans-serif;
	background: #D5DBE3 url(/img/gen_body_bg.png) 23px 0 repeat-y;
	color: #03387A;
	margin: 0;
	padding: 0;
	margin: 20px 13px 0 23px;
}

/* this items should have the same font-size as their parents*/
input, select, th, td, li li, li p, td p, q p {
	font-size: 1em;
}

#parentlayer {/*ie*/
	margin: 0;
	padding:0;
	background: #fff url(/img/gen_stageleft_bg_208.png) bottom left repeat-y;
}

body > #parentlayer {/*everyone_else*/
	background: #fff url(/img/gen_stageleft_bg.png) bottom left repeat-y;
}

#stage {
	width: 100%;
	float: left;
	margin-right: -214px;
	background: url(/img/gen_right_shadow_right.jpg) top right repeat-y;
}

#stageleft {
	margin-right: 214px;

}

/* lef column*/
/*---------------------------------------------------------------------------*/
#left {
	width: 200px;
	float: left;
	background: #D5DBE3 url(/img/gen_body_bg.png) 0 0 repeat-y;
}

.equalspacer {
	margin: 0 0 0 0;
	padding: 6px 0 5px 0;
	width: auto;
	vertical-align: middle;
	font-size: 0.6875em;
	line-height: 100%;
	font-weight: bold;
	height: 1.25em;
	display: block;
	visibility: hidden;
}

#left #logo {
	margin: 0px 0 0 8px;
}

#left #logo img {
	border: none;
}

/* =navigation */
/*---------------------------------------------------------------------------*/

#left #navigation dfn {
	display: none;
}

#left #navigation {
	padding: 0;
	margin: 0px 0 0px 0;
	font-size: .75em;
	background: #D5DBE3 url(/img/gen_body_bg.png) 0 0 repeat-y;
}

#left #navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(/img/gen_nav_second_bg.png) 0 0 repeat-y; /* thats the trick for macIE;-) */
}

/* dividers / deco */
#left #navigation ul li .firstdivider {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: #000 url(/img/gen_nav_dividers.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	display: block;
}

* html #left #navigation ul li .firstdivider { /* for IE */
	margin: 0px 0 -1px 0; /* -1px needed for winIE */
}

#left #navigation ul li .seconddivider {
	height: 4px;
	font-size: 4px;
	line-height: 4px;
	background: #000 url(/img/gen_nav_dividers.png) 0 -1px no-repeat;
	margin: -1px 0 0 0; /* -1px needed for winIE */
	padding:0;
	display: block;
}

#left .dottedline {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: url(/img/gen_nav_dotted_line.png) bottom left no-repeat;
	margin: 0 0 0 0; 
	padding:0;
}

#left .top{
	margin: 9px 0 17px 0; 
}

#left .dottedlinebottom{
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	background: url(/img/gen_nav_dotted_line.png) bottom left no-repeat;
	margin: 0 0 0 0; 
	padding:0;
}

/* first item */
#left #navigation ul li { 
	margin: 0px;
	padding: 0px;
	display: inline; /*removes the ie/win gap caused by "a display: block" */
}

#left #navigation ul li a { /* class.first needed for opera < 7.6 ?! check again*/
	padding: 2px 25px 2px 32px;
	margin: 0;
	display: block;
	background: transparent url(/img/gen_nav_sliding.png) 0px -12px no-repeat;
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li a:link {
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li a:hover, #left #navigation ul li a.firsthover{ /* needed for navFocus */
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -212px no-repeat;
}

#left #navigation ul li a:active {
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -212px no-repeat;
}


/* first item - active aka with submenu items - all in one 'cause they're all the same*/
#left #navigation ul li span.firstactive, #left #navigation ul li a.firstactive, #left #navigation ul li a.firstactive:link, #left #navigation ul li a.firstactive:visited, #left #navigation ul li a.firstactive:hover, #left #navigation ul li a.firstactive:active { 
	padding: 2px 25px 2px 32px;
	margin: 0;
	display: block;
	color: #ffd11a;
	background: transparent url(/img/gen_nav_sliding.png) 0px -412px no-repeat;
	text-decoration: underline;

}

/* second item */
#left #navigation ul li ul li a { 
	padding: 2px 25px 2px 47px;
	margin: 0;
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url(/img/gen_nav_sliding.png) 0px -612px no-repeat;
}

#left #navigation ul li ul li a:link { 
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li ul li a:visited{ 
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li ul li a:hover { 
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -812px no-repeat;
}

#left #navigation ul li ul li a:active { 
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -812px no-repeat;
}

/* second item - state: active - all in one 'cause they're all the same*/
#left #navigation ul li ul li span.secondactive , #left #navigation ul li ul li a.secondactive, #left #navigation ul li ul li a.secondactive:link, #left #navigation ul li ul li a.secondactive:visited, #left #navigation ul li ul li a.secondactive:hover, #left #navigation ul li ul li a.secondactive:active { 
	padding: 2px 25px 2px 47px;
	margin: 0;
	display: block;
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -812px no-repeat;

}

/* third item */
#left #navigation ul li ul li ul li a { 
	padding: 2px 25px 2px 61px;
	margin: 0;
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url(/img/gen_nav_sliding.png) 0px -1012px no-repeat;
}

#left #navigation ul li ul li ul li a:link { 
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li ul li ul li a:visited { 
	color: #fff;
	text-decoration: none;
}

#left #navigation ul li ul li ul li a:hover { 
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -1212px no-repeat;
}

#left #navigation ul li ul li ul li a:active { 
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -1212px no-repeat;
}


/* third item - state: active - all in one 'cause they're all the same */
#left #navigation ul li ul li ul li span.thirdactive, #left #navigation ul li ul li ul li a.thirdactive, #left #navigation ul li ul li ul li a.thirdactive:link, #left #navigation ul li ul li ul li a.thirdactive:visited, #left #navigation ul li ul li ul li a.thirdactive:hover, #left #navigation ul li ul li ul li a.thirdactive:active { 
	padding: 2px 25px 2px 61px;
	margin: 0;
	display: block;
	color: #ffd11a;
	text-decoration: underline;
	background: transparent url(/img/gen_nav_sliding.png) 0px -1212px no-repeat;
}

/* middle column - main content */
/*---------------------------------------------------------------------------*/
#middle {
	margin-left: 205px;
	background: #fff;
	height: auto;
	background: #fff url(/img/gen_content_top_line.png) 1px 1px no-repeat;
	overflow: visible;
}



#middle #breadcrumb,
#middle #content
{
	position: relative;
	z-index:3;
}

#middle #metanavigation{
	position: relative;
	z-index:4;
}

/* =metanavigation */
/*---------------------------------------------------------------------------*/
#middle #metanavigation {
	margin: 3px 0 0 0;
	padding: 3px 0 5px 0;
	float: right;
	width: auto;
	vertical-align: middle;
	font-size: 0.6875em;
	line-height: 100%;
	height: 1.25em;
	background: #fff ! important;
}

#middle #metanavigation ul {
	margin: 0 16px 3px 0; 
	padding: 0;
	list-style: none;
}

#middle #metanavigation li {
	margin: 0 0 0 19px;
	padding: 0;
	display: inline;
}

#middle #metanavigation li a {
	color: #E2091B;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 16px;
	background: #fff url(/img/gen_content_link.png) 0 40% no-repeat;
}

#middle #metanavigation li a:link {
	color: #E2091B;
	text-decoration: none;
}

#middle #metanavigation li a:visited {
	color: #E2091B;
	text-decoration: none;
}

#middle #metanavigation li a:hover, #middle #metanavigation li a.active { /* .active needed for navFocus*/
	color: #03387A;
	text-decoration: underline;
}

#middle #metanavigation li a:active {
	color: #03387A;
	text-decoration: underline;
}

#middle #metanavigation li.active {
	color: #03387A;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 16px;
	background: transparent url(/img/gen_content_link_hover.png) 0 40% no-repeat;
}

#middle #metanavigation li dfn {
	display: none;
}


/* =visual */
/*---------------------------------------------------------------------------*/
#middle #visual {
	clear: right;
	margin: 0 16px;
/*	background: transparent url(/img/gen_visual_bg.png) 0 0 repeat-x;*/ /* repeating background blue/red*/
/*	background: transparent url(/img/gen_visual_schlaueche.png) 0 0 no-repeat;*/ /* current backgroun, used together with the "transparent cut out logo" */
	height: 124px;
	width: auto;
}

#middle #visual #visualdeko {
	height: 124px;
	width: auto;
}

#middle #visual p {
	display: none;
}

/* =breadcrumbtrail */
/*---------------------------------------------------------------------------*/
#middle #breadcrumb {
	margin: 0 25px 30px 25px;
	padding:0;
	font-size: .6825em;
	line-height: 180%;
}

#middle #breadcrumb #breadcrumbhead {
	margin: 0;
	padding:0;
	float: left;
}

#middle #breadcrumb #breadcrumbtrail {
	margin: 0 0 0 6em;
	padding: 0;
}

#middle #breadcrumb #breadcrumbhead p , #middle #breadcrumb #breadcrumbtrail p {
	margin: 0;
	padding: 0;
}

body#home #middle #breadcrumb {
	background: transparent url(/img/gen_breadcrumb_bg.png) 281px 0 no-repeat;
}

* html body#home #middle #breadcrumb {
	height: 1%;
}

#middle #breadcrumb #breadcrumbtrail span {
	margin: 0 0 0 5px;
}

#middle #breadcrumb a {
	color: #03387A;
	text-decoration: underline;
	margin: 0 10px 0 0;
}

#middle #breadcrumb a:link {
	color: #03387A;
	text-decoration: underline;
}

#middle #breadcrumb a:visited {
	color: #03387A;
	text-decoration: underline;
}

#middle #breadcrumb a:hover, #middle #breadcrumb a.active { /* .active needed for navFocus*/
	color: #03387A;
	text-decoration: none;
}

#middle #breadcrumb a:active {
	color: #03387A;
	text-decoration: none;
}

/* =content */
#middle #content {
	margin: 0px 25px 0 25px; /*startseite oben: 50px*/
	padding: 0 0 25px 0;
	background: #fff;
	font-size: 0.75em;
	line-height: 140%;
}

/* =content =typography */
/*-----------------------------------------------------------------------------*/
#middle #content h1 {
	color: #03387A;
	font-size: 1.3em;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
}

#middle #content h2 {
	color: #e2091b;
	font-size: 1em;
	line-height: 150%;
	font-weight: bold;
	margin: 20px 0 5px 0;
	padding: 0;
}

#middle #content h3 {
	color: #03387A;
	font-size: 1em;
	line-height: 150%;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}

#middle #content p {
	color: #03387A;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 150%;
}


#middle #content a:link {
	font-weight: bold;
	color: #e2091B;
	text-decoration: underline;
}

#middle #content a:visited {
	font-weight: bold;
	color: #e2091B;
	text-decoration: underline;
}

#middle #content a:hover, #middle #content a.active { /* .active needed for navFocus*/
	font-weight: bold;
	color: #03387A;
	text-decoration: underline;
	background-color: #FED018;
}

#middle #content a:active {
	font-weight: bold;
	color: #03387A;
	text-decoration: underline;
	background-color: #FED018;
}

#middle #content ul li {
	margin-bottom: 5px;
}

#middle #content address {
	font-style: normal;
	margin: 5px 10px 15px 10px;
}

#middle #content q {
	padding: 0;
	display: block;
	margin: 5px 20px 20px 20px;
}

#middle #content > q { /*italic crashes ie win*/
	font-style: italic;
}

#middle #content a.readoncontent, #middle #content a.readoncontentactive {
	color: #e2091b;
	margin: 0 0 0 19px;
	padding: 0 0 0 15px;
	background: transparent url(/img/gen_content_link.png) 0 60% no-repeat;
}

#middle #content a.readoncontent:link {
	color: #e2091b;
}

#middle #content a.readoncontent:visited {
	color: #e2091b;
}

#middle #content a.readoncontent:hover {
	color: #e2091b;
	text-decoration: none;
}

#middle #content a.readoncontent:active, #middle #content a.readoncontentactive { 
	color: #e2091b;
	text-decoration: none;
}


/* =content =order =warenkorb */
/*-----------------------------------------------------------------------------*/

#middle #content ul.order {
	margin: 0 0 0 0 ! important;	
	padding: 0 ! important;
	list-style: none;
	line-height: 100%;
	height: 100%;

}



#middle #content ul.order li.odd {
	border-top: 1px solid #BFCBDB; 
	border-bottom: 1px solid #BFCBDB; 
	background: #E2E8F0; 
	padding: 5px 2px;
	vertical-align: middle;
}

#middle #content ul.order li.even {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 0px 2px;
	vertical-align: middle;
	background: #fff;
}

#middle #content ul.order li.last {

}

#middle #content ul.order li a {
	color: #03387a;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}

#middle #content ul.order li a:link {
	color: #03387a;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}

#middle #content ul.order li a:visited {
	color: #03387a;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
}

#middle #content ul.order li a:hover, #middle #content ul.order li a.active { /* .active needed for navFocus */
	color: #03387a;
	font-weight: normal;
	text-decoration: underline ! important;
/*	background: #FED018;*/
}

#middle #content ul.order li a:active {
	color: #03387a;
	font-weight: normal;
	text-decoration: underline ! important;
/*	background: #FED018;*/
}

#middle #content img.addcart {
	border: none;
	margin: 0 5px 0 0;
}
/* =content =cart =warenkorb =form =bestellformular*/
#middle #content .buttonOrder {
	margin: 0 20px 0 0;
}

.basketerror {
	color:red;
	font-weight: bold;
}

#middle #content .formcart {/*ie*/
	width: 3em;;
	height: 1.2em;
	padding-left: 4px;
	margin-right: 3px;
}
#middle #content > li .formcart {/*everyone else*/
	padding-top: 2px;
	height: 1.2em;
	margin-right: 4px;
}

/* =content =kontakformular =contact */
/*-----------------------------------------------------------------------------*/

input, select, textarea {
color: #03387A;
}

fieldset { /*for ie*/
	border: none;
	margin: 10px 0 0 0;
	padding:0;
}

#middle #content > #formKontakt fieldset { /*for everyone else */
	border: none;
	margin: 20px 0 0 0;
	padding:0;
}


ledgend {
	border: none;
	margin:0;
	padding:0;
}

#middle #content .formstandart {/*ie*/
	width: 15em;;
	height: 1.2em;
	padding-left: 4px;
}
#middle #content > #formKontakt .formstandart { /*everyone else*/
	padding-top: 2px;
	height: 1.2em;
}

#middle #content .formcountry {
	width: 15.75em;
}

#middle #content .formplz {/*ie*/
	width: 3em;;
	height: 1.2em;
	padding-left: 4px;
	margin-right: 3px;
}
#middle #content > #formKontakt .formplz {/*everyone else*/
	padding-top: 2px;
	height: 1.2em;
	margin-right: 4px;
}

#middle #content .formort {/*ie*/
	width: 11em;;
	height: 1.2em;
	padding-left: 4px;
	margin-right: 4px;
}
#middle #content > #formKontakt .formort {/*everyone else*/
	padding-top: 2px;
	height: 1.2em;
}


#middle #content textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	width: 23.5em;
}

#middle #content textarea:focus, #middle #content input[type=text]:focus, #middle #content select:focus {
	background: #FFFF99;
	border: 2px solid #f00;
}

#middle #content .formsubmit {
	border: 1px solid #7F9DB9;
	background: #DEE5EE;
}



#middle #content .tr {
	clear: left;
	margin: 4px 0;
}
#middle #content p.td {
	width: 8em;
}
#middle #content .td {
	float: left;
}
#middle #content span.tr {
	clear: left;
	display: block;
	margin: 0;
	padding:0;
}

#middle #content span.tdaddress {
	float: left;
	width: 4em;
}

br.space10px {
	font-size: 5px;
	line-height: 5px;
	height: 5px;
}

/* =content =formular =cart =bestellformular*/
/*-----------------------------------------------------------------------------*/

#middle #content .formstandart {/*ie*/
	width: 15em;;
	height: 1.2em;
	padding-left: 4px;
}
#middle #content > #formOrder .formstandart { /*everyone else*/
	padding-top: 2px;
	height: 1.2em;
}

#middle #content .formcountry {
	width: 15.75em;
}

#middle #content .formplz {/*ie*/
	width: 3em;;
	height: 1.2em;
	padding-left: 4px;
	margin-right: 3px;
}
#middle #content > #formOrder .formplz {/*everyone else*/
	padding-top: 2px;
	height: 1.2em;
	margin-right: 4px;
}

#middle #content .formort {/*ie*/
	width: 11em;;
	height: 1.2em;
	padding-left: 4px;
	margin-right: 4px;
}
#middle #content > #formOrder .formort {/*everyone else*/
	padding-top: 2px;
	height: 1.2em;
}

#middle #content table.area {/*everyone else*/
	text-align:left;
	width: auto;
}

#middle #content table.area th {/*everyone else*/
	text-align: left;
	width: 50%
}


#middle #content table.contenttable {
	text-align: left;
	width: auto;
	margin: 0 0 15px 0; 
	padding:0;
	border: none;
}

#middle #content table.contenttable th {
	text-align: left;
	width: 50%;
	margin:0; 
	padding: 5px 15px 0 0;
	border-bottom: 1px solid #ccc;
}

#middle #content table.contenttable tr {
	margin:0; 
	padding:0;
}

#middle #content table.contenttable td {
	vertical-align: top;
	margin:0; 
	padding:5px 0;
	border-bottom: 1px solid #ccc;
}

#middle #content table.contenttable p {
	margin:0; 
	padding:0;
}

/* hdo 01.11.05 ol list format for -vorstand- */ 
.abcde { 
	list-style-type: lower-alpha; 
} 


#middle #content ol {
}

#middle #content ol ol {
	margin-left: 15px;
	padding-left: 15px;
}


/* =content =text mit bild =bild */
/*---------------------------------------------------------------------------*/
#middle #content .csi-imagewrap dt {
	float: right;
	margin: 0 0 10px 15px;
}

/*clear*/
.csi-imagewrap dt:after {
	content: "."; 
	display: block; 
	height: 0 ;
	clear: right; 
	visibility: hidden;
}
/*macIE fix*/
.csi-imagewrap dt {display: inline;}
/*.csi-imagewrap dt {display: inline-table;}*/ /*afaik valid but fails validation */

/* Hides from macIE \*/
* html .csi-imagewrap dt {height: 1%;}
.csi-imagewrap dt {display: block;}
/* End hide from macIE */

/* =fuknews =fuknews */
/*---------------------------------------------------------------------------*/
#middle #content .fuknewscaption {
	border: 1px solid rgb(3, 56, 122); 
	background: rgb(222, 229, 238) none repeat scroll 0%; 
	width: 100px;
}

#middle #content .fuknewscaption img {
	border-bottom: 1px solid rgb(3, 56, 122);
}

#middle #content .fuknewscaption p {
	padding: 10px 0 0 19px; 
	margin: 0 0 5px 2px;
	background: transparent url(/img/gen_icon_pdf.gif) no-repeat scroll 0pt 30%;
	height: auto;
	font-size: .9em; 
	font-weight: bold;
	width: 80px; 
	line-height: 130%;
}

#middle #content .fuknewscaption a, #middle #content .fuknewscaption a:link, #middle #content .fuknewscaption a:visited{
	text-decoration: none;
}

#middle #content .fuknewscaption a:hover, #middle #content .fuknewscaption a:active {
	text-decoration: underline;
}


/* =sitemap */
/*---------------------------------------------------------------------------*/

#middle #content ul.sitemap, #middle #content ul.sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#middle #content ul.sitemap li {
	margin: 5px 0 0 10px;
	padding: 0 0 0 10px;
	display: block;
}

#middle #content ul.sitemap li a{
	background: url(/img/gen_content_link.png) 0 40% no-repeat;
	padding: 0 0 0 16px;
}

/* =right column a.k.a. sidebar */
/*---------------------------------------------------------------------------*/
#right {
	margin: 0;
	padding: 0;
	width: 214px;
	float: right;
	background: #fff url(/img/gen_right_shadow_right.jpg) top right repeat-y;
	position: relative;
	z-index: 1;
}
/* some deko stuff, shadwos etc.*/
#right #rightheader {
	margin: 0;
	padding: 0;
	background: transparent url(/img/gen_right_header.jpg) top right no-repeat;
}

/* right content area */
/*---------------------------------------------------------------------------*/
#right #sidebar {
	background: transparent url(/img/gen_right_header_divider.gif) top left no-repeat;
	/*border-top: 1px solid #BFCBDB;*/
	padding:5px 12px 20px 0;

}

/* rankings have different padding/margin and headlines */
#right #sidebar .rankingelement {
	border-bottom: 1px solid #BFCBDB; /* divider */
	padding: 0 0 4px 0;
}

* html #right #sidebar .rankingelement {
	height: 1%;
}

#right #sidebar .rankingelement h2 { /*everyone else */
	color: #e2091b;
	font-size: .75em;
	line-height: 1.2em;
	margin:0 0 2px 33px;
	padding: 2px 0;
}

* html #right #sidebar .rankingelement h2 { /* ie */
	margin:0 0 0 31px;
}


/* ordered list used for rankins  */
#right #sidebar ol {
	list-style-position: inside;
	color: #fff;
	font-size: .75em;
	margin: 0;
	padding:0;
}

#right #sidebar ol li {
	margin: 0 0 0 1px;
	padding: 3px 5px 3px 8px;
	background: transparent url(/img/gen_right_ranking_li_bg.png) top right repeat-y;
	border-bottom: 1px solid #fff;
}

#right #sidebar ol li img {
	margin: 0 4px 0 1px;
	vertical-align: -1px;
	border: none;
}

#right #sidebar ol li a {
	/*padding: 0 0 0 7px;*/
	padding: 0 0 0 0;
	color: #00416B;
	text-decoration: none;
}

#right #sidebar ol li a:link {
	color: #00416B;
	text-decoration: none;
}

#right #sidebar ol li a:visited {
	color: #00416B;
	text-decoration: none;
}

#right #sidebar ol li a:hover, #right #sidebar ol li a.active { /* .active needed for navFocus*/
	color: #00416B;
	text-decoration: underline;
}

#right #sidebar ol li a:active {
	color: #00416B;
	text-decoration: underline;
}

/* =shopping =cart =warenkorb*/

#right #sidebar #cart h2 {
	border: none; 
	background: transparent url(/img/gen_icon_cart.gif) 0 0 no-repeat; 
	padding: 0 0 0 20px; 
	color: #03387A;
}

#right #sidebar #cart p {
	margin: 10px 0px;
}

#right #sidebar #cart span.orders {
	line-height: 25px;
	font-weight: bold;
}

/* basic elements: red headline, blue marker */
#right #sidebar .basicelement {
/*border-bottom: 1px solid #fff; divider */
	padding: 4px 12px;
}

#right #sidebar .basicelement h2 { 
	color: #e2091b;
	font-size: .75em;
	line-height: 100%;
	border-left: 6px solid #03387A; 
/*	background: transparent url(/img/gen_sidebar_h2_blue_marker.gif) 0 100% repeat-y;*/
	margin: 15px 0 10px 0;
	padding: 10px 0 0 8px;
}

#right #sidebar .basicelement p { 
	font-size: .75em;
	line-height: 140%;
	margin: 0;
	padding: 0;
}

/* =toolbox, =search, =change =fontsize*/
/*---------------------------------------------------------------------------*/
#right #sidebar #toolbox a, #right #sidebar #toolbox a:link, #right #sidebar #toolbox a:visited, #right #sidebar #toolbox a:hover, #right #sidebar #toolbox a:active {
	color: #03387A;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding:0;
	border-bottom: 1px solid #fff;
}

#right #sidebar #toolbox a:hover, #right #sidebar #toolbox a:active, #right #sidebar #toolbox a.active { /* .active needed for navFocus*/
	color: #e2091b;
	text-decoration: none;
	margin: 0 0 0 5px;
	padding:0;
	border-bottom: 1px solid #e2091b;
}

#right #sidebar #toolbox .smaller { 
	font-size: .8em;
}
#right #sidebar #toolbox .smaller span { 
	vertical-align: .35em;
	font-size: 1.2em;
}

#right #sidebar #toolbox .default { 
	font-size: 1em;
}

#right #sidebar #toolbox .bigger { 
	font-size: 1.25em;
}

#right #sidebar #toolbox .bigger span { 
	vertical-align: .35em;
	font-size: .9em;
}

#right #sidebar #toolbox form {
	margin: 0 0 4px 0;
}

#right #sidebar #toolbox a span {
	display: inline ! important;
}

/*faking the borders: div.wrapper (darkborder) wrapes around the input (white border)*/
/*----------------------------------------------------------------------------*/
#right #sidebar #toolbox div.inputwrapper { /*ie*/
	border: 1px solid #BFCBDB;
	float:left;
	display:block;
}

#right #sidebar #toolbox fieldset > div.inputwrapper {/*everyone else*/

}

#right #sidebar #toolbox .forminputright {/*ie*/
	margin-top: -1px; /* ie */
	margin-bottom: -1px; /* ie */
	padding-left: 8px;
	font-size: .75em;
	background: #E2E8F0;
	border: 1px solid #fff;

}
#right #sidebar > #toolbox .forminputright { /*everyone else*/
	padding-top: 4px;
	margin:0;
}


#right #sidebar #toolbox  .formsubmitright {/*ie*/
	padding-left: 3px;
	padding-right: 3px;
	font-size: .75em;
	margin-left: 5px;
}

#right #sidebar > #toolbox .formsubmitright { /*everyone else*/
	padding-top: 1px;
	padding-bottom: 2px;
}

/* if a basicelement needs a divider, add class "divider" */
#right #sidebar .divider {
	border-bottom: 1px solid #BFCBDB; /* divider */
}

#right #sidebar #toolbox input[type=text]:focus {
	background: #FFFF99;

}

/* =footer, faking the columns*/
/*---------------------------------------------------------------------------*/
#footer { /* IE */
	clear: both;
	min-height: 40px;
	height: auto;
	margin: 0 0 0 208px; /* IE */
	background: #fff url(/img/gen_footer_fake_table.gif) bottom right;

}

#footer #cornerleft { 
	margin:0;
	padding: 0;
	background: transparent url(/img/gen_middle_shadow_cornerleft.jpg) bottom left no-repeat;
}

#parentlayer > #footer { /*everyone else */
	margin: 0 0 0 205px;
}

#footer #footerline {
	margin: 0 12px 0 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: transparent url(/img/gen_footer_fake_line.gif) top right no-repeat;
}

#footer #footermeta {
	padding: 0;
	margin: 0 214px 0 0;
	background: transparent url(/img/gen_footer_red_line.png) 0 0 no-repeat;
	height: 1.5em;
	vertical-align: bottom;
}

#footer #footermeta ul {
	margin: 0 ;
	padding: 0 0 0 25px;
	float: left;
}

#footer #footermeta ul li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
}

#footer #footermeta ul li a {
	margin: 0 25px 0 0;
	padding: 0 0 0 15px;
	background: #fff url(/img/gen_content_link.png) 0 60% no-repeat;
	font-size: 0.625em;
	line-height: 150%;
	color: #03387A;
	text-decoration: none;
}

#footer #footermeta ul li a:link {
	color: #03387A;
	text-decoration: none;
}

#footer #footermeta ul li a:visited {
	color: #03387A;
	text-decoration: none;
}

#footer #footermeta ul li a:hover, #footer #footermeta ul li a.active { /* .active needed for navFocus*/
	color: #03387A;
	text-decoration: underline;
}

#footer #footermeta ul li a:active {
	color: #03387A;
	text-decoration: underline;
}

#footer #footermeta ul li.active {
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	background: #fff url(/img/gen_content_link_hover.png) 0 60% no-repeat;
	font-size: 0.6875em;
	line-height: 150%;
	color: #03387A;
	text-decoration: none;
}

#footer #footermeta ul li dfn { 
	display: none;
}

#footer #footercopy { /* for everyone else */
	float: right;
	background: #fff;
	margin: 4px 20px 0 0;
	padding:0 0 0 25px;
	font-size: 0.625em;
	line-height: 150%;
}

* html #footer p#footercopy  { /* for IE */
	margin: 4px 10px 0 0;
}


#footer #footercopy a {
	color: #03387A;
	text-decoration: none;
}

#footer #footercopy a:link {
	color: #03387A;
	text-decoration: none;
}

#footer #footercopy a:visited {
	color: #03387A;
	text-decoration: none;
}

#footer #footercopy a:hover, #footer #footercopy a.active { /* .active needed for navFocus*/
	color: #03387A;
	text-decoration: none;
}

#footer #footercopy a:active {
	color: #03387A;
	text-decoration: none;
}

#footer #footerw3c {
	clear: both;
	padding: 4px 0;
	margin: 0 0 0 0;
	padding: 5px 25px 0 25px;
	float: left;
}

#footer #footerw3c a img {
	border: none;
}

#footer #footerbacktotop {

	padding: 4px 30px 4px 0;
}

#footer #footerbacktotop p {
	margin:0;
	padding:0;
}

#footer #footerbacktotop a {
	float: right;
	font-size: .6875em;
	color: #03387A;
	margin:0;
	padding: 0 0 0 15px;
	background: #fff url(/img/gen_right_backtotop_bg.gif) 0 50% no-repeat;
	text-decoration: none;
}

#footer #footerbacktotop a:link, #footer #footerbacktotop a:visited, #footer #footerbacktotop a:hover, #footer #footerbacktotop a:active {
	color: #03387A;
	text-decoration: none;
}

#footerend {
	margin: 0;
	padding: 0;
	line-height: 15px;
	height: 15px;
	font-size: 15px;
}

/* print elements */
/*-----------------------------------------------------------------------------*/

#printheader {
	display: none ! important;
}

/* nocss elements */
/*-----------------------------------------------------------------------------*/

#nocss {
	display: none ! important;
}


/* =schaubild  =gesetzliche =unfallversicherung */
#middle #content ul.arrow, #middle #content ul.arrow ul {
	list-style: none ! important;
	margin: 0 ;
	padding: 0;
	display: block ! important; /* fix IE */
}

#middle #content ul.arrow li {
	margin:0;
	padding:0;
	height: 100%;
	display: block; /* fix IE */
}
#middle #content ul.arrow li li span {
	background: transparent url(/img/gen_content_pfeil_grau.gif) bottom left no-repeat; 
	margin: 0 0 0 10px;
	padding: 5px 0 0 28px;
	height: 100%;
	display: block;
}

#middle #content ul.arrow ul.second li span {
	background: transparent url(/img/gen_content_pfeil_grau.gif) bottom left no-repeat; 
	margin: 0 0 0 22px;
	padding: 5px 0 0 28px;
	height: 100%;
	display: block;
}

#middle #content ul.arrow ul.third li span {
	background: transparent url(/img/gen_content_pfeil_grau.gif) bottom left no-repeat; 
	margin: 0 0 0 34px;
	padding: 5px 0 0 28px;
	height: 100%;
	display: block;
}

#middle #content ul.arrow li.nobg {
	background: none ! important;
}
#middle #content ul.arrow li span.dark {
	background: transparent url(/img/gen_content_pfeil_schwarz.gif) bottom left no-repeat ! important; 
}

/* misc styles */
/*-----------------------------------------------------------------------------*/

/* red link, blue square in front of it*/
a.readon {
	color: #e2091b;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: transparent url(/img/gen_content_link.png) 0 60% no-repeat;
}

a.readon:link {
	color: #e2091b;
}

a.readon:visited {
	color: #e2091b;
}

a.readon:hover, a.readonactive { /* .active needed for navFocus*/
	color: #03387A ! important;
	text-decoration: none ! important;
	margin: 0 0 0 10px ! important;
	padding: 0 0 0 15px ! important;	
	background: transparent url(/img/gen_content_link.png) 0 60% no-repeat ! important;
}

a.readon:active {
	color: #e2091b;
	text-decoration: none;
}


a.readon {
	color: #e2091b;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: transparent url(/img/gen_content_link.png) 0 60% no-repeat;
}

a img {
	border: none ! important;
}

a span {
	display: none;
}

span.searchword {
	font-weight: bold;
	color: #03387A;
	background-color: #FED018;
}

.pdf {
	background: transparent url(/img/gen_icon_pdf.gif) 0 0 no-repeat ! important;
	padding-left: 20px;
	vertical-align: 4px;
	padding-bottom:2px;
	margin-top: 2px;
}

.addtocart {
	background: transparent url(/img/gen_icon_add_to_card.gif) 0 0 no-repeat ! important;
	padding-left: 30px;
}

/* remove default quotes */
q:before, q:after {
	content:""; 
}

.last {
	margin-bottom: 0;
}

.floatleft {
	float: left;
	margin: 0 20px 0px 0;
}

.floatright {
	float: right;
	margin: 0 0px 0px 20px;
}

.clearleft {
	height: 0;
	line-height : 0px;
	font-size: 0;
	clear: left;
}

.clearright {
	height: 0;
	line-height : 0px;
	font-size: 0;
	clear: right;
	display: block;
}

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

.spacer {
	height: 0;
	line-height : 0px;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.skip {
	display: none;
}

acronym, abbr, #middle #content dfn {
	border-bottom: 1px dotted #f00;
	cursor: help;
	font-style: normal;
}

/*Fix for winIE, backslash hides this from macIE\*/
* html left { height: 1%;}
* html #left #navigation ul { height: 1%;}
* html #left #navigation { height: 1%;;}
* html #middle { height: 1%;}
* html #middle #content { height: 1%;}
* html #right { height: 1%;}
* html #footer { height: 1%;}
/*end peekaboo fix*/
.italic {
	font-style:italic;
}