body{
	background-color:#e8e8e8;
	padding:0px;
	margin:0px;
	height:100%;
}
header{
	width:100%;
	border-bottom:10px solid #ea0000;
	height:100px;
	background:#fff;
}
header .logolink{
	position:absolute;
	display:block;
	height:100px;
	top:20px;
	left:0;
}
header nav{
	padding:40px 40px 0px;
	text-align:right;
}
header nav a{
	font-size:18px;
	color:#ea0000;
	text-decoration:none;
	margin-right:40px;
	text-transform:uppercase;
}
footer{
	position:fixed;
	bottom:0px;
	width:100%;
	height:35px;
	text-align:right;
	padding-top:15px;
	background:#ea0000 url(../images/i-public-logo-f.png) 20px center no-repeat;
}
.blue{
	color:#333;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	line-height:26px;
}
footer a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	margin-right:40px;
	
}
.inhalt{
	padding-bottom:120px;}

	.error{
		color:#ff0000;
		font-size:18px;
		line-height:24px;
	}
#schild{
	display:block;
	position:fixed;
	bottom:50px;}
div, form,input,p,label,a,h1,h2,h3,h4,h5,h6{
	font-family: 'open_sansregular';}
	
.boxi,.shop, #warnhinweis,#datenpruf {
	text-align:center;
	width:600px;
	margin:10px auto;
	background-color:#FFF;
	overflow:hidden;
	padding:10px 10px 60px;
	color:#333;
	box-shadow: rgba(51,51,51,0.1) -5px 5px 5px;
}
.shop, #warnhinweis,#datenpruf{
	width:80%;
	min-height:600px;}
.malogo{
	text-align:center;
	margin-top:40px;}
h1{
	color:#333;
	text-transform:uppercase;
	font-size:28px;
	line-height:40px;
	padding:40px 90px 10px;
	margin:0px;
}
.wenig_padding{
	padding:40px 40px 10px;
}
.login{
	width:248px;
	display:inline-block;
	text-align:left;
	margin:0px;
	padding:0px;
}
.login span{
	display:block;
	text-align:right;
	margin-top:-10px;
}
.login span img{
	cursor:pointer;
}
.login p a{
	color:#333;
	text-decoration:none;
}
.login p a:hover{
	text-decoration:underline;
}
.login p{
	margin-top:10px;
}
p.bez{
	
	
}
form {
	margin:0px auto;
	text-align:center;
}
form fieldset {
	border:none;
}
form label {
	clear:left;
	
	width:240px;
	margin-right:20px;
	
	padding-top:0.3em;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer;
	display:inline-block;
	color:#333;
}
form input.error,form input[type=password].error,#filer textarea.error{
	outline:4px solid #f00 !important;
}
form input[type=text],form input[type=password], form input[type=number], form input[type=date], form input[type=email], form input[type=time] {
	display:inline-block;
	width:228px;
	height:24px;
	font-size:15px;
	padding:5px 10px;
	margin:0px 0px 10px 0px;
	color:#666;
	background: url(../images/formularfeld.jpg) no-repeat;
	outline:none;
	border:none;
}
form input[type=text]:hover,form input[type=password]:hover {
	outline:1px solid  #FC0;
}
form input[type=submit],form input[type=reset] {
	width:80px;
	margin:10px 0.2em;
}
form br {
	clear:both;
}


.shop ul,#warnhinweis ul{
	list-style:none;
	text-align:left;
	padding:0px 20px;
	margin:0px;
}
.shop ul li h2, .shop ul li.produkt, #warnhinweis ul li{
	
	padding:10px 30px 5px;
	margin:10px 0px;
	height:15px;
	cursor:pointer;
	font-size:16px;
	color:#333;
	min-width:300px;
	background:#eee url(../images/pfeil-rechts.png) top left no-repeat;
}
.shop ul li h2{
	padding-top:5px;
	padding-bottom:10px;
}
.shop ul li h2:hover, #warnhinweis ul li:hover{
	background-color:#ccc;
}
.shop ul li.produkt{
	height:auto;
	line-height:26px;
	display:block;
	position:relative;
}
.shop ul li.produkt div{
	position:relative;
	display:inline-block;
	width:600px;
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: -o-calc(100% - 170px);
	width: -ms-calc(100% - 170px);
	width: calc(100% - 170px);
}
.shop ul li.produkt img.thumb{
	
	box-shadow: rgba(51,51,51,0.1) -5px 5px 5px;
	width:150px;
	float:left;
	margin:0 20px 0 0;
	padding:0px;
}
.shop ul li.nobg img{
	margin-right:20px;
	vertical-align:top;
	margin-bottom:20px;
}

.shop ul li h2.open{
	background:#eee url(../images/pfeil-unten.png) top left no-repeat;
}
.shop ul.sub{
	/*display:none;*/
	margin-left:10px;
}
.shop ul li.nobg{
	background-image:none;
	vertical-align:top;
	cursor:auto;
}
.shop ul li.nobg:hover{
	
}

#filer textarea{
	width:671px;
	height:117px;
	background:url(../images/formularfeld-auftragserteilung.jpg) top left no-repeat;
	border:none;
	outline:none;
	padding:10px;
	font-size:15px;
	resize:none !important;
	color:#666;
}
.shop h2,#warnhinweis h2, #datenpruf h2{
	margin-top:50px;
}
.righti{
	display:inline-block;
	float:right;
}
.clear{
	clear:both;}
span.clear{
	display:inline;
}
.shop ul li.produkt div.preimg{
	width:170px;
	height:100%;
	vertical-align:top;
	
}
#tooltip{
	position:absolute;
	border:1px solid #333;
	font-family:Arial;
	background:url(../images/bgover.png);
	font-size:12px;
	font-weight:normal;
	padding:2px 5px;
	color:#fff;
	display:none;
	z-index:200;
	}
#tooltip h2{
	margin:5px 0px 0px 0px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:400;
	border-bottom:1px dashed #fff;
}
#tooltip p{
	font-size:12px;
	margin:5px 0px 0px 0px;
}
.button{
			display:inline-block;
			width:90px;
			height:20px;
			text-align:center;
			color:#fff;
			font-size:12px;
			line-height:12px;
			cursor:pointer;
			padding-top:8px;
			background-image:url(../images/Btn_0001_BtnStd.png);
			}
		.button:hover{
			background-image:url(../images/Btn_0000_BtnOver.png);}
#addP,#remP{
	position:relative;
	width:500px;
	height:150px;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-75px;
	text-align:center;
	background-color: #EEEEEF;
}
#addP p, #remP p{
	margin:0px;
	padding:20px;
}
.ausg div{
	width:254px;
	height:354px;
	background-color:#eee;
	background:url(../images/hintergrund-artikel.jpg) top left no-repeat;
	margin-left:10px;
	margin-right:10px;
}
.ausg div img{
	margin:10px;
	width:234px;
	height:auto;
	box-shadow: rgba(51,51,51,0.1) -5px 5px 5px;
}
.iconl{
	text-align:right;
}
.iconl span{
	cursor:pointer;
	margin-left:10px;
}
#overlay,#boverlay{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../images/bgover.png);
	
	z-index:100;}
	.trenner{
		width:100%;
		height:5px;
		background-color:#ea0000;
		margin:40px 0px 0px;
	}
	#warenkorb{padding:0px 20px;}
#warenkorb tr td:nth-child(1) div{
	width:100%;
	height:auto;
	background-color:#eee;
	background:url(../images/hintergrund-artikel.jpg) top left no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	margin-bottom:40px;
	}
 #warenkorb tr td:nth-child(1) img:not(.bttn){
	margin:3%;
	width:94%;
	height:auto;
	box-shadow: rgba(51,51,51,0.1) -5px 5px 5px;
}
#warenkorb tr td:nth-child(4) img{
	vertical-align:top;
}
#warenkorb tr td:nth-child(1){
	
	width:20%;
	padding:0;
	vertical-align:top;
}
#warenkorb tr td:nth-child(1) h2{
	margin:0px;
	padding:0px;
}
#warenkorb tr td:nth-child(2){

	padding:3em 0 40px 5%;
	
	width:34%;
	vertical-align:bottom;
}
#warenkorb tr td:nth-child(3){

	width:33%;
	padding:3em 5% 40px;
	vertical-align:bottom;
}
#warenkorb tr td:nth-child(4){
	text-align:right;
	width:18%;
	padding:0;
	vertical-align:bottom;
}
#warenkorb label{
	text-align:left;
	padding:0px;
	margin:0px;
	width:auto;
}
#warenkorb td{
	border-bottom:5px solid #ea0000;
text-align:left;
}
#warenkorb tr:first-child td,#warenkorb tr:last-child td{
	vertical-align:bottom;
	padding-top:0;
	padding-bottom:0;}
	#warenkorb p, #warenkorb label{
		color:#333;
		font-size:16px;
		line-height:24px;
	}
	#warenkorb p{
		font-family: 'open_sansbold';
	}
	#warenkorb td h3{
		font-family: 'open_sansbold';
		padding:0;
		margin:1em 0 0;
		color:#333;
	}
	#warenkorb td #summetotal{
		margin-bottom:1em;}
small.blue{
	padding:0px;
	margin:0px;
}
#overlayI{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:100%;
	background-color:rgba(27,26,26,0.70);
	display:block;
	z-index:900;
}
#intro{
	position:absolute;
	width:750px;
	padding-bottom:20px;
	top:50%;
	left:50%;
	margin-left:-375px;
	margin-top:-215px;
	background-color:#eee;
	box-shadow:#333 2px 2px 4px;
	z-index:1000;
}
#intro h1{
	font-size:27px;
}
#intro .schalter{
	position:absolute;
	margin-top:-5px;
	margin-left:735px;
	width:20px;
	height:20px;
	font-size:16px;
	color:#fff;
	background-color:#ea0000;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}
#intro .spalte_links, #intro .spalte_rechts{
	display:inline-block;
}
#intro ol{
	margin-left:20px;
}
#intro a{
	color:#333;}
	
	li.sortable-placeholder{
		background-color:#ea0000 !important;
		color:#fff;
		box-shadow:#ff0000 2px 2px 4px;
		
		}
li span{
	z-index:1000 !important;}
ol.sort{
	margin-left:0;
}
.fass{
	cursor:pointer;}
ol li.highlight .icon-move, ol li.highlight .icon-pencil, ol li.highlight .icon-trash{
	background-image: url("../img/glyphicons-halflings-white.png");
}
div.auflagen .span1:first-child{
	margin-left:0;
}
div.auflagen > div:nth-child(2n){
	background-color:#eee;}
div.auflagen > div{
	margin-top:2px;
}
#pdw{
	position:absolute;
	width:100px;
	height:99px;
	margin-top:-20px;
	margin-left:-100px;
	background:url(../images/pdw.png) top left no-repeat;
}