@charset "utf-8";
/*reset-begin*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*reset-end*/
/*
hidden links
*/
.skip,
#logo h1,
#shoppingcart th *{
	height: 1px;
	left: -1000em;
	position:absolute;
	top:-1000em;
	width:1px;
}
#shoppingcart .order,
#shoppingcart .cashpoint{
	padding-top:1em;
	text-align:right;
}
#shoppingcart .order *,
#shoppingcart .destroy *{
    width:100%;
}
#shoppingcart td{
	padding-bottom:2em;
	vertical-align:top;
}
/*
when tabbed over, hidden links shall be shown
*/
body{
	font-family:Arial, Helvetica, sans-serif;
}
.skip:focus,.skip:active{position:absolute;top:45px;left:50%;height:auto;width:auto}
#pagewrap{
	/*width:54.9em;*/
	margin-top:15px;
	max-width:1200px;
	width:62em;
	margin-left:auto;
	margin-right:auto;
}
#PinPopper #pagewrap{

}
#PinPopper #contentwrapper,
#PinPopper #shoppingcartwrapper{
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}
#PinPopper #content{

}
#head, #contentwrapper{
	margin-right:5.1em;
	width:100%;
}
#head{
	background-image:url(../images/head_bg.gif);
	background-repeat:repeat-x;	
}
#head #logo{
	background-image:url(../images/head_left.gif);
	background-repeat:no-repeat;
	width:126px;
	height: 67px;
	float:left;
}
#head ul{
	background-image:url(../images/head_right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:70px;
}
#footer ul li,
#head ul li{
	float:left;
	padding-left:1em;
}
#footer ul a,
#head ul a,
#footer ul li#active
{
    /*#head ul li#active*/
	display:block;
	border: 2px solid #ffffff;
}
#footer ul li a:focus,
#footer ul li a:hover,
#head ul li a:focus,
#head ul li a:hover{
	border: 2px solid #70cbf1;
}
#head a,
#head li,
#footer, 
#footer a,
#contentwrapper a{
	color:#70cbf1;
	text-decoration:none;
    border:1px solid #ffffff;
}
#head a{
/*#head li#active{*/
	font-size:1.2em;
}
#head li#active{
	text-decoration:underline;
}
#contentwrapper{
	clear:left;
	padding-top:1em;
	padding-left:22px;
	color:#086a93;
}
#contentwrapper a{
	/*color:#70cbf1;*/
    text-decoration:underline;
    color:#086a93;
    
}

a#cartanchor, a#contentanchor{
    text-decoration:none;
    border:none;
}


#contentwrapper a:focus,
#contentwrapper a:hover{
	/*text-decoration:underline;*/
    border:1px dotted #086a93;
    color:#086a93;
}
#contentwrapper ul{
	list-style-position:outside;
	list-style-type:disc;
	margin-left:1em;
}
#contentwrapper .teaser{
    /*without this style, IE8 would display scrollbars on teasers that only contain images*/
    padding:1px;
}
.teaser h2,
.teaser h2 a,
.teaser h3{
	font-weight:bold;
}
strong{
	font-weight:bold;
}
.image_box_left{
	float:left;
	margin-right:1em;
}
.teaser p{
	margin-top:0.5em;
}
.teaser, .article, .gallery{
	font-size:0.95em;
	line-height:1.2em;
	overflow:auto;
	border-bottom:1em solid #ffffff;
}
.image_box_right{
	float:right;
	margin-left:1em;
}
.toolad {
	/*color:#70cbf1;*/
}
#content{
	overflow:auto;
}
#contentinner{
	padding-right:1em;
}
#footer{
	background-image:url(../images/foot_bg.gif);
	background-repeat:repeat-x;
	font-size:0.8em;
	clear:both;
	width:100%;
	min-height:43px;
}

#footer ul a{
		background-color:#086a93;
		border-color:#086a93;
}
#footer ul{
	padding-top:17px;
	min-height:43px;
	padding-left:30%;
	background-image:url(../images/foot_left.gif);
	background-repeat:no-repeat;
}
#footer #remark{
	float:right;
	background-image:url(../images/foot_right.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ffffff;
	min-height:43px;
	padding-top:32px;
	padding-left:16px;
}
#pinpoptoolwrap{
    width:800px;
    height:600px;
}
#shoppingcartwrapper{
    float:right;
    width:11em;
}
#shoppingcartwrapper,
#wrapper{
    background-color:#70cbf1;
    background-image:url(../images/sc_corner_topleft.gif);
	background-repeat:no-repeat;
}
#shoppingcartwrapper2,
#wrapper2{
    position:relative;
    padding-left:12px;
    background-image:url(../images/sc_corner_bottomleft.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:12px;
    height:auto;
}
#shoppingcart{
	width:100%;
    /*padding-top:12px;*/
    background-image:url(../images/sc_corner_topright.gif);
    background-repeat:no-repeat;
	background-position:top right;
}

#shoppingcart{
    background-color:#70cbf1;
    padding-left:12px;
}
#shoppingcart th,
#shoppingcart td{
	font-size:0.8em;
}
#shoppingcart thead tr th{
	/*padding-top:1em;*/
}
#shoppingcart thead tr th+th{
	background-image:none;
}
#shoppingcart td.right{
	padding-right:12px;
}
#shoppingcart tfoot tr td + td{
	background-image:url(../images/sc_corner_bottomright.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.shoppingcartitem{
    padding:1em;
    border:1px solid #000000;
}
/*#shoppingcart img.mouseover{
    width:50px;
}
#shoppingcart img.mouseover:focus,
#shoppingcart img.mouseover:hover{
    position:absolute;
    width:100px;
}*/
a.adbutton{
	display:block;
	margin-top:1em;
}

.orderform input,
.orderform label,
.orderform textarea{
	display:block;
	width:100%;
}
.orderform label{
	font-weight:bold;
	margin-top:0.5em;
}
.orderform fieldset{
	float:left;
	width:45%;
}
.orderform fieldset.newline{
	clear:left;
}
.orderform fieldset.colspan{
	clear:left;
	width:93%;
}
.orderform .error+label+input{
    border:2px solid #ff0000;
}
.orderform .error,
.orderform .error+label{
    color:#ff0000;
}
.total{
    display:block;
    width:auto;
    text-align:right;
    padding-bottom:1em;
    padding-top:1em;
}
.carttotal, .right{
    text-align:right;
}
.newsteaserblock{
    border-top:3px solid #086993;
    width:35em;
    margin-left:auto;
    margin-right:auto;
}
.newsteaserblock h2{
    padding-bottom:0.75em;
    padding-top:0.25em;
}
.newsteaserblock .teaser{
    margin-left:3em;
    width:30em;
}
table.dates th, 
table.dates td{
    padding:0.2em;
}
table.dates th{
    font-weight:bold;
    padding-right:1em;
}
table.dates{
    margin-bottom:2em;
}
form.itemaction{
    text-align:right;
    padding-bottom:0.5em;
}
#shoppingcart .description{
    padding-bottom:0.5em;
}
#shoppingcart .carttotal{
    font-weight:bold;
}
#shoppingcart .mainheader{
    font-weight:bold;
    padding-top:5px;
    padding-bottom:0.5em;
    font-size:1.1em;
}
.reloadtool{
    /*position:absolute;*/
   /* top:6.8em;*/
    width:792px;
}
#contentwrapper .reloadtool a{
    display:block;
    background-color:#086993;
    border-color:#086993;
    padding:10px;
    color:#07cbf1;
}
#contentwrapper .reloadtool a:hover,
#contentwrapper .reloadtool a:focus{
    background-color:#70cbf1;
    color:#086993;
}
#preise dl{
    width:30em;
}
#preise dt{
    clear:both;
    float:left;
}
#preise dd{
    /*float:right;*/
    text-align:right;
}
.gallery .largeimage img{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.gallery .largeimage p{
    width:600px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.gallery .thumbnails{
    margin-top:1em;
    margin-left:auto;
    margin-right:auto;
    width:640px;
    display:block;
}
.galleryteaser h2{
    margin-bottom:1em;
}