@charset "UTF-8";

@media all {

html * { font-size: 100.01%; }

.highslide-html-content {
	display: none;
}

textarea, pre, code, kbd, samp, var, tt {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

body {
	font-family: Arial, Verdana, Helvetica, SunSans-Regular, sans-serif;
	font-size: 75.00%;
	color: #000;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.25em 0;
}

h1 {
	font-size: 130%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 15px;
}

h2 {
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 15px;
}

h3, h4, h5, h6 {
	font-size: 1em;
}

/* !Links */

a {
	color: #1a171b;
	background: transparent;
	text-decoration: none;
}
a:hover,
a:active {
	outline: none;
	color: #000;
	text-decoration: underline;
}
a:focus {
	outline: none;
}

a.extern {
}


.bildpopuprechts {
	padding-left: 16px;
	color: #000;
	background: url(/css/files/movie.gif) -1px -2px  no-repeat;

	
}

#darkblue a {
	color: #0093D2;
}
#orange a {
	color: #DF5700;
}
#lightblue a {
	color: #9ED5FA;
}
#yellow a {
	color: #FFA800;
}

#green a {
	color: #9DC75E;
}


/*
#darkblue #col2_content strong,
#darkblue #col2_content b {
	color: #0093D2;
}

#orange #col2_content strong,
#orange #col2_content b {
	color: #DF5700;
}

#lightblue #col2_content strong,
#lightblue #col2_content b {
	color: #9ED5FA;
}

#yellow #col2_content strong,
#yellow #col2_content b {
	color: #FFA800;
}

#green #col2_content strong,
#green #col2_content b {
	color: #9DC75E;
}
*/




#topnav a {
	color: #999;
	font-weight: normal;
	background: transparent;
	text-decoration: none;
}
#topnav a:focus,
#topnav a:hover,
#topnav a:active {
	text-decoration: underline;
	background-color: transparent;
}

/* !Listen */

ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
ul li {
	list-style: disc;
	margin-bottom: 15px
}

ul li		{
	margin-bottom: 10px;
	line-height: 16px;
	margin: 0 0 0 15px;
}



ol li {
	list-style-type: decimal;
	margin-left: 19px;
}
ol ol li {
	list-style-type: lower-latin;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.8em;
}

/* !Allgemeine Textauszeichnung */

p {
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

blockquote {
	margin: 0 0 1em 0;
    	padding: 20px 0 10px 30px;
    	font-style: italic;
	background: url(/css/files/quote.gif) no-repeat 5px 8px;
}

strong,b { font-weight: bold; }
em,i { font-style: italic; }


pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.4em; margin: 0 0 1em 0; }
kbd, samp, var { color: #4c4c4c; }
var { font-style: italic; }

acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	letter-spacing: .07em;
	cursor: help;
}

sub, sup { font-size: 91.6667%; }

hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #e5e5e5 solid;
}

.float_right {
	position: relative;
	top: 5px;
	float: right;
	margin-left: 15px;
	margin-bottom: 13px;
}
.float_left {
	position: relative;
	top: 5px;
	float: left;
	margin-right: 15px;
	margin-bottom: 13px;
}

/* !Spezielle Anpassungen */

#quickinfo {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
}

#quickinfo a {
	color: #fff !important;
	text-decoration: none;
}
#quickinfo a:hover {
	color: #000;
	text-decoration: none !important;
}



.footer_text {
	position: absolute;
	left: 275px;
	top: 55px;
	width: 220px;
	color: #fff;
	font-style: italic;
}
.footer_pic {
	position: absolute;
	left: 521px;
}
.footerslideshow {
	position: absolute;
	left: 521px;
    	height:  248px;  
    	width:   458px;
}
 
.footerslideshow img {  
	border: none;
    	height:  248px;  
    	width:   458px;
    top:  0; 
    left: 0 
}


.footerdiashow {
	position: absolute;
	left: 521px;
    	height:  248px;  
    	width:   458px;
	display: inline-block;
	overflow: hidden;
}

/* !Tabellen */

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
table caption { font-variant:small-caps; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
body th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #efeff0; }

tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #eee; }

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub { background: #efeff0; }
tbody tr:hover td { background: #efeff0; }

}



/***/

/*	Textbild	*/

.textbild .floatLeft {
	float:left;
	margin: 0 15px 0 0;
}

.textbild .floatRight {
	float:right;
	margin: 0 0 0 15px;
}

.textbild img {
	margin: 0;
}

.textbild .subline {
	color: #6e6e6e;
	font-size: 10px;
	margin: 5px 0 5px 0;
}

/*	Zweispalter	*/

.zweispalter {
	width: 463px; 
	margin-bottom: 10px;
}

.zweispalter_1 {
	float: left;
 	width: 220px !important;

}

.zweispalter_2 {
 	float: left;
 	width: 220px !important;
  	margin-left: 23px !important;
}


/*	Contentslider Zweispalter	*/

.sliderzweispalter {
	margin: 0;
	padding: 0;
	width: 490px !important; 
	background: url(/files/trans.gif) !important;
	
}

.sliderzweispalter_1 {
	float: left;
	display: block;
 	width: 225px !important;
}

 .sliderzweispalter_2 {
 	float: left;
  	width: 225px !important;
  	margin-left: 13px !important;
	margin-right: 4;
}

.sliderzweispalter_1 img,
.sliderzweispalter_2 img {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
}

.sliderzweispalter_1 p,
.sliderzweispalter_2 p {
	margin: 8px 0 0 0;
	color: #707274;
}

/*	Trenner		*/
.abstand {
	clear: both;
	display: inline-block;
	min-height: 1px;
	width: 100%;
}

#contentsliderwrapper { width: 768px; height: 123px; border-top: 1px solid #d2d4d6; margin: 0 0 5px -153px; background: url(/files/back_contentslider.gif) repeat-y 0 0; }
#contentslider { width: 463px; height: 120px; margin: 0 auto; }
#contentslider div { width: 463px; height: 120px;  text-align: left;  overflow: hidden; margin: 0; }

#contentsliderwrapper a.prev {
	position: absolute;
	text-indent: -3000px;
	margin: 46px 0 0 97px;
	width: 30px;
	height: 30px;
}

#contentsliderwrapper a.next {
	position: absolute;
	margin: 46px 0 0 640px;
	text-indent: -3000px;
	width: 30px;
	height: 30px;
}

/* Download anbieten */



.list_content {
	display: inline-block;
	width: 100%;
	padding: 3px 5px 0px 0px;
	margin: 0;
}

.list_content img {
}

.list_content3 {
	width: 100%;
}

	

.list_content a,
.list_content a:link {

}


.list_content a:visited,
.list_content a:active {

}


.list_content  a:hover {
	text-decoration: underline;	
}



/*	routenplaner *****************************************************************/

#static_map {
	clear: both;
	margin: 0;
	padding: 0;	
	margin:0 auto;

}

#map_route {
	width: 463px;
	height:400px;
	border: 1px solid #000;
	clear: both;
	margin: 0 0 40px 0;
	padding: 0;
	float: right;
	overflow: hidden;
}

#directions {
	clear: both;
	margin: 0;
	padding: 0;
	color: #8f350f !important;	
}

.googledir {
	color: #2f2222 !important;	
}


#directions tbody,#directions tr, #directions table {
	width: 100%;
	color: #2f2222 !important;	
	border: none !important;
}


#routenplaner fieldset {
	display: inline-block;
	border: none;
	background-color: #e7e7e7;
	width: 463px;
	font-size: 12px;	
	height: 45px;
}


#routenplaner legend {
	font-weight: normal;
	padding: 5px;
	margin: 5px 0px 0px 10px;
	display: none;
}


#routenplaner input {
	width: 280px;
	float:left;
	height: 15px;
	font-size: 12px;
	padding: 3px !important;
	margin: 10px;
	}

#routenplaner .submit {
	float: left;
	width: 115px;
	border: 1px solid #717578;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin: 11px;
	padding: 0 10px 0 0;
	text-align: right;
	height: 25px;
	background: #aaa8a8 url(sprite.gif) no-repeat 0px -48px;
}


#routenplaner .submit:hover {
	cursor: pointer;
	border: 1px solid #0093d2;
	color: #fff;
	background: #0093d2 url(sprite.gif) no-repeat 0px -75px;
}




/* Produktübersicht */

.produktuebersicht {
	width: 705px; 
	margin: 0 0 0 -153px; 
	padding: 0 0 25px 63px;
	background-color: #efeff0;
	display: inline-block;
}

.produktuebersicht .produkt {
	width: 120px;
	float: left;
	margin: 20px 53px 0 0;
}

.produktuebersicht .produkt .link {
	font-size: 11px;
}

.produktuebersicht .produkt a img {
	border: 1px solid #000;
}

.produktuebersicht .produkt a img:hover {
	border: 1px solid #df5700;
}

.produktuebersicht .produkt a  {
	text-transform: none;
	color: #5a5a5c !important;
	text-decoration: none;
}

.produktuebersicht .produkt a:hover  {
	color: #df5700 !important;
	text-decoration: none !important;
}

/* Produktübersicht einzeln */

.produkteinzel {
	width: 755px; 
	margin: 10px 0 0 -153px; 
	padding: 14px 0 14px 14px;
	background-color: #efeff0;
	display: inline-block;
}

.produkteinzel .produkteinzelbild {
	width: 139px;
	float: left;
}


.produkteinzel .produkteinzelbild img {
	border: 1px solid #a5a5a6;
}

.produkteinzel .produktreeinzeltext  {
	float: left;
	width: 463px;
}


.produkteinzel .produktreeinzeltext p {
	margin: 0;
	padding:  0;
}

.produkteinzel .produktreeinzeltext a.weiter {
	margin: -16px 12px 0 0;
	float: right;
}


.produkteinzel .produkteinzeldownload {
	width: 130px;
	height:52px;
	border-left: 1px solid #a5a5a6;
	float: right;
	margin: 0 0 0 5px;
	padding: 38px 0 0 0;
}


.produkteinzel .produkteinzeldownload .down{
	width: 130px;
	margin: 5px 5px 5px 10px;
}





/* Galleriffic Container */
#galleriffic {
	position:relative;
	width:680px;
	margin:20px 0 20px 0;
	clear:both;
}

/* Anzeige */
#galleriffic #slideshow{
	float:left;
	width:463px;
	height:362px;
	text-align:center;
	overflow:hidden;
	display:block;
}	
#galleriffic #slideshow span {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:463px;
	height:362px;
	overflow:hidden;
	display:block;
	line-height:450px;/**/
}
#galleriffic #slideshow span a {
	width:463px;
	height:362px;
	display:block;
	font-size:1.0em;/**/
	line-height:463px;/**/
	text-decoration:none;

	
}
#galleriffic #slideshow span a, 
#galleriffic #slideshow span a img {
	border:0;
	margin:0;
	padding:0;
}
#galleriffic #slideshow span a img{
	vertical-align: top;/**/
}

/* Loader */
#galleriffic #loading {
	position:absolute;
	top:0;
	left:0;
	width:463px;
	height:362px;
	background: url('../files/ajax-loader.gif') center center no-repeat;
}

/* Thumbnails */
#galleriffic #gallerythumbs{
	float: left;
	overflow:hidden;
	width: 130px;
	height: 130px;
	border-left: 1px solid #a5a5a6;
	margin: 260px 0 0 0;
	padding: 5px 0 0 10px;
}

#galleriffic #gallerythumbs .down{
	margin: 0 0 5px 0;
}

#galleriffic #gallerythumbs ul.thumbs {
	margin: 0 0 10px 0;
	padding: 0;
	clear:both;
	display: inline-block;
	width: 110px;
}
#galleriffic #gallerythumbs ul.thumbs li {
	display:none;
	float:left;
	width: 15px;
	height: 15px;
	overflow:hidden;
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	background:none;
}
#galleriffic #gallerythumbs ul li a img {
	border:0;
	width: 15px;
	height: 15px;
	background:#fff;
}
#galleriffic #gallerythumbs ul.thumbs li a {
	padding:1px;
	width: 15px;
	height: 15px;
	display:block;
	background:none;
}
#galleriffic #gallerythumbs ul li a:hover {
	background:#fff;
}
#galleriffic #gallerythumbs ul li.selected a {
	background:#fff;
}

/* Pagination */
#galleriffic div.pagination {
	clear: both;

}
#galleriffic div.navigation div.top {
	margin-bottom: 0.5em;
}
#galleriffic div.navigation div.bottom {
	margin-top: 0.5em;
}
#galleriffic div.pagination a,
#galleriffic div.pagination span.current,
#galleriffic div.pagination span.ellipsis
 {
	display: block;
	float: left !important;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
}  



/* ie6 */
#ie6 {
	position:center;
	z-index:1000;
	background-color:#fff;
	border:3px solid #000;
	color: #000;
	line-height: 1.5;
	font-size: 18px;
	margin: 25px auto;
	padding: 50px;
	text-align: center;
	width: 850px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#ie6 a {
	display: inline-block;
	padding: 10px;
	color: #f00;
	font-weight: bold;
	text-decoration:underline;
	background-image: none;
}


div.flash_wrapper {
  margin: 0px auto;
  text-align: center;
}

#flashfarbkonfigurator {
	display: inline-block;
	margin: 0 0 0 -153px;
	width:100%;
	height:100%;
}

#flashContent {
	display: inline-block;
	margin: 0 0 0 -153px;
	width:100%;
	height:100%;
}