/*

Datei: screen.css

Verwendung: Stylesheet Screen

Autor: insyma (VELS)

Edit: 01. Mai 2007

*/



/* ############################################

	Allgemeines

############################################ */



* {

	list-style: none;

	margin: 0;

	padding: 0;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;

}

body {

	font-size: 62.5%;

	background: #F5F5F5;

	color: #333;

}

fieldset {

	border: none;

}

a {

	/* color: #1C47CA; */

	color: #02719f;

}

table {

	border-spacing: 0;

	border-collapse: collapse;

}

td {

	vertical-align: top;

	padding: .25em .5em;

	border-bottom: 1px solid #DDD;

}

tr.alt td {

	background: #F5F5F5;

}

div#wrap {

	width: 950px;

	margin: 0 auto;

	padding: 0 10px;

	font-size: 110%;

	background: url(../../images/layout/6/bg.gif) repeat-y center;

	position: relative;

}





/* ############################################

	Header-Navigation

############################################ */



ul#headernavi {

	text-align: right;

	padding: 0 20px 0 0;

	height: 20px;

	background: url(../../images/layout/6/head_navi.gif) repeat-x #000;

	color: #0058A4;

}

ul#headernavi li {

	display: inline;

	margin: 0 0 0 1em;

}

ul#headernavi a {

	color: #0058A4;

	text-decoration: none;

}

ul#headernavi a:hover {

	text-decoration: underline;

	color: #DB001B;

}





/* ############################################

	Header

############################################ */



div#head {

	height: 100px;

	background: url(../../images/layout/6/head.gif) repeat-x #616161;

	border-bottom: 1px solid #016189;

}

div#head p#logo {

	width: 380px;

	padding: 0px 10px 10px 10px;

	color: #FFF;

	font-size: 130%;

	float: left;

}

div#head p#logo img {

	display: block;

	border: none;

}

div#head p#logo span {

	display: block;

	text-align: right;

}

div#head p#trusted-shop {

	position: absolute;

	top: 0px;

	left: 200px;

	background: url(../../images/layout/6/trusted_shop.png) no-repeat;

	width: 100px;

	height: 100px;

	text-indent: -2000px;

}

div#head p#trusted-shop a {

	display: block;

	width: 100px;

	height: 100px;

}

img#head-banner {

	position: absolute;
	top: 30px;
	right: 20px;
	border: none;

	}







/* ############################################

	Header Promo Link

############################################ */



div#head p.promolink {

	float: right;

	width: 380px;

	margin: 15px 0 0 0;

}

div#head p.promolink a {

	float: left;

	width: 320px;

	height: 60px;

	color: #FFF;

	margin: 0;

	padding: 10px 0 0 60px;

	text-decoration: none;

	/*background-position: top left;

	background-repeat: no-repeat;*/

}

div#head a#promolink-printerchecker {

	background-image: url(../../images/layout/6/promolink_printerchekcer.gif);

}

div#head a#promolink-register {

	background-image: url(../../images/layout/6/promolink_register.gif);

}

div#head p.promolink a:hover {

	background-position: bottom left;

}

div#head p.promolink strong {

	display: block;

}



div#head input.promo{

	background: url(../../images/layout/6/input_button.gif) no-repeat;

	float: right;

	width: 78px;

	height: 19px;

	margin: -23px 5px 0 0px;

	padding: 0 0 0 0px;

	border: none;

}





/* ############################################

	Suche / Login / Sprachinformationen

############################################ */



div#search {
	position: absolute;
	z-index: 99;
	top: 121px;
	left: 10px;
	padding: 5px 0;
	height: 64px;
	background: url(../../images/layout/6/search.gif) no-repeat #DDD;
	border-bottom: 1px solid #BBB;
	overflow: hidden;
	width: 950px;
}

div#search input, div#search select {

	border: 1px solid #888;

	padding: 1px 2px;

	font-size: 99%;

}

div#search input.button {

	background: url(../../images/layout/6/input_button.gif) no-repeat;

	/ *border: 1px solid #cb471c;* /

	float: right;

	width: 78px;

	height: 19px;

	/ *padding: 1px 20px;* /

	margin: 5px 0 0 0;

	/ *color: #FFF;* /

	border: none;

}

/*div#search input.button:hover {

	background: url(../../images/layout/6/input_button.gif) repeat-x bottom left #ff6634;

 }*/

div#search legend {

	font-weight: bold;

	margin: 0 0 .3em 0;

}

fieldset#login {

	width: 165px;

	height: 80px;

	padding: 0 10px 0 10px;

	float: left;

	margin: 5px 0 0 0;

}

fieldset#login legend {

	background: url(../../images/layout/6/icon_login.gif) no-repeat center left;

	padding: 0 0 0 20px;

}

fieldset#login input {

	width: 94px;

	margin: 0 0 2px 0;

	float: left;

}

fieldset#login input.button {
	margin: 0;

	padding: 0px 5px 2px 0px;
	text-align: right;
	float: right;
	cursor: pointer;
	width: 56px;
	background: url(../../images/layout/6/input_button_small.gif) no-repeat;

}




fieldset#product-search {
	float: left;
	width: 450px;
	padding: 0 20px;

	margin: 5px 0px 0px 10px;
	/*position: absolute;*/
}

fieldset#product-search legend {
	background: url(../../images/layout/6/icon_suche.png) no-repeat center left;
	padding: 0 0 0 20px;
}

fieldset#product-search input {

	width: 356px;

	float: left;

	margin: 5px 0 0 0;

}

fieldset#product-search input.button {

	width: 78px;

	padding: 0;

	cursor: pointer;

}

fieldset#country-information {

	float: right;

	width: 160px;

	padding: 2px 20px 0 10px;

}

fieldset#country-information legend {

	display: none;

}

fieldset#country-information select {

	width: 100px;

	margin: 0 0 .1em 0;

}

fieldset#country-information dt {

	float: left;

	padding: .2em 0 0 0;

	width: 50px;

}

fieldset#country-information dd {

	text-align: right;

}





/* ############################################

	Container

############################################ */



div#container {

	width: 950px;

	margin: 75px 0 0 0;

	position: relative;

}





/* ############################################

	Navigation

############################################ */



div#navigation {

	width: 190px;

	border-right: 1px solid #DDD;

	float: left;

	margin: 0 -1px 0 0;

}

div#navigation h3 {

	background: url(../../images/layout/6/navigation_title.gif) repeat-x #016189 bottom;

	padding: 5px 20px 10px 10px;

	color: #FFF;

	font-size: 115%;

	font-weight: normal;

	height: 18px;

}

div#navigation h3 a {

	color: #FFF;

	text-decoration: none;

	padding: 0;

}

div#navigation ul {

	background: #F5F5F5;

	padding: 5px 0 10px 0;

	margin: 0 0 10px 0;

}

div#navigation li {

	border-bottom: 1px solid #d2d2d2;

}

div#navigation a, div#navigation strong {

	font-weight: normal;

	display: block;

	padding: 2px 20px;

	text-decoration: none;

	color: #333;

}



div#navigation a.news_link {

	text-align: right;

}

div#navigation b.news_link, span.news_link {

	display: block;

	padding: 2px 10px;

	color: #333;

}



div#navigation a:hover, div#navigation strong {

	color: #016189;

}

div#navigation ul ul a:hover, div#navigation ul ul strong {

	background: #FFF;

	color: blue;

}

div#navigation ul ul {

	background: url(../../images/layout/6/navigation_sub.gif) repeat-x bottom;

	border-bottom: 1px solid #CCC;

}

div#navigation ul ul a, div#navigation ul ul strong {

	padding: 2px 30px;

}



div#navigation ul.minibanner img {

	margin: 5px -10px 5px -5px;

}



div#navigation ul.testberichte li {

	display: block;

	padding: 0 0 10px 0;

}

div#navigation ul.testberichte a {

	padding: 2px 10px;

}

div#navigation ul.testberichte img {

	border: 1px solid #BBB;

	float: left;

	margin: 0 5px 0 0;

}

div#navigation ul.testberichte a:hover img {

	border: 1px solid #02719f;

}





/* ############################################

	Content

############################################ */



div#content {

	width: 530px;

	padding: 20px;

	margin: 0 190px 0 0;

	float: right;

	min-height: 300px;

	line-height: 1.6;

	display: inline;

}

div#content.start {

	width: 720px;

	padding: 20px;

	margin: 0;

}

div#content h1 {

	font-size: 145%;

	margin: 0 0 1em 0;

}

div#content h2 {

	font-size: 125%;

	margin: 0 0 1em 0;

}

div#content h3 {

	font-size: 120%;

	margin: 0 0 .5em 0;

}



div#content h5{

	font-size: 110%;

	color: #02719f;

	margin: 0;

}



div#content p {

	margin: 0 0 1em 0;

}

div#content strong.red{

	color: #02719f;

}



div#content img {

	margin: 0;

}

div#content a:hover, div#sidebar a:hover {

	text-decoration: none;

}

div#content ul {

	margin: 0 0 1em 3em;

}

div#content ul li {

	list-style-image: url(../../images/layout/6/content_list_item.gif);

}



div#content ol {

	margin: 0 0 1em 3em;

}

div#content ol li{

	list-style: decimal;

}

div#content select {

	width: 150px;

}

/* ############################################

	Breadcrumbs

############################################ */



div#content div#breadcrumbs {

	margin: -10px -20px 20px -20px;

	padding: 2px 20px;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	background: #F5F5F5;

}

div#content div#breadcrumbs * {

	display: inline;

}

div#content div#breadcrumbs ol {

	margin: 0;

}



/* ############################################

	Sidebar

############################################ */



div#sidebar {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 190px;

	padding: 0;

	color: #333;

	line-height: 1.5;

	border-left: 1px solid #DDD;

	background: #F5F5F5;

}

div#sidebar h3 {

	background: url(../../images/layout/6/navigation_title.gif) repeat-x #02719f bottom;

	padding: 5px 20px 10px 10px;

	color: #FFF;

	font-size: 115%;;

	height: 18px;

	font-weight: normal;

}

div#sidebar ul, div#sidebar p {

	margin: 0;

}

div#sidebar ul li {

	border-bottom: 1px solid #CCC;

}





/* ############################################

	Footer

############################################ */



div#foot {

	background: url(../../images/layout/6/foot.gif) no-repeat;

	width: 950px;

	margin: 0 -10px;

	clear: both;

	line-height: 1.5;

	padding: 10px 0 10px 30px;

	height: 100px;

}

div#foot p {

	width: 400px;

	padding: 0 10px 0 10px;

	float: left;

}

div#foot p.hinweis {

	width: 500px;

}



div#foot strong {

	display: block;

}



#big_product_image{

	position:absolute;

	display:none;

	border:1px solid #FF6634;

	background-color:#FFFFFF;

	z-index:500;

	

}

label#labelInkMode {
	margin-top: 0px; margin-right: 8px;padding: 0px;
}

label#labelHeadMode {
	margin-top: 0px; margin-right: 8px;padding: 0px;
}

label#labelGeneralMode {
	margin-top: 0px;padding: 0px;
}


#loginUserLabel {
	display: none;
}

#loginPasswordLabel {
	display: none;
}



div#searchModeBox {
	margin-top: 0px; 
	padding-top: 0px;
	clear: both;
	position: absolute;
	top: 58px;
	left: 210px;
	width: 400px;
	vertical-align: top;
}

label#labelInkMode {
	margin-top: 0px; margin-right: 8px;padding: 0px; margin-bottom: auto;
}

label#labelHeadMode {
	margin-top: 0px; margin-right: 8px;padding: 0px; margin-bottom: auto;
}

label#labelGeneralMode {
	margin-top: 0px;padding: 0px; margin-bottom: auto;
}

label#labelInkMode input, label#labelHeadMode input, label#labelGeneralMode input {
	position: relative;
	top: 2px;
	padding-right: 12px;
	width: 12px;
}