/* ----------------------------------------------------------------------------
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: #F4F4F4;
  	font: 12px 'SolexMediumItalicMedium', sans-serif;
  	color: #878786;
}

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 13, 2010 */



@font-face {
	font-family: 'SolexMediumItalicMedium';
	src: url('solexmedita-webfont.eot');
	src: local('☺'), url('solexmedita-webfont.woff') format('woff'), url('solexmedita-webfont.ttf') format('truetype'), url('solexmedita-webfont.svg#webfontjoHPOHc6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SolexBlackItalicMedium';
	src: url('solexblaita-webfont.eot');
	src: local('☺'), url('solexblaita-webfont.woff') format('woff'), url('solexblaita-webfont.ttf') format('truetype'), url('solexblaita-webfont.svg#webfontOpADMQ6W') format('svg');
	font-weight: normal;
	font-style: normal;
}


#art_bezeichnung {
	position: absolute;
	top: -30px;
	left: 260px;
	width: 390px;
	font-size: 17px;
	color: #444;
}

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

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

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

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: 100px;
	left: 239px;
	width: 78px;
	height: 25px;
	z-index: 100;
}

#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: 690px;
	overflow: visible;
	position: relative;
} 

*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: 164px;
	background-repeat: no-repeat;
}

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

#hintergrund {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	overflow: hidden;
}

#logo {
	position: absolute;
	top: 12px;
	right: 90px;
}

#logo a {
	outline: none;
}

h1 {
	padding-left: 35px;
	font: 75px 'SolexBlackItalicMedium', sans-serif;
	font-weight: normal;
	line-height: 75px;
	text-transform: uppercase;
	color: #FFF;
	width: 900px;
}

h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	color: #878786;
	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 {
  	position: relative;
  	float: left;
	padding-top: 3px;
  	height: 18px;
  	padding-left: 25px;
	padding-right: 10px;
	margin-top: 25px;
	text-transform: uppercase;
	background: #111111;	
}

*html #navi {
	top: 0;
}

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

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

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

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

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

#navi li ul li {
	line-height: 1.7em;
	float: none;
}

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

#navi li ul li a {
	font: 13px 'SolexBlackItalicMedium', sans-serif;	
	float: left;
	width: 150px;
	font-weight: normal;
  	padding-right: 2px;
	color: #FFF;
	outline: none;
}

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

#content {
	position: relative;
  	float: left;
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 15px; 
  	width: 870px;
	height: 511px;
	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: 50px;
	left: 250px;
}

#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: 70px;
}

#article2 a.contact {
	font-family: 'SolexMediumItalicMedium', sans-serif;	
	position: absolute;
	top: 0;
	display: block;
	font-weight: normal;
	width: 300px;
	color: #FFFFFF;
	outline: none;
}

#catid_5 #article2 {
	left: 25px;
}

#catid_103 .subnavi a {
	color: #AAA;
}

#catid_104 .subnavi a {
	color: #AAA;
}

#catid_7 .subnavi a {
	color: #AAA;
}

.articleid_103 .subnavi a {
	color: #FFF !important;
}

.articleid_104 .subnavi a {
	color: #FFF !important;
}

.articleid_7 .subnavi a {
	color: #FFF !important;
}

#article2_collection {
	position: absolute;
	left: 510px;
	top: 50px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 350px;
	width: 290px;
}

#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 50px;
    width: 800px;
	height: 400px;
	margin-left: -500px;
	overflow: hidden;
}

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

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

*html #galerie {
	width: 760px;
}

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

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

#wrapper.quadrat #galerieframe ul#mycarousel li.picturelist {
	list-style-type: none;
	width: 240px;
	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;
	text-transform: uppercase;
}

#galerieframe ul li.prev  {
    position: absolute;
    top: 100px;
    left: 20px;
	padding-right: 30px;
}

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

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

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

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

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

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

img.selected_line {
	position: absolute;
	top: -10px;
	right: 10px;
}

.scroll img.selected_line {
	top: 5px;
	left: 265px;
	z-index: 3;
}

.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: 10px;
	right: 20px;
	text-transform: uppercase;
}

#sprachnav li {
	padding-left: 10px;
	line-height: 1.3em;
	font-size: 11px !important;
	color: #000;
}

#sprachnav a {
	color: #FFFFFF;
	font-weight: normal !important;
}

#catid_12 #sprachnav a {
	color: #ddd;
}

/* ---------------------------------------------------------------------------- 
Aut Win 09
---------------------------------------------------------------------------- */

#aut-win10 {
	height: 100px;
	width: 100px;
	background: url("../pics/aut-win10.png") no-repeat;
	behavior: url("iepngfix.htc");
	position: absolute;
	right: 40px;
	top: 58px;
}

/* ---------------------------------------------------------------------------- 
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;
}

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

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

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

#wrapper #article {
	position: absolute;
	right: 25px;
	left: auto;
	width: 321px;
	padding: 10px;
	padding-right: 15px;	
}

#wrapper.standard #article {
	right: 25px;
	left: auto;
	width: 321px;	
	padding: 10px;
	padding-right: 15px;
}

.articleid_2 #wrapper #article { background: url("../pics/article.png") no-repeat; }
.articleid_177 #wrapper #article { background: url("../pics/article.png") no-repeat; }
.articleid_179 #wrapper #article { background: url("../pics/article.png") no-repeat; }
.articleid_180 #wrapper #article { background: url("../pics/article.png") no-repeat; }

.articleid_2 #wrapper.standard #article {
	left: 15px;
	bottom: 41px;
}

.articleid_179 #wrapper.standard #article {
	left: 15px;
	bottom: 41px;	
}

.articleid_177 #wrapper.standard #article {
	right: 20px;
	bottom: 41px;
	width: 360px;
}

.articleid_180  #wrapper.standard #article { 
	left: 475px;
	width: 265px;
	bottom: 41px;
}

#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;
}

#catid_7 #article {
	left: 280px !important;
}

.piclist_download {
	padding-top: 80px;
}

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

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

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

#bilderanimation {
	position: relative;
	margin-top: 55px;
	margin-left: -355px;
	background: url("../pics/showreel_trans.png") no-repeat;
	height: 283px;
	width: 500px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	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;
	position: absolute;
}
#art_thumb_hinten {
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 40px;
}
#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;
}