/* CSS Dokument
----------------------------------------------------------------------
Zeitgeist Toys Website
Start: 05.05.2009
Letzte Aenderung: 05.05.2009
Autor: andre fischer
----------------------------------------------------------------------
*/

/* Allgemeine Einstellungen */

body  {
	margin: 0;
	padding: 0;
	color: #4F4F4F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
}

.twoColFixRtHdr #container {
	width: 800px;
	border: 0px solid #000000;
	text-align: left;
	height: 650px;
	background-color: #FFFFFF;
	background-image: url(../images/BackgroundBlack03.jpg);
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 

.twoColFixRtHdr #containerhome {
	width: 800px;
	border: 0px solid #000000;
	text-align: left;
	height: 650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/ZTBackground01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: top;
} 

.twoColFixRtHdr #navigation1 {
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 20px;
	width: 780px;
	position: absolute;
	top: 40px;
} 

.twoColFixRtHdr #navigation1 ul {
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
}

.twoColFixRtHdr #navigation1 li {
	text-decoration: none;
	padding-right: 20px;
	padding-left: 0px;
	display: inline;
	font-size: 12px;
	padding-top: 0px;
	font-weight: light;
	padding-bottom: 0px;
}


.twoColFixRtHdr #navigation2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
	position: absolute;
	top: 70px;
	height: 20px;
	width: 780px;
	vertical-align: top;
} 

.twoColFixRtHdr #navigation2 ul {
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
}

.twoColFixRtHdr #navigation2 li {
	text-decoration: none;
	padding-right: 20px;
	padding-left: 0px;
	display: inline;
	font-size: 12px;
	padding-top: 0px;
	font-weight: light;
}

.twoColFixRtHdr #navigation3 {
	width: 200px;
	vertical-align: top;
	padding: 0px;
	position: relative;
	top: 220px;
	height: 220px;
	margin: 0px;
	right: 0px;
	bottom: 0px;
	float: right;
	text-align: right;
	left: 0px;
}

.twoColFixRtHdr #navigation3 ul {
	text-decoration: none;
	list-style-type: none;
	line-height: 200%;
	position: relative;
	padding: 0px;
	right: 20px;
}

.twoColFixRtHdr #navigation3 li {
	text-decoration: none;
	font-size: 12px;
	list-style-type: none;
	font-weight: light;
	padding: 0px;
}

.twoColFixRtHdr #navigationNews {
	width: 360px;
	text-align: right;
	float: right;
	margin: 0px;
	color: #5d5d5d;
	vertical-align: top;
	padding: 0px;
	height: auto;
	position: relative;
	top: 210px;
}

.twoColFixRtHdr #mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	color: #4F4F4F;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	width: 630px;
	padding: 0px;
	overflow: hidden;
	line-height: 20px;
	position: relative;
	top: 190px;
	height: auto;
}

.twoColFixRtHdr #mainContentEvents {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #a4a6a7;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	line-height: 145%;
	width: 470px;
	height: auto;
	position: absolute;
	top: 495px;
}

.twoColFixRtHdr #mainContentProducts {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #a4a6a7;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	line-height: 145%;
	width: 265px;
	height: auto;
	position: absolute;
	top: 495px;
}

.twoColFixRtHdr #mainContentArtEditions {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #a4a6a7;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	line-height: 145%;
	width: 345px;
	height: auto;
	position: absolute;
	top: 495px;
}

.twoColFixRtHdr #mainContentAboutUs {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 520px;
	color: #a4a6a7;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	line-height: 145%;
	width: 250px;
	height: auto;
	position: absolute;
	top: 220px;
}

.twoColFixRtHdr #mainContentPhilosophy {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 520px;
	color: #a4a6a7;
	font-size: 95%;
	font-style: normal;
	font-weight: normal;
	line-height: 145%;
	width: 180px;
	height: auto;
	position: absolute;
	top: 220px;
}

.twoColFixRtHdr #mainContentProjects {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	color: #4F4F4F;
	padding: 0px;
}


.twoColFixRtHdr #mainContentTeam1 {
	color: #4F4F4F;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	width: 500px;
	height: auto;
	position: relative;
	top: 198px;
	margin: 0px;
	left: 230px;
	padding: 0px;
	float: left;
	text-align: left;
	vertical-align: top;
	right: 0px;
	bottom: 0px;
}

.twoColFixRtHdr #mainContentTeam2 {
	color: #4F4F4F;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	position: relative;
	height: auto;
	width: 500px;
	padding: 0px;
	left: 230px;
	top: 200px;
	right: 0px;
	bottom: 0px;
	float: left;
}

.twoColFixRtHdr #mainContentTeam3 {
	color: #4F4F4F;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	position: relative;
	height: auto;
	width: 500px;
	margin-right: 0px;
	left: 230px;
	top: 200px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding: 0px;
}


.twoColFixRtHdr #mainImage {
	position: absolute;
	height: auto;
	width: 800px;
	top: 423px;
	padding: 0px;
}

.twoColFixRtHdr #mainhomeImage {
	position: absolute;
	height: auto;
	width: 800px;
	top: 0px;
	padding: 0px;
}

.twoColFixRtHdr #contentImage {
	position: absolute;
	height: auto;
	width: 580px;
	top: 120px;
	padding: 10px;
	float: left;
}

.twoColFixRtHdr #contentImage ul {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	list-style-type: none;
}
.twoColFixRtHdr  #contentImage li {
	text-decoration: none;
	padding-right: 20px;
	padding-left: 0px;
	display: inline;
	font-size: 100%;
	padding-top: 0px;
	font-weight: bold;
}

.twoColFixRtHdr #footerleft {
	position: absolute;
	height: 16px;
	width: 600px;
	top: 630px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.twoColFixRtHdr #footerleft p {
	margin: 0; /* Wenn Sie die Raender des ersten Elements in der Fusszeile auf 0 einstellen, koennen Sie unerwartete Abstaende zwischen divs vermeiden. */
	padding: 5px 0; /* Durch die Verwendung der Auffuellung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #4F4F4F;
}

.twoColFixRtHdr #footerright {
	position: absolute;
	height: 16px;
	width: 790px;
	top: 630px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: right;
}

.twoColFixRtHdr #footerright p {
	margin: 0; /* Wenn Sie die Raender des ersten Elements in der Fusszeile auf 0 einstellen, koennen Sie unerwartete Abstaende zwischen divs vermeiden. */
	padding: 5px 0; /* Durch die Verwendung der Auffuellung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #4F4F4F;
}


.fltrt { /* Mit dieser Klasse koennen Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* Mit dieser Klasse koennen Sie ein Element auf der Seite nach links fliessen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollstaendigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

a:link {
	color: #a4a6a7;
	text-decoration: none;
}
a:visited {
	color: #a4a6a7;
	text-decoration: none;
}
a:hover {
	color: #5d5d5d;
	text-decoration: none;
}
a:active {
	color: #5d5d5d;
	text-decoration: none;
}

.bv {
	font-size: 12px;
	font-weight: normal;
	color: #bf883b;
}
.impressum {
	font-size: 80%;
	line-height: 125%;
	margin-right: -50px;
	text-align: right;
}
.impressumfett {
	font-size: 90%;
	font-weight: bold;
	color: #a4a6a7;
}

.fett {
	color: #333333;
	font-weight: bold;
}

.gold {color: #bf883b}

.teamMemberName {
	font-size: 100%;
	color: #333333;
	font-weight: bold;
}

.teamMemberTitle {
	font-size: 100%;
	color: #333333;
	font-style: italic;
}

.teamMemberStatememt {
	font-size: 90%;
	color: #666666;
	font-style: italic;
	line-height: 150%;
}

.teamMemberCV {
	font-size: 90%;
	color: #333333;
	font-style: normal;
	line-height: 140%;
}

.contentSchmal {
	padding-right: 70px;
}

.linkImage {
	color: #333333;
	font-size: 12px;
	text-align: right;
	width: 450px;
}

.highlight {
	font-size: 100%;
	font-style: italic;
	color: #bf883b;
}

.download {
	font-size: 12px;
	line-height: 15px;
}

.kursiv {
	font-style: italic;
}

.imagetext {
	font-style: normal;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 20px;
	color: #666666;
	margin-left: 0px;
	padding-top: 0px;
	line-height: normal;
}

.imagetextslim {
	font-style: normal;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 150px;
	color: #666666;
	margin-left: 0px;
	padding-top: 0px;
	line-height: normal;
}


.inaktiv {
	color: #999999;
}

.newstext {
	color: #999999;
	font-size: 100%;
	line-height: 130%;
	background-color: #000000;
	float: right;
	width: 320px;
	background-position: right top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
}

.newsauthor {
	color: #666666;
	font-size: 100%;
}

.newstitle {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 10px;
}

.newstitlehover {
	color: #FFFFFF;
	cursor: pointer;
}

.newstitleselected {
	color: #FF0000;
}

.newsdate {
	font-size: 100%;
	color: #999999;
	padding-bottom: 10px;
	font-style: italic;
}

.twoColFixRtHdr #mainContentNews a:link {
	color: #666666;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;
}
.twoColFixRtHdr #mainContentNews a:visited {
	color: #666666;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;
}
.twoColFixRtHdr #mainContentNews a:hover {
	color: #FF0000;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;
}
.twoColFixRtHdr #mainContentNews a:active {
	color: #FF0000;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;
}