/*****************************************************
reset some basic style
*****************************************************/
a:hover { text-decoration : none; }
a:focus { outline : none; }
img a:hover { text-decoration : none; }
img a:focus { outline : none; }
input:hover { text-decoration : none; }
input:focus { outline : none; }
textarea:hover { text-decoration : none; }
textarea:focus { outline : none; }
select:hover { text-decoration : none; }
select:focus { outline : none; }
a img {
  border: none;
}
img, div {
behavior: url(./iepngfix.htc);
}
a {
behavior: url(./iepngfix.htc);
}

* { 
	padding : 0; 
	margin :	0; 
}
ol, ul {
   list-style : none;
	margin :	0;
	padding : 0;
}
img { 
   border : none; 
}
br { 
   line-height : normal; 
}

/*****************************************************
basics
*****************************************************/
body {
   margin : 0;
   color : #760B16;
	font-family : Verdana, Helvetica, Arial, Geneva, Futura, non-serif;			
	font-size : 11px;
	line-height : 100%;
	text-align : center;
	background : #F4F4F4 url(../shared/bg_white.gif) repeat-x;
}
#website {
	position : relative;
	margin : 20px auto 0 auto;
	padding : 12px 0 0 0;
	width : 994px;
	text-align : left;
	background : url(../shared/bg_white_stage.gif) 0px 0px no-repeat;
	visibility : visible;
	z-index : auto;
}
#stageWrap {
	margin : 0;
	padding : 0;
	width : 994px;
	height : 579px;
}
/* thumbWrap :: Scrollbar
*****************************************************/
#thumbWrap {
   position : absolute;
	margin : 0;
	padding : 0;
	top : 527px;
	left : 234px;
	width : 746px;
	height : 85px;	
	background : url(../shared/bg_thumb.gif) 0px -110px no-repeat;
	visibility : visible;
	z-index : auto;
}
#thumbWrap p {
   margin : 0;
	padding : 25px 10px 0 26px;
	color : #999999;
	font-size : .9em;
	line-height : 1.5em;
}
/* hide from incapable browsers */
div#scrollbar { 
    display : none;
 }
/* below in external file */
div#wn {
	position: relative;
	margin : 8px 0 0 14px;
	width : 718px;
	height : 62px;
	overflow : hidden;
}
div#scrollbar { 
   position : relative; 
   width : 718px; 
   height : 11px;
   display : block; /* display:none initially */
   font-size : 1px;  /* so no gap or misplacement due to image vertical alignment */
}
div#track { 
   position : absolute; 
   left : 12px; 
   top : 0;
   width : 722px; 
   height : 11px; 
   background : none;
   cursor : pointer;
}
div#dragBar {
   position : absolute; 
   left : 0px; 
   top : 0px;
   width : 81px; 
   height : 16px; 
   background : url('../shared/bg_scrollbar.png') no-repeat;
} 
/*div#dragBar:Hover {
    background : url('../shared/bg_scrollbar.png') 0px -16px no-repeat;
}*/
div#left { 
   position : absolute; 
   left : 0; 
   top : 0;
   display : none;
}  
div#right { 
   position : absolute;
   right : 0; 
   top : 0;
   display : none;
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display : block; 
 }
div#wn table img {	
	border : none; 
	padding : 0; 
	margin : 0; 
	border-spacing : 0; 
}
div#wn tr img {
	border : none; 
	padding : 0; 
	margin : 0; 
}
div#wn td img { 
	border : none; 
	padding : 0 2px 0 2px; 
	margin : 0; 
	vertical-align : top; 
	border-spacing : 0; 
}
/* stageLeft
*****************************************************/

#logoWrap {
	position : absolute;
	padding : 0;
	margin : 0;
	top : 26px;
	left : 26px;
	width : 191px;
	height : 37px;
	background : url(../shared/logo.gif) 0px -37px no-repeat;
	text-indent : -4000px;
	visibility : visible;
	z-index : auto;
}
#logoWrap a {
	display : block;
	width : 191px;
	height : 37px;
	text-indent : -4000px;
}
#stageLeft {
	margin : 0;
	padding : 0;
	width : 234px;	
}
/* stageLeft :: mainMenu
************************************************/

#menuWrap {
	position : absolute;   
   margin : 0;
   padding : 0;
   top : 114px;
   left : 71px;
	width : 153px;
	visibility : visible;
	z-index : auto;
}
ul#mainMenu {
   margin : 0;
   padding : 0;
   width : 153px;
   list-style-type : none;
}
ul#mainMenu li {
   float : left;
   margin : 0;
   padding : 0;
   list-style-type : none;
}
ul#mainMenu li a {
   display : block;
   height : 31px;
   text-decoration : none;
   text-indent : -4040px;
}
ul#mainMenu a.aktiv {
   cursor : default;
}
ul#mainMenu li a { background : url(../shared/btn_mainmenu_white.gif) no-repeat; }

ul#mainMenu li#food           { width: 153px; top: 0px; }
ul#mainMenu li#food a         { background-position: 0  0; }
ul#mainMenu li#food a:hover   { background-position: -153px 0; }
ul#mainMenu li#food a.aktiv	{ background-position: -306px 0; }

ul#mainMenu li#people           { width: 153px; top: 31px; }
ul#mainMenu li#people a         { background-position: 0  -31px; }
ul#mainMenu li#people a:hover   { background-position: -153px -31px; }
ul#mainMenu li#people a.aktiv	{ background-position: -306px -31px; }

ul#mainMenu li#stills           { width: 153px; top: 62px; }
ul#mainMenu li#stills a         { background-position: 0  -62px; }
ul#mainMenu li#stills a:hover   { background-position: -153px -62px; }
ul#mainMenu li#stills a.aktiv	{ background-position: -306px -62px; }

ul#mainMenu li#pub           { width: 153px; top: 93px; }
ul#mainMenu li#pub a         { background-position: 0  -93px; }
ul#mainMenu li#pub a:hover   { background-position: -153px -93px; }
ul#mainMenu li#pub a.aktiv	{ background-position: -306px -93px; }

/* stageLeft :: metaMenu
************************************************/
#metaWrap {
	position : absolute;   
   margin : 0;
   padding : 0;
   top : 546px;
   left : 19px;
	width : 209px;
	visibility : visible;
	z-index : auto;
}
ul#metaMenu {
   margin : 0;
   padding : 0;
   width : 209px;
   list-style-type : none;
}
ul#metaMenu li {
   float : left;
   margin : 0;
   padding : 0;
   list-style-type : none;
}
ul#metaMenu li a {
   display : block;
   height : 33px;
   text-decoration : none;
   text-indent : -4040px;
}
ul#metaMenu a.aktiv {
   cursor : default;
}
ul#metaMenu li a { background : url(../shared/btn_metamenu_white.gif) no-repeat; }

ul#metaMenu li#contact           { width: 67px; top: 0px; }
ul#metaMenu li#contact a         { background-position: 0  0; }
ul#metaMenu li#contact a:hover   { background-position: 0 -33px; }
ul#metaMenu li#contact a.aktiv	{ background-position: 0 -66px; }

ul#metaMenu li#clients           { width: 62px; top: 0px; }
ul#metaMenu li#clients a         { background-position: -67px  0; }
ul#metaMenu li#clients a:hover   { background-position: -67px -33px; }
ul#metaMenu li#clients a.aktiv	{ background-position: -67px -66px; }

ul#metaMenu li#download          { width: 80px; top: 0px; }
ul#metaMenu li#download a        { background-position: -129px  0; }
ul#metaMenu li#download a:hover  { background-position: -129px -33px; }
ul#metaMenu li#download a.aktiv	{ background-position: -129px -66px; }

ul#metaMenu li#black             { width: 65px; top: 99px; margin-left: 95px; _margin: 0; _padding-left: 95px; }
ul#metaMenu li#black a           { height : 14px; background-position: -95px  -101px; }
ul#metaMenu li#black a:hover     { background-position: -95px -115px; }
ul#metaMenu li#black a.aktiv	   { background-position: -95px -66px; }

ul#metaMenu li#white             { width: 49px; top: 89px; }
ul#metaMenu li#white a           { height : 14px; background-position: -160px  -101px; }
ul#metaMenu li#white a:hover     { background-position: -160px -115px; }
ul#metaMenu li#white a.aktiv	   { background-position: -160px -66px; }

/* stageLeft :: arrowMenu
************************************************/
#arrowWrap {
	position : absolute;   
   margin : 0;
   padding : 0;
   top : 495px;
   left : 186px;
	width : 34px;
	visibility : visible;
	z-index : auto;
}
ul#arrowMenu {
   margin : 0;
   padding : 0;
   width : 34px;
   list-style-type : none;
}
ul#arrowMenu li {
   float : left;
   margin : 0;
   padding : 0;
   list-style-type : none;
}
ul#arrowMenu li a {
   display : block;
   height : 21px;
   text-decoration : none;
   text-indent : -4040px;
}
ul#arrowMenu a.aktiv {
   cursor : default;
}
ul#arrowMenu li a { background : url(../shared/btn_arrowmenu.gif) no-repeat; }

ul#arrowMenu li#back             { width: 17px; top: 0px; }
ul#arrowMenu li#back a           { background-position: 0  0; }
ul#arrowMenu li#back a:hover     { background-position: 0 -21px; }
ul#arrowMenu li#back a.aktiv	   { background-position: 0 -21px; }

ul#arrowMenu li#forward          { width: 17px; top: 0px; }
ul#arrowMenu li#forward a        { background-position: -17px  0; }
ul#arrowMenu li#forward a:hover  { background-position: -17px -21px; }
ul#arrowMenu li#forward a.aktiv	{ background-position: -17px -21px; }

/* stageLeft :: subMenu
************************************************/
#subWrap {
	position : absolute;   
   margin : 0;
   padding : 0;
   top : 246px;
   left : 27px;
	width : 209px;
	visibility : visible;
	z-index : auto;
}
ul#subMenu {
   margin : 0px 0px 0px 0px;
   padding : 0px 0px 0px 0px;   
   text-align : right;
}
ul#subMenu li { 
   float : left;	
   margin : 0;
	padding : 0 0 10px 0;
	width : 191px;
   line-height : 1.1em;
   list-style-type : none;
}
ul#subMenu li a {
   padding : 0;
	color : #000000;
	font-size : 0.9em;
	font-weight : normal;
	text-decoration : none;
}
ul#subMenu li a:hover,
ul#subMenu li.aktiv a {   
	color : #882C35;
	font-size : 0.9em;
	font-weight : normal;
	text-decoration : none;
}
/* stageRight :: Images
************************************************/
#stageRight {
	margin : 0;
	padding : 14px 0 0 241px;
	width : 732px;
	text-align : center;
}
#stageRight img {
   cursor : pointer;
}
/* stageRight :: Text
************************************************/
#stageRightText {
	margin : 14px 0 0 241px;
	padding : 0;
	width : 746px;
	height : 487px;	
}
#stageRightText p {
	margin : 0;
	padding : 0 0 0 20px;
	font-size : 1.1em;
	line-height : 1.8em;
}
.leftText {
	float :left;
	margin : 0;
   	padding : 0 0 0 20px;
	width : 353px;
}
.rightText {
	float :left;
	margin : 0;
	padding : 0 0 0 20px;
	width : 353px;
}
/*.contact {
   background : url(../images/hintergrund/kontakt.jpg) no-repeat;
}
.clients {
   background : url(../images/hintergrund/kunden.jpg) no-repeat;
}
.download {
   background : url(../images/hintergrund/download.jpg) no-repeat;
}
*/
/* stageRight :: textLayer
************************************************/
#txt-1,
#txt-2,
#txt-3,
#txt-4,
#txt-5,
#txt-6,
#txt-7,
#txt-8 {
   position : absolute;
	line-height : 1.7em;
	text-align : left;
	visibility : hidden;
	z-index : 10;
}
#subTitel {
	position : absolute;
	top : 503px;
	left : 250px;
	width : 526px;
	height : 30px;
	color : #000000;
	line-height : 1.7em;
	text-align : left;
	visibility : visible;
	z-index : 10;
}
/* stageRight :: Form
************************************************/
#stageRightForm {
	margin : 14px 0 0 241px;
	padding : 0;
	width : 746px;
	height : 487px;
}
#formValide {
	position : absolute;
   padding : 96px 20px 0 20px;
   margin : 0 0;
	font-size : 1.1em;
	font-weight : normal;
	visibility : visible;
	z-index : auto;
}
#formValide p {
   padding : 0;
   margin : 0 0;
	font-size : 1.1em;
	font-weight : normal;
	line-height : 1.6em;
}
*+html #formLabel {padding : 19px 0 0 20px;} /* nur fŸr den IE7 */
* html #formLabel {padding : 19px 0 0 20px;} /* nur fŸr den IE6 */
#formLabel {
   position : absolute;
   padding : 18px 0 0 20px;
   margin : 0 0;
	font-size : 1.1em;
	font-weight : normal;
	visibility : visible;
	z-index : auto;
}
*+html #formLabel p {padding : 0 0 19px 0;} /* nur fŸr den IE7 */
* html #formLabel p {padding : 0 0 19px 0;} /* nur fŸr den IE6 */
#formLabel p {
   padding : 0 0 17px 0;
   margin : 0 0;
}
*+html #formInput {padding : 11px 0 19px 165px;} /* nur fŸr den IE7 */
#formInput {
   position : absolute;
   padding : 12px 0 19px 165px;
   margin : 0 0;
	font-size : 1.1em;
	font-weight : normal;
   visibility : visible;
	z-index : auto;
}
#capchaImage {
   position : absolute;
   padding : 0;
   margin : 11px 0 0 0;
   border : 1px solid #D5D5D5;
   visibility : visible;
	z-index : auto;
}
#capchaCode {
   position : absolute;
   padding : 12px 0 0 145px;
   margin : 0 0;
   visibility : visible;
	z-index : 100;
}
#captchaButton {
   position : absolute;
   padding : 50px 0 0 0;
   margin : 0 0 0 -2px;
   width : 300px;
   visibility : visible;
	z-index : auto;
}
*+html #formLabel p.spam {padding : 83px 0 0 0;} /* nur fŸr den IE7 */
#formLabel p.spam {
	padding : 85px 0 0 0;
	line-height : 1.2em;
}
#formInput .btncode {
	padding : 0 13px 0 0;
}
*+html .entry {padding: 5px 0px 6px 4px; margin-bottom : 16px;} /* nur fŸr den IE7 */
.entry {	   
	margin-bottom : 18px;
	padding: 4px 0px 5px 4px;
	font-size : 11px; 
	font-weight : normal; 
	font-style : normal; 	
	color : #666666;
	font-family : Verdana, Arial, Geneva, Helvetica;
	width : 222px;
	text-decoration : none;
	background-color : #FFFFFF;
	border : 1px solid #D5D5D5;
}
*+html .entry-error {padding: 5px 0px 6px 4px;} /* nur fŸr den IE7 */
.entry-error {	   
	margin-bottom : 18px;
	padding: 4px 0px 5px 4px;
	font-size : 11px; 
	font-weight : normal; 
	font-style : normal; 
	color : #760B16;
	font-family : Verdana, Arial, Geneva, Helvetica;
	width : 222px;
	text-decoration : none;
	background-color : #E4D9D5;
	border : 1px solid #760B16;
}
*+html .code {padding: 5px 0px 6px 4px;} /* nur fŸr den IE7 */
.code {	   
	margin : 0px 0px 14px 12px;
	padding: 4px 0px 5px 4px;
	font-size : 11px; 
	font-weight : normal; 
	font-style : normal; 
	color : #666666;
	font-family : Verdana, Arial, Geneva, Helvetica;
	width : 65px;
	text-decoration : none;
	background-color : #FFFFFF;
	border : 1px solid #D5D5D5;
}
*+html .code-error {padding: 5px 0px 6px 4px;} /* nur fŸr den IE7 */
.code-error {	   
	margin : 0px 0px 14px 12px;
	padding: 4px 0px 5px 4px;
	font-size : 11px; 
	font-weight : normal; 
	font-style : normal; 
	color : #760B16;
	font-family : Verdana, Arial, Geneva, Helvetica;
	width : 65px;
	text-decoration : none;
	background-color : #E4D9D5;
	border : 1px solid #760B16;
}
*+html .textfield {padding : 5px 0px 0px 4px;} /* nur fŸr den IE7 */
.textfield
{	   
	margin-bottom : 6px;
	padding : 4px 0px 0px 4px;
	font-size : 11px; 
	font-weight : normal; 
	font-style : normal; 
	color : #666666;
	font-family : Verdana, Arial, Geneva, Helvetica;
	width : 222px;
	height : 109px;
	text-decoration : none;
	background-color : #FFFFFF;
	border : 1px solid #D5D5D5;
}
/* List
*****************************************************/

UL, OL {
	padding : 0;
}
* UL, * OL {
	margin : 0;
}
UL LI {
	list-style : none;
	padding : 0px;
}
UL UL, OL OL {
	padding : 0;
}
/* anker
*****************************************************/
a {
   color : #CC0000;
   font-size : 1em;
   font-weight : normal;
   text-decoration : none;
}
a:hover {
   color : #CC0000;
   font-weight : normal;
   text-decoration : underline;
}
/* Headline
*****************************************************/
h1 {
	padding : 96px 0 19px 20px;
	font-size : 1.8em;
	font-weight : normal;
}
h2 {
	padding : 0px 0 16px 0;
	font-size : 1.8em;
	font-weight : normal;
}
h3 {
   padding : 0;
   margin : 15px 0 0 0;
   font-size : 1.1em;
   font-weight : bold;
}
h4 {
   padding : 0 0 0 27px;
   margin : 5px 0 2px 14px;
	color : #5B2282;
   font-family : Arial, Verdana, Helvetica, Geneva, Futura, non-serif;
   font-size : 0.9em;
   font-weight : bold;
}
h5 {
   padding : 0 0 0 27px;
   margin : 5px 0 2px 14px;
	color : #5B2282;
   font-family : Arial, Verdana, Helvetica, Geneva, Futura, non-serif;
   font-size : 0.8em;
   font-weight : bold;
}
h6 {
   padding : 0 0 0 27px;
   margin : 5px 0 2px 14px;
	color : #5B2282;
   font-family : Arial, Verdana, Helvetica, Geneva, Futura, non-serif;
   font-size : 0.7em;
   font-weight : bold;
}