
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 101.01%;
	line-height : 1.2em;
	color: #282828;
	background-color: #FFFFFF;
	background: url(http://www.naviport.de/images/port-back.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	min-width: 40em;
	margin: 0;
	padding: 0;
}

a {
	color: #282828;
	text-decoration: none;
}

a:hover {
	color: #BF0026;
	text-decoration: none;
}

td {
	font-size: 0.7em;
	color: #282828;
	line-height : 1.2em;
}

table.main   { 
	background: url("http://www.naviport.de/images/port-logo.jpg") no-repeat left top; 
	text-align: left; 
	margin: 0;
	margin-left: 12px; 
	padding: 0px; 
	width: 850px; 
}

td.head {
	width: 850px;
	height: 130px;
}


#leer {
	height: 10px;
	padding: 5px;
}


#obentopleft  { 
	line-height: 18px; 
	width: 220px;
	height: 79px;
}


#obentopmain {
	width: 630;
	height: 79px;
	padding-bottom: 14px; 	
	color: #ccc;
	font-size: 0,7em;
	text-align: right;
	line-height: 1,0em;
}


#obenleft {
	height: 28px;
	width: 220px;
	background: url(http://www.naviport.de/images/logo-blau.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-left: 10px;
}
#obenmain  { 
	width: 630px;
	height: 28px;
	font-size: 10px; 
	line-height: 20px; 
	text-align: right; 
	color: #f2f2f5;
	background: url(http://www.naviport.de/images/logo-blau.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-right: 10px;
}


td.headnavileft  { 
	font-size: 0.7em; 
	font-weight: bold; 
	line-height: 20px; 
	padding-left: 20px; 
	width: 205; 
	height: 35px; 
	min-width: 210px; 
	border-left: 1px solid #dadada;
}


td.headnavimain {
	width: 95%;
	height: 35px;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}


td.headnaviright {
	width: 220px;
	height: 35px;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #BF0026;
	line-height: 20px;
	padding-left: 20px;
	min-width: 210px;	
}

#sucheleft {
	height: 34px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 26px;
	padding-left: 10px;
}


td.colmaintop {
	height: 24px;
	text-align: right;
	line-height: 24px;	
	background: url(http://www.naviport.de/images/grau.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border-right: 1px solid #dadada;	
	padding-right: 10px;
}

#colmainoben {
	height: 24px;
	text-align: right;	
	font-weight: bold;
	background-color: #DADADA;
	padding-right: 10px;
}

td.colleft {
	font-size: 0.7em;
    margin: 0;
	padding: 0;
	border-right: 1px solid #DADADA;	
	border-left: 1px solid #DADADA;
}

td.colmain {
	font-size: 0.7em;	
	margin: 0;
    padding: 10px 20px 10px 20px;
	border-right: 1px solid #DADADA;
}

td.colright {
	font-size: 0.7em;
   margin: 0;
	padding: 0;
	border-top: 1px solid #FFFFFF;
	
	border-right: 1px solid #DADADA;	
}


td.footleft {
	font-size: 0.6em;
	width: 20%;
    margin: 0;
	padding: 0px 10px 10px 20px;
	border-top: 1px solid #DADADA;

}

td.footmain {
	font-size: 0.6em;
	margin: 0;
	padding: 0px 10px 10px 20px;
	border-top: 1px solid #DADADA;
	
}



.logo {
	margin: 0;
	wight: 950;
	margin-bottom: 5px
}


td.ueberschrift {
	height: 24px;
	font-weight: bold;
	background-color: #DADADA;
	background: url(http://www.naviport.de/images/grau.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	line-height: 24px;
	padding-left: 20px;
}


td.leftcont {
	padding: 10px 10px 10px 20px;
}


input.suche {
	height: 20px;
	width : 85%;
	font-size: 1em;
	background-color : #FFFFFF;
	border: 1px solid #282828;
	padding-left: 2px;
	margin-right: 3px;
	vertical-align: middle;
}

input.mainsuche {
	height: 20px;
	width : 120;
	font-size: 1em;
	font-size: 10px;
}


#meinsuche {
	height: 18px;
	width : 70;
	font-size: 1em;
	font-size: 10px;
}

.formabsenden {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	height : 20px;
	width : 20px;
	background-color : #FFFFFF;
	border: 1px solid #282828;
	vertical-align: middle;
	text-align: center;
	margin: 0px 10px 0px 0px;
	padding: 0;
	cursor: pointer;
	
}

.formabsendenon {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #BF0026;
	font-size: 1em;
	font-weight: bold;
	height : 20px;
	width : 20px;
	background-color : #FFFFFF;
	border: 1px solid #BF0026;
	vertical-align: middle;
	text-align: center;
	margin: 0px 10px 0px 0px;
	padding: 0;
	cursor: pointer;
	
}

td#erwsuchecont {
	padding: 0px 10px 20px 20px;
} 
td.erwsuche {
	padding: 3px;
}

.kataloge {
	padding: 10px 0px 10px 0px;
}

.katalogeon {
	padding: 0px 0px 0px 20px;
	margin: 0;
	color: #BF0026;
	background-color: #DADADA;
	cursor: pointer;
	line-height: 1.5em;
}

.katalogeoff {
	padding: 0px 0px 0px 20px;
	margin: 0;
	background-color: #FFFFFF;
	cursor: pointer;
	line-height: 1.5em;
}

.katalogeunteron {
	font-size: 1.0em;
	padding: 0px 0px 0px 20px;
	margin: 0;
	color: #BF0026;
	background-color: #DADADA;
	cursor: pointer;
	line-height: 1.5em;
}

.katalogeunteroff {
	font-size: 1.0em;
	padding: 0px 0px 0px 20px;
	margin: 0;
	background-color: #FFFFFF;
	cursor: pointer;
	line-height: 1.5em;
}
td.service {
	width: 50%;
	line-height: 1.5em;
}

td.subnavi {
	line-height: 1.5em;
	color: #949494;
}

td.content {
	line-height : 1.2em;
	padding-top: 20px;
}

td.content {
	line-height : 1.2em;
	padding-top: 5px;
}

td.kategorie  { 
	color: #bf0026;
	font-size: 1.0em; 
	font-weight: bold; 
	line-height: 2em; 
	padding-top: 25px; 
	border-bottom: 1px dashed #dadada 
}

td.kategorie2  { 
	padding-top: 2px; 
	border-bottom: 1px dashed #dadada 
}

th.artikelliste {
	font-size: 0.7em;
	padding-top: 20px;
	font-weight: normal;
	text-align: left;
}
img.artikelliste {
	border: 0px solid #DADADA;
	margin: 0px 10px 0px 0px;
}
td.artikelliste {
	line-height : 0.9em;
	height: 20px;
}
a.artikelliste {
	text-decoration: none;
}
td.artikellistepreis {
	padding-right: 15px;
}

td.artikellistesonder {
	font-size: 0.6em;
	color: #f03;
	text-align: right;
	padding: 5px 0px 5px 0px;
}

td.artikellistemwst {
	font-size: 0.6em;
	color: #949494;
	text-align: right;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px dashed #DADADA;
}

td.artikeldetailpreise {
	padding-top: 20px;
	width: 50%;
}


td.artikeldetailrabatt {
	color: #BF0026;
	font-weight: bold;
}

td.artikeldetailimg {
	font-size: 0.6em;
	color: #949494;
	padding-top: 20px;	
	width: 50%;
}

img.artikeldetail {
	border: 0px solid #DADADA;
}


.varianten {
	color : #282828;
	background-color : #DADADA;
	border : 1px solid #282828;
	width : 150px;
	height : 16px;
	padding-left: 2px;
}

td.artikeldetailpreis {
	font-size: 0.9em;
	font-weight: bold;
}

td.artikeldetail {
	height: 20px;
	padding: 10px 0px 10px 3px;
}

td.artikeldetailliefer {
	height: 20px;
	padding: 10px 0px 10px 3px;
	color: #00B000;
}

td.artikeldetailmwst {
	font-size: 0.6em;
	color: #949494;
	text-align: right;
	padding: 10px 0px 20px 0px;
}

td.artikeldetailsub {
	font-weight: normal;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px dashed #DADADA;
}

td.subheadline {	
	font-weight: bold;
	border-bottom: 1px dashed #DADADA;
	padding: 20px 0px 10px 0px;
}

.bestellenoff {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #BF0026;
	text-decoration: none;
	border: 1px solid #BF0026;
	background-color: #FFFFFF;
	padding: 0px 4px 0px 4px;
	margin: 4px;
	cursor: pointer;
}

.bestellenon {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #282828;
	text-decoration: none;
	border: 1px solid #949494;
	background-color: #FFFFFF;
	padding: 0px 4px 0px 4px;
	margin: 4px;
	cursor: pointer;
}

td.loginbg {
	background-color: #ffffff;
	color: #282828;
	padding: 10px 10px 10px 20px;
}

td.login {
	font-size: 0,7em;
	font-weight: bold;
	text-align: left;
	line-height: 1,0em;
	padding-bottom: 2px;
}

td.loginverg {
	color: #282828;
	line-height: 1,0em;
	text-align: left;
	padding: 10px 0px 10px 0px;
}
a.loginverg {
	color: #282828;
}
a.loginverg:hover {
	color: #BF0026;
}

td.wkprev {
	font-size: 0.7em;
}
a.wkprev {
	text-decoration: none;
}
a.wkprev2  { 
	color: #bf0026;
	font-size: 1.2em; 
	font-weight: bold; 
}
a.wkprevrabatt {
	color: #BF0026;
	font-weight: bold;
}
td.wkprevleer {
	font-size: 0.7em;
}

td.wkprevcards {
	padding: 5px 0px 5px 3px;
	border-bottom: 1px dashed #DADADA;
}
img.wkprevcards {
	padding: 5px 5px 0px 5px;
}

td.angebote {
	padding: 20px 10px 20px 10px;
}
a.angebote {
	text-decoration: none;
}
img.angebote {
	border: 0px solid #DADADA;
	margin-right: 2px;
}


td.bestseller {
	padding: 10px 10px 10px 0px;
}
a.bestseller {
	text-decoration: none;
}

ol.bestseller {
	padding: 0px;
	margin: 0px;
}

li.bestseller {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dashed #DADADA;
}

td.mwst {
	font-size: 0.8em;
	color: #949494;
	text-align: right;
	padding-right: 10px;
}

p.mwst {
	font-size: 0.8em;
	color: #949494;
	text-align: right;
}


a.mwst:link, a.mwst:active, a.mwst:visited {
	color: #949494;
	text-decoration: underline;
}

a.mwst:hover {
	color: #BF0026;
	text-decoration: none;
}



table.seiten {
	background-color: #DADADA;
	margin: 20px 0px 20px 0px;
}

td.seiten {
	color : #282828;
	text-align: center;
	text-decoration: none;
	border: 1px solid #949494;
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}

.seitenoff {
	color: #282828;
	text-align: center;
	text-decoration: none;
	border: 1px solid #949494;
	background-color: #DADADA;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
}

.seitenon {
	color: #282828;
	text-align: center;
	text-decoration: none;
	border: 1px solid #949494;
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
}


.seitenaktiv {
	color: #BF0026;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #949494;
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}


th.wk {
	font-size: 0.7em;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px dashed #949494;
}

td.wktop {
	padding: 10px 5px 2px 5px;
}

td.wk {
	padding: 2px 5px 2px 5px;
}

td.wkbottom {
	font-size: 0.01em;
	padding: 0px;
	border-bottom: 1px dashed #DADADA;
}

.formanz {
	border: 1px solid #282828;
	width : 30px;
	height : 16px;
	padding-right: 2px;
	text-align: right;
}

.sendenoff {
	color: #BF0026;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #BF0026;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
}

.sendenon {
	color: #282828;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #949494;
	background-color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
}



table.vkmatrix {
	border-top: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
}

td.vkmatrix {
	text-align: right;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 4px;
}

th.vkmatrix {
	font-size: 0.7em;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 4px;
	width: 100px;
	text-align: left;
	font-weight: normal;
}

td.adrleft {
	text-align: right;
	padding: 4px 5px 4px 0px;
}

td.adrmiddle {
	padding: 4px 5px 4px 0px;
}

td.adrdruecker {
	line-height: 10px;
}

td.adrhell {
	font-size: 0.6em;
	color: #949494;
}

.formadr {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color : #282828;
	border : 1px solid #949494;
	width : 200px;
	height : 18px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 2px;
}


.formzahl {
	color : #282828;
	border : 1px solid #949494;
	width : 40px;
	height : 18px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 2px;
}

.formdown {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color : #282828;
	border : 1px solid #949494;
	width : 200px;
	height : 18px;
	padding-left: 2px;
}

.formdownzw {
	color : #282828;
	border : 1px solid #949494;
	width : 175px;
	height : 18px;
	padding-left: 2px;
}

.formzw {
	color : #282828;
	border : 1px solid #949494;
	width : 175px;
	height : 18px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 2px;
}

.formliefer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color : #282828;
	border : 1px solid #949494;
	width: 200px;
	height: 100px;
	padding: 2px;
	overflow: auto;
}
.formempf {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color : #282828;
	border : 1px solid #949494;
	width: 250px;
	height: 80px;
	padding: 2px;
	overflow: auto;
}

td.checkagb {
	height: 29px;
	font-weight: bold;
	background-color: #DADADA;
	line-height: 29px;
}
a.checkagb {
	text-decoration: underline;
}
a.checkagb:hover {
	color: #BF0026;
	text-decoration: none;
}

a.headnavimain:hover {
	color: #BF0026;
}


