/* 
CSS - Dr.Search
Published by Aylist Webdesign and Marketing Brighton UK
Author - Matthew Parle
*/









/* Website Colours

Light gray: #3C424A

Medium gray: #2B2F35

Dark gray: #202328

Blue: 		#00A0C6

Orange:		#FFA740

Stone:		#D1B984

*/











/* Alignments */



* {

	padding: 0;

	margin: 0;

}



html {

	height: 100%;

}



body {

	background-color: #202328;

	color: #DDD;

	font-family: "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;

	font-size: 1.0em;

	height: 100%;

	line-height: 1.4em;

	text-align: center;

}



img, a img {

	border: 0;

}



br {

	clear: both;

}



p {

	clear: both;

	font-size: 0.8em;

	margin-bottom: 1.75em;

}



p.boxy {

	background: transparent url(../images/box_eck_ur.gif) no-repeat right bottom;

	margin-bottom: 0;

	padding-bottom: 15px;

}



p.ohne_abstand {

	margin-bottom: -1px;

}



a {

	text-decoration: none;

}



p a, li a, dd a, cite a {

	color: #FFA740;

}



a.video {

	background: transparent url(../images/link_video.gif) no-repeat 0 50%;

	padding: 10px 20px 10px 50px;

}



p.fehler {

	color: #202328;

	background-color: #D1B984;

	border: 2px solid #00A0C6;

	font-weight: bold;

	padding: 20px 10px;

	text-align: center;

}



p a:hover, p a:focus, dd a:hover, dd a:focus, cite a:hover, cite a:focus {

	color: #00A0C6;

}



strong {

	color: #FFF;

}



em {

	font-style: normal;

	text-decoration: underline;

}



cite {

	display: block;

	font-size: 0.8em;

	margin-bottom: 1.75em;

}



.none {

	display: none;

}











/* Header */



#header {

	background: #4D545F url(../images/header_bg.gif) no-repeat 50% 25px;

	border-top: 4px solid #00A0C6;

	clear: both;

	float: left;

	height: 295px;

	width: 100%;

}



#container_header {

	background: transparent url(../images/header_tuerme.gif) no-repeat 100% 60px;

	height: 295px;

	margin: 0 auto;

	position: relative;

	text-align: left;

	width: 860px;

}



h1 a {
	color: #00A0C6;
	display: block;
	font-size: 1.4em;
	float: left;
	height: 220px;
	overflow: hidden;
	margin-top: 40px;
	text-align: center;
	text-decoration: none;
	text-indent: -5000px;
	width: 491px;

}



h1 a:hover {

	border: 0px;

}



a#aux {

	height: 1px;

	overflow: hidden;

	position: absolute;

	top: -999em;

	width: 1px;

	z-index: 500;

}



a#aux:focus, a#aux:active {

	background: #4D545F url(../images/header_bg.gif) no-repeat 50% 25px;

	color: #FFA740;

	display: block;

	font-size: 1.6em;

	height: 165px;

	left: 0;

	overflow: visible;

	padding-top: 130px;

	text-align: center;

	top: 0;

	width: 860px;

}













/* Navigation */



#navigation {

	font-size: 0.8em;

	line-height: normal;

}

		

#navigation ul {

	right: 0;

	list-style: none;

	position: absolute;

}



#navigation li {

	display: inline;

}

		

#navigation a, #navigation li {

	float: left;

	background: #00A0C6 url(../images/nav_left.gif) no-repeat left bottom;

	text-decoration: none;

}



#navigation li.active {

	background: #00A0C6 url(../images/nav_left_active.gif) no-repeat left bottom;

}



#navigation a span, #navigation li span {

	float: left;

	font-weight: bold;

	display: block;

	background: transparent url(../images/nav_right.gif) no-repeat right bottom;

	padding: 2px 12px 5px 10px;

	color: #DDD;

}



#navigation li.active span {

	background: transparent url(../images/nav_right_aktiv.gif) no-repeat right bottom;

	color: #EEE;

}

		

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navigation a span {

	float: none;

}

/* End IE5-Mac hack */



#navigation a:hover, #navigation a:focus {

	border: 0px;

	margin-top: 0px;

}



#navigation a:hover span, #navigation a:focus span {

	padding-top: 5px;

}











/* Body */	



#content {

	background: #202328 url(../images/content_bg.gif) repeat-y 50% 0;

	clear: both;

	float: left;

	margin: 60px 0;

	width: 100%;

}



#container_content {

	margin: 0 auto;

	text-align: left;

	width: 860px;

}



#left_column {

	float: left;

	position: relative;

	width: 250px;

}



#right_column {

	float: right;

	position: relative;

	width: 560px;

}



#random {
	float: left;

	margin-bottom: 20px;

	padding: 4px;

}



img.home {

	margin-bottom: 18px;

}



img.vita {

	margin: 8px 0 25px 0;

}



img.bio {

	margin-bottom: 17px;

}



img.logo {

	margin-bottom: 10px;

}



img.logo_vita {

	margin-bottom: 11px;

}



img.logo_850 {

	margin-bottom: 25px;

}



img.signum {

	display: block;

	padding-left: 400px;

}



img.ausstellung {

	background: #B1B1A4 url(../images/ausstellung_bilder.jpg) no-repeat left top;

	margin: -3px 0 11px 0;

	padding: 12px 12px 28px 8px;

}



img.mittelspalte {

	margin-left: 19px;

	margin-right: 19px;

}



img.right {

	float: right;

	margin-left: 7px;

}



img.captcha {

	border: 1px solid #555;

	float: left;

	margin-bottom: 1.75em;

}



dl.galerie {

	background: transparent url(../images/galerie_container_bg.gif) no-repeat left top;

	color: #888;

	float: left;

	font-size: 0.8em;

	height: 210px;

	line-height: 1.2em;

	margin: 10px 0;

	width: 174px;

}



dl.mittelspalte {

	margin: 10px 19px;

}



dl.galerie dt {

	height: 109px;

	margin: 10px 10px 6px 10px;

	width: 154px;

}



dl.galerie dt img {

	padding: 2px;

}



dl.galerie dt img:hover {

	border: 2px solid #BBB;

	border-right: 2px solid #888;

	border-bottom: 2px solid #888;

	padding: 0;

}



dl.galerie dd {

	margin: 0 12px;

}



dl.galerie dd.name {

	color: #00A0C6;

	border-bottom: 2px solid #333;

	letter-spacing: 1px;

	margin-bottom: 5px;

	padding-bottom: 2px;

}



dl.galerie dd.groesse {

	background: transparent url(../images/warenkorb.gif) no-repeat 0 50%;

	height: 18px;

	margin-bottom: 4px; 

	padding: 8px 0 8px 28px;

}



dl.galerie dd.groesse ul {

	list-style: none;

}



dl.galerie dd.groesse ul li {

	display: inline;

}



dl.galerie dd.groesse ul li.verfuegbar a {

	float: left;

	background-color: #444;

	border: 1px solid #555;

	color: #FFA740;

	padding: 1px 5px;

	margin-right: 7px;

}



dl.galerie dd.groesse ul li.verfuegbar a:hover, dl.galerie dd.groesse ul li.verfuegbar a:focus {

	background-color: #00A0C6;

	border: 1px solid #888;

	color: #FFF;

}



dl.galerie dd.groesse ul li.ausverkauft {

	float: left;

	background-color: #222;

	border: 1px solid #333;

	color: #444;

	padding: 1px 5px 1px 5px;

	margin-right: 7px;

}



dl.galerie dd.verkauft {

	background: transparent url(../images/verfuegbar.gif) no-repeat 3px 0;

	display: inline;

	float: left;

	padding-left: 28px;

}



dl.galerie dd.verkauft span {

	color: #AE0000;	              	/* ausverkauft */

	font-weight: bold;

}



dl.galerie dd.id {

	color: #B39E71;

	display: inline;

	float: right;

	text-align: right;

}



h2 {

	background: #202328 url(../images/h2_bg.gif) no-repeat 0 50%;

	border-bottom: 2px solid #333;

	clear: both;

	color: #00A0C6;

	display: block;

	font-size: 1.2em;

	font-weight: normal;

	letter-spacing: 2px;

	margin-bottom: 20px;

	padding: 5px 0 5px 30px;

	width: 530px;

}



h2 span.right {

	color: #555;

	position: absolute;

	right: 10px;

	top: 5px;

}



h3 {

	background: #202328 url(../images/h3_bg.gif) no-repeat 0 50%;

	border-top: 2px solid #333;

	border-bottom: 2px solid #333;

	clear: both;

	color: #B39E71;

	display: block;

	font-size: 1.0em;

	font-weight: bold;

	letter-spacing: 3px;

	margin-bottom: 20px;

	padding: 4px 0 4px 30px;

	text-transform: uppercase;

}



h4 {

	clear: both;

	color: #B39E71;

	display: block;

	font-size: 0.8em;

	font-weight: bold;

	letter-spacing: 1px;

	text-transform: uppercase;

}



ul#left-buttons {

	clear: both;

	list-style: none;

	margin-bottom: 67px;

	margin-left: 1px;

	width: 248px;

}



ul#left-buttons li {

	margin-bottom: 10px; 

}

	

ul#left-buttons li a {

	color: #00A0C6;

	text-decoration: none;

	background: transparent url(../images/rubrics_bg.gif) no-repeat left top; 

	width: 238px; 

	height: 48px; 

	display: block; 

	padding: 9px 0px 0px 10px; 

	font-size: 0.7em;

}



ul#left-buttons li a:hover, ul#left-buttons li a:focus {

	color: #FFA740;

	background-position: 0px -57px;

	border: 0px;

}



ul#left-buttons li a span.title {

	display: block;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 1.1em;

	letter-spacing: 2px;

}



ul#left-buttons li a span.text {

	color: #D1B984;

	display: block;

}

	

ul.submenu {

	font-size: 0.8em;

	list-style: none;

	width: 250px;

}



ul.submenu li {

	margin-top: 5px;

}



ul.submenu li a, ul.submenu li.aktiv {

	background: #333 url(../images/formate_bg.gif) no-repeat left top;

	border-left: 4px solid #555;

	color: #FFA740;

	display: block;

	height: 30px;

	padding: 8px 0 0 26px;

	text-decoration: none;

}



ul.submenu li a:hover, ul.submenu li a:focus {

	background: #444 url(../images/formate_bg.gif) no-repeat 0 -40px;

	border-left: 4px solid #00A0C6;

	color: #FFA740;

}



ul.submenu li.aktiv {

	background: #333 url(../images/formate_bg.gif) no-repeat left top;

	border-left: 4px solid #00A0C6;

	color: #DDD;

}



blockquote {

	background: transparent url(../images/quote_left.gif) no-repeat 1px 0;

	margin: 30px 0 10px 0; 

	padding-left: 30px;

	width: 530px;

	text-align: justify;

}



blockquote p {

	background: transparent url(../images/quote_right.gif) no-repeat right bottom;

	margin: 0;

	padding-right: 30px;

}



blockquote p.source {

	background: none;

	color: #B39E71;

	font-style: italic;

	font-weight: bold;

	letter-spacing: 1px; 

	padding: 0 40px 0 0;

	text-align: right;

}



ul.anschrift, ul.leftlist {

	border-top: 1px dotted #444;

	font-size: 0.8em;

	list-style: none;

}



ul.leftlist li {

	background: transparent url(../images/leftlist_bg.gif) repeat-y 0 0;

	border-bottom: 1px dotted #444;

	width: 250px;

}



ul.leftlist li:hover {

	background: transparent url(../images/leftlist_bg_hover.gif) repeat-y 0 0;

}



ul.leftlist li a {

	background: transparent url(../images/leftlist_bullet.gif) no-repeat 6px 50%;

	color: #FFA740;

	display: block;

	padding-left: 40px;

	text-decoration: none;

	width: 210px;

}



ul.leftlist li a:hover, ul.leftlist li a:focus {

	background: transparent url(../images/leftlist_bullet_hover.gif) no-repeat 8px 50%;

	color: #00A0C6;

}



dl.preise {

	display: inline;

	float: left;

	font-size: 0.8em;

	margin-bottom: 1.75em;

	width: 560px;

}



dl.preise dt {

	background: transparent url(../images/preise_bg.gif) no-repeat 100% 50%;

	color: #444;

	border-right: 4px solid #444;

	float: left;

	font-size: 6.0em;

	font-weight: bolder;

	height: 48px;

	margin-right: 38px;

	padding-right: 22px;

	padding-top: 26px;

	text-align: center;

	width: 70px;

}



dl.preise dt:hover {

	color: #00A0C6;

}



dl.preise dd {

	border-bottom: 1px dashed #444;

	float: right;

	padding-left: 10px;

	width: 414px;

}



dl.preise dd:hover, dl.preise dd.format:hover {

	background-color: #292929;

}



dl.preise dd.format {

	background-color: #191919;

	border-top: 1px dashed #444;

	color: #D1B984;

	margin-top: 2px;

}



dl.preise dd.gesamt {

	color: #00A0C6;

	font-weight: bold;

}



dl.preise dd.gesamt span {

	color: #666;

	font-weight: normal;

}



ul.anschrift li {

	border-bottom: 1px dotted #444;

	padding-left: 30px;

	width: 220px;

}



ul.anschrift li.address {

	background: transparent url(../images/kontakt_adresse.gif) no-repeat 0 50%;

	font-weight: bold;

}



ul.anschrift li.telephone {

	background: transparent url(../images/kontakt_telefon.gif) no-repeat 4px 50%;

}



ul.anschrift li.mail {

	background: transparent url(../images/kontakt_mail.gif) no-repeat 0 50%;

}



ul.anschrift li.web {

	background: transparent url(../images/kontakt_web.gif) no-repeat 0 50%;

}



ul.anschrift li a {

	color: #FFA740;

	text-decoration: none;

}



ul.anschrift li a:hover, ul.anschrift li a:focus {

	color: #00A0C6;

}



ul#useability {
	list-style: none;
	margin-bottom: 25px;
	padding-left: 40px;
}



ul#useability li {
	color: #DDD;
	font-family: "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.8em;
	font-style: italic;
	list-style-image: url(../images/use-list.png);
}



ul.bullet {

	font-size: 0.8em;

	list-style: none;

	margin-bottom: 1.75em;	

}



ul.bullet li {

	background: transparent url(../images/leftlist_bullet.gif) no-repeat 6px 50%;

	padding-left: 40px;

}



dl.info {

	font-size: 0.8em;

	margin: 1.75em 0;

}



dl.info dt {

	background: transparent url(../images/arrow_gray.gif) no-repeat 0 50%;

	border-bottom: 1px dashed #444;

	color: #00A0C6;

	float: left;

	padding-left: 15px;

	width: 100px;

}



dl.info dd {

	border-bottom: 1px dashed #444;

	color: #D1B984;

	float: right;

	width: 445px;

}



dl.info dd a {

	color: #D1B984;

}



dl.info dd a:hover, dl.info dd a:focus {

	color: #FFA740;

}



div#stats {

	background: transparent url(../images/stats_bg.gif) no-repeat 0 0;

	height: 166px;

	margin-top: 1.25em;

	overflow: hidden;

	padding: 5px 10px;

}



div#stats dl {

	float: left;

	font-size: 0.8em;

	width: 140px;

}



div#stats dl.amount {

	color: #D1B984;

	font-size: 0.7em;

	letter-spacing: 0.05em;

	text-align: center;

	text-transform: uppercase;

	padding: 0 5px 5px;

	width: 140px;

}



div#stats dl.amount dd a {

	color: #444;

	font-family: Impact;

	font-size: 9em;

	line-height: 1.0em;

	margin-top: 5px;

}



div#stats dl.amount dd a:hover {

	color: #00A0C6;

}



div#stats dl.top {

	background: transparent url(../images/stats_top_bg.gif) no-repeat 0 0;;

	float: right;

	margin-left: 25px;

	padding: 5px 10px;

}



div#stats dl.top dt {

	border-bottom: 2px solid #555;

	color: #D1B984;

	font-weight: bold;

	letter-spacing: 2px;

	text-transform: uppercase;

}



div#stats ol li {

	border-bottom: 1px dotted #444;

	list-style-position: inside;

}



div#stats ol li a {

	color: #DDD;

}



div#stats ol li a:hover, div#stats ol li a:focus {

	color: #00A0C6;

}

















/* Form Contact */



form#contact p, form#bestellung p {

	margin-bottom: 0.75em;

	padding: 0;

}



form#bestellung div.info {

	float: left;

	overflow: hidden;

	width: 330px;

}



form#bestellung p.info {

	margin-bottom: 12px;

}



form#bestellung img {

	background-color: #DDD;

	float: right;

	margin-right: 45px;

	margin-top: 0;

	padding: 2px;

}



form#contact fieldset, form#bestellung fieldset {

	border: 1px solid #444;

	overflow: hidden;

	padding-bottom: 30px;

}



form#contact legend, form#bestellung legend {

	color: #B39E71;

	font-size: 0.8em;

	font-weight: bold;

	margin-left: 19px;

	padding: 20px 10px;

}



form#contact label.left, form#bestellung label.left {

	color: #00A0C6;

	float: left;

	font-size: 1.0em;

	padding-right: 4.0em;

	margin-top: 2px;

	text-align: right; 

	width: 90px; 

}



form#bestellung label.left {

	margin-top: 3px; 

}



form#contact label.pflicht, form#bestellung label.pflicht {

	background: transparent url(../images/arrow_yellow.gif) no-repeat 105px 50%;

}



form#contact input.text, form#contact textarea, form#bestellung input.text, form#bestellung textarea {

	background: #444 url(../images/kontakt_feld_bg.gif) repeat-x left top;

	background-attachment: inherit;

	border: 1px solid #555;

	color: #DDD;

	font-family: "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;

	padding: 4px 10px;

}



form#contact input.gross, form#kontakt textarea, form#bestellung input.gross, form#bestellung textarea {

	width: 350px;

}



form#contact input#captcha {

	float: right;

	margin-right: 45px;

	margin-bottom: 1.75em;

}



form#bestellung input.mittel_links, form#bestellung input.mittel_rechts {

	width: 268px;

}



form#bestellung input.mittel_links {

	margin-right: 6px;

}



form#bestellung input.mittel_rechts {

	margin-left: 6px;

}



form#bestellung input.klein {

	width: 50px;

}



form#bestellung input.info, form#bestellung input.captchaeingabe, form#contact input#captcha {

	width: 160px;

}



form#contact input.submit, form#contact input.reset, form#bestellung input.submit, form#bestellung input.reset {

	background: #444 url(../images/kontakt_feld_bg.gif) repeat-x left top;

	background-attachment: inherit;

	border: 1px solid #000;

	color: #DDD;

	font-family: "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;

	margin-bottom: 40px;

	padding: 4px 10px;

	letter-spacing: 2px;

	width: 150px;

}



form#contact input.text:hover, form#contact input.submit:hover, form#contact input.reset:hover, form#contact textarea:hover,

form#bestellung input.text:hover, form#bestellung input.submit:hover, form#bestellung input.reset:hover, form#bestellung textarea:hover {

	border: 1px solid #B39E71;

}



form#contact input.text:focus, form#contact input.submit:focus, form#contact input.reset:focus, form#contact textarea:focus,

form#bestellung input.text:focus, form#bestellung input.submit:focus, form#bestellung input.reset:focus, form#bestellung textarea:focus {

	border: 1px solid #00A0C6;

}



form#contact input.submit, form#bestellung input.submit {

	float: left;

}



form#contact input.reset, form#bestellung input.reset {

	float: right;

}



form#contact textarea, form#bestellung textarea {

	font-size: 1.0em;

	padding-top: 3px;

}



form#contact textarea {

	height: 20em;

}



form#bestellung textarea {

	height: 4.4em;

}



form#bestellung input#widerruf, form#bestellung input#datenschutz, form#contact input#datenschutz {

	float: left;

	margin: 7px 20px 0 -1px;

}



form#contact label.right, form#bestellung label.right {

	float: left;

	font-size: 1.0em;

	margin-top: 2px;

}



form#bestellung label.belehrung, form#contact label.belehrung {

	float: right;

	margin-top: 3px;

	width: 370px;

}



form#bestellung p.spaminfo, form#contact p.spaminfo {

	margin: 0 45px 20px 140px;

}



form#bestellung div.captcha {

	background: #444 url(../images/kontakt_feld_bg.gif) repeat-x left top;

	background-attachment: inherit;

	border: 1px solid #555;

	margin-left: 141px;

	margin-top: 20px;

	padding: 12px 10px 10px 10px;

	width: 160px;

}













/* Main Footer */	



#footer {

	background: #3C424A url(../images/footer_bg.gif) no-repeat 50% 0;

	border-bottom: 4px solid #00A0C6;

	clear: both;

	color: #BBB;

	float: left;

	line-height: 1.2em;

	width: 100%;

}



#container_footer {

	margin: 80px auto 20px auto;

	text-align: left;

	width: 860px;

}



#footer_left {

	float: left;

	position: relative;

	margin-bottom: 30px;

	width: 250px;	

}



#footer_middle {

	float: left;

	margin: 0 55px;

	position: relative;

	margin-bottom: 30px;

	width: 250px;

}



#footer_right {

	float: right;

	position: relative;

	margin-bottom: 30px;

	width: 250px;

}



h5 {
	border-bottom: 2px solid #555;
	clear: both;
	color: #B39E71;
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	letter-spacing: 5px;
	margin-bottom: 25px;
	padding: 2px 0 2px 20px;
	text-transform: uppercase;

}



h6 {

	border-bottom: 1px solid #555;

	font-size: 0.7em;

}



#footer p {

	font-size: 0.7em;

	padding: 0;

	text-align: justify;

}



img.buch {

	border: 2px solid #DDD;

	display: block;

	height: 67px;

	margin: 13px 0;

	width: 246px;

}



#copyright {

	background: transparent url(../images/footer_graukeil.gif) no-repeat 0 100%;

	clear: both;

	color: #888;

	display: block;

	height: 2.6em;

	position: relative;

}



#copyright p {

	background: transparent url(../images/footer_copyright.gif) no-repeat 0 50%;

	line-height: 1.2em;

	padding-left: 34px;

	width: 50%;

}



#copyright ul {

	font-size: 0.7em;

	list-style: none;

	margin-top: 2px;

	position: absolute;

	right: 0;

	top: 0;

}



#copyright li {

	float: left;

	margin-left: 5px;

	overflow: hidden;

}



#copyright li a {

	display: block;

	float: left;

	height: 27px;

	text-decoration: none;

	text-indent: -5000px;	

}



#copyright li.xhtml a {

	background: transparent url(../images/valid_xhtml.gif) no-repeat 0 0;

	width: 72px;

}



#copyright li.css a {

	background: transparent url(../images/valid_css.gif) no-repeat 0 0;

	width: 58px;

}



#copyright li.top a {

	background: transparent url(../images/footer_top.gif) no-repeat 0 0;

	width: 68px;

}



ul.links {

	font-size: 0.7em;

	list-style: none;

	margin-bottom: 17px;

	width: 250px;

}



ul.links li {

	border-bottom: 1px dotted #555;

}



ul.links li:hover {

	background: #333 url(../images/footer_links.gif) no-repeat 235px 50%;

}



ul.links li a {

	color: #00A0C6;

	display: block;

	width: 250px;

}



ul.links li a:hover, ul.links li a:focus {

	color: #FFA740;

}



dl.pr {

	font-size: 0.7em;

	margin-bottom: 31px;

	width: 250px;

}



dl.pr dt {

	color: #888;

	float: left;

	font-weight: bold;

}



dl.pr dd a, #footer p.pr a {

	color: #00A0C6;

}



dl.pr dd a:hover, dl.pr dd a:focus, #footer p.pr a:hover, #footer p.pr a:focus {

	color: #FFA740;

}



dl.pr dd.img {

	display: block;

	float: right;

	height: 40px;

	overflow: hidden;

	width: 102px;

}



dl.pr dd.link {

	background: transparent url(../images/footer_url.gif) no-repeat 0 50%;

	float: left;

	padding-left: 15px;

	text-transform: uppercase;

}



dl.pr dd.desc {

	clear: both;

	padding-top: 6px;

	text-align: justify;

}




.absatz {

	margin-top: 40px;

}



.absatz_klein {

	margin-top: 20px;

}



.spam {

	margin-top: 20px;

}



.s {

	background-color: #777;

	color: #777;

	padding: 1px 0;

}



.w {

	background-color: transparent;

	color: #444;

	padding: 1px 0;

} 















	



div.ads {

	border-top: 1px dashed #444;

	border-bottom: 1px dashed #444;

	clear: both;

	height: 60px;

	margin-bottom: 21px;

	margin-top: 1.75em;

	padding: 10px 0 20px 0;

}



div.ad_left {

	background: transparent url(../images/ads_pic01.gif) no-repeat 0 50%;

	float: left;

	padding-left: 40px;

}



div.ad_right {

	background: transparent url(../images/ads_pic02.gif) no-repeat 0 50%;

	float: right;

	padding-left: 40px;

}


http://www./css/snotvalid.css

form#kontakt textarea, form#bestellung textarea {

	scrollbar-face-color: #444;

	scrollbar-highlight-color: #444;

	scrollbar-3dlight-color: #444;

	scrollbar-darkshadow-color: #444;

	scrollbar-shadow-color: #444;

	scrollbar-arrow-color: #00A0C6;

	scrollbar-track-color: #444;

}



dl.galerie dt img {

	filter: alpha(opacity=90);

	opacity: .9;

}



dl.galerie dt img:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}



ul#partner li span {

	filter: alpha(opacity=70);

	opacity: .7;

}



ul#partner li span:hover {

	filter: alpha(opacity=100);

	opacity: 1.0;

}



img.buch {

	filter: alpha(opacity=70);

	opacity: .7;

}



img.buch:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}



#copyright li a {

	filter: alpha(opacity=70);

	opacity: .7;

}



#copyright li a:hover, #copyright li a:focus {

	filter: alpha(opacity=100);

	opacity: 1;

}


#lightbox {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}



#lightbox a img {

	border: none;

}



#outerImageContainer {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}



#imageContainer {

	padding: 10px;

}



#loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}



#hoverNav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}



#imageContainer>#hoverNav {

	left: 0;

}



#hoverNav a {

	outline: none;

}



#prevLink, #nextLink {

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

}



#prevLink {

	left: 0;

	float: left;

}



#nextLink {

	right: 0;

	float: right;

}



#prevLink:hover, #prevLink:visited:hover {

	background: url(../images/prevlabel.gif) left 15% no-repeat;

}



#nextLink:hover, #nextLink:visited:hover {

	background: url(../images/nextlabel.gif) right 15% no-repeat;

}



#imageDataContainer {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

}



#imageData {

	padding:0 10px;

}



#imageData #imageDetails {

	color: #666;

	width: 70%;

	float: left;

	text-align: left;

}



#imageData #caption {

	font-size: 1.2em;

	font-weight: bold;

}



#imageData #numberDisplay {

	color: #888;

	display: block;

	clear: left;

	padding-bottom: 0.8em;

}

	

#imageData #bottomNavClose {

	width: 115px;

	float: right;

	padding-top: 3px;

}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

}	

 a.crumb:link {color: #FFA740;text-decoration: none;} 

 a.crumb:visited {color: #FFA740;text-decoration: none;} 

 a.crumb:hover {color: #DDD;text-decoration: none;}
 
 a.cloud:hover {text-decoration: underline;}
a.cloud { padding: 0px 2px;}


#random {
		width: 247px; 
		min-height: 191px; 
		background-color:#202328; 
		text-align:center; 
		font-family:Arial, Helvetica, sans-serif;

}