/** =========================== Allgemeine Typoscript Deklarationen =========================== **/

@import url(typostyle.css);
@import url(zoombox.css);


/** ============================== Allgemeine HTML Deklarationen ============================== **/
html {
	overflow-y:scroll;
}

body {
	background:#ffffff;
	margin:0px;
	padding:0px;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	font-size:0.81em;
	color:#000000;
}

td, p, div { font-family:Arial,Tahoma,Verdana,sans-serif; }

a img { border:none; }


/** ============================== Allgemeine Kurz-Deklarationen ============================== **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.space-1, .space-4, .space-5, .space-10, .space-20 { font-size:0px; overflow:hidden; }
.space-1  { width: 1px; height: 1px; }
.space-4  { width: 4px; height: 4px; }
.space-5  { width: 5px; height: 5px; }
.space-10 { width:10px; height:10px; }
.space-20 { width:20px; height:20px; }


/** ============================ Allgemeine Formular Deklarationen ============================ **/
form { margin:0px; padding:0px; }

input.tfield, input.textfeld, select.tfield, select.textfeld, textarea.tfield, textarea.textfeld  {
	background:#ffffff;
	margin:0px;
	padding:2px;
	width:194px; /** Select-width - padding - border = Input-width **/
	border:1px solid #666666;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	font-size:0.92em;
}

select.tfield, select.textfeld {
	margin:0px;
	padding:2px;
	width:200px; /** Input-width + padding + border =  Select-width **/
}

textarea { overflow:auto; }

input.err {
	background:#fccfcc;
	border:1px solid #666666;
}

.err {
	background:#fccfcc;
	border:1px solid #666666;
}

.errText { color:#990000; }
.okText  { color:#009900; }
.submit {
	background:#fdc465 url('../images/submit_bg.gif') repeat-x left top;
	margin:0px;
	padding:2px 5px 3px 5px;
	width:188px;
	border:1px #b1770b solid;
	color:#000000;
}


/** ============================== Allgemeine Link Deklarationen ============================== **/
/*
	Es ist notwendig, dass bei Links alle 5 Fälle (link, visited, hover, focus & active)
	deklariert werden. Dies hängt unmittelbar mit der korrekten Darstellung und Interpretation
	vom IE ab. Hauptsächlich betroffen ist die Version 6 vom Internet Explorer
	
	Zudem sollte man auf die korrekte Reihenfolge achten:
	1.) link   2.) visited   3.) hover   4.) focus   5.) active
*/
a:link, a:visited, a:hover, a:focus, a:active {
	outline:none;
	text-decoration:none;
	color:#929292;
}

a:hover, a:focus, a:active {
	outline:none;
	text-decoration:underline;
	color:#6d6d6d;
}


/** ============================= Allgemeine Layout Deklarationen ============================= **/
#layout {
	margin:0px;
	padding:0px;
}

/** ============================= Allgemeine Header Deklarationen ============================= **/
#headerimg {
	margin:0px;
	padding:0px;
	min-width:980px;
	_width:980px;
	width:100%;
	height: 297px;
}

html>body #wave { background: transparent url('../images/wellen.png') no-repeat top center; }
*html #wave { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wellen.png', sizingMethod='scale'); }
#wave {
	margin:0px;
	padding:0px;
	min-width:980px;
	_width:980px;
	width:100%;
	height: 297px;
}

html>body #transgrad { background: transparent url('../images/header_verlauf.png') no-repeat bottom center; }
*html #transgrad { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/header_verlauf.png', sizingMethod='scale'); }
#transgrad {
	margin:0px;
	padding:0px;
	min-width:980px;
	_width:980px;
	width:100%;
	height: 297px;
}

#header {
	margin:0px auto;
	padding:0px 5px 0px 5px;
	width:970px;
	height: 297px;
	overflow:hidden;
}

.sloganbox {
	margin:0px;
	padding:50px 0px 0px 0px;
	width:970px;
}

html>body .sloganbox .slogan { background: transparent url('../images/slogan.png') repeat left top; }
*html .sloganbox .slogan { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/slogan.png', sizingMethod='scale'); }
.sloganbox .slogan {
	margin:0px;
	padding:15px 15px 10px 28px;
	color:#ffffff;
}

/** =========================== Allgemeine Navigation Deklarationen =========================== **/
#navigation {
	background:#ffffff;
	margin:0px;
	padding:0px;
	width:970px;
}

#navigation tr td {
	background:url('../images/navi_bg.png') repeat-x top left;
	margin:0px;
	padding:11px 8px 8px 11px;
	height:54px;
	border-left:#817f7f 1px solid;
}
#navigation tr td.fstn { border-left:#ffffff 1px solid; }

#navigation .item a:link, #navigation .item a:visited, #navigation .item a:hover, #navigation .item a:active {
	margin:0px;
	padding:0px 3px 7px 3px;
	display:block;
	text-decoration:none;
	font-size:1.08em;
	font-weight:normal;
	color:#444444;
}

#navigation .item a:hover, #navigation .item a.on:link, #navigation .item a.on:visited, #navigation .item a.on:hover, #navigation .item a.on:active {
	text-decoration:none;
	color:#878787;
	font-weight:normal;
}

#navigation .subnavi {
	background:#ffffff;
	margin:0px;
	padding:15px 10px 10px 10px;
	width:auto;
	display:none;
	border-left:#817f7f 1px solid;
	top:10px;
	left:-12px;
	z-index:200;
}

.subnavi .sn_items {
	margin:0px;
	padding:0px 20px 0px 0px;
	width:100%;
}

#navigation .subnavi a:link, #navigation .subnavi a:visited, #navigation .subnavi a:hover, #navigation .subnavi a:active {
	background:url('../images/subnavi_arrow.gif') no-repeat 0px 6px;
	margin:0px;
	padding:0px 3px 3px 7px;
	display:block;
	text-decoration:none;
	font-size:0.86em;
	font-weight:normal;
	color:#888888;
}

#navigation .subnavi a:link span, #navigation .subnavi a:visited span, #navigation .subnavi a:hover span, #navigation .subnavi a:active span {
	border-bottom:1px #ffffff solid;
}

#navigation .subnavi a:hover, #navigation .subnavi a.on:link, #navigation .subnavi a.on:visited, #navigation .subnavi a.on:hover, #navigation .subnavi a.on:active {
	text-decoration:none;
	color:#585656;
	font-weight:normal;
}

#navigation .subnavi a:hover span, #navigation .subnavi a.on:link span, #navigation .subnavi a.on:visited span, #navigation .subnavi a.on:hover span, #navigation .subnavi a.on:active span {

	color:#585656;
}

*html .langrelbox { width:auto; height:1px; }
.langrelbox {
	margin:0px;
	padding:0px;
}

#navigation .language {
	background:#f6f6f6;
	margin:0px;
	padding:2px 8px 2px 11px;
	width:100%;
	border-top:1px #817f7f solid;
	top:8px;
	right:-8px;
	font-size:10px;
	z-index:190;
}
*html #navigation .language  { top:9px; right:-9px; }

#navigation .language td {
	margin:0px;
	padding:0px;
	height:auto;
	border:none;
}

#navigation .language a:link, #navigation .language a:visited, #navigation .language a:hover, #navigation .language a:active {
	margin:0px;
	padding:2px 3px 2px 14px;
	display:block;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	color:#585656;
}

#navigation .language a:hover, #navigation .language a.on:link, #navigation .language a.on:visited, #navigation .language a.on:hover, #navigation .language a.on:active {
	text-decoration:none;
	color:#f7c200;
	font-weight:normal;
}

#navigation .language .lang_de { background:url('../images/lang_de.png') no-repeat 0px 3px; }
#navigation .language .lang_en { background:url('../images/lang_en.png') no-repeat 0px 3px; }

/** ============================ Allgemeine Logobar Deklarationen ============================= **/
#logobar {
	background:#fffe00 url('../images/logobar_bg.gif') repeat-x top left;
	margin:0px;
	padding:0px 0px 0px 0px;
	min-width:980px;
	_width:970px;
	width:100%;
}

#logobar .logo {
	margin:0px auto;
	padding:5px 0px 11px 5px;
	width:970px;
}



/** ============================ Allgemeine Content Deklarationen ============================= **/
#maincontainer {
	background:#ffffff url('../images/world_map.png') no-repeat center top;
	margin:0px auto;
	padding:0px 5px 0px 5px;
	width:970px;
	min-height:358px;
}

.maincontent {
	margin:0px;
	padding:0px 20px 0px 0px;
	width:750px;
}

.headline {
	height:25px;
	line-height:25px;
	padding-left:30px;
	margin-bottom:10px;
	background:url('../images/leistungsheader.gif') no-repeat #fbe10a;
	color:#616361;
	font-weight:bold;
	cursor:pointer;
	outline:none;
}

.acc_content {
	padding:10px;
	border:0px solid #999;
	overflow:hidden;
}


/** ============================ Spezielle Produkte Deklarationen ============================= **/
.prodlist {}

.prodlist table tr th {
	margin:0px;
	padding:3px 3px 3px 3px;
	border-bottom:1px #9c9d9d  solid;
	line-height:16px;
	font-size:11px;
	color:#707173;
}

.prodlist table tr th a:link,
.prodlist table tr th a:visited,
.prodlist table tr th a:active,
.prodlist table tr th a:hover {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	color:#707173;
}

.prodlist table tr th a.sort-up {
    padding:0px 0px 0px 12px;
	background:url('../images/sort_up.gif') no-repeat 0px 3px;
	color:#707173;
}

.prodlist table tr th a.sort-down {
    padding:0px 0px 0px 12px;
	background:url('../images/sort_down.gif') no-repeat 0px 3px;
	color:#707173;
}

.prodlist table tr.prodline td {
	background:#edecec;
	margin:0px;
	padding:3px 3px 3px 3px;
	line-height:20px;
	font-size:11px;
	color:#707173;
}

.prodlist table tr.prodlinehover td {
	background:#f7f7f7;
	margin:0px;
	padding:3px 3px 3px 3px;
	line-height:20px;
	font-size:11px;
	color:#707173;
}

.prodlinehover a:link, .prodlinehover a:visited, .prodlinehover a:hover, .prodlinehover a:focus, .prodlinehover a:active {
	outline:none;
	text-decoration:none;
	color:#ff8833;
}

.prodlinehover a:hover, .prodlinehover a:focus, .prodlinehover a:active {
	outline:none;
	text-decoration:none;
	color:#ff8833;
}


.proddetail {}

.proddetail .separator {
	border-top:1px solid #9C9D9D;
	border-bottom:1px solid #dedede;
}

html>body .proddetail .detail_img { background: transparent url('../images/product_detail_bg.png') repeat left top; }
*html .proddetail .detail_img { background: #e8e8e9; }
.proddetail .detail_img {
	margin:0px;
	padding:5px 5px 5px 5px;
	width:740px;
}

.proddetail .detail {
	margin:0px;
	padding:0px 0px 0px 12px;
	width:500px;
}

.proddetail .prodimages .images_item {
	background:#eeeeee;
	margin:0px;
	padding:2px 2px 2px 2px;
	border:1px #dddddd solid;
}

.addinlightbox {
	margin:0px;
	padding:0px 10px 10px 10px;
}

.addinlightbox .fr .fl {
	margin:0px;
	padding:0px 0px 0px 4px;
	height:25px;
}

.addinlightbox .fr .arrow {
	margin:0px;
	padding:6px 0px 0px 4px;
	height:19px;
}

/** ============================= Allgemeine Basket Deklarationen ============================= **/
a.submit:link, a.submit:visited, a.submit:hover, a.submit:focus, a.submit:active {
	display:block;
	width:auto;
	text-decoration:none;
	color:#000000;
}

a.submit:hover, a.submit:focus, a.submit:active {
	text-decoration:none;
	color:#000000;
}

.basketform {
	margin:0px auto;
	padding:0px;
	width:350px;
}


/** ============================ Allgemeine Sidebar Deklarationen ============================= **/
.sidebar {
	margin:0px;
	padding:0px 0px 0px 0px;
	width:200px;
}

.lightbox {
	background:url('../images/sidebar_lightbox_bg.png') no-repeat left top;
	margin:0px;
	padding:12px 10px 5px 10px;
	width:180px;
	min-height:100px;
	_height:100px;
	font-size:11px;
	color:#ffffff;
}

.lightbox h3 {
	margin:0px;
	padding:0px 0px 0px 2px;
	border-bottom:1px #f7c200 dotted;
	color:#f7c200;
	font-size:16px;
}

.lightbox div {
	margin:0px;
	padding-left:2px;
}

.lightbox .lightbox_pieces {
	margin:0px;
	padding:0px 0px 0px 2px;
	font-size:20px;
}

.lightbox .lightbox_pieces span {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
}

.lightbox a:link, .lightbox a:visited, .lightbox a:hover, .lightbox a:focus, .lightbox a:active {
	outline:none;
	text-decoration:underline;
	color:#ffe000;
	font-size:11px;
}

.lightbox a:hover, .lightbox a:focus, .lightbox a:active {
	outline:none;
	text-decoration:underline;
	color:#ffe000;
}

.random_article {}

.random_article h3.title {
	background:url('../images/headline_logo.gif') no-repeat left bottom;
	margin:0px;
	padding:2px 0px 5px 17px;
	font-size:13px;
	color:#999999;
}

.random_article .random_img {
	background:#eeeeee;
	margin:0px;
	padding:2px 2px 2px 2px;
	border:1px #dddddd solid;
}


/** ============================= Allgemeine Footer Deklarationen ============================= **/
#footer {
	margin:0px;
	padding:2px 5px 5px 5px;
	width:960px;
	border-top:1px #cccccc dotted;
	font-size:0.86em;
	color:#aaaaaa;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:focus, #footer a:active {
	outline:none;
	text-decoration:none;
	color:#aaaaaa;
}

#footer a:hover, #footer a:focus, #footer a:active {
	outline:none;
	text-decoration:underline;
	color:#aaaaaa;
}