/*
--------------------------------------------------------
	chives - buero fuer webdesign plus stylesheet
	autor: guido haak / chives.de
--------------------------------------------------------


/* Farben
   -------------------------------- */

/* 
	Grün Hintergrund/Texte/Links: #68b500
	Weiss Content-Hintergrund: #fff
	
	Dunkler Text: #111
	
	Grau Adresse: #9d9d9d
	Grün Text Footer: #bfd2a7
	Hellgrün Text Footer: #e8ffcb	
*/

/* Tag-Definitionen
   -------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
		font: 11px/17px arial, sans-serif;
		background: #68b500;
/*		background-image: url(../images/bg_ina.gif);
		background-position: top left;
		background-repeat:no-repeat;		
*/
		background: #eee;
		color: #111;
		margin: 0px auto;
		text-align: center;
}

body, input, select, h1, h2, h3, h4, h5, h6  {
	font-family: arial, helvetica, sans-serif;
}

hb {
    line-height: 120%;
}

form {
    margin: 0;
}

a, a:link, a:visited {
	color: #58a800;
	text-decoration: none;
}

a:hover  {
	color: #111;
	text-decoration: none;
}

a:active {
    color: #000000;
    text-decoration: none!important;
}

a:focus {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

p {
    margin: 0 0 1.5em 0;
}

hr {
    display: none;
}

div.divider {
    height: 1px;
    margin: 2em 0 2em 0;
    clear: left;
    background-color: #9dcf59;
}

#maincontent div.divider {
    height: 1px;
    margin: 2em 0 2em 0;
    clear: left;
    background-color: #9dcf59;
}

abbr, acronym, dfn {
    font-style: inherit;
    cursor: help;
	 border-bottom: 1px dotted #9d9d9d;
}

dfn {
    font-style: normal;
}

em, strong {
    font-style: normal;
    font-weight: bold;
}

#maincontent p a:link   {
	text-decoration: underline;
}

#maincontent h3 a:link  {
	text-decoration: underline;
}

#marginal a:hover  {
	text-decoration: underline;
}

#maincontent p, #maincontent ul, #maincontent ol, #maincontent span  {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 1.5em;
	clear: both;
	word-spacing: 0.2em; 
}

#marginal p, #marginal ul, #marginal ol  {
	line-height: 17px;
	font-weight: normal;
	margin-bottom: 0.75em;
	clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    margin: 0 0 2em;
    padding: 0;
}

caption, td, th {
    text-align: left;
}

td, th {
    vertical-align: top;
}

/* Links classes
   -------------------------------- */

a.download { 
	background-image: url(../images/icon_download.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}

a.link { 
	background-image: url(../images/icon_link.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}


a.link_extern { 
	background-image: url(../images/icon_link_extern.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}

a.zurueck { 
	background-image: url(../images/icon_zurueck.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}

a.contact { 
	background-image: url(../images/icon_kontakt.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}

a.extranet{ 
	background-image: url(../images/icon_extranet.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}

a.showreel{ 
	background-image: url(../images/icon_showreel.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 16px; 
	background-position: 0 2px;
}

a.active {
text-decoration: none;
}
/* Listen
   -------------------------------- */

ol, ul  {
	margin: 0;
	padding: 0;
}	

ol {     
	margin-left: 24px;
	list-style-position: outside;
}
	
ul {
	list-style: none;
}
	
ol li  {
   margin-bottom: .5em;
}

ul.bulletlist li {
    margin-bottom: .5em;
    padding-left: 16px;
    background: url("../images/i-bullet.gif") no-repeat 1px 8px!important;
}

#marginal ul  {
	margin-bottom: 1em;
}

ul li a:hover {
	    text-decoration: underline;
}

#marginal ul li  {
	margin-bottom: 0.1em;
}

#marginal li  {
	list-style: none;
}

#maincontent blockquote {
	width: 100%;
	margin: 1.5em 0 2em;
	text-align: left;
	text-indent: 25px;
	background: url(../images/quotes2.png);
	background-position: 0 12px;
	background-repeat: no-repeat;
}

#maincontent blockquote p {
	display: inline;
	font-size: 18px;
	line-height: 26px;
	font-weight: lighter;
	padding-right: 24px;
	margin: 0;
	color: #68b500;
	background: url(../images/quotes1.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* link list */

ul.linklist li {
    padding-left: 16px;
    margin-bottom: .5em;
    background-image: url("../images/icon_link.gif");
    background-position: 1px .5em;
    background-repeat: no-repeat;
}

ul.externlinklist li {
    padding-left: 16px;
    margin-bottom: .5em;
    background-image: url("../images/icon_link_extern.gif");
    background-position: 1px .5em;
    background-repeat: no-repeat;
}

ul.downloadlist li {
	padding: 0 0 0 16px; 
	background-position: 0 2px;
    background-image: url("../images/icon_download.gif");
    background-repeat: no-repeat;
}

/* extranet list */

ul.extranet li {
    padding-left: 16px;
    margin-bottom: .5em;
    background-image: url("../images/i-extranet.gif");
    background-position: 1px .5em;
    background-repeat: no-repeat;
}

/* Funktionslink
   -------------------------------- */

p.fctlink, 
span.fctlink  {
		margin: 1.0em 0;
}
	
p.fctlink a, p.fctlink a:visited, 
span.fctlink a, span.fctlink a:visited {
	    text-decoration: none!important;
}

p.fctlink a:hover,
span.fctlink a:hover {
		text-decoration: none;
}

/* Container allumfassend
   -------------------------------- */

#container {
	margin: 0 auto;
	text-align: left;
	padding: 0 22px;
	width: 792px;
/*	width: 968px;*/
	background-color: white;
}

/* Header-Block
	Logo, Logo-Subline, Service-Navigation
   -------------------------------- */

#headerblock {
	height: 100px;
	margin-bottom: 10px;
}

#headerblock #sitelogo {
	float: left;
	height: 100px;
	width: 200px;
	overflow: hidden;
}
#headerblock #sitelogo a {
/*	background: #fff url(logo-render-ing.png) no-repeat 0px 51px;*/
	background: #fff url(../images/logo-render-ing.png) no-repeat 0px 51px;
	display: block;
	float: left;
	height: 100px;
	width: 200px;
}
#headerblock h1 {
	display: none;
}
/*
#headerblock #subline {
	position: absolute;
	width: 200px;
	top: 82px;
	margin-left: 312px;
}
*/
#headerblock .servicenav {
	background: transparent;
	float:right;
	margin: 80px 0px 0px 10px;
	height: 20px;
	overflow:hidden;
	text-align:right;
	width:582px;
}

#headerblock .servicenav ul {
	padding-top: 5px;
	float: left;
	width: 318px;
}
#headerblock .servicenav #address ul {
	padding-top: 5px;
	float: none;
	width: 100%;
}
#headerblock .servicenav li {
/*	padding: 0 6px 0 6px;*/
	list-style: none;
	display: inline;
	margin-left: 5px;
/*	background: url(../images/servicenav-separator.gif) no-repeat left;*/
}


/* Subheader-Block
	Adresse, Buehne und Pfad
   -------------------------------- */

#subheaderblock {
	height: 238px;
}
#headerblock #address {
	overflow: hidden;
	float: right;
	width: 252px;
	text-align: left;
	margin-left: 12px;

}
#headerblock #address li {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
#headerblock #address li.last {
	float: right;
	margin-right: 0px;
}
#headerblock #address a {
	color: #9d9d9d
}

#headerblock #address a:hover {
	color: #111;
}
#headerblock #address li.last a {
/*	background: transparent url(icon-vcard.png) no-repeat right top;*/
	background: transparent url(../images/icon-vcard.png) no-repeat right top;
	display: block;
	width: 17px;
	height: 15px;
}
#headerblock #address li.last a:hover {
/*	background: transparent url(icon-vcard.png) no-repeat right bottom;*/
	background: transparent url(../images/icon-vcard.png) no-repeat right bottom;
}

#subheaderblock #stage {
	width: 528px;
	clear: both;
	height: 238px; 
	float: left;
	background: #fff;
	overflow: hidden;
}

#subheaderblock #path {
	margin-left: 12px;
	width: 252px;
	height: 100%;
	float: left;
	background: #68b500;
}

#subheaderblock #path h2 {
	background-image: url(../images/pfad_default.jpg);
	height: 100%;
	width: 100%;
	text-indent: -9000px;
}

#path ul {
	z-index: 100;
	margin-top: -100px;
	margin-left: 27px;
	list-style-type: none;
}

#path a {
	color: white;
font-size: 12px;
}

#path a:hover {
	text-decoration: underline;
}

#path li {
	padding-left: 9px;
	background-image: url(../images/liststyle-path.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Navigation-Block
	Hauptnavigation, Unternavigation
   -------------------------------- */
#navigationblock {
	clear: both;
/*	margin-left: 132px;*/
}

/* Navigation-Block
	Hauptnavigation
   -------------------------------- */
#navcontainer
{
	width: 528px;
	height: 28px;
	float: left;
	background: transparent url(../images/bg-navilist.png) repeat-x 0px 0px;
	overflow: hidden;
}

#navcontainer ul li { display: inline; }

#navcontainer ul	{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
}

#navcontainer ul li a	{
	padding: 7px 11px 7px 11px;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	float: left;
}

#navcontainer ul li a:hover	{
	color: #fff;
	background: transparent url(../images/bg-navilist.png) repeat-x 0px -50px;
}
#navlist li a:hover	{
	color: #fff;
	text-align: left;
	background: transparent url(../images/bg-navilist.png) repeat-x 0px 50px;
}

#navigationblock #path-underline {
	background: transparent url(../images/bg-navilist.png) repeat-x 0px 0px;
	width: 252px;
	height: 28px;
	float: left;
	margin-left: 12px;
}

#navlist li.selected a	{
	color: #fff;
	background: transparent url(../images/bg-navilist.png) repeat-x 0px -50px;
	text-align: left;
}

/* Navigation-Block
	Unternavigation
   -------------------------------- */
#subnav {
	clear: both;
	padding-top: 5px;
	margin-left: 12px;
}

#subnav li {
	background-image: url(../images/subnav-liststyle.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 6px;
	list-style: none;
	margin-right: 15px;
	float: left;
	text-align: center;
}

#subnav a:hover {
	text-decoration: underline;
}

#subnav li.selected a {
	text-decoration: underline;
	color: black;
}
	
/* Content-Block
   -------------------------------- */
#contentblock {
	clear: both;
	padding-top: 22px;
/*	margin-left: 132px;*/
	width: 836px;
	text-align: left;
}

#maincontent  {
	padding-bottom: 10em;
}

/* Content-Block
	Main-Content
   -------------------------------- */
#maincontent {
	width: 510px;
	float: left;
}

#maincontent h1 {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase; 
	letter-spacing: 0.04em; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
	color: #68b500;
}

#maincontent h2	{
	font-size: 1.4em;
	line-height: 19px;
	/* letter-spacing: 0.07em; */
	font-weight: bold;
	padding-bottom: 7px;
	border: 0px;
	margin: 0px;
}

#maincontent h3	{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

#maincontent h4	{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	font-style: oblique;
}

/* Content-Block
	Marginalspalte
   -------------------------------- */
#contentblock #marginal {
	width: 252px;
	float: left;
	margin-left: 30px;
	padding-bottom: 9em;
}

a.active {
	text-decoration: none!important;
	color: #000000;
	font-weight: bold;
}

#marginal {
}

#marginal h1 {
	font-size: 14px; 
	color: #68b500;
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	margin-bottom: 1em;
}

#marginal h2 {
	font-size: 13px;
	line-height: 14px;
	font-weight: bolder;
	padding-bottom: 4px;
}

#marginal h2.info  {
	font-size: 10px;
	word-spacing: 0px;
	letter-spacing: 0px;
	margin: -14px 0 8px 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}

#marginal h3 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

#marginal .infobox {
	width: 254px;
	height: 114px;
	background-image: url(../images/bg-infoblock.jpg);
	background-repeat: repeat;
	margin: 2em 0;
}

#marginal .infobox .infoboxcopy {
	padding: 1.5em 1.0em 1.25em 15px;
}


/* Bild in div in Marginalspalte
   -------------------------------- */
#marginal .picRight {
	background: url(../images/showcase-bg.jpg) no-repeat;
	width: 252px;
	height: 112px;
	margin-bottom: 1.5em;
}

#marginal .picRight img {
	margin: 5px 0 0 10px;
}

/* Logos in div in Hauptcontent
   -------------------------------- */
#maincontent .picLogo {
	width: 157px;
	height: 72px;
}

#maincontent .picLogo img {
}

/* Footer-Block
   -------------------------------- */
#footerblock {
	clear: both;
	padding: 10px 0;
	color: #868b8b;
	border-top: #58a800 solid 1px;
	border-bottom: #68b500 solid 12px;
}

#footerblock a, #footerblock a:link, #footerblock a:visited {
	color: #555b5b;
	text-decoration: none;
}

#footerblock a:hover {
	color: #58A800;
}

#footerinfo .contact {
	float: right;
}
	
#footerblock p  {
	clear: both;
	margin: 0;
	padding: 0;
}

#footerinfo .servicenav ul { 
	display: inline;
	margin-left: -6px;
}

#footerinfo .servicenav li {
	list-style: none;
	float: left;
/*	background: url(../images/servicenav-separator-l.gif) no-repeat left;*/
}

#footerinfo .servicenav li.first {
	background: none;
	float: right;
}
#footerinfo .servicenav li a {
	margin-right: 12px;
}
#footerinfo .servicenav li.first a {
	margin-right: 0px;
}
/* Sitemap
   -------------------------------- */

#sitemap {
   padding: 1em 1.5em;
   line-height: 20px;
	margin-bottom: 2.5em;
}

#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
}

#sitemap li {
   background: url(../images/extm.gif)
               no-repeat
               0% 0%;
}

#sitemap li.last {
   background: url(../images/exlm.gif)
               no-repeat
               0% 0%;
}

#sitemap ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
}

#sitemap ul {
   background: url(../images/exim.gif)
               repeat-y
               0% 0%;
}

#sitemap ul.last {
   background-image: none;
}

/* Picture List
   -------------------------------- */

#picListContainer  {
	margin-bottom: 1.5em;
}	
	
.picList {
	clear: both;
	margin: 0;
}

.picList li {
	width: 160px;
	height: 73px;
	background: #eee;
	padding: 0px;
	margin: 0 6px 6px 0;
	position: relative;
	float: left;
	display: inline;
}

.picList a:link img, .picList a:visited img, .picList a:active img {
	border: 1px solid #eee;
	height: 71px;
	width: 158px;
}

.picList a:hover img {
	border: 1px solid #68b500;
	height: 71px;
	width: 158px;
}

.picList a span {
	position: absolute;
	left: -9999px;
	text-decoration: none;
}

.picList a:hover span {	
	top: 5px;
	left: 7px;
	width: 148px;
	font-weight: bold;
	background: #fff;
	color: #68b500;
	padding: 2px 0 2px 0;
	text-align: center;
	font-size: 11px!important;
	border: 1px solid #bfd2a7;
	border-width: 0 0 5px 0;
	filter: alpha(opacity=100);
}

/* blättern div
   -------------------------------- */
   
.blaettern {
	padding: 0.2em 1em;
	line-height: 14px;
	margin-bottom: 2.5em;
	background-color: #E9F4C6;
}

/* Sonstige Klassen
   -------------------------------- */
.hide {
	display: none;
}

.clearer {
	clear: both;
	overflow: hidden;
	height: 0;
}

.green {
	color: #68b500
}

#maincontent .datum {
	text-transform: uppercase;
	font-weight: light; 
	font-size: 11px; 
	letter-spacing: 2px;
}

.grey  {
	color: #868b8b;
}

/* SweetTitles
   -------------------------------- */
/* Fading Tooltips By Dustin Diaz*/

body div#toolTip { 
	position: absolute;
	z-index: 1000;
	width: 160px;
	background: #fff;
	border: 2px solid #9abb1a;
	text-align: left;
	padding: 5px;
	min-height: 1em;
	-moz-border-radius: 8px;
}

body div#toolTip p {
	margin: 0;
	padding: 0;
	color: #486238;
	font:11px/12px verdana,arial,sans-serif;
}

body div#toolTip p em { 
	display:none; 
}

body div#toolTip p em span { 
	font-weight: bold;
	color:#fff; 
}
/* Formulare
   -------------------------------- */
   
.uniForm{
	margin:0; padding:0;
	position:relative;
	width:100%;
	padding:10px 0;
	margin-bottom: 2em;
}

  .uniForm fieldset{
	border:none;
	margin:0; padding:0;
}
	
    .ctrlHolder{ /* This is the main unit that contains our form "modules" */
    overflow:hidden;
    margin:0; padding:0;
    clear:both;
    /* your rules below */
    background: #68b500;
    margin:0; padding:2px 4px 2px 8px;
}
	
.ctrlHolder span{
	position:relative;
}

.buttonHolder{
	overflow:hidden;
	clear:both;
	/* your rules below */
	background: white;
	margin:4px 0 0 0; padding: 4px;
	border-top: solid #68b500 1px;
	border-bottom: solid #68b500 1px; 
	text-align:right;
	width: 99%;
}

.submitButton {
	background-color: #68b500;
	color: white;
	font-weight: bold;
	width: 120px;
	height: 22px;
	padding: 0;
	margin: 0;
	border: 0;
	text-transform: uppercase;
  }

.uniForm .inlineLabel {
	width:auto;
	float:none;
	display:inline;
	/* your rules below */
	margin:0 0.2em 0 12px;
	font-weight:normal;
}

.inlineLabels span{
	display:block;
	overflow:hidden;
	width:100%;
}

.inlineLabels label,
.inlineLabels .label{
	float:left;
	margin:.3em 2% 0 0; padding:0;
	line-height:100%;
	/* your rules below */
	width:25%; /* Assign your value */
	font-weight: bold;
	font-size: 12px;
	color: white;
}

.inlineLabels .textInput{
	float:left;
	/* your rules below */
	width:65%; /* Assign your value */
	padding: 2px;
	background-color: #e9f4c6;
	font-size: 11px;
}