/******************************************   Reset all styles  ***************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/* 
:focus {
	outline: 0;
}
*/
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*.homeHL01{
	font-size:24px;
	padding:0;
	margin:0;
	height:30px;
}
.homeHL02{
	font-size:24px;
	color:#696400;
	height:30px;
}*/
/*************************************** End of reset all styles ***************/

html {
	width:100%;
}
body {font-size:62.5%} /* for IE/Win */
html>body {font-size:10px} /* for everything else */

body {
   margin:0; padding:0;
   font-family:Arial, Helvetica, Verdana, sans-serif;
   background-image:url('../img/muster_background.gif');
   background-repeat: repeat;
}

div#wrapper {
	position:relative;
	width:913px; height:656px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
}
div#mainwrapper {
	position:relative;
	top:0; left:0;
	width:913px; height:638px;
	padding:0; margin:0;
	background:url('../img/bg_main.png') no-repeat 0 0;
}
div#main {
	position:absolute;
	top:9px; left:9px;
	width:893px; height:618px;
	padding:0; margin:0;
	border:1px solid #b6b6b6;
	background:#fff;
	background:url('../img/bg_content.jpg') no-repeat 0 bottom;
}
div#col-1 {
	position:absolute;
	top:0; left:0;
	width:135px; height:100%;
	padding:0; margin:0;
}
div#col-2 {
	position:absolute;
	top:0; left:159px;
	width:578px; height:100%;
	padding:0; margin:0;
}
div#col-3 {
	position:absolute;
	top:85px; left:760px;
	width:133px; height:533px;
	padding:0; margin:0;
}
div#logo {
	position:absolute;
	top:33px; left:33px;
	width:84px; height:63px;
	padding:0; margin:0;
}
div#mainnav {
	position:absolute;
	top:123px; left:17px;
	width:118px;
	padding:0; margin:0;
}
div#breadcrumb {
	position:absolute;
	top:0; left:0;
	width:100%; height:57px;
	padding:0; margin:0;
}
div#breadcrumb ul {
	padding-top:32px;
}
div#breadcrumb ul li {
	padding-right: 4px;
	display:inline;
}
div#breadcrumb ul li a {
	font-weight: bold;
	text-decoration: none;
	list-style:none;
	color: #90a0a0;
	text-transform:uppercase;
}
div#breadcrumb img {
	margin: 0 0 -1px 4px;
}

div#content {
	position:absolute;
	top:57px; left:0;
	width:100%; height:526px;
	padding:0; margin:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-size:1.2em;
}
div#scroller {
	position:absolute;
	top:0; left:0;
	height:486px;
	width:578px;
	padding:40px 0 0 0; margin:0;
	overflow:hidden;
	z-index:10;
}
div#content div.leftCol {
	width:50%;
	float:left;
}
div#content div.rightCol {
	width:50%;
	float:left;	
}
div#content h1 {
	color:#696400;
	font-size:2.4em;
	font-family: tahoma, arial, Helvetica, sans-serif;
	padding:0 0 17px 0;
}
div#content h2 {
	color:#696400;
	font-size:1.5em;
	font-family: tahoma, arial, Helvetica, sans-serif;
	padding:0 0 17px 0;
}
div#content h3 {
	color:#696400;
	font-size:1.1em;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	padding:0 0 12px 0;
}
div#content h4 {
	color:#000;
	font-size:1.3em;
	font-family: arial, Helvetica, sans-serif;
	padding:0 0 12px 0;
}
div#content h5 {
	color:#696400;
	font-size:1.6em;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
}
div#content h5.news-headline {
	padding:0 0 17px 0;
}
div#content h6 {
	color:#797979;
	font-size:1em;
	font-family: arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
}

div#content p {
	color:#000;
	font-size:1em;
	line-height:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0 0 12px 0;
	clear:right;
	max-width:515px;
}
div#content object {
	display:block;
}
div#content ul.custom-bullet {
	font-size:1.1em;
	line-height:1.2em;
	clear:both;
	width:100%;
}
div#content ul.custom-bullet li {
	float:left;
	padding:0 35px 15px 12px;
	margin:0 0 0 0;
	background:url('../img/bullet.gif') no-repeat 0 6px;
}
div#content div.news-subinfo {
	margin:0 0 20px 0;
}
div#content table.facts {
	width:500px;	
}
div#content table.facts td {
	padding:2px 0 2px 0;
	font-size:1.1em;
}
div#content table.facts td.td-0 {
	width:120px;
}
div#content table.blog-overview,
div#content table.press-overview {
	width:100%;	
}
div#content table.blog-overview th,
div#content table.press-overview th {
	padding:4px 0 4px 0;
	font-size:1em;
	color:#797979;
	border-bottom:1px solid #ccc;
}
div#content table.blog-overview td,
div#content table.press-overview td {
	padding:10px 0 10px 0;
	font-size:1.1em;
	vertical-align:top;
   line-height: 1.2em;
}
div#content table.blog-overview td.date,
div#content table.press-overview td.date {
	color:#797979;
   width: 90px;
}
div#content table.blog-overview td.date {
	width:80px;
}
span.name-of-person {
	color:#696400;
}
div#content .space-before-25 {
	margin-top:25px;
}
div#content .space-after-25 {
	margin-bottom:25px;
}
div#content .space-before-after-25 {
	margin:25px 0 25px 0;
}
div#content .space-before-15 {
	margin-top:15px;
}
div#content .space-after-15 {
	margin-bottom:15px;
}
div#content .space-before-after-15 {
	margin:15px 0 15px 0;
}
div#content .space-before-5 {
	margin-top:5px;
}
div#content .space-after-5 {
	margin-bottom:5px;
}
a {
	color:#696400;
	text-decoration:none;
}
a.internal-link-new-window,
a.mail,
a.external-link-new-window,
a.external-link {
	padding:0 0 0 16px;
	color:#696400;
	text-decoration:underline;
	background:url('../img/arrow_link.gif') no-repeat 0 4px;
}
table.blog-overview td a,
a.internal-link {
	color:#696400;
	text-decoration:underline;
}
div.fceSlideshow {
	top:0; left:0;
	width:578px; height:526px;
}
div.fceSlideshow div.overlay {
	position:absolute;
	top:460px; left:20px;
/*	width:200px;*/ height:30px;
	bottom:20px;
	padding:2px 5px 2px 5px;
	background:#696400;
	color:#fff;
	font-size:2.4em;
	z-index:20;
	display:none;
}

/*div#teaser {
	position:absolute;
	top:57px; left:0;
	width:133px; 
	padding:0; margin:0;
}*/
div#teaser {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
div#specnav {
	position:absolute;
	top:37px; left:0;
	width:115px;
	padding:0; margin:0;
}
div#specnav div.all-news {
	position:relative;
	clear:both;
	top:5px;
	text-align:right;
}
div#specnav div.all-news a.all-news {
	padding:0 0 0 16px;
	color:#696400;
	text-decoration:underline;
	background:url('../img/arrow_link.gif') no-repeat 0 2px;
	font-size:1.1em;
}
div#specnav h1 {
	font-size:1.1em;
	text-transform:uppercase;
	color:#696400;
	font-weight:bold;
	padding:0 0 11px 9px;
}
div#metanav {
	position:absolute;
	top:638px; right:9px;
/*	width:300px; height:18px;*/
	padding:0; margin:0;
}
div#metanav ul {
	
}
div#metanav ul li {
	display:inline;
	float:left;
	padding-left:3px;
}
div#metanav ul li a {
	display:block;
	padding:5px 11px 5px 11px;
	font-size:1em;
/*	font-weight:bold;*/
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background:#b2b2b2;
}

ul.component-items {
	display:list-item;
	margin:0 0 0 10px;
	padding:0 0 12px 20px;
	line-height:1.2em;
}
ul.component-items li {
	padding:0 0 7px 0;
	list-style-type:disc;
}

/* --------------- NEWS / BLOG / PRESSE ------------ */
div.news-latest-item {
	width:96%;
	padding:0 0 20px 0;
	margin:0 0 30px 0;
	border-bottom:1px solid #e1e1e1;
}

/* --------------- COMMENTS ------------ */
div.tx-comments-pi1 {
	width:96%;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	border-top:1px solid #e1e1e1;
}
div.tx-comments-comments {
	width:100%;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #e1e1e1;
}
span.tx-comments-comment-name {
	font-size:0.9em;
	color:#797979;
	font-weight:normal;
}
.tx-comments-comment-content {
	text-align:left;
	font-size:1em;
	line-height:1.2em;
}
div#content h2.comments-headline {
	font-size:1.2em;
	padding:0 0 10px 0;
}
.tx-comments-comment-form form {
	padding:0 0 20px 0;
	margin:0;
	
}
/* --------------- KONTAKT FORMULAR ------------ */
div.csc-mailform-field{
	margin-bottom:5px;
	
}
.tx-comments-comment-form form input,
.tx-comments-comment-form form textarea,
div.csc-mailform-field input, 
div.csc-mailform-field textarea{
	width:281px;
	color:#7b7b7b;
	font-family: Arial, sans-serif;
	font-size:1em;
	border: 1px solid #cacaca;
	padding:3px;
	background:#f9f9f9;
}
.tx-comments-comment-form form textarea,
div.csc-mailform-field textarea{
	width:281px;
	height:116px;
}
div.csc-mailform-field label{
	/*float:left;
		width:85px;*/
	/*width:100px;*/
	/*color:blue;*/
}
.tx-comments-comment-form form input[type="submit"],
div.csc-mailform-field input[type="submit"] {
	width:85px;
	padding:2px;
	color:#7f7f7f;
	background:#f3f3f3;
}

/* Clients */
.tplClients {
	position:relative;
	top:0;
	left:0;
	width:585px;
	height:68px;
}
.tplClients div.client-img {
	width:144px;
	height:68px;
	float:left;
	padding:0 2px 0 0;
}