@charset "utf-8";
/* 52framework General StyleSheet - contains all the frameworks styles for all HTML elements */

#action {color:#ffffff; text-align: center; float:right; width:300px; margin-right: 30px; margin-top:14px; overflow:hidden
/* for IE */
  /*filter:alpha(opacity=60);*/
  /* CSS3 standard */
/*  opacity:0.6;*/
  /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.1);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff, endColorstr=#11ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff, endColorstr=#11ffffff)";
	border: 1px solid #ffffff; -moz-border-radius:7px; 
-webkit-border-radius:7px; 
border-radius: 7px;
behavior:url(/fileadmin/template2/js/PIE.htc); 
}
#action h6{font-size: 150%;text-align:center;}
#action div {text-align:center;}
#action .call {width: 250px; margin:7px auto; text-align:center;}
#action a {text-transform: uppercase; text-decoration:none; color: #ffffff;clear:both; background:transparent url(../images/call-to-action.png) no-repeat; width:158px; height:26px; display:block;}
#action .call-to-action {margin: 0 auto; padding-top:3px; text-align:center;}

/* ** ** Common Addative Classes ** ** */
.left  { float:left}
.right { float:right}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}
.hide  { display:none}

.align_right    { text-align:right;}
.align_left     { text-align:left;}
.align_center   { text-align:center;}
.align_justify  { text-align:justify;}

.small {font-size:0.8em;}
.bold {font-weight:600}
.hdivider {border-top: 1px solid #D2D2D2;}
.vdivider {border-right: 1px solid #D2D2D2;}



a {color:#1A74B0;}
a:hover { text-decoration:underline;}



/* add the rest of the a states */

blockquote {font-family: Georgia,"Times New Roman", Times, serif; margin:5px; padding:10px; font-size:1.52em; color:#999; font-style:italic; line-height:1.3em; width:100%;}
	blockquote.left {border-right:1px dashed #ccc; width:35%;}
	blockquote.right {border-left:1px dashed #ccc; width:35%;}

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.02em;} 
h2 {	font-size:1.452em;} 
h3 {	font-size:1.552em; } 
h4, .header {	font-size:1.2em; margin: 10px 0px 10px 0px; padding:0px;} 
h5 { padding:0; font-size:100%; }
a h4 {text-decoration: none !important;}
.box .scol h3{ padding:0px; line-height:1.1em; margin:0 0 0.5em;}
hgroup h1, hgroup h2 { float:left;  color:#fff;  text-shadow: 0px 0px 5px #000; filter: glow(color=#4C4C4C,strength=2);}
.content h2 {padding:0.4em 0 0 0;}
hgroup h2 {padding:0.4em 0 0 0.6em !important;}
hgroup {height:40px;padding:30px 10px 0 0; }
header {vertical-align:bottom;}
/* ** ** ul li's ** ** */
ul li
{
	margin-left:25px;
}
header {height:77px;  margin-bottom:5px;}
	header .logo {height:65px; padding-top:12px; padding-left:20px;}
	header .login {width:240px; margin-top:10px; }
        header .tx-loginboxmacmade-pi2 {display: block; width:190px; height:25px; overflow:hidden;}
        header a.lock:hover .tx-loginboxmacmade-pi2 {display:block;}
	header .search {width:240px; margin-top:10px;}
	header .searchinput {margin-top:5px; width:195px;}
        header .search .submit {position: relative; z-index: 500; left:-15px;top:-5px}
        header nav {margin-top:50px;position:relative; z-index:19;}

/* ** ** navigation styling ** ** */
	nav ul li {float:left; margin-left:5px;list-style-type:none; position: absolute; }
	nav .mlevel2 li {position:relative; margin:0px;}
	nav ul li a {display:block; text-decoration:none; padding:2px 8px;  font-size: 1.5em;}
	nav div.mlevel2 {width: 800px; display: none; background-color:#F3F7FB; border: 1px solid #A0A0A0;height: 250px; position: absolute; z-index:501; }
	nav .submenu{height:34px;}
	nav .submenu:hover .mlevel2 {display:block;}
	nav .mlevel2 div, nav .mlevel2 li {float:left; width:210px;display: block;}
	nav .mlevel2 div {padding-top:10px;margin-left:10px; }
	nav .mlevel2 a {display: block; font-size: 1.0em; padding:0px;}
.tn1{left:0px;}
.tn2{left:147px;}
.tn3{left:215px;}
.tn4{left:280px;}
.tn5{left:400px;width: 120px;}
div.mlevel2{ top:32px;}
.tn1 div.mlevel2{left:-40px;}
.tn2 div.mlevel2{left:-187px;}
.tn3 div.mlevel2{left:-255px; }
.tn4 div.mlevel2{left:-320px;}
.tn5 div.mlevel2{left:-440px; }

/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {padding:0 0.5em 1.5em 0;}
table p {padding:0;}
	p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
	p img.right {float:right;margin:1.5em 0 1.5em 1.5em;padding:0;}
	p img.center {margin:0 0 0 2em; padding:0;}
	.scol p img.right, .news-single-img {float:right;margin:0 0 1.0em 1.0em ;}
	.col_shop .left img, .tt_products_item_single_display .left img{margin:0 1.5em 1.5em 0;}
.ncol div{padding-right: 10px;}

a img {border: none;}
#box img.left, aside img.left, .aside img.left  {float:left;margin:0.5em 0.5em 0.5em 0;padding:0;}
#box a, aside a, .teaser a, .aside a{display:block; font-size:1.2em; font-weight:bold; border: none;}
a img {border: none;}
.ncol a img {margin:5px;}
#box .mixed p, #box .termin p {height: 60px; overflow:hidden;}
.teaser {clear: both; width: 400px;}


.buehne {height: 250px; overflow:hidden;}
aside, .aside {margin-top:100px; /*height: 250px;*/ width:217px;
}
.news-single-item aside {margin-top:0px; 
}
aside nav, .aside nav{ width:217px; background-color:#F3F7FB; border: 1px solid #D4DEE7; -moz-border-radius:7px; 
-webkit-border-radius:7px; 
border-radius: 7px;
behavior:url(/fileadmin/template2/js/PIE.htc); 
}
#box {height: 285px; background-color:#F3F7FB; border: 1px solid #A0A0A0; -webkit-border-radius:7px; -moz-border-radius:7px; 

border-radius: 7px;
behavior:url(/fileadmin/template2/js/PIE.htc); 
margin-top:15px;
}
article header { height:80px; }
.support {position:relative; top: -75px; border-top: 1px solid #D2D2D2; margin-left:20px;}


/* ** ** forms ** ** */
form fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; padding:10px;  margin-bottom:2em; border:1px solid #ccc; }
form fieldset legend {font-size:1.4em; padding:0 5px; }
form input[type=text], form input[type=email], form input[type=url],form input[type=password] {-moz-border-radius: 4px; -webkit-border-radius: 4px; height:14px; margin-bottom:5px; border:1px solid #E5EBF1; background-color: #F3F7FB; padding:4px 0 1px 5px;}
form label {display:block; height:20px; /*font-size:1.2em;*/}
#main .submit, #main .submit:visited {
-moz-border-radius:5px;
-webkit-border-radius:5px; 
border-radius: 5px;
behavior:url(/fileadmin/template2/js/PIE.htc); 
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background:none repeat scroll 0 0 #323C45;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
margin-bottom:5px;
padding:2px 5px 3px;
position:relative;
/*text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);*/
}
#main .submit:hover {-moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.5);}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#d5d2d8; display:block; padding:0px 2px 4px 26px; background:#fff url(/ver_05/code.jpg) no-repeat left top; line-height:1.67em;}
pre 			{	margin:1.5em 0;white-space:pre;}


/* ** ** buttons ** ** */

.submit-button, .submit-button:visited {
	background: #525252; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border:none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-bottom:5px;
}

/* ** ** map ** ** */

.tx_dcdgooglemap_list_loupe, .tx_dcdgooglemap_poi_name {float:left;  }
.tx_dcdgooglemap_list_loupe {margin-left: 10px;}
.tx_dcdgooglemap_clear, .tx_dcdgooglemap_poi_header {clear:both;}

/* ** ** table ** ** */
table {border-collapse:collapse;}
.tx-cal-controller  .kalender-terminliste {width:100%;}
tr.even td {background-color:#EEEEEE; text-align: left;}
td {padding:0.3em 0.7em;}
th{font-size: 1.052em; border-bottom:1px solid #EEEEEE; padding: 0.7em; 10px;text-align: left;}
/*.news-single-item td {padding:0;}*/
/***************** Calendar *****************/
.kalender-einzeltermin{background-color:#ffffff;}
.kalender-einzeltermin td {padding:0 1em 0 0; }

.menu-a-z a {
/*background-color:#EEEEEE;*/
border:1px solid #D4DEE7;
/*color:#000000;*/
text-decoration:none;
float:left;
overflow:hidden;
width:25px;
text-align: center;
padding:5px;
}

/* ** ** glossary ** ** */        
.tx-sgglossary-pi1 #searchform_select_tx_sgglossary_pi1 a {
/*background-color:#EEEEEE;*/
border:1px solid #D4DEE7;
/*color:#000000;*/
text-decoration:none;
float:left;
overflow:hidden;
padding:3px 3px 3px 9px;

width:24px;
}
.tx-sgglossary-pi1 #searchform_select_tx_sgglossary_pi1 a:hover {
background-color:#E0E0E0;
/*color:#000000;
text-decoration:none;*/
}
.tx-sgglossary-pi1 .list {
float:left;
width:200px;
}
.tx-sgglossary-pi1 .list a {
/*border-bottom:1px solid #CCCCCC;*/
display:block;
}
.tx-sgglossary-pi1 .details {
float:right; 
width: 450px;
}
.tx-sgglossary-pi1 .details h2 {
margin-top:0;
}
.tx-sgglossary-pi1 .image {
float:right;
font-size:0.8em;
font-weight:700;
margin-bottom:10px;
padding-left:10px;
width:150px;
}
/* CSS Document */



/****************************************/
.sliderGallery {
height:390px;
overflow:hidden;
padding:0;
position:relative;
width:680px;
}
.sliderGallery ul.allItems {
display:block;
position:absolute;
width:10000px;
}
.sliderGallery ul.allItems li.item {
display:block;
float:left;
margin-left:5px;
}
.sliderGallery ul.allItems ul.detail {
border-left:0px solid #D2D2D2;
height:320px;
overflow:hidden;
padding-left:5px;
width:200px;
}
.sliderGallery ul.allItems ul.detail.border {
border-left:1px solid #D2D2D2;
}
.sliderGallery ul.allItems ul.detail li {
clear:both;
list-style-type:none;
margin:0;
padding:0;
}
.sliderGallery ul.allItems ul.detail li.itemYear {
font-weight:bold;
margin-left:0;
padding-left:0;
}
.slider {
height:20px;
margin-left:0;
padding:1px 0 0 5px;
position:relative;
top:-40px;
width:680px;
}
.blocker {
height:20px;
position:absolute;
width:680px;
z-index:18;
}
.handle {
cursor:pointer;
height:40px;
position:absolute;
top:2px;
width:142px;
z-index:400;
}
.slideimage {
background:transparent url(../images/timeline_slider.png) no-repeat scroll /*26px 50%*/;
backgound-color: #1A74B0;
cursor:pointer;
height:20px;
position:absolute;
top:15px;
width:142px;
/*z-index:100;*/
}
.sliderLabel {
cursor:pointer;
font-size:1.25em;
color:#1A74B0;
font-weight:600;
line-height:16px;
position:absolute;
/*z-index:150;*/
}
.sliderLabel_1 {
left:50px !important;
}
.sliderLabel_2 {
left:330px !important;
}
.sliderLabel_3 {
left:400px !important;
}
.sliderLabel_4 {
left:495px !important;
}
.sliderLabel_5 {
left:590px !important;
}
.sliderGallery div.topBg {
height:50px;
width:680px;
background-color: #F3F7FB;
background:transparent url(../images/timeline_slider_bg.png) repeat-x;
background-position:0px 20px;
}
 .sliderGallery div.middleBg {
height:340px;
width:680px;
}



/**********************************/
.tx-indexedsearch-sw{font-weight:600;}
.tx-indexedsearch-browsebox, ul.browsebox, .tx-indexedsearch-res {clear:both;}
ul.browsebox li{float:left; list-style-type:none;}

#motto {float:left; width:590px;}
#motto img {position: absolute; top: 20px;}

#breadcrumb{margin-bottom:10px;margin-top: 20px;}

.tt-products{margin-bottom: 15px;}
.delivery label, .payment label, .delivery-payment label, .invoice_address label, .delivery_address label {width: 150px;}
.delivery-payment{margin-top:20px;}
.basket_items {width:100%;}
.form_control {margin:10px 0;}
.shop_price{font-weight: 600; font-size:1.75em;}
.shop_col_5{width: 310px;}
#delivery_notes{margin-bottom:5px;}
.clearer{clear:both;}

		.tx-vgetagcloud-pi1 {
			clear:both
			line-height: 200%;
		}
		.tx-vgetagcloud-pi1 ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			float: left;
		}
		.tx-vgetagcloud-pi1 li {
			display: inline;
			float: left;
		}
		.tx-vgetagcloud-pi1 li a {
			padding: 4px;
			text-decoration: none;
		}
		
.rss{padding: 0 0 0 10px;}
.login iframe{height: 20px; padding-left: 10px; float:right;}

/****** Slider *****/
.tx-stslidepanel-pi1 {
	position: absolute !important;
	z-index: 100;
	width: 820px !important;
	left: 50%;
	margin-left: -400px;

}

#panel {
	background: #fff !important;
	padding: 10px;
	display: none;
	color: #000;
	/*height: 500px;*/
	overflow: auto;
	/*overflow-x:hidden;*/
		box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
       -webkit-box-shadow:0 0 10px #000;
	
}
.slide {
	margin: 0;
	padding: 0;
}
.btn-slide {
	background: #333333;
	text-align: center;
	width: 240px !important;
	height: 20px !important;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	font-weight: bold;
}

a.btn-slide:hover {
	color: #fff;
}

a.btn-slide:focus {
	outline: none;
}

.cleaner {
	border:0 none;
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
}


/* ** ** csc styled content ** ** */
.csc-textpic-intext-right .csc-textpic-imagewrap {float:right; margin-left: 20px;}
.csc-textpic-intext-left .csc-textpic-imagewrap {float:left; margin-right: 20px;}
.csc-textpic-imagewrap ul li {float: left; list-style: none; margin: 0; margin-right: 10px;}
.csc-textpic-imagecolumn {float:left}
DIV.csc-textpic-clear {
    clear: none !important;
}

/*** Fix für BUG der imaelightbox im IE, schwarzer Balken ***/
#overlay {background-color:transparent!important;}
