/*******************************************************************************

	Project		:	WOP

	Copyright	:	Puro Nectar

*******************************************************************************

fond:  			#000
dkl grau:		#686d6c
grau-frame:		#d8dadc
gelb:			#ddbb00
black is black | white is white

	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat:no-repeat; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:11px; }

a:hover { text-decoration:none; }

/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*	body
*******************************************************************************/
body 
	{
	background-color:#000;
	font-family:verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 11px;
	}

.clearer 
	{
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
	}

.clear 
	{
	clear:both;
	}

.flLeft 
	{ 
	float:left; 
	}

.flRight 
	{ 
	float:right; 
	}

.warning, #main-block .warning 
	{ 
	color:#CA00AE; 
	}

/*	website
*******************************************************************************/
#website 
	{
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:900px;
	color:#000;
	text-align:justify;
	}

/*	header
*******************************************************************************/
#header 
	{
	margin:0;
	padding:0;
	height:185px;
	background-image:url(bilder/wop_01.jpg);
	}

/*breadcrumb
*******************************************************************************/

#breadcrumb 	
	{ 
	display:none; 
	}

#breadcrumb a, #breadcrumb a:link 				
	{ 
	color:#686d6c;
	font-size: 10px; 
	}

#breadcrumb a:hover 			
	{ 
	text-decoration:underline; 
	}

/*language
*******************************************************************************/
#language	 					
	{ 
	display:none;
	position: absolute; 
	top: 135px;
	font-size: 10px;
	text-align:right;
	left:20px; 
	color:#EFEBCC; 
	}

#language sl.leer			
	{ 
	color:#979374; 
	}

#language a, 
#language a:link 				
	{ 
	color:#CA00AE; 
	}

#language a:hover 				
	{ 
	text-decoration:underline; 
	}

/*	content
*******************************************************************************/
#content, #content2 
	{
	display:block;
	margin:0;
	clear:both;
	width: 100%;
	position:relative;
	padding:0;
	}

/* hide from IE/MAC \*/
* html #content, * html #content2 
	{
	height:1px;
	}
/* end hide */

#content 
	{
	min-height:350px;
	background-image:url(bilder/wop_03.jpg);
	background-repeat:repeat-y;
	}

#content2 
	{
	background-image:url(bilder/wop_img_06.jpg);
	background-position:350px 0px;
	}
	
#main 
	{
	float:left;
	width:680px;	
	margin-left:5px;
	padding:5px 0px 10px 10px;
	}

#main-block 
	{
	}

#main-block-2 
	{
	}

/*	Lampe und Fighter
*******************************************************************************/
#light
	{
	background-image:url(bilder/wop_img_03.gif);
	position:absolute;
	top:162px;
	left:435px;
	width:30px;
	height:80px;
	}

#guys
	{
	background-image:url(bilder/wop_img_05.gif);
	float:right;
	margin-top:-40px;
	width:125px;
	height:85px;
	}
	
/*	Standards
*******************************************************************************/
#standards 
	{
	display:block;
	background-image:url(bilder/wop_04.jpg);
	background-repeat:none;
	height: 185px;
	width:900px;
	}

#standards p 
	{
	position:relative;
	top: 155px;
	left: 495px;
	width: 380px;
	color:#fff;
	padding:0px;
	font-size:9px;
	text-align:right;
	text-transform:uppercase;
	}

#standards p a, #standards p a:link 
	{
	color:#fff;
	}
	
#standards p a:hover 
	{
	text-decoration:underline;
	}

/*	Navigation
*******************************************************************************/
#nav 
	{
	margin-left:25px;
	margin-top:-92px;
	margin-bottom:-140px;
	float:left;
	min-height:100px;
	}
	
#nav-top
	{
	height:82px;
	width:160px;
	}

#nav-bot, #sb-bot
	{
	clear:both;
	background-image:url(bilder/wop_nav_13.gif);
	height:10px;
	width:160px;
	}

#navigation
	{
	border-left:solid #d8dadc 1px;
	border-right:solid #d8dadc 1px;
	background-color:#f0f0f0;
	text-align:left;
	float:left; 
	width:158px;
	padding:0px;
	}

/*****************************/
#navigation ul.nav1st 
	{ 
	margin-left:7px;
	margin-top:-82px;
	margin-bottom:-8px;
	width:144px; 
	float: left; 
	}

#navigation ul.nav1st li 
	{ 
	border-top:solid 1px #d8dadc;
	padding: 7px 0; 
	}

#navigation ul.nav1st li.active a, #navigation ul.nav1st li.active a:link, #navigation ul.nav1st a:hover	
	{
	color:#ddbb00; 
	}

#navigation ul.nav1st a, #navigation ul.nav1st a:link 
	{ 
	display:block;
	color:#000;
	font-size:12px;
	font-weight:bold; 
	}

/*****************************/
#navigation ul.nav2nd li 	
	{ 
	border-top:none;
	padding: 4px 0; 
	}

#navigation ul.nav2nd a, #navigation ul.nav2nd a:link	
	{ 
	color: #000; 
	display:block; 
	padding-left:8px; 
	font-size:11px; 
	font-weight:bold; 
	}

#navigation ul.nav2nd a.current, #navigation ul.nav2nd a.current:link, #navigation ul.nav2nd a:hover 	
	{ 
	color:#ddbb00; 
	}

/*****************************/
#navigation ul.nav3rd li 
	{ 
	padding: 4px 0; 
	}

#navigation ul.nav3rd a, #navigation ul.nav3rd a:link 
	{ 
	color: #000; 
	display:block; 
	padding-left:16px; 
	font-size:11px; 
	}

#navigation ul.nav3rd a.current, #navigation ul.nav3rd a.current:link, #navigation ul.nav3rd a:hover	
	{
	color:#ddbb00; 
	}

/*	Sidebar
*******************************************************************************/
#sb-top
	{
	margin-top:10px;
	background-image:url(bilder/wop_nav_08.gif);
	height:10px;
	width:160px;
	}
	
#sidebar 
	{
	border-left:solid #d8dadc 1px;
	border-right:solid #d8dadc 1px;
	background-color:#f0f0f0;
	text-align:left;
	float:left; 
	width:144px;
	padding:0px 7px;
	}

#sb-bot
	{
	background-image:url(bilder/wop_nav_13.gif);
	height:10px;
	width:160px;
	margin-bottom:10px;
	}
	
/*	Headlines
*******************************************************************************/
#articlename
	{
	border-bottom:solid 1px #686d6c;
	width:525px;
	margin:-10px 0 5px 0;
	padding-left:15px;
	}

#main-block h1, #main-block h2, #main-block h3 
	{
	font-size:17px;
	font-weight:bold;
	line-height:1.5em;
	}

#main-block h4, #main-block h5, #main-block h6 
	{
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
	}

#main-block h1, #main-block h4 
	{
	color:#ddbb00;
	}

#main-block h2, #main-block h5 
	{
	color:#000;
	}

#main-block h3, #main-block h6 
	{
	color:#484d4c;
	}

/*	Paragraphs / Lists
*******************************************************************************/
#main-block p, #main-block ul, #main-block ol 
	{
	margin-bottom:8px;
	line-height:1.4em;
	margin-left:0;
	}

#main-block ul li ul, #main-block ul li ol, #main-block ol li ol, #main-block ol li ul 
	{
	}

#main-block ul 
	{
	margin-left:15px;
	list-style-type:disc;
	}

#main-block ol 
	{
	list-style-type:decimal-leading-zero;
	}

#main-block xs 
	{
	font-size:9px;
	color:#888;
	}

#main-block div.copyright
	{
	text-align:right;
	font-size:9px;
	margin: -20px 0px 10px 0;
	color:#888;
	}

/*	Hyperlinks
*******************************************************************************/
#main-block a, #main-block a:link 
	{
	color:#484d4c;
	}

#main-block a:hover 
	{
	text-decoration:underline;
	}


/*	Images
*******************************************************************************/
#main-block div.image 
	{
	margin-bottom:4px;
	}

#main-block div.image p 
	{
	margin:0 4px;
	font-size:0.9em;
	}

#main-block div.flLeft 
	{
	margin-right:12px;
	}

#main-block div.flRight 
	{
	margin-left:12px;
	}

#main-block div.frame 			
	{ 
	border:1px solid #d8dadc;
	padding: 3px; 
	}

/*******************************************************************************
								M O D U L E
*******************************************************************************/

/* line
*******************************************************************************/
#line
	{
	border-bottom:1px dotted #686d6c;
	height:0px;
	padding-top: 4px;
	margin-bottom: 4px;
	clear:both;
	}
	
/* teaser
*******************************************************************************/
.teaser
	{
	margin-bottom:-8px;
	}

/* textile
*******************************************************************************/
#textile
	{
	}

/* sitemap
*******************************************************************************/
#sitemap
	{
	}

/* formular
*******************************************************************************/
#form-module * 
	{
	padding:0px;
	}

#form-module 
	{
	float:left;
	margin:0 12px 0 0;
	padding:0px;
	width:542px;
	font-size:11px;
	}

#form-module fieldset 
	{
	}

#form-module legend 
	{
	display:none;
	}


#form-module p 
	{
	margin:0;
	padding:5px 0;
	font-size:11px;
	font-weight:bold;
	}

#form-module .element 
	{
	display:block;
	clear:both;
	}

#form-module label 
	{
	display:block;
	float:left;
	padding:3px 0;
	width:140px;
	}

#form-module label.checkbox 
	{
	width:400px;
	}

#form-module input, #form-module select, #form-module textarea 
	{
	float:left;
	margin:2px 0;
	width:400px;
	background-color: #ddd;
	border:1px solid #888;
	}

#form-module input:focus, #form-module select:focus, #form-module textarea:focus 
	{
	background-color:#fff;
	}
	
#form-module input.text 
	{
	height:20px;
	}

#form-module input.checkbox 
	{
	margin-left:120px; 
	width:15px;
	padding:0;
	margin-right:5px;
	border:none;
	}

#form-module input.submit 
	{ 
	margin:12px 0 0 140px;
	width:400px;
	padding:2px 5px;
	border:1px solid #888;
	background-color:#ddd;
	color:#000;
	text-align:center;
	cursor:pointer;
	}

#form-module input.submit:hover 
	{ 
	background-color:#aaa;
	color:#000;
	}

#form-module label.textarea, #form-module textarea.textarea 
	{
	height:96px;
	}

#form-module-thanks 
	{
	display:block;
	float:left;
	width:368px;
	margin:0 12px 0 0;
	border:1px dotted #888;
	padding:4px;
	}

/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie					
	{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
	}

.jaosg_thumbnail 
	{
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align:middle;
	}

.jaosg_nav
	{
	text-align: center;
	width:680px;
	}

.jaosg_bild
	{
	width:680px;
	text-align: center;
/*	border:1pt solid #bbb;
	padding:3px;
*/	}

.jaosg_bildbeschreibung
	{
	text-align: center;
	}

/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}

#main-block .download-desc p {
	color:#fff;
}

#main-block .download-hdl p {
	padding:3px 7px;
	background-color:#B30000;
	border-top:1px solid #696969;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:0.5em 7px;
}

#main-block .download-desc {
	margin-bottom:1em;
	padding:0 7px;
	background-color:#B30000;
	border-bottom:1px solid #696969;
}

#main-block .download-without-desc {
	margin-bottom:0.5em;
	border-top:1px solid #696969;
}

/* PayPal Shop
*******************************************************************************/
#paypalshop	
	{
	border-bottom:1px solid #686d6c; 
	padding-bottom: 25px;
	clear:both;
	width: 680px;
	}

#paypalshop .picture 
	{
	float:left;
	margin: 0 15px -58px 0px;
	}

#paypalshop .picture1 
	{
	float:left;
	margin: 0 15px -85px 0px;
	}

#paypalshop .picture2
	{
	float:left;
	margin: 0 15px -112px 0px;
	}
			
#paypalshop .textblock 
	{
	width: 465px;
	margin-left: 215px;
	}
			
#addcart 	
	{
	display: block;
	padding-bottom: 5px;
	clear:both;
	}

#addcart2	
	{
	float: right;
	width: 100px;
	}
			
#addcart .info 
	{
	margin-top: 5px;
	float:right;
	}

#addcart .info2 
	{
	margin-top: 20px;
	float:right;
	}
	
#addcart .price 
	{
	font-size: 12px;
	width: 90px;
	font-weight: bold;
	float: left;
	text-align: right;
	color: #b30000;
	}
			
#addcart .product 
	{
	font-size: 11px;
	padding-top: 1px;
	font-weight: bold;
	width: 360px;
	margin-left:230px;
	float: left;
	text-align: right;
	}

#addcart .article 
	{
	text-align: right;
	clear: both;
	font-size: 10px;
	margin: 5px 0;
	font-weight:normal;
	}

#addcart .button 
	{
	float: left;
	margin-left:15px;
	}


#addcart .options 
	{
	font-size: 11px;
	font-weight:normal;
	margin: 5px 0;
	text-align: right;
	}

/*	Video
*******************************************************************************/
#video
	{
	width:680px;
	text-align:center;
	}

/*******************************************************************************
								A D D O N S
*******************************************************************************/
/* Guestbook
*******************************************************************************/
/*
  Allgemeine Formatierungen

  Beschriftungen */
.a63-label 
	{
	width: 50px;
	float:left;
	font-size:9px;
	color:#333;
	}

.a63-date
	{
	text-align:right;
	font-size: 10px;
	}

/* Werte */
.a63-value 
	{
	padding-left: 10px;
	}
	
#a63-gbook ul, #a63-gbook li
	{
	list-style-type: none;
	margin-left:0;
	}
	
/* Mozilla */
li.a63-pagination 
	{
	list-style-type: none;
	margin-left:0;
	}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion 
	{
	font-size: 0.5em;
	color: #aaaaaa;
/*  color: #dddddd; */ /* (fast) unsichtbar*/
	}

/*  Formular Styles	*/

/* Formular */
.a63-form 
	{
	width: 680px;
	}

/* Eingabefelder */
.a63-form input, .a63-form textarea 
	{
	border: 1px solid black;
	margin: 1px 0;
	width: 530px;
	background-color: #ddd;
	}

.a63-form input:focus, .a63-form textarea:focus 
	{
	background-color: #fff;
	}

/* Text-Eingabefeld*/
.a63-form textarea 
	{
	height: 100px;
	}

/* Beschriftungen der Eingabefelder */
.a63-form label 
	{
	width: 148px;
	float: left;
	margin-left:0px;
	}


/* Buttons */
.a63-form .a63-fsubmit 
	{
	width: 261px;
	margin:0 0 0 10px;
	background-color: #D5CFCF;
	float:right;
	}

/* Buttons-Layer*/
.a63-form .a63-buttons 
	{
	}

/* Zusatztext-Layer*/
.a63-form .a63-info 
	{
	text-align: right;
	font-size:10px;
	color: #bbb;
	margin: 0px 125px 5px 0px;
	}

/* Fehlermeldungs-Layer*/
.a63-form div.error 
	{
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
	}

/* Fehlermeldungs-Layer*/
.a63-thanks 
	{
	margin:10px 0 20px 148px;
	width: 520px;
	}



/*
  Listen Styles

  Einträge-Layer */
.a63-entry 
	{
	margin-bottom: 10px;
	border-bottom: 1px dotted #686d6c;
	width:680px;
	min-height:95px;
	clear:both;
	}

/* Pagination-Layer */
#a63-paginationblock
	{
	display: block;
	text-align: right;
	width: 680px;
	margin-bottom:10px;
	font-weight: normal;	
	}	

#a63-paginationblock ul.a63-pagination
	{
	}

#a63-paginationblock ul.a63-pagination li
	{
	display:inline
	}

/* Pagination-Links */
li.a63-pagination a, li.a63-pagination_aktuell a
	{
	display:inline
	padding:0 4px;
	}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a 
	{
	font-weight: bold;
	text-decoration:underline;
	}

.a63-block1
	{
	width:225px;
	float:left;
	margin-right:10px;
	}

.a63-block2
	{
	width:440px;
	margin-left:225px;
	padding-left:10px;
	display:block;
	border-left: 1px dotted #686d6c;
	}

/* Gallery
*******************************************************************************/
#gallery
	{
	text-align:center;
	display:inline;
	margin:0 auto;
	overflow:hidden;
	height:100%;
	}
	
#gallery p.gallery_nav					
	{
	}

#gallery .last				
	{
	margin-bottom:12px;
	float:left;
	text-align:right;
	width:40%;
	}

#gallery .over				
	{
	margin-bottom:12px;
	float:left;
	text-align:center;
	width:20%;
	}

#gallery .next		
	{
	margin-bottom:12px;
	float:left;
	text-align:left;
	width:40%;
	}

#gallery div.image					
	{
	margin:6px 0;
	}

#gallery div.frame 			
	{ 
	border:1px dotted #d8dadc;
	padding: 3px; 
	}

#gallery div.copyright {
	text-align:right;
	margin:-30px 0 20px 0;
	font-size:10px;
	color:#aaa;
}

#gallery p.description
	{
	margin:0 auto;
	text-align:left;
	}

#gallerypool {
	margin:0 -4px;
	}

#gallerypool .thumbnail
	{
	margin:6px 4px;
	float: left;
	text-align: center;
	height:90px;
	overflow:hidden;
	}

/* End CSS */