/* ----------------------------------------------------------------------------
Screen CSS File
Pioneer Herbst/Winter
Copyright 2010 by Softloop
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
Allgemeine Tags und Klassen
---------------------------------------------------------------------------- */

* {
	  text-decoration: none;
	  margin: 0px;
	  padding: 0px;
	  border: none;
}

body {
	margin-top: 50px;
	background: #FFFFFF;
  	font: 10px 'HelveticaNeueLTStd67MediumCon', sans-serif;
  	color: #989898;
}

img {
	behavior: url("iepngfix.htc");
}

#art_bezeichnung {
	position: absolute;
	top: -30px;
	/* left: 65px; */
	width: 240px;
	font-size: 17px;
	color: #444;
	text-align: center;
	font-family: 'GeogrotesqueStencilASemiBold';
}

p {
	padding-bottom: 10px;
	color: #878786;
}

p.kurz {
	padding-bottom: 10px;
	width: 320px;
}

p.position {
	position: absolute;
	left: -80px;
	padding-top: 6px;
}

.position span.bg {
	margin-top: -10px !important;
	margin-left: -80px;
	display: block;
	width: 265px !important;
	background: url("../pics/article.png") no-repeat;
	padding: 10px;	
}

p.gross {
	padding-left: 35px;
	font-size: 60px;
	font-weight: bold;
	line-height: 0.5;
	text-transform: uppercase;
	width: 900px;
	font-family: Arial, sans-serif;
}

.black {
	color: #444;
}

span.emptycell {
	display: none;
}

table {
	border-collapse: collapse;	
	padding-bottom: 20px;
	padding-right: 20px;
}

table td {
	color: #444;
	text-align: center;
	/* padding-bottom: 3px; */
	padding-right: 8px;
	vertical-align: top;
	border-bottom: 1px solid #444;
}

p.schwarz {
	font-size: 12px;
	line-height: 1.3em;
	color: #b0a485 !important;
	padding-bottom: 10px;
}

a.ahlers-link {
	position: absolute;
	top: 490px;
	left: 750px;
	z-index: 300;
}

#article span.schwarz {
	font-size: 13px;
	line-height: 1.3em;
	color: #444;
	padding-bottom: 10px;	
}

#article2 ul li {
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

#wrapper {
  	margin: 0 auto;
  	width: 900px;
	height: 790px;
	overflow: visible;
	position: relative;
	background-repeat: no-repeat !important;
} 

*html #wrapper {
	position: relative;
	left: -3px;
}

#wrapper ul li {
	list-style-type: none;
}

#wrapper #article2 ul li {
	color: #444;
}

#sidebar ul li {
	padding-left: 35px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
}

#sidebar ul li a:hover {
	color: #9c9c9c;
}

#header {
	z-index: 100;
	position: relative;
  	width: 900px;
	height: 124px;
}

#headline {
	position: absolute;
	top: 95px;
	left: 0px;
}

#hintergrund {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 900px;
	height: 700px;
}

#logo a {
	outline: none;
	display: block;
}

h1 {
	font: 75px 'SubwayBerlinOTRegular', sans-serif;
	/* padding-left: 50px; */
	font-weight: normal;
	line-height: 85px;
	color: #0F377F;
	width: 900px;
}

h2 {
	font: 32px 'SubwayBerlinOTRegular', sans-serif;
	font-weight: normal;
	color: #0F377F;
	padding-top: 5px;
	padding-bottom: 15px;
}
/* ----------------------------------------------------------------------------
Kategorieliste 
---------------------------------------------------------------------------- */

ul.kategorieliste {
}

ul.kategorieliste li {
	text-transform: uppercase;
	list-style-type: none;
	line-height: 1;
	padding-left: 35px;
	font-size: 34px;
}

ul.kategorieliste li a {
}

ul.kategorieliste li img { 
}

ul.kategorieliste li h2 a {
}

ul.kategorieliste li p {
}

/* ----------------------------------------------------------------------------
Navigation
---------------------------------------------------------------------------- */

#navi {
	font-family: 'SubwayBerlinOTRegular', Verdana, sans-serif;
	position: relative;
	float: left;
	padding-top: 3px;
	height: 18px;
	width: 900px;
	margin-top: 10px;
}

*html #navi {
	top: 0;
}

#sprachnav ul li a {
	font-weight: normal !important;
}

#navi ul li {
  	list-style-type: none;
  	float: left;
  	padding-right: 20px;
   	font-size: 13px;	
}

#navi ul li a {
  	color: #989898;
	float: left;
}

#navi ul li a.aktiv  {
	color: #0F377F;
}

.subnavi {
	position: absolute;
	top: 173px;
	left: 45px;
	width: 150px;
	z-index: 30;
	overflow: hidden;
}

.subnavi a {
	color: #989898;
}

#navi li ul li {
	float: left;
	clear: both;
	height: 18px;
	background-color: #000;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 1px;
}

#navi li ul li.active {
	background-color: #0F377F;
}

#navi li ul li a {
	font: 16px 'SubwayBerlinOTRegular', sans-serif;	
	float: left;
	font-weight: normal;
	color: #FFF;
	outline: none;
	line-height: 18px;
}

#navi li ul li a.aktiv  {
	color: #FFF;
}

#content {
	position: relative;
  	float: left;
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 15px; 
  	width: 870px;
	height: 600px;
	background-repeat: no-repeat;
}

#hintergrund div.pnormal img {
	padding-top: 90px;
	margin-left: 150px;
}

#hintergrund_collection {
	position: absolute;
	right: 0px;
	top: -65px;
}

#content.scroll #article {
	position: absolute;
	top: 36px;
	right: 25px;
	width: 350px;
	height: 340px;
	padding-right: 10px;
	overflow-y: auto;
}

#contentscroll a {
	color: #444;
}

#sidebar {
    position: relative;  
    float: left;
    width: 330px;
	font-family: Arial, sans-serif;
}

#sidebar .media {
    position: absolute;
    top: 0px;
    left: -15px;
}

#media { 
	padding: 9px;
}

#article_collection {
	position: absolute;
	top: 110px;
	left: 187px;
}

#article_collection p.collection {
	position: absolute;
	top: -60px;
	padding-left: 50px;
	left: -250px;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: bold;
	color: #444;
}

#article2 {
	position: absolute;
	top: 25px;
	left: 25px;
}

#article2 a.contact {
	display: block;
	font-weight: normal;
	/* width: 500px; */
	color: #000;
	outline: none;
}

#article2_collection {
	position: absolute;
	left: 450px;
	top: 160px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 350px;
	width: 340px;
	z-index: 25;
}

#article2_collection p {
	color: #444;
}

ul.download {
	padding-top: 10px;
	padding-bottom: 20px;
}

ul.download li {
	line-height: 1.4em;
	list-style-type: none;
}

#content a {
  	color: #444;
}

#article p {
	line-height: 1.3em;
}

#navi-list li {
    float: left;
    list-style-type: none;
}

#galerieframe {
	position: relative;	
	padding: 20px 82px;
	padding-top: 60px;
	width: 740px;
	height: 400px;
	margin-left: -10px;
	overflow: hidden;
}

*html #galerieframe {
	width: 760px;
	left: 80px;
}

*+html #galerieframe {
	width: 760px;
	left: 80px;
}

*html #galerie {
	width: 760px;
}

#galerie {
	position: relative;
	width: 736px;
	height: 400px;
	overflow: hidden;
}

#galerieframe ul#mycarousel li.picturelist {
	list-style-type: none;
	min-width: 180px;
	height: 400px;
	position: relative;
}

#galerieframe ul#mycarousel li.picturelist .additional_info {
	font-size: 10px;
}

#galerieframe ul#mycarousel li.picturelist .fit, .fit {
	font-size: 10px;
	position: relative;
	top: -5px;
}

#wrapper.quadrat #galerieframe ul#mycarousel li.picturelist {
	list-style-type: none;
	width: 184px !important;
	height: 400px;
	font-size: 15px;
}

#wrapper.quadrat #galerieframe .col_3 ul#mycarousel li.picturelist {
	list-style-type: none;
	width: 240px !important;
	height: 400px;
	font-size: 15px;
	/* text-align: center; */
}

#galerieframe ul li {
	list-style-type: none;
	min-width: 180px;
}

#wrapper.quadrat #galerieframe ul li {
	list-style-type: none;
	width: 240px;
}

#galerieframe button {
	cursor: pointer;
}

#galerieframe ul li a {
	outline: none;
	display: block;
	font-family: 'GeogrotesqueStencilASemiBold';
}

#galerieframe ul li.prev,
#galerieframe ul li.next,
#wrapper.quadrat #galerieframe ul li.next {
	top: 190px;
}

#galerieframe ul li.prev  {
    position: absolute;

    left: 20px;
	padding-right: 30px;
}

#galerieframe ul li.next {	
    position: absolute;
    right: -50px;
}

*html #galerieframe ul li.next {
    position: absolute;
    top: 190px;
    right: 0px;
}

#wrapper.quadrat #galerieframe ul li.next {	
    position: absolute;
    right: -216px;
}

*html #wrapper.quadrat #galerieframe ul li.next {
    position: absolute;
    top: 190px;
    right: -200px;
}

#wrapper a.backbutton {
	position: absolute;
	top: 190px;
	left: 0px;
	cursor: pointer;
	color: #444 !important;
	padding-right: 30px;
	background: url("../pics/backward.gif") right no-repeat;
	padding-top: 2px;
	height: 18px;
	z-index: 1;
}

#catid_104 a.backbutton {
	color: #444 !important;
	background: url("../pics/backward.gif") right no-repeat;
}

img.selected_line {
	position: absolute;
	top: 72px;
	right: 16px;
	z-index: 22 !important;
}

.scroll img.selected_line {
	top: 110px;
	left: 443px;
	z-index: 23 !important;
}

.intro_video {
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 300;
}

/* ---------------------------------------------------------------------------- 
Formular
---------------------------------------------------------------------------- */

form {
    font-size: 13px;
    font-weight: bold;
    width: 360px;
	color:  #004772; 
}

input.text {
	color:  #004772; 
    margin-bottom: 3px;
    margin-top: 5px;
    width: 358px;
    padding-top: 2px;
    height: 18px;
}

textarea.textarea {
    margin-bottom: 3px;
    margin-top: 3px;
    padding-top: 2px;
    width: 358px;
    height: 90px;
}

input.submit {
    margin-top: 10px;
    margin-bottom: 20px;    
    width: 125px;
    height: 22px;
    padding-bottom: 2px;
    color: #444;
    background: #004772;
    font-size: 13px;
    font-weight: bold;    
}

button {
	background: none;
}

/* ---------------------------------------------------------------------------- 
Home
---------------------------------------------------------------------------- */

#platzhalter {
	position: absolute;
	top: 0px;
	left: -15px;
	width: 300px;
	float: left;
	height: auto;
	overflow:hidden;
	cursor:none;
}

#platzhalter a {
	cursor:none !important;
}

.thumbs {
	position: absolute;
	top: 0px;
	left: 288px;
	cursor: pointer;
	height: 271px;
	width: 58px;
	overflow: hidden;		
}

#sprachnav {
	position: absolute;
	top: 3px;
	right: 365px;
	width: 100px;
}

#sprachnav li {
	padding-right: 0 !important;
	padding-left: 5px !important;
	line-height: 1.3em;
	float: right !important;
	color: #0F377F;
}

#sprachnav a {
	color: #989898;
	font-weight: normal !important;
	float: left;
}

/* ---------------------------------------------------------------------------- 
Logo
---------------------------------------------------------------------------- */

#logo {
	height: 45px;
	width: 130px;
	behavior: url("iepngfix.htc");
	position: absolute;
	right: 0px;
	top: 15px;
}

/* .articleid_8 #logo, .articleid_218 #logo, .articleid_105 #logo, .articleid_10 #logo, .articleid_11 #logo {
	display: none;
} */

#bg_image_title {
	position: absolute;
	font-size: 46px;
	color: #000;
	background-color: #FFF;
	font-family: 'SubwayBerlinOTRegular', Verdana, sans-serif;
	height: 38px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform:rotate(-2deg);
}

#bg_image_title {
	/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.2); */
	/* filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
	        M11=1.5320888862379554, M12=-1.2855752193730787,
	        M21=1.2855752193730796, M22=1.5320888862379558); */
	
}

#bg_image_title div {
	margin-top: -12px;
}

/* ---------------------------------------------------------------------------- 
Intro
---------------------------------------------------------------------------- */

#content.intro {
	height: auto;
	padding: 0;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 1;
}

#wrapper.intro #header {
	visibility: hidden;
}

#wrapper.intro #navi.intro {
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 3;
}

*+html #wrapper.intro  #navi {
	margin-top: 32px;
} 

*html #wrapper.intro  #navi {
	margin-top: 32px;
}

#wrapper.intro #logo {
	position: absolute;
	z-index: 4;
	display: none;
}

#wrapper.intro #sprachnav {
	position: absolute;
	z-index: 5;
}

#wrapper.intro #sprachnav li {
	float: none;
}

/* ---------------------------------------------------------------------------- 
Standard
---------------------------------------------------------------------------- */

#article {
	position: absolute;
	padding: 10px;
	padding-top: 0;
	background-image: url("../pics/article.png");
}

#catid_104 p, #catid_104 #art_bezeichnung {
	color: #444 !important;
}

#catid_104 td {
	color: #444;
	border-bottom: 1px solid #444;
}

#catid_104 .black {
	color: #444;
}

.piclist_download {
	padding-top: 80px;
}

.piclist_download table {
	margin-left: -280px;
}

.piclist_download table td {
	padding: 0;
	border: none;
}

/* ---------------------------------------------------------------------------- 
Bilderanimation
---------------------------------------------------------------------------- */

#bilderanimation {
	position: relative;
	/* background: url("../pics/preview.jpg") no-repeat; */
	height: 360px;
	width: 565px;
	padding-top: 0px;
	overflow: hidden;
}

#bilderanimation img {
	margin-bottom: 50px;
}

a#projectLink1 {
	position: absolute;
}

a#projectLink2 {
	position: absolute;
}

#art_thumb_vorne {
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	top: -30px;
	left: -80px;
	position: absolute;
}
#art_thumb_hinten {
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 40px;
	left: -80px;
}
#art_bild {
	position: absolute;
	/* top: -30px; */
}

/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagigZoomCustomBig {
	position: 		absolute;
	top:            0px;
	right:           9px;
	visibility:     hidden;
	z-index:        1001;
}

*html .MagigZoomCustomBig, *+html .MagigZoomCustomBig {
	top: 0px;
	right: 9px;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#444;
	background:		#fff;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #808080;
	background: 	#ffffff;
	cursor:			pointer;
}

.MagicZoomBigImageCont img {
	position: absolute;
	z-index: 1002;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

.main_bg {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

.absolute_image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.product_navigation {
	position: relative;
}

.product_navigation ul {
	margin-top: -5px;
}

.product_navigation .navigation {
	background-color: #000;
	height: 72px;
	position: absolute;
	z-index: 2;
	top: 190px;
}

.product_navigation .navigation_shadow {
	background-color: #9C9D9D;
	height: 72px;
	position: absolute;
	margin-left: 40px;
	z-index: 5;
	top: 118px;
	width: 852px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform:rotate(-2deg);
	/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.2); */
}

.product_navigation li {
	font-family: 'GeogrotesqueStencilASemiBold';
	float: left;
	font-size: 70px;
	color: #FFF;
	padding-left: 3px;
	padding-right: 3px;
}

#content .product_navigation a {
	color: #FFF;
}

#content .product_navigation a:hover {
	color: #0F377F;
}

.max_width {
	width: 100%;
	height: auto;
}

.max_height {
	height: 100%;
	width: auto;
}

.articleName,
.fit {
	padding-left: 10px;
}

p.last {
	padding-bottom: 0px;
}

img.availability {
	padding-top: 2px;
}

#main_bg_clone {
	z-index: 99;
}

.intro_text {
	z-index: 105;
	font-size: 100px;
	font-family: 'SubwayBerlinOTRegular';
	position: fixed;
	top: 0;
	left: 0;
	color: #FFF;
	text-align: center;
	width: 100%;
	padding-top: 300px;
	text-shadow: 5px 5px 5px #AAA;
}

#bg_image_title.linked {
	cursor: pointer;
}