* {padding:0px; margin:0px;}
@font-face {font-family: "Gotham_Medium"; src: url("font/Gotham-Medium.ttf"); }
@font-face {font-family: "Lucida_Grande"; src: url("font/Lucida Grande.ttf"); }
@font-face {font-family: "AkzidenzGrotesk-Bold"; src: url("font/AkzidenzGrotesk-Bold.otf"); }
@font-face {font-family: "AkzidenzGrotesk-Black"; src: url("font/AkzidenzGrotesk-Black.otf"); }
@font-face {font-family: "AkzidenzGrotesk-Roman"; src: url("font/AkzidenzGrotesk-Roman.otf"); }
html, body
{margin: 0px; padding:0px; color: #000000; font-style: normal; font-weight: normal; font-family: Arial, Verdana, Tahoma, Times New Roman, Sans-Serif; font-size:12px;
color: #191919;
color: #262626;
color: #4c4c4c;
color: #404040;
}
img {border: none; outline: none;}
a {color:#000000; text-decoration:none; outline: none;}
a:hover {color: #000000; text-decoration: none; outline: none;}
p, h1, h2 {margin: 0;padding: 0;}

.navigation_text a {
   font-family: 'Gotham_Medium', Verdana, Tahoma, Times New Roman, Sans-Serif;
   color: #999999;
   font-style: normal;
   font-weight: normal;
   font-size:27px;
}

.navigation_text_selected a {
   font-family: 'Gotham_Medium', Verdana, Tahoma, Times New Roman, Sans-Serif;
   color: #000000;
   font-style: normal;
   font-weight: normal;
   font-size:27px;
}

.copyright_text {
   padding-left: 5px;
   font-family: 'Gotham_Medium', Verdana, Tahoma, Times New Roman, Sans-Serif;
   color: #666666;
   font-style: normal;
   font-weight: normal;
   font-size:11px;
}


#categories {
	position: absolute;
	height: 117px;
}


#body_size{margin: 25px auto;width: 930px;padding: 0px;}
#logo_site {height: 105px;}
#logo_site img {display: block;}
#bodysite {position: absolute;z-index: 0;}


#navigation {position: absolute;margin: 0;padding: 0;width: 170px;z-index: 201;  margin-left: 20px; margin-top: -12px}
#navigation li {margin: 0;padding:0;list-style-type: none;padding-bottom:14px}
#navigation li.selected { background-image: url("images/selector.jpg");background-repeat: no-repeat;background-position: 105px 2px;}

a#about_rollover {display: block;width:53px;height:16px;background-image: url(images/about_rollover.jpg);background-position: 0 0; margin: 0;}
a#about_rollover:hover {background-position: 0 -16px;}

a#collections_rollover {display: block;width:99px;height:16px;background-image: url(images/collections_rollover.jpg);background-position: 0 0; margin: 0;}
a#collections_rollover:hover {background-position: 0 -16px;}

a#client_rollover {display: block;width:51px;height:16px;background-image: url(images/client_rollover.jpg);background-position: 0 0; margin: 0;}
a#client_rollover:hover {background-position: 0 -16px;}

a#press_rollover {display: block;width:53px;height:16px;background-image: url(images/press_rollover.jpg);background-position: 0 0; margin: 0;}
a#press_rollover:hover {background-position: 0 -16px;}

a#contact_rollover {display: block;width:68px;height:16px;background-image: url(images/contact_rollover.jpg);background-position: 0 0; margin: 0;}
a#contact_rollover:hover {background-position: 0 -16px;}


#products {
	width: 715px;
	margin-top: -15px;
	left: 145px;
	position: absolute;
}
#products .all {float: left; background-color: #efefef;}
#products .all{width: 120px;height: 120px;margin-right:8px;margin-bottom: 8px;cursor: pointer; background-color: #efefef;}
#products .all.last {margin-right: 0;}
#products .all .info {position: absolute;width: 110px;height: 110px;background-color: #474747;color: white;padding: 5px;font-size: 13pt;font-variant: small-caps;font-style: oblique;z-index: 300;}
#products .all .info p{position: absolute;top: 0;margin-top: 50px; text-align: center; width: 110px;}
#products .infoHidden, #products .all .infoHidden { display: none; }
#products .all ul {display: none;}

.all_no_press {float: left; background-color: #efefef;}
.all_no_press{width: 120px;height: 120px;margin-right:8px;margin-bottom: 8px; background-color: #efefef;}
.all_no_press ul {display: none;}

/*#products {width: 710px; margin-top: -15px;left: 158px;position: absolute; }
#products .all {float: left;}
#products .all{width: 171px;height: 171px;margin-right:8px;margin-bottom: 8px;cursor: pointer;}
#products .all.last {margin-right: 0;}
#products .all .info {position: absolute;width: 161px;height: 161px;background-color: #474747;color: white;padding: 5px;font-size: 13pt;font-variant: small-caps;font-style: oblique;z-index: 300;}
#products .all .info p{position: absolute;top: 0;margin-top: 77px; text-align: center; width: 170px;}
#products .infoHidden, #products .all .infoHidden { display: none; }
#products .all ul {display: none;}

#products #bilderSchutz{display: block;	position: absolute; width: 708px;height: 500px;	z-index: 199;cursor: pointer;}
#products .rollover {display: block;position: absolute;	width: 170px;height: 170px;	z-index: 400;}*/


/*#products #bilderSchutz{display: block;	position: absolute; width: 710px;height: 500px;	z-index: 199;cursor: pointer;}
#products .rollover {display: block;position: absolute;	width: 120px;height: 120px;	z-index: 400;}*/

.product_copy{float: left; border-top: solid 7px #989898; width:470px; margin-top: 4px}


/* /////// / 	categories  /////// / */

#categories {
	width: 283px;
}
/*#categories { margin: 0;padding: 0; margin-left: -25px;margin-top: 11px;left: 863px;z-index: 200; } */
#categories { /* background-color: #cfcfd0; */ margin: 0;padding: 0; margin-left: -25px;margin-top: 11px;left: 783px;z-index: 200; font-family: 'Lucida_Grande', Verdana, Tahoma, Times New Roman, Sans-Serif; font-style: normal;  }
#categories li { margin: 0;padding: 0; list-style-type: none;padding-left: 60px; padding-top: 0px;font-size: 10pt; font-style: normal;line-height: 13pt; background-image: url("images/selector_disable.png"); background-repeat: no-repeat;background-position: 0px 1px; color: #000000; }
#categories li.selected { background-image: url("images/selector.jpg");	background-repeat: no-repeat;background-position: 0px 1px;}
#categories li:hover { color: #999999; /* 40% Schwarz RGB */  color: #b2b2b2; /* 30% Schwarz RGB */ }
#categories li:hover { cursor: pointer; background-image: url("images/selector_rollover.png"); }



.opacity {opacity: .80;
	/* IE */
/*
	filter: alpha(opacity=80);
*/
}

.liOpacity { opacity: .30;
	/* IE */
/*
	filter: alpha(opacity=30);
*/
}

.teaserImageOpacity { opacity: .20;

	/* IE */
/*
	filter: alpha(opacity=10);
*/
}


#products {	padding-bottom: 40px;}




#gallery,
#galleryNav {
	position: absolute;
/*	float: left;*/
	/*
	border: 1px solid red;
	*/
}


/* /////// /

	gallery

/////// / */

#gallery {
	width: 708px;
	margin-top: -39px;/*margin-top: -15px;*/
	left: 160px;
}



/* /////// /

	gallery

/////// / */

#gallery #bilderSchutz {
	display: block;
	position: absolute;
	width: 708px;
	height: 500px;
	z-index: 199;
	cursor: pointer;
}

#gallery .teaserBilderSchutz {
	display: block;
	position: absolute;
	width: 170px;
	height: 170px;
	z-index: 400;
}

/* /////// /

	gallery / Bilder

/////// / */

#gallery #picture {
	position: relative;
	width: 708px;
	height: 500px;
	margin: 0;
	padding: 0;
}

#gallery #picture .bild {
	position: absolute;
	top: 0pt;
	left: 0pt;
}

#gallery .infodetails {
	font-size: 9pt;
	font-style: oblique;
	line-height: 11pt;
	color: #999999; /* 40% Schwarz RGB */
	color: #b2b2b2; /* 30% Schwarz RGB */
	margin: 5px 0 0 10px;
    padding-bottom: 5px;
    text-align: right;
}

/* /////// /

	galleryNav

/////// / */

#galleryNav {
	width: 175px;
}

#galleryNav {
	/*
	background-color: #cfcfd0;
	*/
	margin: 0;
	padding: 0;
	margin-left: -25px;
	margin-top: 20px;
	left: 868px;/*left: 853px;*/
	z-index: 200;
}

#galleryNav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 60px;
	font-size: 11pt;
	font-style: oblique;
	line-height: 11pt;
}

#galleryNav li.selected {
	background-image: url("images/selector.jpg");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

/* /////// /

	galleryNav

/////// / */

#galleryNav li,
#galleryNav li:hover {
	background-image: url("images/selector_rollover.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor: pointer;
}

#galleryNav li:hover {
	background-image: url("images/selector_disable.png");
}

#galleryNav li.selected:hover {
	background-image: url("images/selector.jpg");
}

#galleryNav li.info  {
	background-image: url("images/selector_disable.png");
}

#galleryNav li.info:hover {
    color: #999999; /* 40% Schwarz RGB */  color: #b2b2b2; /* 30% Schwarz RGB */
	background-image: url("images/selector_rollover.png");
}

#galleryNav li {
   padding-top: 2px;
}


#galleryNav li.selected,,
#galleryNav li:hover {
	color: #999999; /* 40% Schwarz RGB */
	color: #b2b2b2; /* 30% Schwarz RGB */
}

#galleryNav li.info {
	color: #404040; /* 40% Schwarz RGB */
}


/* ------------- index ---------------- */
#index {width: 710px; margin-top: -17px;  left: 160px; position: absolute;}

#index_pic{float:left; width: 351px; height: 350px; margin-right: 7px}
#index_logo{width:350px; border-top: solid 7px #989898; margin-top: 11px; float: left; height: auto; padding-top: 1px;}
#index_copy{float: left; border-top: solid 7px #989898; width:470px; margin-top: 4px}

#index_logo h1{color: #000000; font-style: normal; font-weight: normal; font-family: Georgia, Arial, Verdana, Tahoma, Times New Roman, Sans-Serif; font-size:18px;}
#index_text p{ font-size: 12px; color: #ababab; font-family: 'AkzidenzGrotesk-Black', Georgia, Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-weight: normal; padding-bottom: 5px; line-height: 19px; }

/* ------------- about ---------------- */
#about {width: 710px; margin-top: -15px;  left: 160px; position: absolute;}

#about_pic{float: left; width: 351px; height: 350px; margin-right: 7px;}
#about_text{width:350px; border-top: solid 7px #989898; float: left; height: auto; padding-top: 1px; padding-bottom: 5px}
#about_copy{float: left; border-top: solid 7px #989898; width:470px; margin-top: 4px}

#about_text h1{color: #000000; font-style: normal; font-weight: normal; font-family: Georgia, Arial, Verdana, Tahoma, Times New Roman, Sans-Serif; font-size:18px; padding-bottom: 1px}
#about_text p{ font-size: 12px; color: #000000; font-family: 'Lucida_Grande', Georgia, Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-weight: normal; padding-top: 10px; padding-left: 15px}

/* ------------- client ---------------- */
#client {width: 710px; margin-top: -15px;  left: 160px; position: absolute;}

#client_pic{float:left; width: 351px; height: auto; margin-right: 7px}
#client_copy{float: left; border-top: solid 7px #989898; width:470px; margin-top: 4px}

#client_text{width:350px; border-top: solid 7px #989898; float: left; height: auto; padding-top: 1px;}
#client_text h1{color: #000000; font-style: normal; font-weight: normal; font-family: Georgia, Arial, Verdana, Tahoma, Times New Roman, Sans-Serif; font-size:18px; padding-bottom: 1px}
#client_text{width:350px; border-top: solid 7px #989898; float: left; height: auto; padding-top: 1px;}
#client_text p{ font-size: 12px; color: #000000; font-family: 'Lucida_Grande', Georgia, Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-weight: normal; padding-left: 13px}
.client_new a {color:#666666; text-decoration:underline; outline: none;}
.client_new a:hover {color: #666666; text-decoration: underline; outline: none;}

.client_input{color: #000000; font-weight: normal;  font-size:12px; background-image: url(images/input.jpg); width: 152px; height:18px; border: 0px; padding: 4px 4px 0px 4px; background-repeat: no-repeat;}

.client_notes{
	color: #000000;
	font-weight: normal;
	font-size:12px;
	width: 210px;
	height:160px;
	padding: 4px 4px 0px 4px;
}
.red-indicates {
	font-size: 12px;
	color: #F00;
	margin-left: 105px;
}
.red-asterisk {
	font-size: 12px;
	color: #F00;
	font-weight: bold;
	margin-right: 3px;

}
.red-error {
	font-size: 12px;
	color: #F00;
	margin-left: 15px;

}

/* ------------- contact ---------------- */
#contact {width: 710px; margin-top: -15px;  left: 160px; position: absolute;}

#contact_pic{float:left; width: 351px; height: 350px; margin-right: 7px}
#contact_copy{float: left; border-top: solid 7px #989898; width:470px; margin-top: 4px}

#contact_text{width:350px; border-top: solid 7px #989898; float: left; height: auto; padding-top: 1px;}
#contact_text p{ font-size: 12px; color: #000000; font-family:  'Lucida_Grande', Georgia, Arial, Verdana, Tahoma , Times New Roman, Sans-Serif; font-weight: normal; padding-left: 13px}

.thank-you-title{
	font-weight: bold;
	font-size:20px;
	padding-top: 1px;
	margin-left: 11px;	
}








