/*div { border:1px solid red; }*/
/*div div { border:1px solid green; }*/
/*div div div { border:1px solid blue; }*/


* {
	font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}

body {
	margin: 0;
	padding: 0;
	border-top: 5px solid #666;
}

a {
	color: #089;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	clear: both;
}


div#column-left {
	position: absolute;
	left: 30px;
	top: 50px;
	width: 200px;
}

div#column-middle {
	position: absolute;
	left: 230px;
	top: 50px;
	width: 600px;
}

div#column-right {
	position: absolute;
	left: 830px;
	top: 50px;
	width: 200px;

	z-index:-1;
}

* > div#column-right {
	z-index:0;
}


div#content {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	/*padding: 10px 40px;*/
	/*min-height: 1024px;*/
	height:1024px;

	/*width:600px;*/																		/* Wurde extra für IE6 hinzugefügt */
	/*margin:0px;*/																				/* Wurde extra für IE6 hinzugefügt */
	/*padding:0px;*/																			/* Wurde extra für IE6 hinzugefügt */
	/*padding-left:10px;*/
	/*padding-top:10px;*/
	/*background-color:#E6EBEC;*/
}


/* Kopf links oben mit Logo und Bild */

ul.header {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

ul.header li {
	margin: 0;
	padding: 0;
}

ul.header li em,
ul.header li strong {
	display: block;
	margin: 10px;
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	color: #777;
}

ul.header li strong {
	color: #00A5B8;
}

ul.header img {
	-margin-bottom: -5px; /* fehlerhafter Abstand */
}


/* Menü links */

ul.menu-left {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu-left li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

ul.menu-left li.open {
	border-bottom: 0;
}

ul.menu-left li a {
	display: block;
	padding: 3px 8px 2px 0;
	color: #000;
	text-decoration: none;
}

ul.menu-left li a:hover {
	text-decoration: none;
	background-color: #eee;
}

ul.menu-left li.open a,
ul.menu-left li.open a:hover {
	background-color: #BEBEBE;
	padding-left: 5px;
}

ul.menu-left li.current a,
ul.menu-left li.current a:hover {
	background-color: #666;
	color: #fff;
}

/* zweite Ebene */

ul.menu-left li ul {
	border-top: 1px solid #666;
}

ul.menu-left li ul li {
	border-bottom: 1px solid #666;
}

ul.menu-left li.open ul li a {
	color: #000;
	background-color: #D6D6D6;
	padding-left: 5px;
}

ul.menu-left li.open ul li a:hover {
	background-color: #BEBEBE;
}

ul.menu-left li.open ul li.current a,
ul.menu-left li.open ul li.current a:hover {
	background-color: #666;
	color: #fff;
}

ul.sub-menu-left {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.sub-menu-left li ul {
	border-top: 1px solid #666;
}

ul.sub-menu-left li a {
	padding-left: 10px;
	color: #808080
}


/* Menü oben II - Aufgebaut als Tabelle da der Browser (IE7), */
/* CSS Befehle wie table-row udn table-cell nicht versteht */

table.menu-top {
	clear: both;
	list-style-type: none;
	display: table-row;						// Die Zeile wird vom "Internet Explorer 7" nicht interpretiert !!!
	margin: 0;
	padding: 0;
	width: 600px;
}

table.menu-top td {
	-float: left;
	display: table-cell;					// Die Zeile wird vom "Internet Explorer 7" nicht interpretiert !!!
	margin: 0;
	padding: 0;
	-width: 97px;
	border-right: 1px solid #fff;
}

table.menu-top td a {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	height: 30px;
	background-color: #ddd;
	border-bottom: 5px solid #fff;
	padding: 2px 1px 2px 4px;
}

table.menu-top td a:hover {
	text-decoration: none;
	background-color: #ccc;
}

table.menu-top td.current a {
	border-bottom: 5px solid #666;
}

table.menu-top td.current a:hover {
	background-color: #ccc;
}

/* Submenu - Start */
table.menu-top td.submenu-top {
	line-height:0;
}
table.menu-top td.submenu-top div {
	margin: 0;
	padding: 0;
	/*border:1px solid #000;*/
	background-color:#fff;
	position:absolute;
	visibility:hidden;
	width:165px;
	z-index:10;
}

table.menu-top td.submenu-top ul {
	margin: 0;
	padding: 0;
	font-size:0;
	list-style-type: none;
}

table.menu-top td.submenu-top ul li {
	margin: 0;
	padding: 0;
	font-size:0;
}

table.menu-top td.submenu-top ul li a {
	color: #000;
	display: block;
	font-size: 11px;
	text-transform: none;
	text-decoration: none;
	background-color: #ddd;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #fff;
}

table.menu-top td.submenu-top ul li a:hover {
	background-color: #ccc;
}
/* Submenu - Ende */

/* Kopfbalken mit aktuellem Pfad */

ul.menu-path {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 28px 20px 20px 40px;
	background-color: #666;
}

ul.menu-path li {
	display: inline;
	line-height: 16px;
	margin: 0;
	padding: 3px 3px 0 0;
	color: #fff;
	font-size: 12px;
}

ul.menu-path li.first-child {
padding:0;
margin:0;
	padding-top: 0;
	font-size: 20px;
}

ul.menu-path li a {
	color: #fff;
	font-size: 12px;
}

ul.menu-path li.current a {
	font-weight: bold;
}

ul.menu-path li.first-child a {
	font-weight: normal;
	font-size: 20px;
}


/* Suchformular */

form.search {
	display: block;
	margin: 40px 0 45px 10px;
}

form.search input.query {
	background-color: #fff;
	border: 1px solid #7EC4CF;
	border-right: 0;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 20px;
	font-size: 11px;
	vertical-align: middle;
}

form.search input.submit {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}


/* Meta-Menü */

ul.menu-meta {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu-meta li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

ul.menu-meta li a {
	display: block;
	padding: 3px 8px 2px 10px;
	color: #000;
	text-decoration: none;
}

ul.menu-meta li a:hover {
	text-decoration: none;
	background-color: #eee;
}

ul.menu-meta li a.basket {
	background-image: url(../layout/icons/basket.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/* Farben */


/* layout-green */

/*
Grundfarbe: #bd3
Menü aktiv: #D7E4A1
Menü Rollover: #D4EA7C
Submenü: #EEFCB5
*/
body.layout-green {
	border-top: 5px solid #bd3;
}
body.layout-green table.menu-top td.current a {
	border-bottom: 5px solid #bd3;
}
body.layout-green ul.menu-left li ul {
	border-top: 1px solid #bd3;
}
body.layout-green ul.menu-left li ul li {
	border-bottom: 1px solid #bd3;
}
body.layout-green ul.menu-left li.open ul li a:hover {
	background-color: #D4EA7C;
}
body.layout-green ul.menu-left li.open ul li a {
	color: #000;
	background-color: #EEFCB5;
}
body.layout-green ul.menu-left li.open a,
body.layout-green ul.menu-left li.open a:hover,
body.layout-green table.menu-top td.current a:hover {
	background-color: #D7E4A1;
}
body.layout-green ul.menu-left li.current a,
body.layout-green ul.menu-left li.current a:hover,
body.layout-green ul.menu-left li.open ul li.current a,
body.layout-green ul.menu-left li.open ul li.current a:hover,
body.layout-green ul.menu-path {
	background-color: #bd3;
}
body.layout-green ul.menu-left li.current a,
body.layout-green ul.menu-left li.current a:hover,
body.layout-green ul.menu-left li.open ul li.current a,
body.layout-green ul.menu-left li.open ul li.current a:hover,
body.layout-green ul.menu-path li,
body.layout-green ul.menu-path li a {
	color: #fff;
}


/* layout-violet */

/*
Grundfarbe: #9952BB
Menü aktiv: #AF8DC0
Menü Rollover: #B586CC
Submenü: #D7B8E5
*/
body.layout-violet {
	border-top: 5px solid #9952BB;
}
body.layout-violet table.menu-top td.current a {
	border-bottom: 5px solid #9952BB;
}
body.layout-violet ul.menu-left li ul {
	border-top: 1px solid #9952BB;
}
body.layout-violet ul.menu-left li ul li {
	border-bottom: 1px solid #9952BB;
}
body.layout-violet ul.menu-left li.open ul li a:hover {
	background-color: #B586CC;
}
body.layout-violet ul.menu-left li.open ul li a {
	color: #000;
	background-color: #D7B8E5;
}
body.layout-violet ul.menu-left li.open a,
body.layout-violet ul.menu-left li.open a:hover,
body.layout-violet table.menu-top td.current a:hover {
	background-color: #AF8DC0;
}
body.layout-violet ul.menu-left li.current a,
body.layout-violet ul.menu-left li.current a:hover,
body.layout-violet ul.menu-left li.open ul li.current a,
body.layout-violet ul.menu-left li.open ul li.current a:hover,
body.layout-violet ul.menu-path {
	background-color: #9952BB;
}
body.layout-violet ul.menu-left li.current a,
body.layout-violet ul.menu-left li.current a:hover,
body.layout-violet ul.menu-left li.open ul li.current a,
body.layout-violet ul.menu-left li.open ul li.current a:hover,
body.layout-violet ul.menu-path li,
body.layout-violet ul.menu-path li a {
	color: #fff;
}


/* layout-orange */

/*
Grundfarbe: #E1BC25
Menü aktiv: #E3D79C
Menü Rollover: #EBD573
Submenü: #EBD573
*/
body.layout-orange {
	border-top: 5px solid #E1BC25;
}
body.layout-orange table.menu-top td.current a {
	border-bottom: 5px solid #E1BC25;
}
body.layout-orange ul.menu-left li ul {
	border-top: 1px solid #E1BC25;
}
body.layout-orange ul.menu-left li ul li {
	border-bottom: 1px solid #E1BC25;
}
body.layout-orange ul.menu-left li.open ul li a:hover {
	background-color: #EBD573;
}
body.layout-orange ul.menu-left li.open ul li a {
	color: #000;
	background-color: #EBD573;
}
body.layout-orange ul.menu-left li.open a,
body.layout-orange ul.menu-left li.open a:hover,
body.layout-orange table.menu-top td.current a:hover {
	background-color: #E3D79C;
}
body.layout-orange ul.menu-left li.current a,
body.layout-orange ul.menu-left li.current a:hover,
body.layout-orange ul.menu-left li.open ul li.current a,
body.layout-orange ul.menu-left li.open ul li.current a:hover,
body.layout-orange ul.menu-path {
	background-color: #E1BC25;
}
body.layout-orange ul.menu-left li.current a,
body.layout-orange ul.menu-left li.current a:hover,
body.layout-orange ul.menu-left li.open ul li.current a,
body.layout-orange ul.menu-left li.open ul li.current a:hover,
body.layout-orange ul.menu-path li,
body.layout-orange ul.menu-path li a {
	color: #fff;
}


/* layout-yellow */

/*
Grundfarbe: #E9DA00
Menü aktiv: #F4F697
Menü Rollover: #EDF26D
Submenü: #F7F9CA
*/
body.layout-yellow {
	border-top: 5px solid #E9DA00;
}
body.layout-yellow table.menu-top td.current a {
	border-bottom: 5px solid #E9DA00;
}
body.layout-yellow ul.menu-left li ul {
	border-top: 1px solid #E9DA00;
}
body.layout-yellow ul.menu-left li ul li {
	border-bottom: 1px solid #E9DA00;
}
body.layout-yellow ul.menu-left li.open ul li a:hover {
	background-color: #EDF26D;
}
body.layout-yellow ul.menu-left li.open ul li a {
	color: #000;
	background-color: #F7F9CA;
}
body.layout-yellow ul.menu-left li.open a,
body.layout-yellow ul.menu-left li.open a:hover,
body.layout-yellow table.menu-top td.current a:hover {
	background-color: #F4F697;
}
body.layout-yellow ul.menu-left li.current a,
body.layout-yellow ul.menu-left li.current a:hover,
body.layout-yellow ul.menu-left li.open ul li.current a,
body.layout-yellow ul.menu-left li.open ul li.current a:hover,
body.layout-yellow ul.menu-path {
	background-color: #E9DA00;
}
body.layout-yellow ul.menu-left li.current a,
body.layout-yellow ul.menu-left li.current a:hover,
body.layout-yellow ul.menu-left li.open ul li.current a,
body.layout-yellow ul.menu-left li.open ul li.current a:hover,
body.layout-yellow ul.menu-path li,
body.layout-yellow ul.menu-path li a {
	color: #fff;
}

/* layout-red */

/*
Grundfarbe: #DE4460
Menü aktiv: #E05A73
Menü Rollover: #E05A73
Submenü: #E58092
*/
body.layout-red {
	border-top: 5px solid #DE4460;
}
body.layout-red table.menu-top td.current a {
	border-bottom: 5px solid #DE4460;
}
body.layout-red ul.menu-left li ul {
	border-top: 1px solid #DE4460;
}
body.layout-red ul.menu-left li ul li {
	border-bottom: 1px solid #DE4460;
}
body.layout-red ul.menu-left li.open ul li a:hover {
	background-color: #E05A73;
}
body.layout-red ul.menu-left li.open ul li a {
	color: #000;
	background-color: #E58092;
}
body.layout-red ul.menu-left li.open a,
body.layout-red ul.menu-left li.open a:hover,
body.layout-red table.menu-top td.current a:hover {
	background-color: #E05A73;
}
body.layout-red ul.menu-left li.current a,
body.layout-red ul.menu-left li.current a:hover,
body.layout-red ul.menu-left li.open ul li.current a,
body.layout-red ul.menu-left li.open ul li.current a:hover,
body.layout-red ul.menu-path {
	background-color: #DE4460;
}
body.layout-red ul.menu-left li.current a,
body.layout-red ul.menu-left li.current a:hover,
body.layout-red ul.menu-left li.open ul li.current a,
body.layout-red ul.menu-left li.open ul li.current a:hover,
body.layout-red ul.menu-path li,
body.layout-red ul.menu-path li a {
	color: #fff;
}

/* layout-blue */

/*
Grundfarbe: #638FC0
Menü aktiv: #94AEC7
Menü Rollover: #8DAED1
Submenü: #B9CCDF
*/
body.layout-blue {
	border-top: 5px solid #638FC0;
}
body.layout-blue table.menu-top td.current a {
	border-bottom: 5px solid #638FC0;
}
body.layout-blue ul.menu-left li ul {
	border-top: 1px solid #638FC0;
}
body.layout-blue ul.menu-left li ul li {
	border-bottom: 1px solid #638FC0;
}
body.layout-blue ul.menu-left li.open ul li a:hover {
	background-color: #8DAED1;
}
body.layout-blue ul.menu-left li.open ul li a {
	color: #000;
	background-color: #B9CCDF;
}
body.layout-blue ul.menu-left li.open a,
body.layout-blue ul.menu-left li.open a:hover,
body.layout-blue table.menu-top td.current a:hover {
	background-color: #94AEC7;
}
body.layout-blue ul.menu-left li.current a,
body.layout-blue ul.menu-left li.current a:hover,
body.layout-blue ul.menu-left li.open ul li.current a,
body.layout-blue ul.menu-left li.open ul li.current a:hover,
body.layout-blue ul.menu-path {
	background-color: #638FC0;
}
body.layout-blue ul.menu-left li.current a,
body.layout-blue ul.menu-left li.current a:hover,
body.layout-blue ul.menu-left li.open ul li.current a,
body.layout-blue ul.menu-left li.open ul li.current a:hover,
body.layout-blue ul.menu-path li,
body.layout-blue ul.menu-path li a {
	color: #fff;
}

/* Newsletter - Start */
.newsletter_box {
	position:absolute;
	z-index:0;
}

.newsletter_abolink {
	position:relative;
	text-align:right;
	height:20px;
	padding-top:5px;
	padding-right:10px;
	z-index:1;
}

.newsletter_inpbox {
	position:relative;
	height:35px;z-index:1;
}

.newsletter_email {
	background-color: #fff;
	border: 1px solid #999;
	font-weight:bold;
	font-size: 11px;
	width: 182px;
	height: 23px;
	margin:5px 5px;
	padding:5px;
}

.newsletter_readlink {
	position:relative;
	text-align:right;
	height:20px;
	padding-right:10px;
	z-index:1;
}

/* Newsletter - Ende */


/* Dünner 5px Balken in unterschiedlicher Farbe (je nach Seite) */
.css_class_1:hover {
	border-bottom: 5px solid #bd3;
}
.css_class_2:hover {
	border-bottom: 5px solid #9952BB;
}
.css_class_3:hover {
	border-bottom: 5px solid #E1BC25;
}
.css_class_4:hover {
	border-bottom: 5px solid #E9DA00;
}
.css_class_5:hover {
	border-bottom: 5px solid #DE4460;
}
.css_class_6:hover {
	border-bottom: 5px solid #638FC0;
}