/*general*/
body
{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
}
a:link, a:visited, a:hover
{
	color: #CC0000;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
ul
{
    list-style-type: none;
}
ul ul
{
    list-style-type: none;
}
ul ul ul
{
    list-style-type: none;
}

/* layout */
#masthead
{
	position: absolute;
	width: 1000px;
	height: 200px;
	left: 0px;
	top: 0px;	
}
#navBar
{
    background-image: url(images/nav_left_bg.jpg);
	background-repeat:repeat-y;
	margin: 0 100% 0 0;
	padding: 0px;
	position: absolute;
	width: 150px;
	left: 0px;
	top: 205px;
	/*height: 100%;*/
}
#rightnav
{
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	width: 200px;
	height: 200px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 790px;
	top: 130px;
}
#rightnav ul a:link, #navBar ul a:visited {display: block;}
#rightnav ul {list-style: none; margin: 0; padding: 0;}

#content
{
    float:right;
	width: 610px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	position: absolute;
	left: 150px;
	top: 200px;
}

/* header grafiken */
#logo_left
{
	background: url(images/top_left.jpg) no-repeat;
	color: #fff;
	height: 205px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0px;
	width: 160px;
	left: 0px;
    z-index: 1;	
}
#logo_top
{
	background: url(images/top_center.jpg) no-repeat;
	height: 159px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0px;
	width: 589px;
	left: 160px;
}
#logo_right
{
	background: url(images/top_right.jpg) repeat-x; 
	width: 258px;
	height: 120px;	
	position: relative;
	top: 1px;
	left: 749px;
   	z-index: 3;
}

/* anmelden | login */
#topNav
{
    color: #000000;
    padding: 0px 0px 0px 0px;
    position:absolute;
    left: 160px;
    top: 120px;
    float:left;
    width: 610px;
}

#topNav a
{
	font-size: 10pt;
	text-decoration: underline;
	font-weight:600;
	font-family: Verdana, Arial;
	padding: 0px 0px 0px 0px; 
}

/* Startseite / ... */
#siteNav
{
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial;
	position:absolute;
	left: 0px;
	top: 30px;
	width: 610px;

}

/* navBar */
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* angebot */
#navlisttop
{
	color: white;
	background: transparent;
	padding: 0px 0px;
	margin-left: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 12em; 
	font: normal 0.8em Verdana, Arial, sans-serif;
}
#navlisttop h3
{
    padding: 0px 0px 0px 20px;
    font-size: 13pt;
    color: #000000;
}
#navlisttop li
{
	margin: 0;			
	font-size: 1em;
}
#navlisttop a
{
	display: block;
	text-decoration: underline;
	/*margin-bottom: 1em;*/
	margin-top: 0.5em;
	color: #CC0000;
	font-weight: bold;
	background: transparent;
	/*border-width: 0px;
	border-style: dashed;*/
	border-bottom: 0.1em solid;
	border-color: #fff;
	border-left: 0.8em solid #fff;
	padding: 0.3em 0em 0.4em 0.75em;
}
#navlisttop a#current { border-color: #fff; }
#navlisttop a
{
	width: 99%;
	/* only necessary for Internet Explorer */
}
#navlisttop a
{
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 9.6em;
	/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navlisttop a:hover, #navlist a#current:hover
{
    color: #006;
	/* background: #69f;					
	border-color: #006 #c00 #c00 #c00;
	/*padding: 0.4em 0.35em 0.25em 0.9em;*/
	/*padding: 0.25em 0.5em 0.4em 0.75em;*/
	border-left: 0.8em solid #c00;
}
#navlisttop a:active, #navlist a#current:active
{
	/*background: #17a;*/
	border-color: #069 #6cf #fff #c00;
	padding: 0.3em 0em 0.4em 0.75em;
}

/* suche */
#search
{
	padding: 0px 0px 7px 0.9em;


	font-family:Arial, Verdana, MS Sans Serif; 
    font-weight:bold;
    font-size: 12pt;
    
    margin-bottom: 1em;
    border-top: 5px dotted #fff;
    border-bottom: 5px dotted #fff;
}
.searchright
{
    position:relative;
    top:0px;
    left:60px; 
}
#search label
{
    margin-top: 0.1em;
    
	display: block;
	padding: 4px 0px 12px 25px;	
	font-family:Arial, Verdana, MS Sans Serif;
	font-size: 13pt;
    color: #000;
}

/* themen */
#navlist
{
	color: white;
	background: transparent;
	/*border-bottom: 3.5em transparent;*/   /* vergrößert den abstand es letzten zum unteren rand (ursorung: solid #17a)*/
	/*border-right: 0.2em solid #17a;*/
	padding: 0px 0px;					/* erster verlänger den hintergrund (höher); letzter wert dehnt die boxen horiz. aus (breiter) WERT auto bewirkt die anpassung des hintergrund ans die boxen*/
	margin-left: 0;
	margin-top: 1em;             /*abstand des obersten zum titel darüber*/
	width: 12em;						/* verbreiter hintergrund der boxen nach rechts, buttons sind normal linksbündig*/ 
	font: normal 0.8em Verdana, Arial, sans-serif;
}
#navlist h3
{
    padding: 0px 0px 0px 40px;			/* ursprung: 0px 0px 2px 10px; */
	/*border-bottom: 3px #fff;*/
	font-size: 13pt;
	font-weight:bold;
color: #000;
}

#navlist li
{
	/*list-style: inline;*/
	margin: 0;				/* macht nix aus */
	font-size: 1em;
}

#navlist a
{
	display: block;
	text-decoration: underline;
	/*margin-bottom: 1em; */      /*beeinflusst abstand des letzten nach unter und abstand untereinander, scheisse bei hover*/
	margin-top: 0.5em;			/*abstand zueinander ohne den hover zu verzerren*/
	color: #CC0000;
	font-weight: bold;
	background: transparent;                   	/*buttonfarbe: ursprunglich: background: #39C;*/
	/*border-width: 0px;
	border-style: dashed;*/
	border-bottom: 1px solid;
	border-color: #5bd #035 #006 #c00;
	border-left: 0.8em solid #006;
	padding: 0.3em 0em 0.4em 0.75em;   /* erster: buttonhöhe; zweiter: buttonbreite; dritter?; vierter?*/
}
#navlist a#current { border-color: #5bd #5bd #068 #c00; } /* ist der erste link*/
#navlist a
{
	width: 99%;
	/* only necessary for Internet Explorer */
}













#navlist a
{
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 9.6em;
	/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navlist a:hover, #navlist a#current:hover
{
	color: #006;
	/*background: #69f;*/					/* ist der hover button background*/
	border-color: #069 #6cf #c00 #c00;   /*letztes = linker streifen bei rollover aller außer dem ersten*/
				/*margin-bottom: inherit;*/
	/*padding: 0.4em 0.35em 0.25em 0.9em;*/
	/*padding: 0.25em 0.5em 0.4em 0.75em;*/
}
#navlist a:active, #navlist a#current:active
{
	/*background: #17a;*/
	border-color: #069 #6cf #fff #c00;  /*letztes wirkt sich auf linken streifen bei rollover des ersten aus*/
	padding: 0.3em 0em 0.4em 0.75em;	/*ursprung: padding: 0.4em 0.35em 0.25em 0.9em; */
}

/* impressum */
#impressum
{
	font-size: 10pt;
	color: #FFFFFF;
	text-align:center;
	padding: 2em 0em 7em 0em;
	/*height: 100%;*/
}
#webkataloge
{
	position: relative;
	font-size: 10pt;
	color: #FFFFFF;
	text-align:center;
}
#neusten
{
	display: block;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	width: 190px;
	margin-top:30px;
	margin-left:8px;	
}
#neusten img
{
	display: block;
	width: 158px;
	height: 64px;
	padding: 0px 0px 0px 12px;
}
#neusten a
{
	display: block;
	text-align: center;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin-right:10px;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:6px;
}

#neusten a:hover, #neusten a#current:hover
{
    color: #006;
}

#besten
{
	display: block;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	width: 190px;
	margin-left:8px;	
	margin-top:30px;
}
#besten img
{
	display: block;
	width: 158px;
	height: 64px;
	padding: 0px 0px 0px 12px;
}
#besten a
{
	display: block;
	text-align: center;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin-right:10px;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:6px;
}

#besten a:hover, #besten a#current:hover
{
    color: #006;
}

#newsletter
{
	display: block;
	text-align: center;
	width: 190px;
	margin-top:50px;
	margin-right:10px;
	margin-left:8px;	
	padding: 0px 0px 10px 0px;
}
#newsletter img
{
	display: block;
	width: 158px;
	height: 64px;
	padding: 0px 0px 0px 12px;
}
#newsletter a
{
	display: block;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin-right:10px;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:10px;
}

#seitederwoche
{
	display: block;
	text-align: center;
	width: 190px;
	margin-top: 30px;
	margin-right:10px;
	margin-left:8px;
	padding: 0px 0px 0px 0px;
}
#seitederwoche img
{
	display: block;
	width: 158px;
	height: 64px;
	padding: 0px 0px 0px 11px;
}
#seitederwoche a
{
	display: block;
	text-align: center;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin-right:10px;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:10px;
}

#wochenscreener
{
	position: relative;
	display: block;
	width: 140px;
	left: 27px;
}

#partner
{
	display: block;
	text-align: center;
	width: 190px;
	margin-top:45px;
	margin-right:10px;
	margin-left:8px;
	padding: 0px 0px 0px 0px;
}
#partner img
{
	display: block;
	width: 158px;
	height: 64px;
	padding: 0px 0px 0px 12px;
}
#partner a
{
	display: block;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin-right:10px;
	margin-left:10px;
	margin-top:3px;
	margin-bottom:3px;
}
#pama
{
	position: absolute;
	left: 15.5em;
	width:520px;
	top: 7.5em;
}

#777
{
	position: absolute;
	left: 40em;
	width:160px;
	top: 35em;
}


