/* Layout Elements */
body,html {
	height: 17cm;
    min-height: 400px; /* For Mozilla/Opera/Safari */
}
 
body {
    margin: 0;
    padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFFF;
	
}

#hSpacer3colGray {
	width: 17cm;
	height: 5px;;
	background-color:#000000;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
#hSpacer3colWhite {
	height: 5px;
	width: 17cm;
	background-color: #ffffff;
	float: left;
}
#hSpacer1col {
	height: 15px;
	width: 5px;
	display: block;
}
#hSpacer1colBorderTop {
	height: 15px;
	width: 17cm;
	display: block;
	border-bottom: 5px solid #ffffff;
	display: block;
}

#clear {
	clear: both;
}
.hSpacer {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	width: 17cm;
}

td {
	vertical-align:top;
}

#outerContainer {
	position: relative;
	width: 980px;
	height: auto;
	margin: 0 auto;
}
#headerContainer {
	width: 980px;
	height: 60px;
	float: left;
}
#headerContainer .logo{
	width: 165px;
	height: 60px;
	background-image: url('../images/site/layout/public_header-logo.png');	
	float: left;
}
#headerContainer .topRight{
	width: 420px;
	height: 60px;
	background-image: url('../images/site/layout/public_header-imgs.png');	
	float: right;
}
#footerContainer {
	visibility: hidden;
	display: none;
}
#footerAdress {
	visibility: hidden;
	display: none;
}

#content {
	display: block;
	width: 17cm;
	height: auto;
	float: left;
	border-bottom: 5px solid #ffffff;
	background-color: #fafafa;
/*	background-image: url('../images/site/layout/public_bg-col-fakey2.png');	*/
}
#content .header2col {
	width: 17cm;
	height: 10px;
	font-size: 0.7em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;

}
#content .block2col {
	width: 17cm;
	height: auto;
	padding: 10px;
	padding-bottom: 20px;
}
#content .vSpacer {
	height: 5px;
	width: 5px;
	float: left;
}

#col1 {
	visibility: hidden;
	display: none;

}
#col1 .block {
	visibility: hidden;
	display: none;
}
#col1 .header {
	visibility: hidden;
	display: none;
}

#col2 {
	width: 17cm;
	height: 17cm;
/*	margin-left: 5px;
	margin-right: 5px;*/
	float: left;
}
#col2 .block {
	width: 17cm;
}
#col2 .header {
	width: 17cm;
	height: auto;
	font-size: 0.7em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;
}

#sidebar {
	visibility: hidden;
	display: none;
}

#col3 {
	visibility: hidden;
	display: none;
}
#col3 .block {
	visibility: hidden;
	display: none;
}
#col3 .header {
	visibility: hidden;
	display: none;
}

#colCatalogIndex {
	width: 540px;
	float: left;
}
#colCatalogIndexHeader {
	width: 540px;
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}
#colCatalogIndexOverview {
	width: 540px;
	padding: 10px;
}

/* boxes */

#productOverviewBox {
	width: 120px;
	height: 165px;
	float: left;
	background-color:#c1f1ff;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #888888
}
#productOverviewBox:hover {
	background-color:#e9f9ff;
	border: 1px solid #888888
}

#productOverviewBox .image {
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
}
#productOverviewBox .section {
	vertical-align: middle;
	text-align: center;
	margin-top: 10px;
	font-size: 0.8em;
	font-weight: bold;
	width: 17cm;
}
#productOverviewBox .section a:link {
	color: #000000;
}
#productOverviewBox .section a:visited {
	color: #000000;
}
#productOverviewBox .section a:active {
	color: #000000;
}
#productOverviewBox .section a:hover {
	color: #000000;
	background: none;
}

#productFrontBox {
	float:left;
	width:253px; 
	height:200px;
	padding:5px;
	margin-right:8px;
	margin-top:8px;
	background-color:#E0E0E0;
}


/* popups */

#popupImage {
	padding-top: 10px;
}
#popupImage .text {
	color: #FFFFFF;
}
#popupImage img {
	border: 1px solid #FFFFFF;
	cursor: pointer;
}


/* typography */

a {
	text-decoration:none;
	color: #888888;
}

a:link {
	color: #888888;
}
a:active {
	color: #888888;
}
a:visited {
	color: #888888;
}
a:hover {
	background-color: #888888;
	color: #FFFFFF;
}

#langSelect {
	width: 26px;
	float: left;
}
#langSelect img {
	border: 1px solid #000000;
}
#langSelect img:hover {
	border: 1px solid #FF0000;
}

#langSelect a {
	background: none;
	border: none;
}
#langSelect a:link {
	background: none;
	border: none;
}
#langSelect a:hover {
	background: none;
	border: none;
}


#thumbnail img {
	border: 1px solid #888888;
}
#thumbnail img:hover {
	border: 1px solid #ffffff;
}

#thumbnail a {
	background: none;
}
#thumbnail a:link {
	background: none;
}
#thumbnail a:hover {
	background: none;
}

.title, h1 {
	font-size: 1.4em;
	font-weight: bold;
	display:block;
	padding-bottom: 10px;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	display:block;
}
.subtitle {
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 15px;
}
.subtitleAlternate {
	font-weight:bold;
	font-size:large;
	display:block;
}
.date {
	font-size: 0.7em;
	color: #888888;
	font-weight: bold;
}
.text {
	line-height: 1.5em;
	display: block;
}
.smallTextBold {
	font-size:0.75em;
	font-weight:bold;
}
.smallText {
	font-size:0.75em;
}

.readMore {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.pagesetter, .pagesetterTotal {
	border-top: 1px solid #000000;
	padding: 3px;
	display: block;
	text-align:center;
}
.pagesetterTotal {
	border-top: none;
	font-size: 0.7em;
	font-weight: bold;
}

.pagesetterCurrent {
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

/* verbose */
.verboseOk {
	font-weight: bold;
	color:#009900;
	margin-bottom: 50px;
	margin-top: 20px;
}
.verboseHint {
	font-weight: bold;
	color: #FF9900;
	margin-bottom: 50px;
	margin-top: 20px;
}
.verboseError {
	font-weight: bold;
	color:#DD1100;
	margin-bottom: 50px;
	margin-top: 20px;
}


/*

Navigation

*/


/* BLOCK 2 - navigation oben links */
#block2Item {
	visibility: hidden;
	display: none;
}


/* BLOCK 1 - navigation oben links */
#block1Item {
	visibility: hidden;
	display: none;
}


/*div tables */
#dataTable {
	height: auto;
	border: 1px solid #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
}
#dataTable .dataRowHeader {
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px;
	background-color: #FFFFFF;
	color: #888888;
}
#dataTable .dataRowHeader a {
	padding: 0px;
}
#dataTable .dataRow1 {
	margin: 0px;
	padding: 2px;
	background-color: #e0e0e0;
}
#dataTable .dataRow2 {
	margin: 0px;
	padding: 2px;
	background-color: #f0f0f0;
}
#dataTable .dataRowTitle {
	font-weight:bold;
}

#dataTable .dataRow2 a,#dataTable .dataRow1 a {
	padding: 1px;
	margin: 0px;
	color: #000000;
	display: block;
	width: 99%;
}
#dataTable .dataRow2 a:hover,#dataTable .dataRow1 a:hover {
	color: #FFFFFF;
	background-color: #888888;
	display: block;
}


/* <table> */

.tableHeader {
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;
}


/* general alignment text/img whatever */

#floatRight, .floatRight {
	float: right;
}
#floatLeft, .floatLeft {
	float: left;
}
#alignRight, .alignRight {
	text-align: right;
}
#alignLeft, .alignLeft {
	text-align: left;
}

/* images */

img {
	border: none;
}
.langiconCurrent {
	border: 1px solid #e9f9ff;
}
.langicon {
	border: 1px solid #000000;
}

/* forms */

input,textarea {
	border: solid #000000 1px;
	font-family:"Courier New", Courier, monospace;
	font-size: 0.9em;
	padding-left: 3px;

}
.inputSmall {
	width: 40px;
}

.formInputSearch {
	width: 17cm;
	padding: 2px;
}
.formInputImage {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}