/* - StyleSheet www.hirntot-comix.de - */

/*reset*/
* { margin: 			0;
	padding: 			0;
	border: 			0px;
	outline: 			none;
	}

/*grundeinstellungen*/

body {
	font-family:		helvetica, arial, sans-serif;
	font-size:			62.5%;
	padding:			10px;
	margin:				0;
	background-color: 	#fff
	}

#wrapper {
	width: 				946px;
	height: 			700px;
	}

#header {
	width: 				946px;
	height: 			169px;	
	}

.agb #window {
	position: 			absolute;
	top: 				180px;
	width: 				900px;
	height: 			440px;
	}

#agbform {
	position: 			absolute;
	top: 				640px;
	left: 				400px;
	}
	
#korbform {
	position: 			absolute;
	top: 				640px;
	left: 				32px
	}	

#druckform {
	position: 			absolute;
	top: 				640px;
	left: 				810px
	}	

#agb_einsehen {
	position: 			absolute;
	top: 				370px;
	left: 				804px
	}

#javascript {
	position: 			absolute;
	top: 				210px;
	left: 				150px
	}

/* Image Replacement*/

.skip {
	
	width: 				946px;
	height: 			169px;
	background-image: 	url(hirntot_header.gif);
	background-repeat: 	no-repeat;
	text-indent: 		-5000px;
	display: 			block;
	position: 			absolute;
	overflow: 			hidden;
	cursor:				default
	}

#header h1 {
	
	width: 				946px;
	height: 			531px;
	padding-top: 		166px;
	float: 				left;	
	}

.agb p {
	color:				#999;
	font-family:		helvetica, arial, sans-serif;
	font-size:			1em;
	padding-left:		52px;
	margin:				0;
	}
	
.agb h1, .agb h2 {
	padding-left:		52px;
	float:				none
	}	

.shop a {
	text-decoration: 	underline
	}

.homepage #header h1 a {
	width: 				946px;
	height: 			531px;
	background-image: 	url(panel_home.jpg);
	background-repeat: 	no-repeat;
	text-indent: 		-5000px;
	display:			 block;
	overflow: 			hidden;
	cursor: 			default
	}

#header h1 a, #header h1 {
	width: 				946px;
	height: 			531px;
	text-indent: 		-5000px;
	display: 			block;
	overflow: 			hidden;
	cursor: 			default
	}

.hart_am_limit #header h1 a {
	background-image: 	url(panel_hal.jpg);
	background-repeat: 	no-repeat;
	}

.don_fon #header h1 a {
	background-image: 	url(panel_don.jpg);
	background-repeat: 	no-repeat;	
	}

.terror_in_the_woodz #header h1 a {
	background-image: 	url(panel_titw.jpg);
	background-repeat:	 no-repeat;
	}

.terror_in_the_zitty #header h1 a {
	background-image: 	url(panel_titz.jpg);
	background-repeat: 	no-repeat;
	}

.turbo_killerratte #header h1 a {
	background-image: 	url(panel_turbo.jpg);
	background-repeat: 	no-repeat;
	}

.bitch #header h1 a {
	background-image: 	url(panel_bitch.jpg);
	background-repeat: 	no-repeat;
	}

.shop #header h1 a {
	background-color: 	#fff;	
	}

.haendler #header h1 a,
.presse #header h1 a,
.vorschau #header h1 a,
.kontakt #header h1 a {
	height: 			512px;
	background-color: 	#000;
	}

.wunsch {
	color: 				#999
	}

/* Image Replacement*/

#home {
	position: 			absolute;
	top: 				7px;
	left: 				32px;
	width: 				58px;
	height: 			64px;
	background:			url(home.png) no-repeat top left;
	}

#mainnav {
	position:			absolute;
	top: 				24px;
	left: 				636px;
	width: 				300px;
	height: 			20px;
	}

#home a:hover, .wunsch a:hover {
	color: 				#06F
	}
		
#home a {
	text-decoration: 	none
	}
	
#mainnav .current, #comicnav .current, #heftnav .current {
	background-position: 0px -20px
	}	
			
#shop {
	position:			relative;
	float:				left;
	height:				20px;
	width:				40px;
	background:			url(shop.png) no-repeat top left;		
	}
		
#haendler {
	position:			relative;
	float:				left;
	height:				20px;
	width:				65px;
	background:			transparent url(haendler.png) no-repeat top left;
	}
			
#presse {
	position:			relative;
	float:				left;
	height:				20px;
	width:				58px;
	background:			transparent url(presse.png) no-repeat top left;
	}
			
#kontakt {
	position:			relative;
	float:				left;
	height:				20px;
	width:				65px;
	background:			transparent url(kontakt.png) no-repeat top left;
	}	
	
#studio {
	position:			relative;
	float:				left;
	height:				20px;
	width:				48px;
	background:			transparent url(studio.png) no-repeat top left;
	}	
	
#comicnav {
	position:			absolute;
	top: 				154px;
	left: 				52px;
	width: 				640px;
	height: 			20px;	
	}
	
#turbo {
	position:			relative;
	float:				left;
	height:				20px;
	width:				52px;
	background:			transparent url(turbo.png) no-repeat top left;
	}	
	
#hart_limit {
	position:			relative;
	float:				left;
	height:				20px;
	width:				103px;
	background:			url(hart_limit.png) no-repeat top left;
	}	
	
#don_fon {
	position:			relative;
	float:				left;
	height:				20px;
	width:				68px;
	background:			url(don_fon.png) no-repeat top left;
	}	
	
#bitch {
	position:			relative;
	float:				left;
	height:				20px;
	width:				47px;
	background:			url(bitch.png) no-repeat top left;
	}
	
#terror_woodz {
	position:			relative;
	float:				left;
	height:				20px;
	width:				144px;
	background:			url(terror_woodz.png) no-repeat top left;
	}	
	
#terror_zitty {
	position:			relative;
	float:				left;
	height:				20px;
	width:				122px;
	background:			url(terror_zitty.png) no-repeat top left;
	}	
	
/*NoScript*/

.noscript {
	display: 			block;
	width:				90px;
	height:				20px
	}

#nav-noscript-bottom a:hover, #nav-noscript-bottom a:focus, #nav-noscript-bottom .current {
	color:				#900
	}

#nav-noscript-bottom a {
	text-decoration:	none;
	font: 				1.3em/1.5em Verdana, sans-serif;
	color: 				#333;
	padding-bottom: 	6px;
	padding-right: 		8px;
	width: 				auto;
	}

#nav-noscript-bottom {
	position: 			absolute;
	top: 				154px;
	left: 				52px;
	width: 				600px;
	height: 			24px;
	background-color:	#fff;
	z-index:			6001;	
}

#nav-noscript-spez a {
	display: 			block;
	text-decoration:	none;
	font: 				1.3em/1.5em Verdana, sans-serif;
	color: 				#633;
	padding-top: 		6px;
	padding-left: 		8px;
	width:				auto
	}

#nav-noscript-spez {
	position: 			absolute;
	top: 				482px;
	left: 				52px;
	width:				110px;
	height: 			174px;
	background-color: 	#aaf;
	z-index:			7001;	
	}

#nav-noscript-spez p{
	padding-top: 		8px;
	padding-left: 		6px;
	font: 				1.2em/1.5em Verdana, sans-serif;
	color: 				#333;
}

#links {
	width: 				360px;
	height: 			300px;
	position:			absolute;
	margin: 			52px;
	top: 				200px
	}

#rechts {
	width: 				360px;
	height: 			300px;
	position:		absolute;
	margin: 			52px;
	top: 				200px;
	left: 				400px
	}

#aktuell{
	position: 			absolute;
	top: 				230px;
	left: 				56px;
	width: 				230px;
	height: 			206px;
	background-image: 	url(./../source/stuff/aktuell.png);
	background-repeat: 	no-repeat;
	}

#aktuell p {
	width: 				168px;
	height: 			120px;
	padding: 			26px 26px;
	overflow: 			hidden;
	color: 				#333
	}

#window span {
	color: 				#C00;
	font-size: 			1.4em
	}

#angebot {
	position: 			absolute;
	top: 				138px;
	left: 				650px;
	width: 				230px;
	height: 			206px;
	background-image: 	url(./../source/stuff/angebot_klein.png);
	background-repeat: 	no-repeat;
	}

#angebot a {
	display: 			block;
	width: 				80px;
	margin-top: 		52px;
	margin-left:		36px;
	color: 				#66F;
	font-size:			1.4em
	}

#angebot a:hover {
	color: 				#c00
	}

#info {
	width: 				860px;
	height: 			80px;
	position:			absolute;
	top: 				200px;
	left: 				52px;
	}

#impressum {
	width: 				350px;
	height: 			140px;
	position:			absolute;
	top: 				282px;
	left: 				560px;
	}

#disclaimer {
	width:				350px;
	height: 			100px;
	position:			absolute;
	top: 				490px;
	left: 				560px;
	}

#text {
	width: 				400px;
	height: 			160px;
	position:			absolute;
	top: 				300px;
	left: 				52px;
	}

#spez {
	width: 				400px;
	height: 			40px;
	position: 			absolute;
	top: 				468px;
	left: 				142px;
	}

#heft_1, #heft_2, #heft_3, #heft_4, #heft_5 {
	width: 				72px;
	float: 				left
	}

#heftnav {
	width: 				140px;
	height: 			120px;
	position: 			absolute;
	top: 				560px;
	left: 				10px;
	}

#vorschau {
	position:			relative;
	float:				left;
	height:				20px;
	width:				96px;
	margin-top:			8px;
	margin-bottom: 		18px; 
	background:			url(but_vorschau.png) no-repeat top left;
	}	

#rezension {
	position:			relative;
	float:				left;
	height:				20px;
	width:				96px;
	margin-bottom: 		18px;
	background:			url(but_rezension.png) no-repeat top left;
	}	

#kaufen {
	position:			relative;
	float:				left;
	height:				20px;
	width:				96px;
	background:			url(but_kaufen.png) no-repeat top left;
	}	

#cover {
	width: 				420px;
	height: 			120px;
	position: 			absolute;
	top: 				560px;
	left: 				128px;
	}

#footer {
	width:				auto;
	height: 			14px;
	position:			absolute;
	top: 				692px;
	left: 				804px;
	}

/*textauszeichnungen*/

hr {
	width: 				120px;
	border:				1px solid;
	margin-right: 		12px;
	color:				#933
	}

h1 {
	font: 				1.8em/1.5em Verdana, sans-serif;
	color: 				#AABCDA;
	width: 				auto
	}

h2 {
	padding-top: 		10px;
	font: 				1.2em/.8em Verdana, sans-serif;
	color: 				#AABCDA;
	}

h3 {
	padding-top: 		10px;
	font: 				1.2em/.8em Verdana, sans-serif;
	color: 				#093;
	}

h4 {
	padding-top: 		10px;
	font: 				1.2em/.8em Verdana, sans-serif;
	color: 				#F30
	}

p {
	font: 				1.3em/1.5em Verdana, sans-serif;
	color: 				#ddd;
	}
	
.dark {
	font: 				1.3em/1.5em Verdana, sans-serif;
	color: 				#333;
	width: 				auto
	}
	
.small {
	font: 				1em/1.3em Verdana, sans-serif;
	}
	
.small_dark {
	font: 				1em/1.3em Verdana, sans-serif;
	color: 				#111;
	}	

.hilit {
	font: 				1.2em/1.3em Verdana, sans-serif;
	color: 				#AABCDA;
	padding: 			6px 0
	}
	
.big {
	font: 				1.8em/1.3em Verdana, sans-serif;
	color: 				#AABCDA
	}

.small a {
	color: 				#FFC
	}

.home {
	display: 			block;
	padding-left: 		12px;
	margin-top: 		12px;
	font: 				1.2em/1.5em Verdana, sans-serif;
	color: 				#222;
	text-decoration: 	none
	}

a.universal {
	font: 				1.2em/1.5em Verdana, sans-serif;
	color:				#a44
	}

#links img, #rechts img {
	margin-top: 		6px;
	margin-right: 		12px;
	}
	
/*vorschau*/	

#container {
	display: 			none;
	width:				475px;
	position:			absolute;
	top: 				20px;
	left: 				150px;
	z-index:			10;
	}
			
#contentwindow {
	width:				475px;
	height:				722px;
	position:			relative;
	margin:				auto;
	overflow:			hidden;
	background:			#99C;
	border:				4px solid #ccc;	
	}
			
#container_titw, #container_titz, #container_bitch1, #container_bitch2,
#container_bitch3, #container_hal, #container_don, #container_turbo, #container_angebot, #container_key {
	display: 			none;
	width:				238px;
	height:				361px;
	position:			absolute;
	top: 				80px;
	left: 				260px;
	margin:				auto;
	overflow:			hidden;
	background:			#99C;
	border:				4px solid #ccc;	
	}
					
#contentpanels {
	position:			absolute;
	top:				0;
	left:				0;
	width:				950px;
	height:				1444px;
	margin:				0;
	padding:			0;
	z-index:			100;
	}

.panel {
	width:				475px;
	height:				722px;
	position:			relative;
	float:				left;			
	}
			
#panel1 {
	background:			transparent url(../source/vorschau/hart_limit-1.jpg) no-repeat top left;
	}
			
#panel2 {
	background:			transparent url(../source/vorschau/hart_limit-2.jpg) no-repeat top left;
	}
			
#panel3 {
	background:			transparent url(../source/vorschau/hart_limit-3.jpg) no-repeat top left;
	}
			
#panel4 {
	background:			transparent url(../source/vorschau/hart_limit-4.jpg) no-repeat top left;
	}
	
#panel5 {
	background:			transparent url(../source/vorschau/terror_woodz-1.jpg) no-repeat top left;
	}
			
#panel6 {
	background:			transparent url(../source/vorschau/terror_woodz-2.jpg) no-repeat top left;
	}
			
#panel7 {
	background:			transparent url(../source/vorschau/terror_woodz-3.jpg) no-repeat top left;
	}
			
#panel8 {
	background:			transparent url(../source/vorschau/terror_woodz-4.jpg) no-repeat top left;
	}
	
#panel9 {
	background:			transparent url(../source/vorschau/terror_zitty-1.jpg) no-repeat top left;
	}
			
#panel10 {
	background:			transparent url(../source/vorschau/terror_zitty-2.jpg) no-repeat top left;
	}
			
#panel11 {
	background:			transparent url(../source/vorschau/terror_zitty-3.jpg) no-repeat top left;
	}
			
#panel12 {
	background:			transparent url(../source/vorschau/terror_zitty-4.jpg) no-repeat top left;
	}
			
#panel13 {
	background:			transparent url(../source/vorschau/turbo-1.jpg) no-repeat top left;
	}
			
#panel14 {
	background:			transparent url(../source/vorschau/turbo-2.jpg) no-repeat top left;
	}
			
#panel15 {
	background:			transparent url(../source/vorschau/turbo-3.jpg) no-repeat top left;
	}
			
#panel16 {
	background:			transparent url(../source/vorschau/turbo-4.jpg) no-repeat top left;
	}
			
#panel17 {
	background:			transparent url(../source/vorschau/bitch-1.jpg) no-repeat top left;
	}
			
#panel18 {
	background:			transparent url(../source/vorschau/bitch-2.jpg) no-repeat top left;
	}
			
#panel19 {
	background:			transparent url(../source/vorschau/bitch-3.jpg) no-repeat top left;
	}
			
#panel20 {
	background:			transparent url(../source/vorschau/bitch-4.jpg) no-repeat top left;
	}
			
#panel21 {
	background:			transparent url(../source/vorschau/don_fon-1.jpg) no-repeat top left;
	}
			
#panel22 {
	background:			transparent url(../source/vorschau/don_fon-2.jpg) no-repeat top left;
	}
			
#panel23 {
	background:			transparent url(../source/vorschau/don_fon-3.jpg) no-repeat top left;
	}
			
#panel24 {
	background:			transparent url(../source/vorschau/don_fon-4.jpg) no-repeat top left;
	}
			
/*shopzoom*/			
			
#zoom_cover_titw {
	background:			transparent url(../source/vorschau/terror_woodz_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_titz {
	background:			transparent url(../source/vorschau/terror_zitty_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_bitch1 {
	background:			transparent url(../source/vorschau/bitch1_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_bitch2 {
	background:			transparent url(../source/vorschau/bitch2_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_bitch3 {
	background:			transparent url(../source/vorschau/bitch3_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_hal {
	background:			transparent url(../source/vorschau/hal_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_don {
	background:			transparent url(../source/vorschau/don_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_turbo {
	background:			transparent url(../source/vorschau/turbo_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_angebot {
	background:			transparent url(../source/vorschau/angebot_zoom.jpg) no-repeat top left;
	}
			
#zoom_cover_key {
	background:			transparent url(../source/vorschau/key_zoom.jpg) no-repeat top left;
	}
			
#nav {
	width:				90px;
	height:				14px;
	position:			absolute;
	top:				698px;
	left:				378px;
	margin:				0;
	padding:			4px;
	padding-right:		2px;
	padding-bottom:		2px;
	margin:				auto;
	z-index:			1003;
	}
			
#nav_zoom {
	display: 			none;
	width:				14px;
	height:				14px;
	position:			absolute;
	top:				432px;
	left:				490px;
	margin:				0;
	padding:			4px;
	padding-right:		2px;
	padding-bottom:		2px;
	margin:				auto;
	z-index:			1003;		
	}
					
#nav li, #nav_zoom li {
	margin:				0;
	padding:			0;
	width:				14px;
	height:				14px;
	margin-right:		4px;
	margin-bottom:		4px;
	float:				left;
	list-style:			none;
	}
			
#nav li.close, #nav_zoom li.close {
	width: 				14px;
	height: 			14px;
	}
			
#nav li a, #nav_zoom li a {
	display:			block;
	width:				100%;
	height:				100%;
	overflow:			hidden;
	border:				1px solid #000;
	}
			
#nav li a:active, #nav li a.active {
	border-color:		#BE0A26;	
	}	
			
img {
	border:				none;
	}
					
/*popup*/	

#cover_1 {
	position:			relative;
	background:			transparent url(../source/cover/cover_hart_limit.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_2 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_terror_zitty.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_3 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_terror_woodz.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_6 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_bitch-1.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_7 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_bitch-2.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_8 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_bitch-3.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_11 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_don_fon-1.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_12 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_don_fon-2.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_13 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_turbo-1.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_14 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_turbo-2.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_15 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_turbo-3.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_16 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_turbo-4.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
#cover_17 {
	position:			relative;
	margin:				auto;
	background:			transparent url(../source/cover/cover_turbo-5.png) no-repeat top left;
	width:				70px;
	height:				104px;
	margin-left:		12px;
	float:				left
	}
	
.moreinfo {
	position:			absolute;
	display:			block;
	text-indent:		-10000px;
	text-decoration:	none;
	width:				70px;
	height:				104px;
	}
	
.moreinfo_angebot {
	position:			absolute;
	display:			block;
	text-indent:		-10000px;
	text-decoration:	none;
	width:				70px;
	height:				26px;
	}
	
#moreinfo1 {
	top:				191px;
	left:				205px;
	z-index:			4000;
	}
	
.floatingpanel {
	position:			relative;
	top: 				-102px;
	left:				4px;
	display:			block;
	margin-top:			0px;
	margin-left:		-3px;
	width:				132px;
	height:				116px;
	padding-top:		8px;
	padding-left:		13px;
	padding-right:		13px;
	background:			transparent url(../source/stuff/floatingpanel.png) no-repeat top left;	
	text-indent:		0px;
	color:				#333333;
	display:			none;
	}
	
.floatingpanel_angebot {
	position:			relative;
	top: 				120px;
	left:				-30px;
	display:			block;
	margin-top:			0px;
	margin-left:		-3px;
	width:				272px;
	height:				198px;
	padding-top:		12px;
	padding-left:		26px;
	padding-right:		13px;
	background:			transparent url(../source/stuff/floatingpanel_angebot.png) no-repeat top left;	
	text-indent:		0px;
	color:				#333333;
	display:			none;
	}
	
.floatingpanel_angebot h2 {
	font-size:			.9em;
	font-weight: 		bold;
	color: 				#920202;
	padding-bottom: 	4px
	}
	
.floatingpanel_angebot h3 {
	font-size:			.7em;
	color: 				#333
	}
		
a:hover .floatingpanel, a:hover .floatingpanel_angebot {
	display:			block;
	}
	
.floatingpanel h2 {
	margin:				0;
	padding:			4px 0 4px 0;
	color:				#933;
	font-weight:		normal;
	font-size:			1.1em;
	}
	
.floatingpanel p, .floatingpanel_angebot p {
	margin:				0;
	margin-top:			8px;
	padding:			0;
	color:				#333333;
	font: 				.9em/1.2em Verdana, sans-serif;
	color: 				#111;
	}	
		
/*formular*/
	
#formular {
	width: 				480px;
	height:				340px;
	position:			absolute;
	top: 				288px;
	left: 				52px;
	background:			transparent url(../source/stuff/formular.png) no-repeat top left;
	z-index:			10	
	}

#ok {
	width: 				400px;
	height:				300px;
	position:			absolute;
	background:			transparent url(../source/stuff/formular_blank.png) no-repeat top left;
	z-index: 			100000
	}

#ok p {
	text-align:			center;
	color: 				#000;
	padding: 			62px
	}

.input {
	width: 				240px;
	height: 			20px;
	margin-top: 		48px;
	margin-left:		18px;
	border:				solid 1px #ade;
	float:				left	
	}
	
.fest {
	display:			block;
	width: 				40px;
	height: 			20px;
	position:			relative;
	top: 				56px;
	margin-right: 		160px;
	float:				right;
	font-size: 			1.2em
	}
	
.fest1 {
	display:			block;
	width: 				40px;
	height: 			20px;
	position:			relative;
	top: 				16px;
	margin-right: 		160px;
	float:				right;
	font-size: 			1.2em
	}
	
.input1 {
	width: 				240px;
	height: 			20px;
	margin-top: 		8px;
	margin-left: 		18px;
	border: 			solid 1px #ade;
	float:				left	
	}
	
.input2 {
	width: 				328px;
	height: 			140px;
	margin-top: 		14px;
	margin-left: 		18px;
	border: 			solid 1px #ade;	
	}
	
.submit {
	width: 				328px;
	height: 			16px;
	margin-top: 		10px;
	margin-left: 		18px;
	background-color: 	#282;
	color: 				#eee;
	border: 			solid 1px #999;
	float:				left	
	}
	
.input1:hover, .input1:focus, .input2:hover, .input2:focus, .input:hover, .input:focus, textarea:hover
	{
	border: 			1px solid #999
	}
	
#fehler{
	position:			absolute;
	top: 				-40px;
	left: 				320px;
	width:				146px;
	height: 			116px;
	background:			transparent url(../source/stuff/floatingpanel.png) no-repeat top left;
	z-index: 			20000
	}	

#fehler_shop{
	position:			absolute;
	top: 				-20px;
	left: 				420px;
	width:				146px;
	height: 			116px;
	background:			transparent url(../source/stuff/floatingpanel.png) no-repeat top left;
	z-index: 			30000
	}	
		
#fehler p.meldung, #fehler_shop p.meldung {
	font-size: 			1.1em;
	padding-left: 		12px;
	color: 				#C33;
	margin-bottom: 		-4px		
	}
		
#fehler ul, #fehler_shop ul {
	padding-left: 		32px;
	font-size: 			1.1em
	}		

/*shop*/

#zoom_pic1 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-230px;
	left: 				106px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic2 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top:				-230px;
	left: 				246px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic3 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-230px;
	left: 				386px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic4 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top:				-230px;
	left:				526px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic5 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top:				-230px;
	left:				666px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic6 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-34px;
	left: 				106px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic7 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-34px;
	left: 				246px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic8 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-34px;
	left: 				386px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic9 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-34px;
	left: 				526px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}	

#zoom_pic10 {
	position:			absolute;
	height:				14px;
	width:				14px;
	top: 				-34px;
	left:				666px;
	background:			url(../source/stuff/zoom.gif) no-repeat top left;
	}

#status {
	position:			absolute;
	width: 				900px;
	height: 			40px;
	top: 				180px;
	margin-left: 		46px;
	border-bottom: 		1px solid #ccc;	
	}	

#hinweis {
	position:			absolute;
	width: 				900px;
	height: 			40px;
	top: 				215px;
	margin-left: 		46px;	
	}
	
#kundeninfo, #tabelle {
	margin-left: 		46px;
	}	

#kundeninfo {
	position: 			absolute;
	top: 				260px;
	left: 				510px;
	width: 				400px
	}

#kasse {
	position:			absolute;
	top: 				380px;
	left: 				400px;
	}

#tabelle th, #tabelle td {
	padding-right: 		20px;
	display: 			block;
	float: 				left;
	height: 			14px;
	padding-top: 		4px
	}

#tabelle td .schmal_r {
	text-align: 		right;
	}

#liste th, #liste td {
	padding-right: 		4px;
	text-align:			right;
	border: 			0;
	display: 			block;
	float: 				left;
	height: 			10px;
	}

#liste table {
	width: 				200px;
	position: 			absolute;
	top: 				48px;
	border-top: 		1px solid #aaa;
	}

.leer {
	width: 				302px; 
	border: 			0
	}

#tabelle th {
	background-color:	#9CF
	}

#tabelle .schmal {
	width: 				40px;
	padding-left: 		4px;
	text-align: 		right
	}

#liste .colspan {
	width: 				130px;
	}

#liste .schmal {
	width: 				20px;
	padding-right: 		6px
	}

#liste .schmal_r {
	width: 				44px;
	}	

.schmal_r {
	width: 				44px;
	text-align: 		right
	}	
	
.breit {
	width: 				100px;
	padding-left: 		4px;
	text-align: 		left
	}

.breit_post {
	width: 				104px;
	padding-left: 		4px;
	text-align: 		left
	}

.breit_plus {
	width: 				168px;
	padding-left: 		4px
	}

.breiter {
	width: 				228px;
	padding-left: 		4px
	}
	
.breit_r {
	width: 				160px;
	padding-left: 		4px
	}		
	
.zebra {
	background-color: 	#eee
	}	

#tabelle tr:nth-of-type(even) {
	background-color: 	#f3f3f3
	}

#tabelle tr:nth-of-type(odd) {
	background-color: 	#ddd
	}

.normal {
	border: 			1px solid #2eaadc	
	}

.aktiv {
	border: 			1px solid #000	
	}

.fertig {
	border: 			1px solid #97aa47	
	}

table {
	position:			absolute;
	top: 				260px;
	}
	
#confirm, #agb {
	position: 			absolute;
	top: 				404px;
	left: 				330px;
	width: 				200px;
	height: 			60px;
	}
	
/* form */

#agb {
	position: 			absolute;
	top: 				400px;
	left: 				560px;
	width: 				400px
	}

#addressform {
	position: 			absolute;
	top: 				260px;
	width: 				400px;
	margin-left: 		46px;
	}

#addressform p {
	font: 				1.1em/2em Verdana, sans-serif;
	color: 				#444;
	}

input {
	display: 			block;
	height: 			14px;
	border: 			1px solid #333;
	margin-top: 		4px;
	float: 				right
	}

select {
	width: 				100px;
	float: 				right
	}
	
fieldset {
	border: 			1px solid #333;
	padding: 			6px
	}	

#adresse {
	position: 			absolute;
	top: 				250px;
	left: 				560px;
	}	
.meldung {
	font-size: 			1em;
	color: 				#333
	}

.line {
	text-decoration:	underline	
	}
	
.float_left {
	float: 				left;
	margin-right: 		8px;
	}	
	
#korb_leer input {
	position: 			absolute;
	left: 				-12px
	}

.rein {
	background: 		url(./../source/stuff/rein.gif) 0 0 no-repeat;
    border: 			0;
    width: 				116px;
	height: 			16px;
	padding-left: 		10px
	}	
			
.raus {
	background: 		url(./../source/stuff/raus.gif) 0 0 no-repeat;
    border: 			0;
    width: 				116px;
	height: 			16px;
	padding-left: 		10px
	}				
			
.zoom {
	background: 		url(./../source/stuff/zoom.gif) 0 0 no-repeat;
    border: 			0;
    width: 				19px;
	height: 			19px;
	padding-left: 		10px;
	}

.back {
	background: 		url(./../source/stuff/back.gif) 0 0 no-repeat;
    border: 			0;
    width: 				129px;
	height: 			21px;
	margin-left:		18px
	}										

.weiter {
	background: 		url(./../source/stuff/weiter.gif) 0 0 no-repeat;
    border: 			0;
    width: 				129px;
	height: 			21px;
	margin-left:		18px
	}			
			
#warnung {	
	background: 		url(./../source/stuff/warnung.png) 0 0 no-repeat;
	width: 				auto;
	height: 			100px;
	position: 			absolute;
	top: 				60px;
	}
	
#warnung h3 {
	padding-left: 		40px;
	}
	
#warnung form {
	padding-top: 		20px;	
	}		

#warnung input, #confirm input, #shop_add input, #agb input {
	border: 			1px solid #ddd
	}	

input .weiter {
	border: 			1px solid #ddd
	}
	
input #back {
	margin-top: 		20px;
	}	

input:hover {
	border: 			1px solid #69C
	}
	
/* facebook */