@charset "UTF-8";
/* *    CSS-StyleSheet for 4th project
   *
   *	Copyright (c) WIZMO GmbH
   *	http://www.wizmo.de/
   *	
   *	created by Christoph Kluge
   *    
   * */
	/* ====================== CSS-Definitions ====================== */
	/* ======== global definitions ======== */
* {
	padding: 0em;
	margin: 0em;
}

html {
    font-family: helvetica, arial, serif;
}

body {
    font-size: 0.75em; /* 12px */
    background: #d3dbe1;
    color: #000;
    overflow-x: hidden;
    overflow-y: scroll;
}

p {
	padding-bottom: 0.83em; /* 10px */
}
hr {
	height: 0.083em; /* 1px */
	border: none;
	border-top: 0.083em solid #ccc; /* 1px */
	margin-top: 1.083em; /* 13px */
	margin-bottom: 1.083em; /* 13px */
}
div.error {
	border: 3px solid #990000;;
	padding: 5px;
	background-color: linen;
}
div.success {
}
/* ======== floating / clearing definitions ======== */
.floatNone { float: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.hide, .ui-tabs-hide { display: none; }
.hidden { overflow: hidden; }
.show { display: block; }
.block { display: block; }
.inline { display: inline; }
.relative { position: relative; }
.absolute { position: absolute; }
.georgia { font-family: "Georgia"; }
.helvetica { font-family: "Helvetica"; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.color { color: #00b1ff; }
.colorRed { color: #990000; }
.colorGray { color: #666; }
.no-decoration { text-decoration: none !important;  }
.underline a { text-decoration: underline; }
.underline a:hover { text-decoration: none; }
.fontSize10px { font-size: 0.833em; /* 10px */ }
.fontSize14px { font-size: 1.166em; /* 14px; */ }
.fontSize18px { font-size: 1.5em; /* 18px; */ }
.backLink img { margin-right: 5px; }
/* ======== button / list definitions ======== */
button {
	border: 0px;
	background: none;
	cursor: pointer;
}
ul, ol {
	margin-left: 19px;
}
ul.level3 {
	margin-left: 39px;
}
/******************* headings definitions ********************/
h1, h2, h3, h4, h5 {
	color: #990000;
}
h1 { /* for title - plakat industrie or nostalgie */
	font-size: 1.83em; /* 22px */
}
h2 { /* for subtitle - description */
	font-size: 1.5em; /* 18px */
}
h3 { /* for content-headings */
	font-size: 1.5em; /* 18px */
}
h4 { /* for productgroups */
	font-size: 1.5em; /* 18px */
}
/******************* anchors and list definitions ********************/
a {	
	color: #990000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.active {

}
/******************* mainContainer definitions ********************/
div {
	position: relative;
}
.vLine {
	background-image: url('../img/dotted_vertical.gif');
	background-repeat: repeat-y;
	background-position: 0 0;
}
.vLineRight {
	background-image: url('../img/dotted_vertical.gif');
	background-repeat: repeat-y;
	background-position: top right;
}
.hLine {
	height: 1px;
	background-image: url('../img/dotted_horizontal.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}
.hLineSpacer {
	margin-bottom: 15px;
}
div#mainContainer {
	width: 950px;
	background-color: #fff;
	margin: 30px auto 30px auto;
}
/* == headerContainer == */
#headerContainer .nav {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #000;
}
#headerContainer .nav a {
	color: #fff;
	text-transform: uppercase;
	margin-left: 20px;
	margin-right: 40px;
	line-height: 30px;
	font-weight: bold;
}
#headerContainer .nav a:hover,
#headerContainer .nav a.active {
	text-decoration: underline;
}
div#logo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 183px;
	height: 79px;
}
/******************* contentContainer definitions ********************/
div#contentContainer {
	z-index: 10;
}
div#contentContainer .nav {
	color: #990000;
	margin-left: 15px;
}
div#contentContainer .nav a {
	color: #000;
	line-height: 30px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}
div#contentContainer .nav a:hover,
div#contentContainer .nav a.active {
	background-color: #d3dbe1;
}
/* == leftContent == */
.content .leftContent {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 100px;
	padding-right: 20px;
	width: 505px;
	line-height: 18px;
}
.content .leftContent ul {
	list-style-type: square;
}
.content .leftContent ul li {
}
.content .leftContent ul,
.content .leftContent ol {
	margin-bottom: 10px;
}
.content .leftContent h3 {
	margin-top: 10px;	
	margin-bottom: 13px;	
}
.content .leftContent .picture .smallPic,
.content .leftContent .picture .bigPic {
	margin-bottom: 15px;
}
.content .leftContent .picture .smallPic img {
	margin-right: 10px;
}
.content .leftContent .mainText {
	margin-bottom: 15px;	
}
/* == rightContent == */
.content .rightContent 
{
	width: 260px;
	margin-top: 20px;
	padding-left: 20px;
}
.content .rightContent input { 
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 10px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
}
.specialsDownloads .item,
.content .rightContent .item {
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 20px;
}
.specialsDownloads .item .overview,
.content .rightContent .item .overview {
	padding-top: 5px;
}
.specialsDownloads .first,
.content .rightContent .first {
	padding-top: 0px;	
}
.specialsDownloads .item h4,
.content .rightContent .item h4 {
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 15px;
}
.specialsDownloads .item .itemText,
.content .rightContent .item .itemText {
	padding-top: 5px;
	padding-left: 15px;
}
.content .rightContent .item .first {
	padding-top: 8px;	
}
.specialsDownloads .item .itemText .topInformation,
.content .rightContent .item .itemText .topInformation {
	padding-bottom: 10px;
}
.specialsDownloads .item .itemText .teaserText,
.content .rightContent .item .itemText .teaserText {
	color: #666;
}
.specialsDownloads .contactItem,
.content .rightContent .contactItem {
	background-color: #f2f4f6;
	color: #666;
}
.specialsDownloads .contactItem h4,
.content .rightContent .contactItem h4 {
	color: #666;	
	padding-top: 0px;
}
.specialsDownloads .contactItem a,
.content .rightContent .contactItem a {
	color: #666;
	text-decoration: underline;
}
/* == downloadItems == */
.specialOverview {}
.specialOverview h4 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.specialOverview .last {
	padding-bottom: 20px;
}
.specialPress h4,
.specialNews h4 {
	padding-bottom: 0px;
}
.specialPress .teaserText,
.specialNews .teaserText {
	display: block;
}
.specialPress .text,
.specialNews .text {
	padding-bottom: 15px;
}
.specialItems {
	padding-top: 10px;
}
.specialItem {
	width: 250px;
	padding-bottom: 40px;
}
.specialItem .downloadPic {
	width: 57px;
	padding-right: 10px;
	min-height: 110px;
	/* IE6 Hack */
	height: auto !important;
	height: 110px;
}
.specialItem .downloadText img {
	margin-right: 5px;
}
/* == googleMaps == */
.googleMaps {
	margin-bottom: 15px;
}
.mapsText {
	width: 200px;
}
.mapsText .address {
	padding-top: 5px;	
}
.mapsText h4 {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* == sitemap == */
.level2 {
	width: 250px;
	margin-bottom: 15px;
}
.level2 li {
	list-style: none;
	list-style-image: url('../img/li_arrow.gif');
	line-height: 20px;
}
/* == contactForm == */
fieldset {
	font-size: 0.916em; /* 11px */
	border: none;
	/* padding-left: 15px; */
	padding-right: 15px;
}
fieldset legend {
	font-weight: bold;
	color: #666;
}
fieldset p {
	padding-bottom: 0em;
}
fieldset hr {
	margin-top: 0em;
}
fieldset label {
	display: block;
}
fieldset div {
	padding-bottom: 0.416em;
}
fieldset div input {

}
.form-label-element {
	width: 150px;
}
.form-checkbox-element {
	margin-left: 10px;
	margin-right: 10px;
}
.form-medium-element {
	border: 1px solid #c3c3c3;
	width: 350px;
}
.form-short-element {
	border: 1px solid #c3c3c3;
	width: 250px;
}
/* == bottom == */
div#bottom .nav {
	color: #990000;
}
div#bottom .nav a {
	color: #000;
	line-height: 36px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}
div#bottom .nav a:hover,
div#bottom .nav a.active {
	background-color: #d3dbe1;
}