@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}
h1, h2, h3 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:7px;
	color:#686868;
	}
h2, h3 {margin-top:20px;}
h3 {font-size:12px; font-weight:bold; text-transform:uppercase;}
	
a {
	color:#485156;
	text-decoration:none;}
a:hover {
	text-decoration:underline;}
a img {border:0;}

hr, .hr {
	 height:0;
	 border:0;
	 margin:5px 0;
	 border-bottom:1px dotted #999;
	 background:transparent;
	}

.Border {
	 border:1px solid #ccc;
	 padding:2px;
	}

input[type=text], input[type=password], select {
	height:14px;
	padding:4px;
	color:#666;
	font-size:11px;
	margin:1px 0;
	border:1px solid #e5e5e5;}
input[type=text]:focus, input[type=password]:focus, select:focus {
	border:1px solid #999;}

textarea, .routeButton {border:1px solid #e5e5e5;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	padding:4px;
	background:#fff;
	color:#666;}
input[type=radio] {
	margin:0 4px;}
input[type=checkbox] {
	margin:0 4px;}
select {
	height:22px;}
input.TextInput {
	color:#6b6b6b;
	font-size:10px;
	border:0;
	background:url(images/InputBg.gif);
	height:17px;
	padding:5px 0 0 3px;
	width:109px;
	}
input.TextInput:focus {
	 border:0;
	}
* html input.TextInput {
	width:112px;
	height:23px;
	widt\h:109px;
	heigh\t:17px;
}

.highlightbox input,.highlightbox textarea, select {
	margin-top:5px;
}

input.Submit {
	cursor:pointer;
	border:0;
}



.hidden {display:none;}
.copyright {display:none;}



/* Framework */ 


body {
	font-family:"Century Gothic", "Trebucht MS", Arial;
	font-size:10px;
	color:#6b6b6b;
	}

 
#BoxPagePosition {
	 width:770px;
	 padding-left:10px;
	 margin:0 auto 0 15%;
	 position:relative;
	}
	
	#Logo {
		float:left;
		margin-top:10px;
		position:relative; 
	}
	
	#quick_find {
		top:10px;
		position:relative;
		display:block;
		width:134px;
		float:right;
		;
	}
		#quick_find input {float:left;}
		
	
/* Head */

#Breadcrumb {
	font-size:12px;
	width:100%;
	border-bottom:1px solid #ccc;
	font-family:"Trebuchet MS", Arial, Verdana;
	color:#aaa;}
 #Breadcrumb a{
 	 color:#999;
	}
	#Breadcrumb a:hover {
		 color:#666;
		}
	
/* Shopping Cart */
#ShoppingCart {
	 position:absolute;
	 display:block;
	 bottom:9px;
	 right:360px;
	 background:#F2F1EF url(images/ShoppingCart.gif) 2px 4px no-repeat;
	 padding:2px 2px 0px 22px;
	 font-size:12px;
	 color:#666;
	}
* html #ShoppingCart {
	 bottom:-1px;
	}
#ShoppingCart:hover {
	 opacity:1;
	 filter:alpha(opacity=100);
	 text-decoration:none;
	}

#Search {
	 clear:both;
	 top:10px;
	 right:20px;
	 position:relative;
	 height:5px;
	 width:1000px;
	}

#Head {
	 clear:both;
	 top:	15px;
	 position:relative;
	 height:385px;
	 width:1000px;
	 background:url(images/headerneu.jpg) right no-repeat;
	}
	
	#Head img {
		margin-left:00px;
		margin-top:90px;
	}
	
#Nav {
	position:absolute;
	bottom:0;
	padding:0;
	left:0;
	margin:0;
	margin-left:9px;
	margin-bottom:8px;
	list-style:none;
	}
* html #Nav  {
	 bottom:-1px;
	}
#Nav li {float:left; position:relative;}
#Nav img {margin:0; }
#Nav li a {
	float:left;
	background:#fff;
	padding:3px 6px;
	opacity:0.6;
	filter:alpha(opacity=50);
	font-size:15px;
	color:#222;
	text-decoration:none;}

#Nav li:hover a, #Nav li.Active a, #Nav li.sfhover a {
	opacity:1;
	filter:alpha(opacity=100);
}

/* Second Level */

#Nav ul {
	 display:none;
	 position:absolute;
	 bottom:27px;
	 padding:0;
	 height:193px;/* neuer punkt service heigt +20px*/
	 left:0;
	 list-style:none;
	 opacity:0.7;
	 filter:alpha(opacity=70);
	 font-family:"Trebuchet MS", Arial;
	 background:#000;
	 padding:35px 0 0 10px;/* neuer punkt service padding -20px*/
	 width:150px;
	}
* html #Nav ul {padding-top:36px;bottom:26px;} /* neuer punkt service  padding -20px*/
*+html #Nav ul {padding-top:36px;bottom:26px;}/* neuer punkt service padding -20px*/

#Nav li:hover ul, #Nav li.sfhover ul {display:block;}

/* LI */
#Nav ul li {
	 display:block;
	 border-bottom:1px dotted #555;
	 margin-left:-10px;
	 padding-left:10px;
	 width:100%;
	}
* html #Nav ul li {margin-left:-5px;}
/* A */
#Nav li:hover ul li a, #Nav li.sfhover ul li a {
	 float:none;
	 color:#fff;
	 background:transparent;
	 padding:0;
	 display:block;
	 width:100%;
	 font-size:12px;
	}
#Nav li:hover ul li:hover a, #Nav li.sfhover ul li.sfhover a {
	color:#999;}
	
li#NavKontakt ul{
	 right:0;
	 left:auto;
	 padding-top:190px;
	 height:38px;
	}
* html li#NavKontakt ul {padding-top:190px;}
*+html li#NavKontakt ul {padding-top:190px;}

li#NavLeistungen ul {
	 padding-top:94px;
	 height:134px;
	}
* html li#NavLeistungen ul {padding-top:95px;}
*+html li#NavLeistungen ul {padding-top:95px;}


#ContentTop {
	 margin-top:30px;
	 display:block;
	 clear:both;
	 width:100%;
	 position:relative;
	 margin-bottom:5px;
	}
	
	.TopBox {
		 float:left;
		 line-height:130%;
		 margin-right:30px;
		 font-family:"Trebuchet MS", "Century Gothic", Arial;
		 display:block;
	 }
	 .TopBox input {
	 	float:left;}
	 * html .TopBox {line-height:128%;}
	 *+html .TopBox {line-height:145%;}
	 .TopBox h1 {font-family:"Century Gothic", "Trebucht MS", Arial; margin:0;}
	#LoginBox {width:145px;}
	#LoginBox .TextInput:First-Child {margin-bottom:4px;}
	#LoginBox a {color:#ccc; text-decoration:none;}
	#LoginBox a:hover {color:#999; text-decoration:underline;}
	#Admin a {color:#555; font-size:9px; float:left;}
	#NewsletterBox {width:170px !Important; margin-right:20px;}
	#WeatherBox {width:150px; margin-right:20px;}
	
	/* OffersBox */
	#OffersBox {width:235px; margin-right:0;}
	* html #OffersBox { width:200px; }
	#OffersBox span {float:left; width:175px; height:12px;}
	#OffersBox a {display:block; cursor:pointer; clear:both; text-align:right; text-align:left; padding:2px; width:225px; line-height:12px; color:#555; height:12px; border-bottom:1px dotted #ccc; text-decoration:none;}
	#OffersBox a:hover {background:#e5e5e5;}
	#OffersBox span.productOldPrice {font-weight:bold; display:block; float:none; text-align:right !important; width:70px; overflow:hidden; color:#26567E;}
	* html #OffersBox span.productOldPrice {display:inline;}
	*+html #OffersBox span.productOldPrice {display:inline;}
	
#Content {
	clear:both; 
	margin-top:30px;
	font-size:12px;
	color:#555;
	font-family:"Trebuchet MS", sans-serif;
	position:relative;
}
/*#TextContent a {
	 display:inline;
	 padding-left:11px;
	 background:url(images/LinkInt.gif) 0 6px no-repeat;
	}*/
#TextContent a[target=_blank] {
	 display:inline;
	 padding-left:9px;
	 background:url(images/LinkExt.gif) 0 5px no-repeat;
	}
	
#TextContent a .linkimg{
	 background:none;
	}

body .NoTextLink a, .NoTextLink a[target=_blank] {
	 padding-left:0 !important;
	 background:transparent !important;
	}
#Content ul, #Content ol {
	padding-left:20px;
	margin:5px 0 10px 0;
}
#Content ul {list-style-image:url(images/CatArrow.gif);}
#Content ul.BoxSitemap  {
	 margin:0;
	}
#Content table td {
	 border-bottom:1px dotted #ccc;
	 vertical-align:middle;
	 margin-top:50px;
	 padding-bottom:5px;
	 padding-top:5px;
	}
/* IE6*/ *html #Content table td  {padding-left:10px;}

#ContentPosition {
	 float:right;
	 margin:0;
	 position:relative;
	 font-size:12px;
	 width:595px;
	}
* html #ContentPosition {
	 position:relative;
	 width:582px;
	}
.ColLeft, .ColRight {
	float:left;
	display:block;
	width:46%;
}
.ColRight {float:right; width:49%;}

#ContentPosition .ColLeft, #ContentPosition .ColRight {
	float:left;
	display:block;
	width:260px;
	margin-right:50px;
}
#ContentPosition .ColRight {
	margin:0;
	width:280px;
	}
* html #ContentPosition .ColRight {
	margin:0;
	width:260px;
	}




#Content h1, #Content h2, #Content h3 {font-family:"Century Gothic", "Trebucht MS", Arial;}
#Content p {
	margin:10px 0 0 0px;}

/* Categories */

.ColCategories {
	width:170px;
	float:left;
	line-height:16px;
	overflow:visible;
	margin-left:-10px;
	list-style:none;
}
* html .ColCategories  {margin-left:-5px;}

.ColCategories h1 {
	margin-left:10px;}
ul.Categories {list-style:none; margin:0; padding:0 !Important;}
ul.Categories li {
	list-style-image:none;
	margin:0;}
ul.Categories li a {
	font-family:"Trebuchet MS", Arial;
	font-size:14px;
	color:#666 !important;
	display:block;
	text-indent:10px;
	text-decoration:none;
	
	}
ul.Categories li a:hover {
	 color:#285880 !important;
	 background:url(images/CatArrow.gif) 0 4px no-repeat;
	 text-decoration:none !important;
	}
ul.Categories li a:Active {
	 background:url(images/CatArrow.gif) 0 4px no-repeat;
	}
	
	/* Level 2 */
	ul.Categories li.level2 a {
		 font-size:12px;
		 margin-left:10px;}

#Footer {
	margin-top:30px;
	line-height:16px;
	padding-top:10px;
	border-top:1px dotted #e5e5e5;
	position:relative;}

#Footer a {
	 color:#6B6B6B;
	 font-family:"Trebuchet MS", Arial;
	 text-decoration:none;
	}
#Footer a:hover {
	 text-decoration:underline;
	}
#footer_c a {
	 color:#999;
	 font-family:"Trebuchet MS", Arial;
	 text-decoration:none;
	}
/* CONTENT */

/* Product Listing */
.ProductListing {
	width:180px;
	display:block; position:relative;
	padding:3px !important;
	float:left;
	overflow:hidden;
	font-size:12px;
	margin:0 23px 10px 0;
	background:transparent !important;
	text-decoration:none;
	height:auto;
	}

.ProductListing:hover {
	text-decoration:none;}
.ProductListing:hover h2 img {
	-moz-opacity:0.7;}
	.ProductListing p {margin:0px;}
	.ProductListing h2 {
		display:block;
		background:url(images/CatArrow.gif) 5px 7px no-repeat;
		text-indent:15px;
		padding:3px;
		font-family:"Trebuchet MS", Arial, Verdana !important;
		margin:0;
		font-weight:normal;
		font-size:14px;
		color:#666;
	}
	.ProductListing .Image {
		margin:2px 0 0 0;
		display:block;
		width:180px !important;
		text-align:center;
		background-color:#fff;
		height:80px !important;
		overflow:hidden !important;
		padding-top:-30px;
		padding-left:1px;
		
		}
	.ProductListing .Text {
		padding:5px 0;}
	.ProductListing .Image img {
		margin-top:-15%;
		cursor:pointer;
	}
	.ProductListingPrice {
		display:block; position:absolute;
		bottom:6px;
		z-index:100;
		left:6px;
		text-align:left;
		background:#27577F;
		margin-top:2px; padding:1px;
		color:#fff;
		border: 1px solid #fff;
		font-weight:bold;
		}
	
/* Newslisting */ 
.NewsListing {
	display:block; position:relative;
	padding:3px 0 !important;
	float:left;
	overflow:hidden;
	width:auto;
	height:107px;
	font-size:12px;
	color:#666666;
	margin:0 23px 10px 0;
	background:transparent !important;
	text-decoration:none;
	border:1px solid #fff;
	border-top:1px dotted #ccc;
	}

.NewsListing:hover {text-decoration:none;}
.NewsListing:hover strong img {
	-moz-opacity:0.7;}
	.NewsListing p {margin:0px;}
	.NewsListing strong, .Button {
		display:block;
		background:url(images/CatArrow.gif) 5px 7px no-repeat;
		text-indent:15px;
		padding:3px;
		font-family:"Trebuchet MS", Arial, Verdana !important;
		margin:0;
		font-weight:normal;
		font-size:14px;
		color:#666;
	}
	.NewsListing .Image {
		margin:2px 10px 10px 0;
		display:block;
		max-width:200px;
		background-color:#fff;
		height:80px;
		text-align:center;
		float:left;
		overflow:hidden;
		
		}
	.NewsListing .Text {
		padding:5px 0;}
	.NewsListing .Image img {
		cursor:pointer;
		border:1px solid #ccc;
		max-width:133px;
		max-height:200px;
	}
	.Button {
		 border:1px solid #ccc;
		 font-size:12px;
		 line-height:29px;
		 display:inline !important;
		 padding-left:17px;
		}
	a:hover .Button {
		 border:1px solid #666;
		}

/* Product Details */
	
	#ProductInfoBox {
		display:block;
		width:0px;
		float:right;
		width:225px;
		position:relative;
		right:0px;
		}
	#Infos {
		margin:10px 0 0 0;
		clear:both !important;
	}
	#PriceImage {
		margin-bottom:-7px;
	}
		#BoxLarge {
			margin:0px;
			position:relative;
			border:1px solid #ccc;
			padding:2px;
			width:220px;
			clear:both !important;
			}
		*+html #BoxLarge {left:-7px;}
		* html #BoxLarge {left:-7px;}
	#ImageBox  {
		 text-align:center;
		 position:relative;
		}
	#SmallImageBox {position:relative;
		width:220px;
		position:relative;
		margin:2px 0 0 0;
		left:0;
	}
	* html #SmallImageBox { left:-9px;}
	*+html #SmallImageBox {left:-9px;}
	#SmallImageBox a {
		padding:0 2px 4px 2px;
		display:block;
		width:25px;
		margin:0 2px 2px 0;
		height:25px;
		float:left;
		border:1px solid #ccc;}
	* html #SmallImageBox a {
		 padding-bottom:2px;
		 padding-right:0;
		}
	
		.ProductImage {
			width:25px;
			height:25px;
			float:left;
			margin:2px 2px 0 0;
			bottom:0px;
		}
	.TechTable, .TechTableVert {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		width:315px;
		color:#444;
	}
	.TechTableVert td{
		padding:10px 0 0 5px;
		border-right:1px dotted #777;}
	.TechTable td {
		padding-top:5px;
		width:50%;
		border-bottom:1px dotted #777;
	}
	.TechTableAuto td {width:auto;}
	
/* Galerie Details */
	
	#GalerieInfoBox #BoxLarge {width:500px;float:left; font-size:0;}
	#GalerieInfoBox #ImageBox  {top:auto; }
	#GalerieInfoBox #SmallImageBox {width:auto; float:left; margin:10px 0 0 4px; width:75px;}
	
	* html #GalerieInfoBox #BoxLarge {padding:0; border:0;}
	* html #GalerieInfoBox #SmallImageBox {margin:10px 0 0 4px;}

/* Order Details */ 
.OrderDetails td {
	padding:2px 5px;}
.OrderDetails .headerrow {
	 color:#006AB2;
	}
/* Row */ 
.Row {
	border-bottom:1px dotted #ccc;
	background:#eee !important;
	display:block;
	padding:3px;}
td.Row {display:table-cell;}
a.Row:hover {background:#ddd !important;text-decoration:none;}


/* XTC Standard */
.inputRequirement {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;}

.right, .left, .center {padding:0 3px;}
.right {width:50px;}
.checkoutagb {margin:10px 0;}

textarea#message_body {
	width:414px;}

/* GuestBook */

#TableGBook thead td {
	 border-bottom:1px solid #ccc;
	 font-size:13px;
	}
#TableGBook tbody td {
	 border-bottom:1px dotted #ccc;
	 padding:4px;
	 background:#efefef;
	}
#TableGBook tbody tr:hover td {
	 background:#ddd;
	}
	
	
/* AttributBox */

.AttributSelection {margin-top:30px;}
.AttributSelection span {margin-top:130px !important;}
#Infos span {font-size:14px !important;} 
input[type="radio"] {margin:0pt 10px;}
/* IE6*/ *html input[type="radio"] {margin:0pt 20px !important;}
/* IE7*/ *+html #Infos {font-size:10px;}
/* IE6*/ *html #Infos {font-size:10px;}

.Poll  {
	position:absolute;
	width:200px;
	right:-250px;}
.poll_question  {
  font-size: 13px;
}

.katDesc{font-weight:bold; margin-bottom:20px; font-size:14px;}