/*---------------------------------------------------------------------*/
/* Redefinition html-Tags                                              */
/*---------------------------------------------------------------------*/


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;	
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
table, tr, td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
}

a:link {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
  vertical-align: middle;

}
a:visited {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
   vertical-align: middle;
}
a:hover {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;  
}
a:active {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

img {
	border: 0px;
	margin: 0px;
}

/* KOPF: Logo, AGB,Impressum,Kontakt */

TD#head {
	background-image: url(images/logo_head.gif);
	background-repeat: no-repeat;
	width: 757px;
	height: 104px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}

TD#head A:link {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
}

TD#head A:visited {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
}

TD#head A:hover {
	font-size: 14px;
	color: #E5E4E4;
	font-weight: bold;
	font-family: Arial;
}

TD#head A:active {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
}

/* ---------------------------------------------------------- */
/* MENÜ linke Seite (VDL-Shop und Unterpunkte)                */
/* ---------------------------------------------------------- */

/* Tabellen-Hintergrund: Verlauf-Bild */
TD#menue_links {
	background-color:#bcbdbd;
	width: 142px;
	padding-left: 0px;
	padding-top:2px;
}

/* Roll-over Effekt Links */

/* ---------------------------------------------------------- */
/* MENÜ rechte Seite (Warenkorb, Suche etc.)                  */
/* ---------------------------------------------------------- */
TD#menue_links a:link {
	display:block;
	background-color:#002B5F;
	width:142px;
	line-height:25px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
    vertical-align: middle;
	font-family: Verdana;
	display: block;
    padding-left:3px;
    border-top:1px solid #fff;

}
TD#menue_links a:visited {
	display:block;
	background-color:#002B5F;
	width:142px;
	line-height:25px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
    vertical-align: middle;
	font-family: Verdana;
	display: block;
	padding-left:3px;
	border-top:1px solid #fff;
}
TD#menue_links a:hover {
	color: #c4c4c4;
	display:block;
	background-color:#002B5F;
	width:142px;
	line-height:25px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
    vertical-align: middle;
	font-family: Verdana;
	display: block;
	padding-left:3px;

}
TD#menue_links a:active {
	color: #0C3D92;
	display:block;
	background-color:#002B5F;
	width:142px;
	line-height:25px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
    vertical-align: middle;
	font-family: Verdana;
	display: block;
	padding-left:3px;
}
/* Menülink: normal
TD#menue_links A.active:link {
	color: #0C3D92;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
}

TD#menue_links A.active:visited {
	color: #0C3D92;
	font-weight: bold;
	text-decoration: none;
}

TD#menue_links A.active:hover {
	color: #0C3D92;
	font-weight: bold;
	text-decoration: none;
}
/* Menülink: aktiv (unbenutzt) 
TD#menue_links A.active:active {
	color: #0C3D92;
	font-weight: bold;
	text-decoration: none;
}
 */
/* Tabellen-Hintergrund: Verlauf-Bild */
TD#menue_rechts {
	background-image: url(images/dotted_v.gif);
	background-repeat: repeat-y;
	border-right: 1px solid #D92816;
	width: 133px;
	padding-right: 0; 
}
TD#menue_rechts .news-image img {
	width:100px;height:85px;border:none;
	float: right; 
	margin-left: 20px !important; 
	margin-bottom: 5px;
	}

TD#menue_rechts TABLE {
	 width: 133px;
	 margin-left:4px;
	}
TD#menue_rechts TABLE.newstable {
	
	width:145px !important; width: 133px;
	background: transparent url(./images/gradient.jpg) repeat-x scroll center bottom;;
	
	}

/* Tabellen-Hintergrund: Verlauf-Bild */
TD#menue_rechts P.basket {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	width: 133px;
}
/* Allgemeine Einstellungen */
TD#menue_rechts TD {
	text-align: left;
	vertical-align: top;
	padding: 6px 6px 6px 8px;
	font-size: 10px;
	color: #666666;
}
/* Allgemeine Einstellungen */
TD#menue_rechts TD.icon {
	text-align: right;
	padding-top: 5px;
}
/* Allgemeine Einstellungen */
TD#menue_rechts TD.icons {
	text-align: left;
	padding: 0px;
	padding-left: 8px;
}
/* Überschrift (Warenkorb) */
TD#menue_rechts TD.baskethead {
	padding: 0px 0px 0px 2px;
	height: 20px;
	font-size: 14px;
	color: #E5E4E4;
	font-weight: bold;
	vertical-align: middle;
	background: #002b5f;
	font-family: Arial, Helvetica, sans-serif;
}
TD#menue_rechts TD.newshead {
	width:133px;
	padding: 0px 0px 0px 2px;
	height: 20px;
	font-size: 14px;
	color: #E5E4E4;
	font-weight: bold;
	vertical-align: middle;
	background: #A31C0F;
	font-family: Arial, Helvetica, sans-serif;
}
/* Überschriften (Suche, Ihre Angaben) */
TD#menue_rechts TD.head {
	padding: 0px 0px 0px 8px;
	height: 17px;
	color: #000000;
	font-weight: bold;
	vertical-align: middle;
	background: #4D72B8;
}
/* gepunktete Linien */
TD#menue_rechts TD.dotted {
	padding: 0px;
	background-image: url(images/dotted_h.gif);
	background-repeat: repeat-x;
	height: 1px;
}
/* weiße Zwischenräume */
TD#menue_rechts TD.blank {
	background: #FFFFFF;
	padding: 0px;
	height: 3px;
}
/* Menülink: normal */
TD#menue_rechts A:link {
	color: #0C3D92;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* Menülink: besucht */
TD#menue_rechts A:visited {
	color: #0C3D92;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* Menülink: Maus drüberfahren */
TD#menue_rechts A:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* Menülink: aktiv (unbenutzt) */
TD#menue_rechts A:active {
	color: #0C3D92;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* weiße Zwischenräume */
TD#menue_rechts INPUT {
	background: #FFFFFF;
	border: 1px solid #4D72B8;
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
	padding: 1px;
	height: 16px;
	width: 90px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}
/* weiße Zwischenräume */
TD#menue_rechts INPUT.searchsubmit {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 16px;
	width: 20px;
}



TABLE#artview H1 {
	height: 24px;
	background-color:#002b5f;
	font-weight: bold;
	padding-left: 8px;
	color: #E5E4E4;
	vertical-align: middle;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
TABLE#artview P {
	line-height: 16px;
	font-size: 11px;
	padding: 8px 3px 8px 0px;
	vertical-align: top;
	margin: 0px;
}
TABLE#artview P.price {
	font-weight: bold;
	font-size: 14px;
	padding: 0px 3px 8px 0px;
	vertical-align: top;
	margin: 0px;
}
/* Menülink: normal */
TABLE#artview A:link {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* Menülink: besucht */
TABLE#artview A:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* Menülink: Maus drüberfahren */
TABLE#artview A:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* Menülink: aktiv (unbenutzt) */
TABLE#artview A:active {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
/* gepunktete Linien */
TABLE#artview TD.dotted {
	padding: 0px;
	background-image: url(images/dotted_h.gif);
	background-repeat: repeat-x;
	height: 1px;
}

TD#content {
	padding: 10px;
	width: 400px;
}
TD#content H2 {
	height: 24px;
	font-weight: bold;
	padding-left: 8px;
	color: #002B5F;
	vertical-align: middle;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:5px double  #002B5F;
}
TD#content H2.deakti {
	height: 24px;
    background-image:url(images/bg_header1.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 8px;
	color: #FFFFFF;
	vertical-align: middle;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	font-family: Times;
}
TD#content H3 {
	height: 24px;
	background-image: url(images/bg_header2.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 8px;
	color: #E5E4E4;
	vertical-align: middle;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	font-family: Times;
	margin-top: 10px;
}
TD#content H4 {
	width: 120px;
	height: 16px;
	background: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	color: #000000;
	vertical-align: top;
	text-align: right;
	margin: 0px;
	margin-bottom: 10px;
}
TD#content H5 {

	background: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	color: #000000;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;
}

TD#content OL {
	margin: 0px;
	margin-bottom: 20px;
}

TD#content .start-name {color:#002B5F;font-weight:bold;font-size:15px;}
TD#content .start-ul {text-align:left;}
TD#content .start-ul  li {}
TD#content .start-ul  ol {text-align:left;}

TD#content LI {
	text-align: justify;
	margin: 10px 12px 0px 30px;
	font-size: 11px;
	line-height: 14px;
}

/* weiße Zwischenräume */
TD#content INPUT.number {
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
	font-size: 10px;
	text-align: right;
	vertical-align: middle;
	padding: 1px;
	height: 16px;
	width: 40px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}
/* weiße Zwischenräume */
TD#content INPUT.update {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 11px;
	width: 49px;
}
TD#content P {
	line-height: 14px;
	font-size: 10px;
	padding: 0px 0px 8px 0px;
	vertical-align: top;
	margin: 0px;
}
TD#content P.text {
	line-height: 18px;
	font-size: 11px;
	padding: 0px 8px 8px 8px;
	vertical-align: top;
	margin: 0px;
	text-align: justify;
}
TD#content P.hinweis {
	line-height: 16px;
	font-size: 10px;
	padding: 0px 8px 8px 8px;
	color: #000000;
	vertical-align: top;
	margin: 0px;
	text-align: justify;
	font-weight: bold;
}
TD#content TD.baskethead {
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#002b5f;
}
TD#content TD.basketfoot {
	vertical-align: middle;
	text-align: right;
	color: #FFFFFF;
	background: #4D72B8;
}
/* gepunktete Linien */
TD#content TD.dotted {
	padding: 0px;
	background-image: url(images/dotted_h.gif);
	background-repeat: repeat-x;
	height: 1px;
}
/* gepunktete Linien */
TD#content TD.right {
	text-align: right;
}

TD#pagenav {
	vertical-align: top;
	text-align: center;
}
TD#pagenav TD {
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

TD#pagenav SPAN.aktiv {
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
}

TABLE#form INPUT {
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
	padding: 1px;
	height: 16px;
	width: 200px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}
TABLE#form INPUT.submit {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 15px;
	width: 26px;
}
TABLE#form TEXTAREA {
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
	font-size: 10px;
	vertical-align: top;
	padding: 1px;
	height: 80px;
	width: 200px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}

TABLE#form SELECT {
	background: #FFFFFF;
	border: 1px solid #666666;
	padding: 1px;
	height: 16px;
	width: 200px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

TABLE#form OPTION {
	color: #000000;
}



TABLE#form TD {
	vertical-align: middle;
}

TABLE#order INPUT {
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
	padding: 1px;
	height: 16px;
	width: 200px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}
TABLE#order INPUT.middlesize {
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
	padding: 1px;
	height: 16px;
	width: 150px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}
TABLE#order INPUT.smallsize {
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
	font-size: 10px;
	vertical-align: middle;
	padding: 1px;
	height: 16px;
	width: 47px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
}
TABLE#order INPUT.submit {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 25px;
	width: 180px;
}
TABLE#order INPUT.box {
	border: 1px solid #FFFFFF;
	height: 14px;
	width: 14px;
}

TABLE#order TD.hinweis {
	color: #000000;
	font-weight: bold;
}