/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
basics.css for Logiway.de
18.04.2005 09:30 MSC (Michael Schwarz)
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* colors: 

Body BG: #EBEBF7

Shop Dark Blue: #0E4095
Shop navLevel_01 BG: #BAC3E2

*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* NEUE STYLES 08.06.2005 BEGINN: */

/* neue displayNone Klasse, die die Elemente lediglich aus dem Viewport (Browserfenster) schiebt 
und damit Screenreader-tauglich ist: */
.displayNone2,
#siteMessages{
position:absolute;
top:-2000px;left:-2000px;
width:20px;height:20px;overflow:auto;
}


/* 
Alte #siteMessages weiter unten rausnehmen!!!:

#siteMessages{
display:none;
} 
*/


/* 09.05.2006 MSC: Visited Links im Contentbereich: */
/* #content a:visited{color:#666 !important;}       */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Warenkorb in HTML: */

#linkWarenkorbNeu{
margin:0 0 0 8px;padding:0 22px 0 0;
color:#fff;
background: #0E4097 url(/images/bg_WK_neu_up.gif) no-repeat 100% 60%;
font:bold 76%/25px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#linkWarenkorbNeu:focus,
#linkWarenkorbNeu:hover,
#linkWarenkorbNeu:active{
color:#BCC3E4;
background: #0E4097 url(/images/bg_WK_neu_over.gif) no-repeat 100% 60%;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Hauptnavigation in HTML: */

#navLevel_01
{
	font-weight: bolder;
	background-color: #bac3e2;
}

#navLevel_01 a:link, #navLevel_01 a:visited
{
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 0px;
	margin: 0px;
	font: bolder 76%/25px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0e4097;
	padding-top: 0px;
	height: 1.4em;
	background-color: #bac3e2;
}
#navLevel_01 a:focus, #navLevel_01 a:hover, #navLevel_01 a:active
{
	font-weight: bolder;
	color: #fff;
	text-decoration: none;
}

#navLevel_01 span.shopLink
{
	padding-right: 40px;
	display: block;
	padding-left: 25px;
	background: url(/images/bg_navLevel_01_arrowDown.gif) #0e4095 no-repeat 100% 0px;
	float: left;
	padding-bottom: 0px;
	font: bolder 110%/25px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-top: 0px;
	height: 1.4em;
}

#navLevel_01 a.shopLink:link, 
#navLevel_01 a.shopLink:visited
{
	padding-right: 40px;
	display: block;
	padding-left: 25px;
	background: url(/images/bg_navLevel_01_arrowDown.gif) #0e4095 no-repeat 100% 0px;
	float: left;
	padding-bottom: 0px;
	font: bolder 110%/25px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-top: 0px;
	height: 1.4em;
}

#navLevel_01 a.shopLink:focus,
#navLevel_01 a.shopLink:hover,
#navLevel_01 a.shopLink:active{
color:#BAC3E6;
background:#0E4095 url(/images/bg_navLevel_01_arrowDown_Blue.gif) no-repeat 100% 0;
}



#navLevel_01 a span
{
	font: bold 100%/25px Arial, Helvetica, sans-serif;
}


/* NEUE STYLES 08.06.2005 ENDE */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics: */

* {
margin:0;padding:0;
}

body
{
background:#EBEBF7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100.01%;
}

.bgF3F3FB{
background-color:#F3F3FB;
}

img{
display:block;
}

strong {
font-weight:bold;
}

abbr, acronym{
/* border-bottom:1px dotted #0E4097; */
}

.displayNone{
display:none;
}

.displayInline{
display:inline;
}

.displayBlock{
display:block;
}

.noWrap{
white-space:nowrap;
}

.floatLeft{
float:left;
}
.floatRight{
float:right;
}

.textRight{
text-align:right;
}

/* margin und padding auf null setzen */
.mpZero{
margin:0;padding:0;border:0;
}

/*Inhalte ausrichten*/

.alignRight{
text-align:right;
}



table{
border:0;
border-collapse:collapse;
}

table tr td{
vertical-align:top;
text-align:left;
}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* general text formatting: */

a:link,
a:visited
{
text-decoration:none;
}
a:focus,
a:hover,
a:active{
/* text-decoration:underline; */
text-decoration:none;
}




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* main areas / site layout: */
/*
#siteMessages{
display:none;
}
*/

/* + + + + + + + + + + + + */

#siteLayout{
width:100%;
}

#siteLayout tr td.logo{
background:#fff;
width:210px; /* redundant, weil MindestBreite vom LogoGif bestimmt wird */
}
#siteLayout tr td.mainNavCell{
background: url(/images/header_bg_repeat.gif);
background-repeat:  y-repeat;
background-position: left top;
background-color:#FFFFFF;
vertical-align:top;
width:100%;

}

#header-top {
	height: 78px;
	width: 100%;
	display:block;
	clear:left;
}

#claim {
	width: 183px;
	height: 78px;
	display:block;
	background: url(/images/claim.gif);
	background-repeat:  no-repeat;
	background-position: left top;
	float:left;
}

#logo-right {
	float:right;
	width: 124px;
	height: 78px;
	display:block;
	background: url(/images/logo_right.gif);
	background-repeat:  left top;
}

#siteLayout tr td.login{
background:#fff;
vertical-align:bottom;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Alte Haupt Navigation: */
/*
#navLevel_01{
display:block;
width:100%;min-height:25px;
background-color:#BAC3E2;
}
#navLevel_01 img{
display:block;float:left;
}

#mainNav_01,
#mainNav_02,
#mainNav_03,
#mainNav_04
{
display:block;float:left;
height:25px;
}


-- Menuepunkt 01: --
#mainNav_01,
#mainNav_01.active
{
width:132px;
background: #BAC3E2 url(/images/bg_mainNav_01_up.gif) no-repeat;
}
a#mainNav_01:hover
{
background: #BAC3E2 url(/images/bg_mainNav_01_over.gif) no-repeat;
}

-- Menuepunkt 02: --
#mainNav_02
{
width:170px;
background: #BAC3E2 url(/images/bg_mainNav_02_up.gif) no-repeat;
}
#mainNav_02:hover,
#mainNav_02.active
{
background: #BAC3E2 url(/images/bg_mainNav_02_over.gif) no-repeat;
}

-- Menuepunkt 03: --
#mainNav_03
{
width:89px;
background: #BAC3E2 url(/images/bg_mainNav_03_up.gif) no-repeat;
}
#mainNav_03:hover,
#mainNav_03.active
{
background: #BAC3E2 url(/images/bg_mainNav_03_over.gif) no-repeat;
}

-- Menuepunkt 04: --
#mainNav_04
{
width:137px;
background: #BAC3E2 url(/images/bg_mainNav_04_up.gif) no-repeat;
}
#mainNav_04:hover,
#mainNav_04.active
{
background: #BAC3E2 url(/images/bg_mainNav_04_over.gif) no-repeat;
}




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Linke Spalte: */


#produktSuche{
min-height:90px;
margin:0 0 20px 0;
background-color:#EAEBF6;
border-top:4px solid #fff;
}

#produktSuche a:link,
#produktSuche a:visited{
text-decoration:underline;
}

#produktSuche a:focus,
#produktSuche a:hover,
#produktSuche a:active{
text-decoration:none;
}


#warenkorb
{
	margin: 0px 0px 20px;
	border-bottom: #0e4095 2px solid;
	background-color: #bac3e2;
}

#linkWarenkorb
{
display:block;float:left;
height:23px;
width:160px;
background: #BAC3E2 url(/images/btn_warenkorb_up.gif) no-repeat;
}

#linkWarenkorb:hover,
#linkWarenkorb.active
{
background: #BAC3E2 url(/images/btn_warenkorb_over.gif) no-repeat;
} 

#warenkorb table{
width:100%;
background-color:#154599;
}

#warenkorb p{
margin:0 0 0  48px;
padding:2px 5px 2px 0;
color:#0E4095;
font:bold 75%/160% Verdana, Arial, Helvetica, sans-serif;
}

#warenkorb p.artikelAnzahl{
border-bottom:1px solid #0E4095;
color:#0E4095;
}




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Level 2: */

#navLevel_02{
margin:0 0 20px 0;padding:19px 4px 12px 20px;border:0;
background-color:#0E4097;
}
#navLevel_02 img{
display:inline;
}

#navLevel_02 ul{
margin:0;padding:0;
}

#navLevel_02 ul li{
list-style-type:none;
margin:0 0 10px 0;
}

#navLevel_02 a:link,
#navLevel_02 a:visited{
font:bold 80%/120% Verdana, Arial, Helvetica, sans-serif;
background-color:#0E4097;
color:#fff;
text-transform:uppercase;
}
#navLevel_02 a:focus,
#navLevel_02 a:hover,
#navLevel_02 a:active{
color:#BAC3E2;
text-decoration:none;
}

#navLevel_02 span.notLinked{
font:bold 80%/120% Verdana, Arial, Helvetica, sans-serif;
background-color:#0E4097;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* sonstige Infos: */

#sonstigeInfos{

}

#sonstigeInfos p{
padding:0 5px 8px 25px;
color:#0E4097;
font:normal 57%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* + + + + + + + + + + + + */

#content{
border:4px solid #0E4097;
background-color:#fff;
}

#content.redaktion{
border:4px solid #BAC3E2;
background-color:#fff;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Fusszeile: */
#footer{
text-align:right;
background-color:#0E4097;
}
#footer img{
display:inline;
margin: 1px 14px 2px 0;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Service Navigation: */
#navService{
width:100%;
margin:0;padding:0;border:0;
}

#navService a:link,
#navService a:visited
{
display:block;float:right;
padding:0 0 0 15px;
background:#EBEBF7 url(/images/bg_seperator_navService.gif) no-repeat 0 0;
font:normal 70%/180% Verdana, Arial, Helvetica, sans-serif;
color:#0E4097;
}
#navService a:focus,
#navService a:hover,
#navService a:active{
text-decoration:underline;
}
