@charset "UTF-8";

body {
	background-attachment: fixed;
	background-color: white;
	background-image: url(pic_alg/bg.gif);
	background-repeat: repeat;
}

img {
	border:0;
}

#hnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #3e83a1;
	background-image: url(pic_alg/3e83a1.gif);
	background-repeat: repeat;
	text-align: center;
	border-color: white;
	margin: 8px;
	height: 25px;
	text-decoration: none;
}

#hnavi a{
	color: white;
	text-decoration: none;
}

#hnavi a:visited {
	color: white;
	text-decoration: none;
}

#hnavi a:hover {
	color: #f8fbfd;
	text-decoration: none;
}

#bottom {
	padding-bottom: 10px;
	 /*link text is indented 19px */
}

#content {
	background-color: white;
	padding-right: 8px;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #355361;
	padding-right: 8px;
	text-align: left;
}

.content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #355361;
	text-align: left;
}

.contentfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #355361;
	text-align: left;
}

.contentfett a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #355361;
	text-align: left;
}

.imagebox {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

.imagebox a{
	border: 1px dashed #355361;
}

.headline {
	font-weight: bold;
	color: #355361;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.cart {
	font: 10px Verdana;
color: #355361;
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
background-color: #e4f1f9;
border-color: white;
margin-left: 8px;
}

/* Content Area Divs */

div.katheadline {
	width:510px;
	height:55px;
	float:left;
}

#linkspad {
	padding-left:20px;
}

div.artikel {
	float:left;
	width:120px;
	margin-right:10px;
	height:230px;
}
div.artpic img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

div.artpic img:a {
	border: 1px dashed #355361;
}

div.artikelklein {
	float:left;
	width:120px;
	margin-right:10px;
	height:196px;
}
div.artpicklein img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

div.artpicklein img:a {
	border: 1px dashed #355361;
}

div.arttext {
	float:left;
	width:120px;
	margin-top:15px;
	text-align:left;
}

div.artprice {
	float:left;
	width:120px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #355361;
}

/* poster */

div.postermed {
	float:left;
	width:100px;
	margin-right:10px;
	height:240px;
}

div.postermed img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

div.postermed img:a {
	border: 1px dashed #355361;
}

div.posterlang {
	float:left;
	width:100px;
	margin-right:10px;
	height:290px;
}
div.posterlang img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

div.posterlang img:a {
	border: 1px dashed #355361;
}

div.posterhalblang {
	float:left;
	width:100px;
	margin-right:10px;
}
div.posterhalblang img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

div.posterhalblang img:a {
	border: 1px dashed #355361;
}



div.posterarttext {
	float:left;
	width:100px;
	margin-top:15px;
	text-align:left;
}

div.posterartprice {
	float:left;
	width:100px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #355361;
}

div.posterbreit {
	float:left;
	width:210px;
	margin-right:10px;
	height:150px;
}
div.posterlang img{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}

div.posterbreit img:a {
	border: 1px dashed #355361;
}

div.posterbarttext {
	float:left;
	width:210px;
	margin-top:15px;
	text-align:left;
}

div.posterbartprice {
	float:left;
	width:210px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #355361;
}

div.vollebreite {
	float:left;
	width:510px;
	height:auto;
	text-align:left;
}

div.vollebreiteright {
	float:left;
	width:510px;
	height:auto;
	text-align:right;
}

#alignright {
	text-align:right;
}

div.gutschein {
	float:left;
	margin-right:20px;
	height:auto;
	margin-top:20px;
	width:auto;
}
div.aktion {
	float:left;
	height:175px;
	margin-bottom:25px;
}
div.gutscheintext {
	float:left;
	height:120px;
	margin-top:20px;
	width:200px;
}

div.newsbox {
	float:left;
	width:520px;
	height:auto;
	text-align:left;
	background-color: #e4f1f9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dashed;
	border-right-color: #355361;
	border-left-color: #355361;
}



/* ACCORDEON NAVI */

.arrowlistmenu{
width: 151px; /*width of accordion menu*/
}

/*HEADER  1*/

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 10px Verdana;
	color: black;
	background: white url(navi/01.gif) no-repeat;
	margin-bottom: 4px; /*header text is indented 10px*/
	cursor: pointer;
	height: 20px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/01.gif);
}

/*2*/
.arrowlistmenu .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 10px Verdana;
	color: black;
	background: white url(navi/02.gif) no-repeat;
	margin-bottom: 4px; /*bottom spacing between header and rest of content*/
	height: 20px;
	cursor: pointer;
}

.arrowlistmenu .openheader2{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/02.gif);
}

/*3*/
.arrowlistmenu .menuheader3{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/03.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader3{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/03.gif);
}

/*4*/
.arrowlistmenu .menuheader4{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/04.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader4{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/04.gif);
}

/*5*/
.arrowlistmenu .menuheader5{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/05.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader5{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/05.gif);
}

/*6*/
.arrowlistmenu .menuheader6{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/06.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader6{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/06.gif);
}

/*7*/
.arrowlistmenu .menuheader7{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/07.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader7{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/07.gif);
}

/*8*/
.arrowlistmenu .menuheader8{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/08.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader8{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/08.gif);
}

/*9*/
.arrowlistmenu .menuheader9{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/09.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader9{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/09.gif);
}

/*11*/
.arrowlistmenu .menuheader11{ /*CSS class for menu headers in general (expanding or not!)*/
font: 10px Verdana;
color: black;
background: white url(navi/11.gif) no-repeat;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
height: 20px;
cursor: pointer;
}

.arrowlistmenu .openheader11{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(navi/11.gif);
}


/*LIST*/

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #355361;
	display: block;
	padding: 2px 0;
	padding-left: 15px;
	background-color: #e4f1f9;
	border-color: white;
	margin-left: 8px;
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
}

.arrowlistmenu ul li a:visited{
color: #355361;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #3e83a1;
background-color: #f8fbfd;
}