
/* CSS Document */

/* -------------------------------------------------------------------------------------------------- */
/* Grundtemplate */
/* -------------------------------------------------------------------------------------------------- */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/all/body.png) repeat-x; 
	/*background-attachment:fixed;*/
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	overflow: scroll;
	overflow:-moz-scrollbars-vertical;
}

#container { 
	position: relative;
	width: 870px;
	margin: 0px auto;
	padding-bottom: 40px;
	text-align: left;
}

#border_right {
	width: 780px;
	background: url(../images/all/border_right.png) no-repeat top right;
	padding: 0 47px 0 0;
}

#border_left {
	width: 780px;
	background: #FFFFFF url(../images/all/border_left.png) no-repeat top left;
	padding: 0 0 0 47px;
}

#main {
	position: relative;
	top: 74px;
	left: 0;
}

#content {
	padding: 0;
	min-height: 380px;
	/*background: #FFFFFF url(../images/main/bg.png) repeat-y top left;*/
}

#jump, .logo_elastica {
	display: none;
}

#col0 { 
	width: 508px;
	float: right;
}

#col1 {
	width: 271px; /* 274 Original Breite - Abstand von 18px */
	float: left;
	display: inline;
	overflow: hidden;
}

#footer { 
	clear: both;
	text-align: center; 
	border-top: 1px solid #D4D4D4;
	padding: 12px 0 32px 0;
	font-size: 11px;
	display: block; 
}

#footer strong a {
	font-weight: normal;
	color: #999999;
}

.end {
	clear: both;
	height: 32px;
	width: 100%;
	background: #FFFFFF; 
}

/* -------------------------------------------------------------------------------------------------- */
/* Startseite */
/* -------------------------------------------------------------------------------------------------- */
.home {
	margin-top: 200px !important;
	min-height: 200px !important;
}

div.home_left {
	width: 360px !important; 
	float: right !important;
}

/* -------------------------------------------------------------------------------------------------- */
/* Main Navigation und Top Navigation und Subnavigation */
/* -------------------------------------------------------------------------------------------------- */

#nav_sub ul {
	padding: 0;
}

#nav_sub ul li {
	background: none; 
	padding: 0;
	line-height: auto;
	margin: 0;
}


#main_nav, #top_nav, #nav_sub  {
	font-size: 12px;
	height: 25px;
	/*clear: both;*/ 
}

#nav {
	padding-left: 14px;
	padding-top: 37px;
}

#top_nav {
	width: 827px;
}

#main_nav li, #lang li, #general_nav li, #nav_sub ul li {
	display: inline;
}

#top_nav li {
	display: inline;
}

#main_nav, #lang, #general_nav, #nav_sub  { /* all lists */
	padding: 0 14px 0 0;
	margin: 0;
	list-style: none;
}

#nav_sub {
	border-bottom: 1px solid #CCCCCC;
	width: 750px;
	margin: 0 0 23px 2px;
	padding: 0 0 13px 0;
}


#main_nav li a, #general_nav li a, #lang li a, #nav_sub li a {
	line-height: 33px;
	padding: 6px 26px 0 6px;
}

#general_nav li.first a  {
	padding-right: 0;
}

#main_nav li a, #lang li a, #general_nav li a, #nav_sub li a {
	line-height: 23px;
	padding-top: 2px;
	padding-left: 14px;
}


 #lang li a {
 	padding-right: 0;
 	margin-left: 27px;
 }

#main_nav li a:hover, #main_nav li.current a, #main_nav li.current a:hover, #general_nav li a:hover, #general_nav li.current a, #general_nav li.current a:hover,
#nav_sub li a:hover,  #nav_sub li.current a, #nav_sub li.current a:hover, #lang li a:hover, #lang li.active a, #lang li.active a:hover {
	background: url(../images/all/nav_current.png) no-repeat left center !important;
	text-decoration: none;
}


#main_nav li a:hover, #general_nav li a:hover, #lang li a:hover, #nav_sub li a:hover {
	background: url(../images/all/nav_hover.png) no-repeat left center !important ;
	color: #000000;
}


#main_nav li ul li a:hover, #general_nav li ul li, #lang li ul li, #nav_sub li ul li a:hover {
	background: none !important;
}


#main_nav a, #lang a, #general_nav a, #lang a, #nav_sub li a  {
	display: block; 
	color: #666666;
	font-weight: normal;
}

#main_nav li, #lang li, #general_nav li, #lang li, #nav_sub li   { /* all list items */
	float: right;
	display: inline;
}

#main_nav li, #nav_sub li, #general_nav li {
	float: left;
}

#general_nav {
	width: 450px;
	height: 100%;
	float: left;
	display: inline;
	padding-left: 60px;
}

#lang {
	float: right;
	display: inline;
	width: 260px;
	height: 100%;
}

/* -------------------------------------------------------------------------------------------------- */
/* Language -> Spezielle Defininitonen (Drop Down) */
/* -------------------------------------------------------------------------------------------------- */

#nav, #nav ul { /* all lists */
	z-index: 100;
}

#nav ul { /* all lists */
	padding: 0 15px 0 0;
	margin: 0;
	list-style: none;
	z-index: 100;
}

#nav li ul li, #nav li ul li a { /* all list items */
	width: 105px; /* width needed for Opera & Safari */
	background: none !important;
}


#nav li.current ul li a, #nav li.current ul li a:hover, #nav li.current ul li  {
	background: none !important;
}

#nav li ul { /* second-level lists */
	position: absolute;
	margin-left: 8px;
	margin-bottom: 0;
	padding: 6px 0;
	width: 145px !important;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li a,  #nav li ul li {
	width: auto;
	padding-right: 0;
	margin-right: 0;
	width: 130px;
}

#nav li ul li a {
	padding-left: 10px;
	padding-bottom: 4px;
	margin-left: 0;
	line-height: 12px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	/*background: url(../images/transp80.png) ;*/
	background: #FFFFFF;
	
}

#nav li ul a:hover, #nav li ul a.active { 
	color: #8b1019;
	border: 0;
}


/* -------------------------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------------------------- */
#header { 
	/*background: #58a5de url(../images/all/header.jpg) no-repeat; */
	height: 140px;
}

h1 { 
	width: 104px;	
	text-indent: -9999px;
	float: right;
	position: relative;
	top: 20px;
	right: 35px;
	background: url(../images/all/h1.png) no-repeat top right;
	z-index: 1000 !important; 
}

h1 a { 
	width: 104px;
	height: 104px; 
	display: block; 
}


/* -------------------------------------------------------------------------------------------------- */
/* Flash */
/* -------------------------------------------------------------------------------------------------- */
#flash {
	position: absolute;
	top: 110px;
	left: 47px;
	z-index: 0 !important;
	padding-left: 14px;
	height: 115px;
}


/* -------------------------------------------------------------------------------------------------- */
/* Allgemeine Definitionen */
/* -------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
	
h2, h2 a {
	font-size: 16px;
	color: #8b1019;
	line-height: auto;
	font-weight: bold;
}

h2.border, h2.border a, h4 {
	border-top: 1px solid #b2b2b2 !important;
	color: #8b1019;
	padding-top: 10px;
	margin: 13px 0;	
	font-size: 14px;
}

h4, h5 {
	font-weight: bold;
}

h3, h3 a {
	font-size: 13px;
	color: #333333;
	padding: 26px 0 20px 0;
	font-weight: bold;
	line-height: 16px;
}
	
h5 {
	font-size: 12px;
	color: #8b1019;
	margin-bottom: 5px;
	line-height: 13px;
}	

	
p h5 {
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid red;
} 	

	
a { 
	color: #000000;
	text-decoration:none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a:hover, a:focus, a:active, a.active {
	/*color: #1d3c8b;*/
	outline: none;
}

a img {
	border: 0;
}

img {
	padding-bottom: 7px;
}

table img {
	padding: 0 0 15px 0;
}


p {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 14px;
}

ul {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}

table {
	margin: 0 0 10px 0;
}

th {
	font-weight: bold !important; 
	color: #000000;
}

td {
	vertical-align: top;
	padding-right: 15px;
}



address {
	line-height: 13px;
}


/* -------------------------------------------------------------------------------------------------- */
/* Klassen */
/* -------------------------------------------------------------------------------------------------- */
.offer { 
	background:  url(../images/all/hr.png) repeat-x bottom left;
	clear: both;
	margin: 0 21px;
	padding: 0 0 14px 0;
	height: 1%;
}

.offer h2 {
	margin-bottom: 14px;
}

.offer dl, .offer dt, .offer dd { 
	padding: 0;
	margin: 0;
	line-height: 13px;
}

.offer dt {
	float: left;
	margin-right: 4px;
	display: inline;
}

.offer img {
	float: left; 
	padding-right: 15px;
	display: inline;
}

.description{
	float: left;
	width: auto;
}

.description_short {
	min-height: 110px;
	margin-bottom: 3px;	
}

.price {
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	height: 15px;
	color: #000000;
}

.more, .button_right {
	color: #000000;
	display: inline;
	font-size: 12px !important;
	
}

.more a, .more_news a, .button_right a {
	/*color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	display: block; 
	width: 52px;
	height: 14px;
	line-height: 14px;*/
	color: #000000;
	font-weight: bold;
}


.table_complete_width {
	width: 100%;
}

.float_left {
	float: left;

}

/* -------------------------------------------------------------------------------------------------- */
/* COL1 News & Werbung */
/* -------------------------------------------------------------------------------------------------- */
#news {
	background: url(../images/all/hr.png) repeat-x bottom left;
	/*margin: 0 18px;
	display: inline;*/
	padding: 15px 0 !important;
	margin: 0 18px !important;
	width: 235px;
}

#news p {
	margin: 0;
	padding: 0;
}

#news {
	margin-bottom: 15px !important;
}

#commercials {
	margin-top: -150px;
	width: 271px !important;
}

/* -------------------------------------------------------------------------------------------------- */
/* COL 1 Suche - Formulare */
/* -------------------------------------------------------------------------------------------------- */



form {
	margin: 0;
	padding:0;
}

fieldset {
	border: 0;
	padding: 5px 0 15px 0;
	margin: 0;
}

form p {
	padding-bottom: 2px;
}

label {
	width: 120px;
	display: block; 
	float: left;
	line-height: 20px;
	margin-bottom: 3px;
	display: inline;
}

.label_submit {
	visibility: hidden;	
}

.checkbox {
	width: 12px;
	border: 0;
	margin-bottom: 2px;
	padding: 0;
	height: 12px;
}

select, input {
	border: 1px solid #666666;
	width: 194px;
	margin-bottom: 4px;
	font-size: 11px;
	height: 16px;
	padding-left: 3px;
}

textarea {
	border: 1px solid #666666;
	width: 194px;
	height: 100px;
	font-size: 11px;
	padding-left: 3px;
}

select {
	height: 18px;
	padding-left: 0;
	width: 200px;
	background-color: #FFFFFF;
}

input.button, input.button_hover {
	height: 17px !important;
	background-color: transparent;
	color: #8b1019;
	cursor: pointer;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	width: auto;
	text-align: left;
	padding: 0;
	margin: 3px 0 0 0;
	border: 0;
	display: inline;
}

input.button_hover {
	text-decoration: underline;
}



/* CSS Document */

/* -------------------------------------------------------------------------------------------------- */
/* Grundtemplate */
/* -------------------------------------------------------------------------------------------------- */

#col0 { 
	float: left;
	width: 766px;
	padding-left: 12px;
}

#content { 
	background: url(../images/all/col1_left.png) repeat-y;
	
}


#col0_left {
	float: left;
	display: inline;
	width: 247px;
	margin: 0 10px 0 14px;
}


#col0_right {
	width: 492px; /* Foto gro� und 4px padding left */
	float: right;
	display: inline;
}

#col0_right img {
	margin-bottom: 0px !important;
}

.news-single-imgcaption {
	display: none !important;
}

#col0 ul {
	padding: 0 0 20px 0;
}

#col0 li {
	background: url(../images/all/li.png) no-repeat 0 3px; 
	padding: 0 0 0 15px;
	line-height: 13px;
	margin-bottom: 8px;
}



/* -------------------------------------------------------------------------------------------------- */
/* Allgemeine Definitionen */
/* -------------------------------------------------------------------------------------------------- */

/* Tabellen */
table {
	border-collapse: collapse;
}

tr {
	line-height: 20px;
}

th {
	width: 100px;
	font-weight: normal;
}

address {
	font-style: normal;
	width: 180px;
}




/* -------------------------------------------------------------------------------------------------- */
/* Subnavigation */
/* -------------------------------------------------------------------------------------------------- */

#col1_left {
	background-image: none;
}


#col1_left ul {
	margin: 15px 0 0 18px;
}

#col1_left li {
	background: url(../images/all/li.png) no-repeat left 6px;
}

#col1_left li.active {
	background: url(../images/all/li_active.png) no-repeat left 6px;
	font-weight: bold;
}

#col1_left li a {
	line-height: 20px;
	padding: 0 0 0 10px;
	margin: 0;
}

#col1_left li.active a {
	color: #663300;
}

#col1_left li a:hover {
	color: #663300;
	text-decoration: none;
}

#col1_left ul ul {
	padding: 0 0 0 0px;
	margin: 0 0 10px 0;
}

#col1_left ul ul li {
	background: none;
	padding: 0 0 0 10px;
}


#col1_left ul ul li a {
	line-height: 15px;
	color: #000000 !important;
	font-weight: normal;
}

#col1_left ul ul li.active a {
	color: #663300 !important;
}


/* -------------------------------------------------------------------------------------------------- */
/* SUB_NAV_LEVEL_3 */
/* -------------------------------------------------------------------------------------------------- */
#nav_sub_lv_3 {
	width: 190px;
	float: left; 
} 

#content_small {
	width: 450px;
	float: left;
}

.lv3 {
	margin-left: 0 !important;
}

#nav_sub_lv_3 ul li {
	background: url(../images/all/general_nav_split.png) no-repeat left center;
	margin-bottom: 21px;
}

#nav_sub_lv_3 ul li.current {
	background: url(../images/all/nav_current.png) no-repeat left center;
}

#nav_sub_lv_3 ul li a {
	color: #666666;
}


/* -------------------------------------------------------------------------------------------------- */
/* Klassen */
/* -------------------------------------------------------------------------------------------------- */
.images img {
	margin: 0 0 7px 4px;
	padding: 0;
}

.contact, .services, #commercials  {
	background: url(../images/all/hr.png) repeat-x bottom left;
	padding: 15px 0 !important;
	margin: 0 !important;
}


.contact .button_right {
	margin-top: -15px;
}

.text {
	margin: 0 0 0 4px;
}

.price {
	float: right; 
	margin-top: 15px; 
}

.complete_width {
	width: 640px !important;
}


/* -------------------------------------------------------------------------------------------------- */
/* Produktdetailseite */
/* -------------------------------------------------------------------------------------------------- */

.image_detail img {
	margin-top: 35px !important;
}


#betteinsatz {
	position: absolute;
	top: 0; right: 14px;
	/* width: 268px; */
	width: 23px;
	display: inline;
	overflow:hidden;}

#betteinsatz h2 {
	margin-bottom: 15px;
}

#betteinsatz td {
	padding: 0;
}

.info_slider0, .info_slider1, .info_slider3 {
	background: url(../images/info.png) no-repeat top left;
	display: block;
	height: 98px;
	width: 22px;
	margin: 0;
	padding: 0;
	line-height: 0;
	text-indent: -999999% !important;
}

#betteinsatz_content {
	background: url(../images/transp80.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/transp80.png');
	float: right;
	width: 230px;
	padding-left: 15px;
	min-height: 340px;
	border-left: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;

}

#betteinsatz_content_border {
	background: #D4D4D4;
	width: 1px;
	height: 100%;
}

#betteinsatz_content img {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.set p {
	padding-top: 20px;
}


.close {
	background: url(../images/arrow.png) no-repeat top left;
	text-indent: -9999%;
	height: 28px;
	width: 28px;
	display: block;	
}

.tabinfo, .tabinfo_small {
	border-collapse: separate;
	padding-bottom: 0 !important;
}

.tabinfo img, .tabinfo_small img {
	margin: 0 10px 0 0 !important;
}

.tabinfo td, .tabinfo_small td {	
	vertical-align: middle;
	padding-bottom: 15px !important;
}

.tabinfo_small td {
	padding-bottom: 8px !important;
}

.tabinfo td p, .tabinfo_small td p {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------------------------------- */
/* TT-NEWS EXTENSION */
/* -------------------------------------------------------------------------------------------------- */

div.list-image {
	float: left;
}

div.list, div.list-margin {
	float: right;
	width: 435px;
}

div.list p {
	padding-bottom: 2px;
}



div.list h3, div.list-margin h3 {
	padding-top: 0;
	color: #8b1019;
	font-size: 13px; 
}


div.category-images, div.category-images-single {
	margin-top: 10px;
	height: 20px;
}

div.category-images img, div.category-images-single img {
	padding-bottom: 0px;
}


div.category-images-single {
	margin-bottom: 0px;
}

#content_small div.list, #content_small div.list-margin {
	width: 250px;
}

/* -------------------------------------------------------------------------------------------------- */
/* Mouse-over Effekt bei Buttons */
/* -------------------------------------------------------------------------------------------------- */
#info {
	position: absolute;
	background: #FFFFFF;
}


.fisheyeContainter a{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	/*width: 40px;*/
	position: absolute;
	display: block;
	top: 0;
}

.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem2 img {
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}

.fisheyeItem span, .fisheyeItem2 span
{
	display: none;
	positon: absolute;
}
/*
.fisheyeContainter
{
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}


/* -------------------------------------------------------------------------------------------------- */
/* Music */
/* -------------------------------------------------------------------------------------------------- */
#music, #music_welten {
	height: 20px;
	width: 20px;
}

#music_welten {
	float: right;
}

/* -------------------------------------------------------------------------------------------------- */
/* Sonderaktion */
/* -------------------------------------------------------------------------------------------------- */
#sonderaktion {
	width: 133px;
	height: 133px;
	float: left;
	margin-left: 100px;
	margin-top: 70px;
	display: inline;
	z-index: -9999%;
	background: url(../images/button_sonderaktion.png) no-repeat top left;
}

#sonderaktion a {
	display: block;
	width: 133px;
	height: 133px;
	position: absolute;
	z-index: 1000; 
	cursor: pointer;

}

/* -------------------------------------------------------------------------------------------------- */
/* Banner links */
/* -------------------------------------------------------------------------------------------------- */
#col0_banner {
	width: 383px;
	position: absolute;
	top: 230px;
	float: left;
	left: 15px;
}

