/*
	Sample "own-CSS" / Beispiel für ein "eigenes CSS"
	=================================================
	
	To use this CSS you must set "Images per Row for own-CSS" to 4 and "Images per
        Column for own-CSS" to 2!
	We offer this sample, to give You an idea of what is possible using the capabilities of 
        Cascading Style Sheets.
	Be aware, that CSS is still browser dependant, that this sample is tricky and uncomplete.
	You'll find all background images referenced by this example in folder     
        "data/own-css-images". 
	
	Um dieses CSS einzusetzen, müssen Sie "Bilder je Zeile für eigenes Layout-CSS" auf 4 
        und "Bilder je Spalte..." auf 2 setzen!
	Wir geben dieses Beispiel, um Ihnen einen Eindruck von den Möglichkeiten von Cascading 
        Style Sheets zu vermitteln.
	Seien Sie sich bewusst, dass CSS immer noch browserabhängig ist, und dass dies ein 
        trickreiches und unvollständiges Beispiel ist.
	Sie finden alle Hintergrundbilder zu diesem Beispiel im Ordner "data/own-css-images".
*/
body, p, td, th, a, textarea, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}
body {
	background-attachment: scroll;
	background-color: #FFFFFF;
	text-align: center;
}
h1, #pageblock th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.small {
	font-size: 10px;
	font-weight: normal;
}
a, a:link {
	font-weight: normal;
	text-decoration: none;
}
a:hover, div a:hover {
	text-decoration: none;
	color: #FF6600;
}



#wrapper {
	width: 780px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(own-css-images/background_ez.png);
	height: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#indexwrapper {
	width: 780px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(own-css-images/background_ez.png);
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	clear: both;
	padding: 0px;
}

#basketwrapper, #orderformwrapper, #showtextwrapper {
	margin: 0px auto auto auto;
	width: 780px;
	background-image: url(own-css-images/background_ez.png);
	background-repeat: no-repeat;
}
#customerlogo {
	position: relative;
	top: 0px;
	left: 0px;
	visibility: visible;
}
#sitetitle {
	position: relative;
	left: 0px;
	background-image: url(own-css-images/header_ez.png);
	background-repeat: no-repeat;
	width: 780px;
	padding: 50px 0px 0px 8px;
	top: 18px;
}
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 18px;
	padding: 5px;
	position: relative;
	top: 18px;
}

#navigation ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigation ul li {
	display: inline;
	margin: 0px;
}

#navigation ul li a {
	display: inline;
	margin: 0px;
	text-decoration: none;
	color: #000000;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#navigation ul li a:hover {
	display: inline;
	margin: 0px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF6600;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#content {
	margin: 0px;
	padding: 10px;
	position: relative;
	left: 0px;
	top: 29px;
	width: 620px;
	float: right;
}
#indexcontent {
	margin: 0px;
	left: 0px;
	top: 0px;
	width: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 150px;
	background-image: url(own-css-images/fauxcols.png);
	background-repeat: repeat;
	clear: both;
}
#contentwrapper {
	margin: 0px;
	background-image: url(own-css-images/fauxcols.png);
	background-repeat: repeat;
	float: left;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 35px;
	position: relative;
}






#albumname {
	position: relative;
	left: 0px;
	width: 620px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	top: 0;
}


#firstlink, #prevlink, #nextlink, #lastlink {
	margin: 0;
	text-align: left;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 27px;
	width: 178px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#firstlink a, #prevlink a, #nextlink a, #lastlink a {
	font-size: 10px;
	color: #FFFFFF;
}
#firstlink a:link, #prevlink a:link, #nextlink a:link, #lastlink a:link {
	font-size: 10px;
}
#firstlink a:hover, #prevlink a:hover, #nextlink a:hover, #lastlink a:hover {
	color: #000000;
}

#prevlink {
	position: relative;
	left: 210px;
	background-image: url(own-css-images/prev.gif);
	top: -44px;
}
#nextlink {
	position: relative;
	left: 210px;
	background-image: url(own-css-images/next.gif);
	top: -40px;
}
#firstlink {
	position: relative;
	background-image: url(own-css-images/first.gif);
	left: 0px;
	top: -12px;
}
#lastlink {
	position: relative;
	left: 0px;
	background-image: url(own-css-images/last.gif);
	top: -72px;
}


#slideshowbtndiv {
	position: relative;
	left: 418px;
	padding: 0;
	margin: 0;
	height: 18px;
	width: 142px;
	white-space: nowrap;
	top: -100px;
}
.slideshowbtn {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	height: 16px;
	width: 140px;
	border: 0;
	text-align: left;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	color: #000139;
	background-color: #EEEEEE;
}
.slideshowselect {
	color: #000000; font-size: 10px; margin: 0; padding: 0;
}


#pagerlinks {
	position: relative;
	left: 420px;
	width: 220px;
	height: 16px;
	border: 0;
	text-align: left;
	padding: 0;
	margin: 0;
	top: 14px;
}
.pagertext, a.pagerlink, a.pagerlink:link {
	font-size: 10px;
	color: #000000;
}
a.pagerlink, a.pagerlink:link {
	text-decoration: underline;
}
.pageractual {
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
}
a.pagerlink:hover {
	color: #99CCFF;
}



#overview {
	position: relative;
	left: 0px;
	width: 360px;
	height: 16px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	z-index: 100;
	top: -85px;
}



#thumbs {
	left: 10px;
	background-repeat: no-repeat;
	text-align: center;
	height: 400px;
	padding: 0;
	background-color: transparent;
	margin: 0;
	width: auto;
	position: absolute;
	top: 130px;
}

table.thumb {
	margin: auto;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20;
	padding-left: 0;
}
td.raster {
	text-align: center;
	width: 150px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 0px;
	height: 165px;
}
td.lefttop {}
td.top {}
td.righttop {}
td.leftmiddle {}
td.middle {
	padding: 3px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
td.rightmiddle {}
td.leftbottom {}
td.bottom {}
td.rightbottom {}

img.thumbnail {
	border: 1px solid #797979;
	padding: 1px;
	margin: 1px;
	
}

#basketpageblock, #orderformpageblock {
	position: relative;
	left: 0px;
	width: 620px;
	top: 35px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 150px;
	background-image: url(own-css-images/fauxcols.png);
	background-repeat: repeat-y;
	margin: 0px;
}
#bestelltext {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#showtextpageblock {
	position: relative;
	top: 39px;
	left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 150px;
	background-image: url(own-css-images/fauxcols.png);
	background-repeat: repeat;
	background-position: 0px 30px;
}
#showtextwrapper #footer {
	background-image: url(own-css-images/footer.png);
	position: relative;
	top: 35px;
}
#formatspapers {
	padding: 0px;
	margin-bottom: 12px;
	color: #000000;
}
td.papers, td.formats {
	padding: 4px 4px 4px 4px;
	white-space: nowrap;
	text-align: right;
}
td.formats {
	padding: 4px 8px 4px 4px;
	white-space: nowrap;
	text-align: right;
}
td.basketitemleft {
	width: 100px; padding: 0 12px 4px 12px; text-align: center;
	font-size: 10px;
}
td.basketitemright {
	padding: 0 0 4px 20px; text-align: right;
}
input.basketitemcount {
	color: black; font-size: 10px; margin: 0; padding: 0;
}
#basketprice {
	color: #FF6600;
	text-align: center;
	font-weight: normal;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 24px;
	padding-left: 0px;
}
#updatebtndiv, #orderbtndiv {
	float: right;
	clear: none;
	margin: 0;
	padding:0;
	position: relative;
	bottom: 0px;
	color: #FFFFFF;
}
#goorderbtndiv {
	float: left; clear: none;
	padding: 0;
	margin: 0;
	padding: 0;
	position: relative; bottom: 0px;
}
#goorderbtndiv input, #orderbtndiv input {
	background-image: url(own-css-images/next.gif);
}
#updatebtndiv input {
	background-image: url(own-css-images/button.gif);
}
#updatebtndiv input, #goorderbtndiv input, #orderbtndiv input{
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 27px;
	width: 178px;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	top: -20px;
	position: relative;
}
.formleft {
	vertical-align: top;
}
.inputadr {
	color: black;
	width: 190px;
	background-color: #FBFBFB;
	border: 1px solid #797979;
}
textarea.inputadr {
	color: black;
	width: 384px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FBFBFB;
	border: 1px solid #797979;
}

#orderwrapper {
	background-color: #CCCCCC;
	border: 1px solid #333333;
	padding: 8px 8px 8px 8px;
	width: 500px;
	margin: 0px auto auto 0px;	
}
#subli {
	width: 130px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 29px;
	position: relative;
}
#subli ul {
padding: 0;
margin: 0;
}
#subli h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:20px;
	padding:0px;
	padding-left:9px;
	padding-right:9px;
	margin:0px;
	height:20px;
	background-color:#FF7D26;
	background-image:url(own-css-images/nav_left_h1_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#subli li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
#subli li a {
	font-size: 11px;
	display:block;
	color:#000000;
	padding:2px;
	padding-left:10px;
	background-color:#FFE6CF;
	border-top:1px solid #F9D3AF;
}
#subli li a:hover {
	background-color:#F9D3AF;
}
#subli li.marked {
	font-weight: bold;
	color: #000000;
}
#subli a.marked {
	font-weight: bold;
	color: #000000;
}
.intropic {
	height: auto;
	width: 150px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: 0px;
	padding-left: 0px;
}
.introtext {
	height: auto;
	width: 450px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.introrow {
	clear: both;
	height: auto;
	width: auto;
	float: none;
	margin: 0px;
	padding: 0px;
}
.gallerylink {
	float: right;
	height: auto;
	width: 200px;
	color: #FF6600;
	text-align: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#footer {
	height: 70px;
	background-image: url(own-css-images/footer.png);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	width: auto;
	margin: 0px;
	clear: both;
	top: 18px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.inforow {
	height: 20px;
}
.albumcount {
	display: block;
	float: left;
	width: auto;
}
.pagecount {
	display: block;
	float: right;
	width: auto;
}
.gallerynavi {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear: both;
	height: 15px;
	display: block;
}
.gallerynavi .rewind {
	float: left;
	width: auto;
}
.gallerynavi .forward {
	float: right;
	width: auto;
}