/* IconScreen        -----------------------------------------------------------
Building 01.2010 // Last Revision: 03.02.10 / 15:59 
Layout Schema
-- Fixed horizontal distances
-- Flexible fonts and most vertical distances  */

/* Resets default browser CSS - Do not change---------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } tr, th, td { margin: 0; padding: 0; border: 0; } table { margin: 0; padding: 0; border-collapse: separate; border-spacing: 0; } a img { border: none; }
/* group - Do not change---------------------------------------------------------------------- */ .group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }

/* basics / layout ------------------------------------------------------------------------------ */
body { background: #fff url(/images/body_gradient.png) center top repeat-x fixed; }

body {
	color: #4A4A4A;
	text-align: left;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: medium;
	line-height: normal; }

#wrapper {
	width: 1032px !important;
	margin: 1.5em auto;
	padding-bottom: 12em; }

#topnav, #claim, #lead, #content, #footer { margin: 0 auto; width: 958px !important;}
#claim  { background: #fff; }
#content  { background: #fbfdfd; }
#slider { margin: 0 auto; width: 1032px !important;}


/* font ----------------------------------------------------------------------------------------- */
a { color: #2d4b7a; text-decoration: none; }
a:hover { color: #8193ae; text-decoration: underline; }
.elementprint, hover.elementprint { cursor:pointer; }

#tooltip{
	position:absolute;
	border:1px solid #c1deee;
	background:#f0f5fc;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size: small; }	
	
a[href$=".pdf"] {
	background: url(/images/icon-pdf.gif) no-repeat 0 50%;
	padding-left: 36px; }


/* topnav --------------------------------------------------------------------------------------- */
#topnav { height: 30px; }
#topnav span { display: none; }

a#home { margin-left: 320px; height: 30px; width: 61px; float: left; background: url(/images/home.gif) 0px -30px no-repeat; } 
a#kreativ-gruenden { height: 30px; width: 134px; float: left; background: url(/images/kreativ-gruenden.gif) 0px -30px no-repeat; }
a#gewerberaeume { height: 30px; width: 128px; float: left; background: url(/images/gewerberaeume.gif) 0px -30px no-repeat; }
a#newsletter { height: 30px; width: 97px; float: left; background: url(/images/newsletter.gif) 0px -30px no-repeat; }
a#ueber-uns { height: 30px; width: 84px; float: left; background: url(/images/ueber-uns.gif) 0px -30px no-repeat; }
a#links { height: 30px; width: 59px; float: left; background: url(/images/links.gif) 0px -30px no-repeat; }
a#kontakt { height: 30px; width: 75px; float: left; background: url(/images/kontakt.gif) 0px -30px no-repeat; }
a:hover#home, a.active#home { background: url(/images/home.gif) no-repeat; }
a:hover#kreativ-gruenden, a.active#kreativ-gruenden { background: url(/images/kreativ-gruenden.gif) no-repeat; }
a:hover#gewerberaeume, a.active#gewerberaeume { background: url(/images/gewerberaeume.gif) no-repeat; }
a:hover#newsletter, a.active#newsletter { background: url(/images/newsletter.gif) no-repeat; }
a:hover#ueber-uns, a.active#ueber-uns { background: url(/images/ueber-uns.gif) no-repeat; }
a:hover#links, a.active#links { background: url(/images/links.gif) no-repeat; }
a:hover#kontakt, a.active#kontakt { background: url(/images/kontakt.gif) no-repeat; }
/* claim ---------------------------------------------------------------------------------------- */
#claim h1 { line-height: 1.5; padding: 0.4em 0 0.4em 0.4em; color: #2d4b7a;  font-size: 200%; font-weight: bold;  }


/* slider --------------------------------------------------------------------------------------- */
div.scrollable {
	float: left;
	margin-left: 1px;
	background-color: transparent; }

a.prev, a.prevPage {
	display: block;
	width: 36px;
	height: 124px;
	float: left;
	cursor: pointer;
	background-image: url(/images/arrow-left-01.png); }

a.next, a.nextPage {
	display: block;
	width: 35px;
	height: 124px;
	float: left;
	cursor: pointer;
	background-image: url(/images/arrow-right-01.png);
	clear: right; }

a.prev, a.next { }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position: 0px -124px; }
a.disabled { visibility: hidden !important; }

div.scrollable {  
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 220px; }

#thumbs {
	position:absolute;
	width:20000em;	
	clear:both; }

#thumbs div {
	float: left;
	width: 192px;
	cursor: pointer; }

#thumbs div div {
	background: url(/gruender-info-01/images/transparent-75.png) repeat-x; 
	margin-top: -2px;
	display: block; 
	width: 190px; }

div#thumbs .hover div { background: #f3f5f7; }
div#thumbs .current { background: #d2dce0; }
div#thumbs .active div { cursor: default; background: #fcfcfd; }

#thumbs h5 { margin: 5px 13px 8px 13px; font-weight: bold; }
#thumbs p { margin: 0 13px 13px 13px; padding: 0 0 1.50em 0; font-size: 0.76em; }


/* lead ----------------------------------------------------------------------------------------- */
#lead  { padding-top: 2px; }

#lead a { color: white; text-decoration: underline; }
.lead-text { float: left; width: 382px; background: #8191ac; height: 276px; color: #fff; }
img.lead-image { float: right; width: 574px; height: 276px; padding-left: 2px; }

.lead-text h2 { padding: 25px 13px; }
.lead-text p { padding: 0 35px 0 13px; line-height: 1.5; }


/* content -------------------------------------------------------------------------------------- */
#content { }
#content h3 { float: left; width: 292px; padding: 23px 45px 25px 45px; font-size: 125%; line-height: 1.4; color: grey; text-align: right; }
#content p { float: right; width: 514px; padding: 25px 45px 25px 15px; font-size: medium; line-height: 1.5;  color: #1b1b1b; }
ul.standardlist { float: right; width: 534px; color: #1b1b1b; padding-right: 25px; line-height: 1.4; }
ul.standardlist li { list-style: none !important; }

big { font-weight: bold; }
small { display: block;  line-height: 1.5 !important; border-bottom: 1px solid #ddebf2; margin-bottom: 6px;  padding-bottom: 6px }
 #content li { padding: 4px 0; }
 li:before {content:"- ";}
 
 
 /* table --------------------------------------------------------------------------------------- */
table { width: 958px; line-height: 1.5; }
table th { 
	width: 332px;
	text-align: right; 
	line-height: 16px;
	padding: 4px 60px 4px 4px; }

table td { border-top: 1px solid #e4e4e4; padding: 4px; }
table td a { font-weight: bold; }

table i, small { color: #999999; }

td a { text-decoration: none; }
table tr:hover { background-image: url(/gruender-info-01/images/b_bg_headline.gif); }


/* footer --------------------------------------------------------------------------------------- */
#footer { font-size: 0.75em; margin-top: 35px; padding-top: 10px; border-top: 1px solid #ddebf2; }
#address { float: left; width: 570px; padding: 0 5px; }
#address img { font-style: normal; float: left; width: 36px; padding-right: 8px; }
address { font-style: normal; float: right; width: 526px;}
#footer span { float: right; width: 270px; text-align: right; padding: 0 5px; }