html {
	min-height: 100.1%;
}
body {
	background: #493;
	margin: 0px;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
}
#base {
	background: url(../images/back/back_body.gif) repeat-x top #FFF;
}
#root {
	background: url(../images/back/back_root.jpg) top center repeat-x;
}

#page {
	width: 960px;
	text-align: left;
	margin: 0px auto 0px;
}

/* Kopfbereich */

#head.start {
	margin: 0px;
	padding: 0px;
	height: 440px;
}
#head {
	margin: 0px;
	padding: 0px;
	height: 210px;
}
#head h1 {
	float: left;
	padding: 0px;
	margin: 45px 0px 0px 10px;
}
*html #head h1 {
	margin: 20px 0px 0px 10px;
}
#head h1 img {
	clear: both;
}

#title {
	font-size: 20px;
	padding: 30px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: right;
}
#title img {
	border: 0px;
}


/* Hauptnavigation */

#navi {	
	float: left;
	text-align: right;
	height: 30px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 35px 10px;
	width: 680px;
}
#navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navi li {
	font-size: 14px;
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}
#navi li.first {
}
#navi li.last {
}
#navi a {
	text-decoration: none;
	color: #493;
	white-space: nowrap;
	display: block;
	padding: 0px 30px 0px 0px;
}
#navi a:hover {
	color: #000;
}
#navi a.current {
	color: #000;
}



/* Visual Teepackung */

#visual {
	float: left;
	width: 280px;
	margin: 0px;
	padding: 0px;
	margin: 0px 40px 0px 10px;
}
#visual img {
	border: 0px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#visual h2 {
	clear: both;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-size: 16px;
	line-height: 18px;
	margin: 0px;
	color: #333;
	font-weight: normal;
}
#visual p {
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 17px;
	margin: 0px;
	color: #333;
}
#visual a {
	color: #493;
	text-decoration: none;
}
#visual a:hover {
	color: #000;
	text-decoration: underline;
}


/* Startseitenteaser */
#teaser {
	position: relative;
	float: left;
	margin: 85px -20px 0px 10px;
	padding: 0px;
	width: 630px;
	height: 190px;
	background: url(../images/back/back_teaser.gif) left top no-repeat;
	
}
#teaser div {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px;
}
#teaser img {
	float: left;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}
#teaser img.right {
	float: right;
	padding: 0px;
	margin: 70px 0px 0px 0px;
}
#teaser h2 {
	padding: 20px 0px 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	margin: 0px 10px 10px 0px;
	color: #000;
}
#teaser p {
	padding: 0px 20px 0px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 17px;
	margin: 0px 0px 10px 0px;
	color: #333;
}
#teaser p span {
	font-style: italic;
}
#teaser a {
	color: #493;
	text-decoration: none;
}
#teaser a:hover {
	color: #000;
	text-decoration: underline;
}

/* Hauptbereich */


#main{
	padding: 0px 0px 0px;
	margin: 30px 0px 0px;
	clear: left;
}

/* Menü */

#menu {
	width: 230px;
	float: left;
	padding-bottom: 25px;
}
#menu ul {
	position: relative;
	margin: 0px 0px 0px -10px;
	padding: 0px;
	list-style: none;
}
*html #menu ul {
	margin: 0px 0px 0px 00px;
}
#menu li {
	font-size: 12px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	
}
#menu li a {
	text-decoration: none;
	display: block;
	color: #493;
	padding: 0px 0px 0px 20px;
	width: 210px;
	font-weight: bold;
}
#menu li a:hover {
	color: #000;
}
#menu li a.current {
	color: #000;
	background: url(../images/elem/elem_bullet-arrow.gif) center left no-repeat;
}
#menu li a.current:hover {
	color: #000;
}
#menu ul ul {
	padding-bottom: 10px;
	border-top-style: none;
}
#menu li li {
	font-size: 11px;
	line-height: 25px;
}
#menu li li a {
	color: #493;
	font-weight: normal;
	padding-left: 20px;
	width: 170px;
}
#menu li li a:hover {
	color: #000;
	background: url(../../_styles/none);
}
#menu li li a.current {
	font-weight: bold;
}
#menu li li a.current:hover {
}




/* Wrapper */
#wrapper {
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
#wrapper.full {
	clear: both;
	border-right-style: none;
	width: 960px;
}
#wrapper.wide {
	float: left;
	width: 701px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}



/* Inhalte */

#content {
	float: left;
	padding: 0px 0px 50px;
	width: 100%;
}


#content h2 {
	font-size: 22px;
	color: #000;
	line-height: 34px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}
#content h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #000;
}
#content p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #333;
}
#content ul {
	margin: 15px 0px 15px 10px;
	padding: 0px;
	list-style: none;
	color: #333;
}
#content ol {
	margin: 15px 0px 15px 30px;
	padding: 0px;
}
#content li {
	margin-bottom: 5px;
	font-size: 12px;
	background: url(../images/elem/elem_bullet.gif) left top no-repeat;
	padding-left: 15px;
}
#content li li {
	margin-bottom: 5px;
	font-size: 12px;
	background: url(../images/elem/elem_bullet-small.gif) left top no-repeat;
	padding-left: 15px;
}
#content hr {
	clear: both;
	height: 1px;
	border-top: none;
	border-right-style: none;
	border-left-style: none;
	display: block;
	margin: 0px 20px 30px 0px;
	padding: 20px 0px 0px;
	border-bottom: 1px solid #DDD;
}
#content img {
	display: block;
	margin-top: 5px;
	margin-bottom: 15px;
}
#content img.left {
	float: left;
	margin-right: 20px;
}
#content img.center {
	margin-right: auto;
	margin-left: auto;
}

#content img.right {
	margin-bottom: 20px;
	float: right;
	margin-left: 20px;
}
#content a {
	color: #493;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
	color: #000;
}

#content abbr {
	border-bottom: 1px dotted #9B9;
	cursor: help;
}
#content acronym {
	border-bottom: 1px dotted #9B9;
	cursor: help;
}

/* Textboxen */
#content div.block {
	float: left;
	width: 280px;
	margin: 0px 50px 0px 0px;
}
#content div.block.last {
	margin: 0px 0px 0px 0px;
}


/* Textboxen grau */
#content div.box {
	float: left;
	width: 280px;
	margin: 0px 50px 0px 0px;
	background: url(../images/back/back_box.gif) center bottom no-repeat #EEE;
}
#content div.box img {
	padding: 0px;
	margin: 0px 0px 20px;
}
#content div.box h3 {
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
#content div.box p {
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
#content div.box.last {
	margin: 0px 0px 0px 0px;
}



/* Formulare */

#content form {
	margin: 0px;
	padding: 10px 0px;
}
#content form acronym {
	color: #000;
	border-style: none;
}
#content form br {
	clear: left;
}
#content fieldset {
	margin: 0px;
	padding: 20px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content fieldset.button {
	padding-left: 150px;
}
#content legend {
	font-size: 14px;
	padding: 0px 20px 5px 0px;
	margin: 0px;
	color: #000;
	line-height: 20px;
	font-weight: bold;
}

* html #content legend {
	margin-left: -7px;
	padding-top: 0px;
}
*+html #content legend {
	margin-left: -7px;
	padding-top: 0px;
}

#content label {
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
	padding-right: 10px;
	float: none; 
}
#content label.left {
	float: left;
	width: 140px;
}
#content label.data {
	line-height:30px;
}
#content label.right {
	display: block;
	line-height: 20px;
	float: left;
	vertical-align: top;
	padding: 3px 0px 2px;
	width: 300px;
}
#content label.none {
	float: left;
	white-space: nowrap;
	width: 0px;
	padding: 0px;
	margin-right: -150px;
}
#content label.check {
	float: left;
	line-height: 20px;
	padding: 3px 0px 2px;
	width: 600px;
}
#content input.text {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px;
	width: 236px;
}
#content input.text:focus {
	border: 1px solid #493;
}
#content input.horizontal {
	margin: 1px 3px 0px 0px;
	padding: 0px;
	border-style: none;
	height: 19px;
	width: 19px;
	vertical-align: middle;
}
#content input.vertical {
	padding: 0px;
	border-style: none;
	float: left;
	height: 19px;
	width: 19px;
	margin: 4px 5px 0px 150px;
}
#content input.check {
	float: left;
	padding: 0px;
	height: 19px;
	width: 19px;
	margin: 4px 5px 0px 0px;
}
#content input.button {
	font: 12px Arial, Helvetica, sans-serif;
}
#content input.file {
	font: 12px Arial, Helvetica, sans-serif;
}
#content textarea {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	width: 236px;
}
#content textarea:focus {
	border: 1px solid #384;
}
#content select {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding: 1px 2px;
	width: 242px;
}
#content select:focus {
	border: 1px solid #493;
}
#content optgroup {
	font-style: normal;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#content option {
}

/* Tabellen */
#content table {
	margin: 0px 0px 20px;
	border-style: none;
}
#content th {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	text-align: left;
}

#content td {
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	padding: 0px 20px 0px 0px;
	color: #333;
}
/* Vergleichstabelle */
#content table.comparison {
	clear: both;
	float: none;
	width: 100%;
	border-left: 1px solid #493;
	border-top: 1px solid #493;
}
#content table.comparison th {;
	padding: 5px 10px 10px 5px;
	background: #493;
	color: #FFF;
	vertical-align: top;
}

#content table.comparison td {
	padding: 5px 10px 10px 5px;
	border-right: 1px solid #493;
	border-bottom: 1px solid #493;
}
#screen {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 680px;
	height: 520px;
}
#screen h3 {
	float: left;
	font-size:16px;
	font-weight: normal;
}
#screen p {
	float: right;
}
#screen div {
	clear: both;
	position: absolute;
	top: 0px;
	left: 0px;
}
#screen img {
	padding: 0px;
	margin: 40px 0px;
}
#screen img.right {
	position: absolute;
	float: right;
	padding: 0px;
	margin: 234px 0px 0px 664px;
	border-style: none;
}
#screen img.left {
	position: absolute;
	float: right;
	padding: 0px;
	margin: 234px 0px 0px -15px;
	border-style: none;
}

/* Siegelgruppe */
#sponsor {
	margin: 0px 0px 50px 10px;
	clear: both;
	width: 920px;
	padding: 0px 0px 0px 20px;
	height: 100px;
	background: url(../images/back/back_sponsor.gif) center no-repeat;
}
#sponsor div {
	float: left;
	padding: 0px;
	margin: 20px 40px 20px 0px;
	width: 270px;
	height: 60px;
}
#sponsor div.last{
	margin-right: 0px;
}
#sponsor div img {
	padding: 0px;
	margin: 0px 20px 0px 0px;
	float: left;
}
#sponsor p {
	font-size: 11px;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 3px;
	color: #333;
}
#sponsor a {
	color: #628;
	font-weight: bold;
	text-decoration: none;
}
#sponsor a:hover {
	text-decoration: underline;
	color: #000;
}





/* Breadcrumb Navigation 

#breadcrumb {
	font-size: 11px;
	margin-bottom: 15px;
	color: #BBB;
}
#breadcrumb a {
	color: #9B9;
}
#breadcrumb a:hover {
	color: #384;
	text-decoration: none;
}



/* Thumbnails 

#thumbs {
	margin-top: 20px;
}
#thumbs ul {
	margin: 0px;
	padding: 0px;
}
#thumbs li {
	padding: 0px;
	list-style: url(../../_styles/none) none;
	float: left;
	text-align: center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0px 10px 10px 0px;
}
#thumbs a {
	text-decoration: none;
	display: block;
	border: 1px solid #DDD;
}
#thumbs a:hover {
	border: 1px solid #649;
	text-decoration: none;
}
#thumbs img {
	display: block;
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#thumbs img.landscape {
	margin: 0px;
	padding: 25px 10px;
}
#thumbs img.portrait {
	padding: 10px 25px;
}
#thumbs img.square {
	padding: 10px;
}

#thumbs span {
	display: block;
	white-space: nowrap;
	padding-bottom: 10px;
}


/* Galerie */

#gallery {
}
#gallery p.previous {
	float: left;
	font-size: 11px;
	color: #9B9;
}
#gallery p.overview {
	text-align: center;
	font-size: 11px;
	color: #9B9;
}
#gallery p.next {
	float: right;
	font-size: 11px;
	color: #9B9;

}
#image {
	border: 1px solid #DDD;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
}
#image img {
	margin: 0px auto;
	display: block;
}
#image img.landscape {
}
#image img.portrait {
}





/* Tabs über Artikelliste */
#tabs {
	display: block;
	background: url(../images/back/back_tabs.gif) center no-repeat;
	color: #FFF;
	text-align: right;
	height: 50px;
	padding-left: 20px;
	margin-top: 11px;
}
#tabs ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#tabs li {
	font-size: 14px;
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 49px;
}
#tabs li.first {
	border-left: 1px solid #FFF;
}
#tabs li.last {
}


#tabs a {
	text-decoration: none;
	color: #9C2;
	white-space: nowrap;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
#tabs a:hover {
	text-decoration: none;
	color: #628;
}
#tabs a.current {
	background: #FFF;
	padding-left: 19px;
	padding-right: 19px;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;	
	color: #628;
}



/* Produktübersicht */

#list {
	padding: 0px;
	margin: 0px;
	width: 610px;
	background: url(../images/back/back_list.gif) center bottom no-repeat;
}
*html #list {
	margin-left: -15px;
}
#list h3 {
	text-align: left;
	float: left;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 0px;
	width: 150px;
	padding: 0px 0px 5px;
	color: #333;
}
*html #list h3 {
	width: 149px;
}
#list p {
	text-align: left;
	float: left;
	margin: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #555;
	width: 150px;
}
*html #list p {
	width: 145px;
}
#list a {
	color: #9C2;
	font-weight: normal;
}
#list a:hover {
	color: #628;
	font-weight: normal;
	text-decoration: none;
}
#list img {
	float: left;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 1px solid #CCC;
}
#list img.add {
	float: right;
	border-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	vertical-align: top;
}
#list ul {
	margin: 20px 0px 20px 20px;
	padding: 0px;
	list-style: none;
	float: left;
}
#list li {
	width: 270px;
	height: 70px;
	text-align: center;
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 0px;
}
/*
*html #list li {
	margin: 0px 0px 20px 0px;
}
*/
#list li:hover {

}
#list li h3 {
	margin: 0px 0px 0px;
}



/* Paginierung */

#turn {
	clear: left;
	height: 30px;
}
#turn ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#turn li {
	font-size: 11px;
	line-height: 15px;
	float: left;
	white-space: nowrap;
	margin: 7px 0px 8px;
	padding: 0px 10px;
	border-right: 1px solid #DDF;
}
#turn li.title {
	padding-left: 0px;
	border-right-style: none;
}
#turn li.previous {
	color: #BBB;
}
#turn li.next {
	padding-right: 0px;
	border-right-style: none;
	color: #BBB;
}
#turn a.current {
	color: #555;
	font-weight: bold;
}
#turn a.disabled {
	color: #BBB;
}
#turn a.disabled:hover {
	text-decoration: none;
}



/* Zusatzspalte */

#column {
	float: left;
	padding-left: 0px;
	margin: 0px 0px 50px 40px;
	padding : 0px 0px 10px;
	width: 170px;
	background: url(../images/back/back_column.gif) bottom center no-repeat #EEE;
}
#column img {
	padding: 0px;
	margin: 0px 0px 20px
}
#column h4 {
	font-size: 12px;
	margin: 0px 20px 10px;
}

#column p {
	font-size: 11px;
	line-height: 18px;
	margin: 0px 20px 10px;
	color: #333;
}
#column a {
	color: #493;
	text-decoration: none;
}
#column a:hover {
	text-decoration: underline;
	color: #000;
}


/* Inhaltsboxen in der Column */
#column div.box {
	background: url(../images/back/back_box.gif) center bottom no-repeat;
	width: 280px;
	padding: 0px 0px 20px;
	margin: 0px;
}
#column div.box p{
	padding: 0px;
	margin: 10px 30px;
}

/* Spalten-Tabellen */

#column table {
	margin: 0px 30px 10px;
	border-style: none;
	width: 220px;
}
#column th {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

#column td {
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	padding: 10px 5px 10px 0px;
	border-bottom: 1px solid #DDD;
	text-align: right;
}
#column td.item {
	text-align: left;
	font-weight: bold;
}
#column td span {
	color: #777;
	font-weight: normal;
	font-size: 11px;
}

/* Weiter Button im Column */
#skip {
	background: url(../images/back/back_weiter.gif) center no-repeat;
	width: 280px;
	height: 50px;
	padding: 0px;
	margin: 0px 0px 2px;
}
#skip img {
	margin: 0px;
	padding: 0px;
}


/* Sitemap */
#sitemap {
	background: url(../images/back/back_sitemap.gif) top repeat-x #FFF;
	border-top: 1px solid #DDD;
	text-align: center;
	clear: both;
	padding: 30px 0px;
}
#sitemap div {
	width: 960px;
	text-align: left;
	margin: 0px auto 0px;
}
#sitemap li strong {
	margin-bottom: 10px;
}
#sitemap ul {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	list-style: none;
	color: #333;
	float: left;
	width: 190px;
}
#sitemap li {
	margin-bottom: 5px;
	font-size: 12px;
	padding0: 0px;
}
#sitemap a {
	color: #999;
	text-decoration: none;
}
#sitemap a:hover {
	text-decoration: underline;
	color: #777;
}


/* Fußbereich */

#foot {
	border-top: 1px solid #493;
	text-align: center;
	clear: both;
	height: 125px;
	background: url(../images/back/back_foot.gif) repeat-x;
}
#foot ul {
	padding: 0px;
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0px 50px;
}
#foot li {
	list-style: none;
	border-right: 1px solid #FFF;
	font-size: 11px;
	line-height: 20px;
	display: inline;
	margin: 0px;
	padding: 0px 30px;
}
#foot li.first {
}
#foot li.last {
	border-right-style: none;
}

#foot a {
	text-decoration: none;
	color: #FFF;
}
#foot a:hover {
	color: #AF9;
	text-decoration: underline;
}
.clear {
	clear: both;
}