@media print {
	.noprint { display:none; visibility:hidden; }
}

body { background:#009de0;}
img {border:none; }
.clear {clear:both;}
.isSmartphone {display:none;}
.noSmartphone {display:inline;}
img.hide {display:none;}
img.block {display:inline-block;}


.basepadding { padding:10px; }
.textpadding { padding:10px 20px 10px 0; }
.rand { padding:10px; }
.bottommargin {margin-bottom:40px;}
.rightmargin {margin-right:20px;}

.fLeft{ display:block; float:left;}
.fRight{ display:block; float:right;}

#site {
	position:relative;
	display:block;
	max-width:900px;
	margin:auto;
	background-color:#FFF;

	-moz-box-shadow: 0 2px 5px 0 #333;
	-webkit-box-shadow: 0 2px 5px 0 #333;
	box-shadow: 0 2px 5px 0 #333;
}

#logo {
	position:absolute;
	top: 40px;
	left: 40px;
	z-index:200;
	
}
#menu {
	position:absolute;
	top:40px;
	right:40px;
	left:230px;
	/*left:190px;*/
	height:150px;
	/*width:100%;*/
	/*padding:0 40px 0 230px;*/
	z-index:190;
}
#menuHead { display:none; }

#topbasket {
	position:absolute;
	top:40px;
	right:197px;
	width:160px;
	z-index:190;
	padding: 10px;
	background-color: #F4F4F4;
	margin-bottom: 5px;
}
#login, #logout  {
	position:absolute;
	top:40px;
	right:40px;
	width:50px;
	z-index:191;
	padding: 10px;
	background-color: #F4F4F4;
	margin-bottom: 5px;
	text-align:center;
}
#login:hover, #logout:hover  { color:#FFF; background-color:#009de0;}

#profil  {
	position:absolute;
	top:40px;
	right:111px;
	width:65px;
	z-index:192;
	padding: 10px;
	background-color: #F4F4F4;
	margin-bottom: 5px;
	text-align:center;
}
#profil:hover { color:#FFF; background-color:#009de0;}


#content {
	position:relative;
	display:block;
	padding:210px 20px 15px 230px;
}
#innerContent {
	position:relative;
}
#footer {
	border-top:1px solid #009de0;
	padding:5px 0 10px 0;
	margin:20px 20px 0 0;
}
#loginLayer{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	min-height:100%;
	background:url(_pix/transBlue.png);
}
#loginSite{
	position:relative;
	display:block;
	width:60%;
	max-width:600px;
	margin:auto;
	margin-top:100px;
	padding:20px;
	
	background-color:#FFF;

	-moz-box-shadow: 0 2px 5px 0 #333;
	-webkit-box-shadow: 0 2px 5px 0 #333;
	box-shadow: 0 2px 5px 0 #333;
}

#menuCol{
	position:absolute;
	left:40px;
	width:150px;
	top:210px;
}
/*________________________gallery*/
.slideSet {
	position:relative;
	width:100%;
	/*height:100%;*/
	overflow:hidden;
}

.slideSet .galleryImg {
	position:relative;
	display:block;
	width:100%;
	/*height:100%;*/
	float:left;
}
.slideSet .galleryText {
	position:absolute;
	display:block;
	top:30px;
	left:35px;
	z-index:auto;
}
.slideSet h1 {line-height:44px;}


.slideSet .button_l {
	background:url(_pix/slidearrow_left.png) left center no-repeat;
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	left:0;
	height:100%;
	width:80px;
	z-index:50;
}
.slideSet .button_l:hover {background:url(_pix/slidearrow_left-act.png) left center no-repeat;}

.slideSet .button_r {
	background:url(_pix/slidearrow_right.png) right center no-repeat;
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	right:0;
	height:100%;
	width:80px;
	z-index:51;
}
.slideSet .button_r:hover {background:url(_pix/slidearrow_right-act.png) right center no-repeat;}

.slideSet.hButtons .button_l,.slideSet.hButtons .button_r { visibility:hidden; }
.slideSet.hButtons:hover .button_l,.slideSet.hButtons:hover .button_r { visibility:visible; }

.fadeSet {
	position:relative;
	width:100%;
	height:100%;
}
.gCont {
	position:relative;
	width:1000%;
}

.wS {width:155px;}
.wM {width:250px;}
.wFS{width:99%;}
.wHS{width:47%; margin-right:1%;}



.input {
	display:block;
	min-height:28px;
	background-color:rgb(245,245,245);
	border:none;
	padding:0;
	margin:0 0 5px 0;
	-moz-box-shadow:inset 0 2px 5px 0 #999;
	-webkit-box-shadow:inset 0 2px 5px 0 #999;
	box-shadow:inset 0 2px 5px 0 #999;
	
	-webkit-appearance: none;

}
.button {
	display:block;
	margin:0 0 2px 0;
	
	background-color: rgb(210,210,210);
	font-weight: bold;
	font-style:normal;
	font-size:14px;
	line-height: 18px;
	color:#FFF;
	border:none;
	padding:5px 0;
	
	/*-moz-box-shadow: 0 2px 5px 0 #999;
	-webkit-box-shadow: 0 2px 5px 0 #999;
	box-shadow: 0 2px 5px 0 #999;*/

	text-align:center;
	cursor:pointer;
	
	-webkit-appearance: none;
}
.button:hover, .button.act{
	color:#FFF;
	background-color: #009de0;
}
.buttonBlue{
	background-color: #009de0;
}
.buttonBlue:hover, .buttonBlue.act{
	color:#FFF;
	background-color: #000;
}
.errorbox {
	color:#FFF;
	border:1px solid #e2007a; 
	background-color:#e2007a; 
	padding:5px;
	margin-bottom:20px;
}
.error {
	border:5px solid #e2007a; 
	background-color:#FFF; 
	padding:5px;
}

.toggleBox {
	display:block;
	 position:relative;
}
.toggleBox .toggleHead h1,.toggleBox .toggleHead h2,.toggleBox .toggleHead h3,.toggleBox .toggleHead h4  {margin:7px 0;} 
.toggleHead {cursor:pointer;}
.toggleHead.toggleIcon {
	background:url(_pix/button_toggleOpen.png) center left no-repeat;
	padding-left:30px;
}
.toggleBox.HoJS:hover .toggleHead.toggleIcon{
	background:url(_pix/button_toggleClose.png) center left no-repeat;	
}
.toggleBox .toggleCont { 
	display:block;
	height:1px; 
	overflow:hidden;
	padding:0;
}
.toggleBox.HoJS:hover .toggleCont, .toggleBox .toggleContOn {
	display:block;
	height:auto;
	overflow:hidden;
}
.toggleBgGrey{
	padding:3px 10px 0 10px;
	background-color:#F4F4F4;
	margin-bottom:5px;
}
.bgGrey{
	padding:3px 10px;
	background-color:#F4F4F4;
}
/*_____________________________________________________________________________________menu______*/
.submenu, .submenuact {
	font-size:11px;
	letter-spacing:2px;
	line-height: 22px;
	color: rgb(236,105,0);
	font-weight:bold;
	text-transform: uppercase;
}
.submenuact { color:#000;}
ul#Navigation a, ul#Navigation span, ul.secmenu {
	display:block;
	font-size:14px;
	line-height: 16px;
	text-transform:uppercase;
	color: #009de0;
	font-weight:bold;
	font-style:normal;
	margin:0;
	padding:4px 35px 3px 0;
}
ul#Navigation a:hover, ul#Navigation a.act, ul.secmenu a:hover, ul.secmenu a.act {color:#000;}

ul#Navigation ul li a{
	font-size:13px;
	text-transform:none;
	font-style:normal;
	font-weight:normal;
	color: rgb(155,155,155);
}

ul#Navigation,
ul#Navigation li,
ul#Navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.secmenu li {margin:5px 0;}
ul.catlist li {margin:5px 0; font-size: 11px; line-height: 14px;}

ul#Navigation {
	position: absolute;
	bottom:0;
	width:100%;
	border-bottom:1px solid #009de0;
}

ul#Navigation li {
	float: left;
	min-height: 1px;
	line-height: 1.3em;
	vertical-align: middle;
}
ul#Navigation li:before, ul.secmenu li:before, ul.catlist li:before { display:none; content: ""; margin:auto;}

ul#Navigation li:hover {
	position: relative;
	z-index:auto;
	cursor: default;
}

ul#Navigation ul {
	visibility: hidden;
	position: absolute;
	background-color:#FFF;
	top: 100%;
	left: -20px;
	z-index:155;
	padding:0 20px;
	
	-moz-box-shadow: 0 2px 5px 0 #999;
	-webkit-box-shadow: 0 2px 5px 0 #999;
	box-shadow: 0 2px 5px 0 #999;
}

ul#Navigation ul li {
	float: none;
}
ul#Navigation ul ul {
 top: 1px;
 left: 99%;
 min-width:150px;
}


ul#Navigation li:hover > ul {
 visibility: visible;
}

/*_________________________________________templates*/
.box{
	padding:15px;
	background-color:#FFFFFF;
	border:5px solid #009de0;
}
.floatItem{
	display:block;
	width:160px;
	float:left;
	margin-right:20px;
	min-height:170px;
}
	
.sp1 {
	display:block;
	float:left;
	width:48%;
}
.sp2 {
	display:block;
	float:right;
	width:50%;
}
.sp3_1 {
	display:block;
	float:left;
	width:30%;
	margin-right:3%;
}
.sp3_2 {
	display:block;
	float:left;
	width:30%;
}
.sp3_3 {
	display:block;
	float:right;
	width:33%;
}

.filterItem {clear:both;}
.filterItem h3 {margin:0;}
.filterHead {
	font-family:"DINSchablonierschrift",Arial, Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	font-style:normal;
	font-size:30px;
	line-height:26px;
	color:#009de0;
	margin:5px 0;
}
.toggleHead .button {margin:5px 0;}
.closeOption {
	position:absolute;
	right:7px;
	top:7px;
}
.pageSelect, .pageNav {
	display: block;
	float:left;
	margin: 0 1px 5px 0;
	background-color: rgb(210,210,210);
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	border: none;
	padding: 5px 10px;
	text-align: center;
	cursor: pointer;
}
.pageSelect:hover, .pageSelect.act, .pageNav:hover, .pageNav.act{
	background-color: #009de0;
}
.buttonAddItem, .buttonDelItem {
	display:block;
	
	margin:0 0 1px 0;
	border: none;
	padding: 2px 0;
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	background-color: #009de0;
	text-align: center;
}
.buttonAddItem {width:70px;}
.buttonDelItem {width:100px; background-color:rgb(210,210,210);}
.buttonAddItem:hover, .buttonDelItem.hover{	background-color: #000;}
.buttonAddItem:hover a, .buttonDelItem.hover a{	color:#FFF; }

.buttonAddItem a, .buttonDelItem a {
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
}

.inputAdd2cart {
	display:block;
	float:left;
	width:50px;
	margin:0 0 1px 0;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	color: #000;
	border:none;
	padding: 2px 0;
	text-align: center;
	background-color: #F2F2F2;
}

.bookItem{
	border-top:1px solid #CCC;
	padding:20px 0;
	clear:both;
}
.basketerror{
	/*border:1px solid #F09;*/
	background-color:#ffceef;
}
.bookImg{
	width:100px;
	float:left;
}
.bookInfo{
	margin-left:140px;
}
.bookInfo h2{ margin:0;}
.bookInfobox{
	display:inline-block;
	color: #FFF;
	padding:2px 5px;
	margin-bottom:1px;
	background-color: #009de0;
}
.closeOption {padding:5px 10px;}
.hide {display:none;}