/*******************************************/
/*
/*  Stylesheet für dena Zukunft-haus.info
/*
/* Hauptstylesheet 
/*
/* (c) Sunbeam Gmbh, kl last: 28.7.07
/*
/*******************************************/

/*******************************************/
/* Tags und allgemeingültige Klassen
/*******************************************/

/* Farbschemata für die Ziegruppenkennzeichnung */
@import url(zukunfthaus_farben.css);

* {
	margin:0;
	padding: 0;
}

/**
* @hackfor	ie
* Peekaboo-Bug bez. Servicenavigation
*/
#content {
		zoom:1;
}

body {
	font-family: arial, sans-serif;
	font-size: 76%; 
	padding: 1em;
	width: 80em;
	background-color:#EEEEEE;
	background-image:url(../img/body_bg.gif);
}

h2, h3, h4, #zielgruppen {
		font-family: "Times", "Times New Roman", serif;
}

h3 {
	font-size: 1.65em;
	font-weight: normal;
	color: #fe6125;
	/* padding: 1.5em 0 0.5em 0;  pd, 10/2007 */
	padding: 0.8em 0 0.5em 0;

}

h4 {
	font-size: 1.2em;
	padding: 0 0 0.5em 0;
	padding: 1em 0 0.5em 0; /* pd, 2007 */
}

/* h4 als Überschrift in Bild/Text-Element */
#content .csc-textpic-text h4 {
	padding: 0em 0 0.5em 0; /* pd, 2007 */
}

h5 {
	font-size: 1em;
	padding: 0.4em 0 0 0;
}

/* Links */

a:link { color: #000; }
a:visited {	color: #333; }

#mainnavi a:link, #mainnavi a:visited { text-decoration: none; }
#mainnavi a:hover, #mainnavi a:focus, #mainnavi a:active { text-decoration: underline; }

#zielgruppen ul a:link, #zielgruppen ul a:visited { text-decoration: none; }
#zielgruppen ul a:hover, #zielgruppen ul a:focus, #zielgruppen ul a:active { text-decoration: underline; }

#servicemenu a:link, #servicemenu a:visited { text-decoration: none; }
#servicemenu a:hover, #servicemenu a:focus, #servicemenu a:active { text-decoration: underline; }

/* Guillotine-Bug aushebeln -> nur für Content, Margi und Menu-Section den Hover-Trigger anwenden, daher bleibt die Startseite verschont, pd 2007*/
#content a:hover,
#margi a:hover,
#servicemenu-section a:hover,
a:focus,
a:active { 
	background-color: #e0dfe0;
}

/** temporär (zum schnellen Finden der Links) auch für Listen ae **/
#content a:link,
#margi a:link {
	color: #000; 
	text-decoration: underline; 
	/*background-color: #e0dfe0;*/
}

#content a:visited,
#margi a:visited  {	
	color: #333; 
	text-decoration: underline; 
	/*background-color: #e0dfe0;*/
}

#content a:hover,
#margi a:hover,
#content a:focus,
#margi a:focus { 
	text-decoration: underline; 
	/*background-color: #e0dfe0;*/
}


/* versteckte Elemente */
.hidden,
.skip,
.usb {
	display: block;
	position: absolute;
	left: -3000px;
	top: 0;
	height: 1px;
	width: 1px;
}

hr {
	display: none;
}



#margi h3,
#service h3 {
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
	padding: 1em 0 0.4em 0;
	margin-bottom: 0.6em;
	border-bottom: 1px dotted #000;
}

/* Umstellung der Überschriften - pd, 2007 */
#margi h4,
#service h4 {
	background:transparent url(../img/margi_header_bg.gif) no-repeat scroll right top;
	border-bottom:1px dotted #000000;
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.4em;
	margin-top:1em;
	padding:0.6em 0 0.6em 0.4em;
}

#service h4 {
	margin-left: 10px;
}
/* Umstellung der Überschriften - pd, 2007*/

#service h3 {
	margin-left: 10px;
}

#content p,
#margi p {
	line-height: 150%;
	margin-top: 0.5em; /* pd, 2007 */
	margin-bottom: 0.7em; /* pd, 2007 */
}
/* Bei Bildern oben kein Abstand */
#content .csc-textpic-text p {
	margin-top: 0em; /* pd, 2007 */
}


/*border um images*/
div.csc-textpic-border a img, 
#content .csc-textpic-border dt img, 
#content .news-list-container p img,
table td img, .filelinks div img {
border: 1px solid #999!important;
}


/* Guillotine-Bug kicken, pd 2007 */
#content .csc-textpic-text:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

/*  \*/
* html #content .csc-textpic-text {
	height: 1%;
}
/*  */
/* Guillotine-Bug kicken, pd 2007 */

#content ul,
#margi ul { /* pd, 2007 */
	margin-top: 0.2em; 
	margin-bottom: 0.5em; 
	margin-left: 1.5em;
}

#content ol,
#margi ol { /* pd, 2007 */
	margin-top: 0.2em; 
	margin-bottom: 0.3em; 
	margin-left: 1.3em;
	margin-left: 2em; /* ae, für ID=3799 */
}

/* Korrektur für Listen neben gefloateten Bilder
   ae, 2007 greift nicht im IE (siehe ID=2950)*/
#content .csc-textpic-intext-left li	{ 
	margin-left: 1.3em;
}
/* daher für IE Listen inline darstellen  */
* html #content .csc-textpic-text ul { 
	display: inline;
	margin-left: 0;
}

*+html #content .csc-textpic-text ul { 
	display: inline;
	margin-left: 0;	
}

/* Korrektur für Breadcrumb */
#content ol#breadcrumb  { /* pd, 2007 */
	margin-left: 0;
}


#content li { /* pd, 2007 */
	line-height: 150%;
	margin-top: 0.1em; 
	margin-bottom: 0.1em; 
	xmargin-left: 1.3em;
}

/* Linkliste */
#content ul.linklist,
#margi ul.linklist	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content ul.linklist li,
#margi ul.linklist li	{
	list-style-type: none;
	xmargin: 0.3em 0;
	line-height: 150%; /* pd, 2007  */
	margin-top: 0.1em; 
	margin-bottom: 0.1em; 
}

.kasten {
	margin: 0.5em 0;
	padding: 0.5em;
	background: #F7B295;
}
/* Header */

#header {
	width: 79em;
	border-right:13px solid white;
}


#servicemenu-section, #zielgruppen {border-right:13px solid white;border-left:13px solid white;}


/*SA: Bug Behebung IE7 für Zielgruppen: BugNr: 0002468*/
*+html body#planer #zielgruppen {border-right:10px solid white;}
*+html body#unternehmen #zielgruppen {border-right:10px solid white;}
*+html body#projekte #zielgruppen {border-right:10px solid white;}
*+html body#verbraucher #zielgruppen {border-right:10px solid white;}

#visual {
	float: left;
	width: 100%;
	background: url(../../images/visuals/vis_startseite.jpg) no-repeat 213px 0;
	text-align: right;
}

/* Startseiten-Link */
#visual a img {
	border: none;
}

#visual a:hover {
	background-color: transparent !important;	
}


#visual a#homelink img {
	border: none;
	margin-top: 53px;
	margin-left:15px;
}

#visual a#homelink {
	display: block;
	text-align: center;
	float: left;
	background: url(../img/ecke_big_lo2.gif) no-repeat top left;
	width: 210px;
	height: 140px;
	border-right: 3px solid #fff;
}

#header:after,
.clr {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden;
    
}

/* Sprachumschaltung */

#languagemenu {
	padding: 0.29em 1em 0 0;
	float:right;
	
}

#languagemenu li {
	display: inline;
}

/* Servicemenu */
#servicemenu-section {
	background: #f1f1f1;
	border-top: 3px solid #fff;
	*width:78em;
	
}

#servicemenu li {
	xdisplay: inline; /* IE 7 Metamenü - Border-Striche gehen in den Text bei Schriftvergößerung, pd 2007 */
	float:left;
}

/* Metamenü */
#metamenu,
#searchmask,
#searchform {
	float: left;
}

#metamenu-section {
	width: 100%;
	xoverflow: auto;
	display: inline !important;
}

ul#metamenu {
	padding: 0.29em 0.5em 0.25em 0.5em;
}

ul#metamenu li {
	border-right: 1px solid black;
	padding-left: 0.25em;
	padding-right: 0.25em;
	list-style: none;
}

ul#metamenu li.cur {
	background: none !important;
}

#searchmask {
	padding-left: 10.3em;	
}

/* was ist das denn? kl */
*html #searchform input#search_submit_button {margin-left:-3em;}
*+html #searchform input#search_submit_button {margin-left:-3em;}

.submit-button {
	margin: 2px 0 -2px 0;
}

#searchmask a:link,
#searchmask a:visited {
	padding-top: 2px;
	line-height: 20px;
}

#warenkorb {
	float: right;
	padding: 0.25em 0.5em 0.25em 15px;
	background: url(../img/dot_warenkorb.gif) no-repeat center left;
}

#searchform fieldset {
	float: left;
	border: none;	
}

#searchform legend.hidden {
	display: none; /* anders gehts wohl nicht */
}

#servicemenu-section:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Zielgruppen-Navigation mit farbigen Reitern */

#zielgruppen {
	border-top: 3px solid #fff;
	padding-bottom: 8px;
	font-weight: bold;
	background: #fe6125;
	*width:78.1em;
}

#zielgruppen li {
	xmargin-top: 1em;
	display: block;
	background: url(../img/verlauf_reiter.gif) repeat-x top left;
	float: left;
	width: 25%; 
	xwidth: 24.99%; /* kritisch bei der Umrechnung, führt zu Fehlern in Safari und Opera  */
	xfont-size: 1.2em;
}

#unternehmen #zielgruppen li,
#planer #zielgruppen li,
#verbraucher #zielgruppen li,
#projekte #zielgruppen li {font-size:1.18em} 

#zielgruppen li a {
	display: block;
	color: #666;
	xheight: 2em;
	border-left: 2px solid #fff;
	background: url(../img/ecke_sm_ro.gif) no-repeat top right;
	padding: 1em 0 0.5em 0.5em;
}

/* Aktiver Reiter (Verbraucher) */

#zielgruppen li.akt {
	margin-top: 0;
}

#zielgruppen li.first a {
	border-left: none;
}

#zielgruppen li.akt a {
	background: #fe6125 url(../img/ecke_mit_ro.gif) no-repeat top right;
	xfont-size: 1.6em;
	xheight: 2.3em;
	color: #fff;
	xpadding: 1.1em 0 0.15em 0.6em;
	xfont-weight: normal;
}

#zielgruppen ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hauptmenü (vier Ebenen tief) */
/* vierfarbig: Standard ist die Farbe der ersten Zielgruppe Verbraucher (orange) */

#mainnavi {
	float: left;
	width: 210px;
	display: block;
}

/* 1. Ebene */

ul#themen {
	padding-left: 10px;
	xwidth: 200px;
	background-color: #F7B295;
	list-style: none;
	border-top: 3px solid #fff;
	
}

#themen li {
	padding: 0.3em 0 0.3em 15px;
	background: url(../img/dot_menu.gif) no-repeat 0em 0.5em;
	font-weight: bold;
	
}

/* Aktuelle Seite in der ersten Menüebene */
li.cur {
	background: url(../img/dot_menu_cur.gif) no-repeat 0 0.4em !important;
	font-weight: bold !important;
}
/* Aktuelle Seite ab der ersten Menüebene */
ul ul li.cur {
	background: url(../img/dot_menu_cur.gif) no-repeat 4px 0.4em !important;
}
/* Aktuelle Seite im Bereich Service */
#service li.cur {
	background: url(../img/dot_menu_cur.gif) no-repeat 8px 0.4em !important;
	font-weight: bold !important;
}

/* 2. Ebene */

#themen ul {
	margin: 0.5em 0 0 -15px;
	background-color: #F8C8B4;
	list-style: none;
}

#themen li li {
	background: none;
	font-weight: normal;
	padding: 0.3em 0 0.3em 20px;
}

/* 3. Ebene */

#themen ul ul {
	margin: 0.5em 0 0 -10px;
	background-color: #FCD8CA;
}

/* 4. Ebene */ 

#themen ul ul ul {
	background-color: #FDF0EA;
}

/* Servicemenü */
/* cool */

#service {
	background: #dedede url(../img/nav_bottom_bg.gif) no-repeat bottom left;
	xbackground: #e3e3e3;
	padding-bottom: 7em;
	border-top: 3px solid #fff;
	margin-bottom: 15em;

}



#service li {
	padding: 0.3em 0 0.3em 25px;
	font-weight: bold;
	list-style: none;

}

#service li li  {
	font-weight: normal;
}

#service ul ul { /* Servicemeü 2te Ebene, pd 2007 */
	margin: 0.5em 0 0 -15px;
	background-color: #faf9f9;
}

/* Inhaltsbereich */

#breadcrumb {
	padding: 1em 0 0 0;
	list-style: none;
}

#breadcrumb li {
	display: inline;
	font-weight: bold;
   line-height:1.7em; /*zeilenabstand korrektur bei zweizeiliger breadcrumb  rf 1.8.07*/
}

/*nach dem 4. <li> bricht die breadcrumb um rf 1.8.07*/
#breadcrumb li.umbruch {float:left;} 

#breadcrumb li a {
	font-weight: normal;
}

#breadcrumb .letzter{
margin-top:0.1em;
display:block;
}

#content_wrap {
	margin-right: 230px;
}

#content {
	margin-left: 230px;
}

#margi {
	float: right;
	width: 210px;
	/* sunbeam stlindner 170809 */
	width: 205px
}

#footer {
	width: 80em;
	height: 60px;
	xbackground: #dedede url(../img/ecke_big_lu.gif) no-repeat bottom left;	
	margin: 0;
}

#footer ul {
	padding: 26px 0;
	list-style: none;
	width:50%;
	*width:49.999%;
}

#footer li {
	list-style: none;
	display: inline;
	padding-right: 0.3em;
}

.toplink {
	float: right;
	padding: 20px 220px 0 0;
}


#languagemenu .akt {
	display: none;
}

/*** Login ***/
.loginBox {
/* Firefox, Floatendes LOGIN-Element wird gefixt */
	xoverflow: hidden;
}

/* IE, Floatendes LOGIN-Element wird gefixt - dafür spinnt die MARGINALIE, pd */ 
/* The Holly Hack */
/* Hides from IE-mac \*/
* html .loginBox {
	xheight: 1%;
}
/* End hide from IE-mac */
/* End The Holly Hack */

.loginBoxline {
	padding-bottom: 8px;
}

.loginBox label {
	width: 6em;
	xdisplay: block;
	xfloat: left;
}

.loginBox input {
	xborder: 1px solid #000;
	width: 8em;
	xfloat: left;
}

.loginBox submit {
	border: 1px solid #000;
	background-color: #CCC;
	color: #000;
}

/*** Klassen für Energiepass-Aussteller ***/
/* Anmeldeformular */
#aussteller {
	width: 400px;
}

#aussteller label {
	margin-bottom: 2px;
	width: 180px;
	float: left;
}

#aussteller input {
	margin-bottom: 2px;
	width: 200px;
}

#aussteller input#check1,
#aussteller input#check2,
#aussteller input#check3 {
	margin-top: 2px;
	margin-bottom: 2px;
}

#aussteller .submit {
	margin: 10px 0 0 180px;
	background-color: #FFF;
	border: 1px solid #999;
	cursor: pointer;
	color: #000;

}
* html #aussteller .submit {
	mar\gin: 10px 0 0 184px;
}

#aussteller select {
	margin-bottom: 2px;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* Karte - Neu */
#plzKarte {
	float: left;
}

#ausstellerSuche {
	margin-top: 0px;
	margin-left: 5px;
	width: 57%;	
	float: left;
}

* html #ausstellerSuche {
	w\idth: 57%;	
}

#ausstellerSuche p, .ePassListe p {
	margin: 8px 0;

}

#ausstellerSuche input {
	width: 40px;
}

/* Labels */
#ausstellerSuche .standardsuche,
#ausstellerSuche .standardsuche2,
#ausstellerSuche .erweitertesuche,
#ausstellerSuche .erweitertesuche2 {
	margin-top: 9px;
	clear: left;
}

#ausstellerSuche .standardsuche3 {
	margin-top: 19px;
	clear: left;
}

#ausstellerSuche .standardsuche2 label,
#ausstellerSuche .erweitertesuche label {
	display: block;
	width: 44%;
	float: left;
}

#ausstellerSuche .standardsuche label,
#ausstellerSuche .erweitertesuche2 label {
	display: block;
	width: 48%;
	float: left;
}

/* pd old
* html #ausstellerSuche .standardsuche label,
* html #ausstellerSuche .erweitertesuche2 label {
	display: block;
	width: 20%;
	float: left;	
}
*/
* html #ausstellerSuche .standardsuche label,
* html #ausstellerSuche .standardsuche2 label,
* html #ausstellerSuche .erweitertesuche2 label {
	display: block;
	width: 40%;
	float: left;	
}

/* Inputs */
#ausstellerSuche input#plzSuche,
#ausstellerSuche input#compName,
#ausstellerSuche input#nameAusst,
#ausstellerSuche input#ausstNr,
#ausstellerSuche select#ausstSel {
	width: 125px;
	border: 1px solid #000;
}

#ausstellerSuche select#ausstSel {
	font-family: Tahoma, Arial;
	font-size: 0.9em;
}

/* Button */
#ausstellerSuche .erweitertesuche3 {
	margin-top: 19px;
	margin-bottom: 75px;
	clear: left;
}

#ausstellerSuche .submit {
	xbackground-color: White;
	xborder: 1px solid #999;
	cursor: pointer;
	width: 57px !important;
	color: #000;
}

#ausstellerSuche .erweitertesuche3 .submit {
	width: 70px !important;
}

#ausstellerSucheRechts .submit {
	background-color: White;
	border: 1px solid #999;
	cursor: pointer;
	width: 50px !important;
	color: #FF6600;
}

.ausstellersuchesubmit {
	background-color: White;
	border: 1px solid #999;
	cursor: pointer;
	width: 50px !important;
	color: #FF6600;
}

.ausstellersuchesubmitohnebreite {
	background-color: White;
	border: 1px solid #999;
	cursor: pointer;
	color: #FF6600;
}

.ausstellersucheplz {
	width:40px;
}
.ausstellersucheradius {
	width:70px;
}

/* Zusatztext Austeller */
.zusatzAussteller {
	padding-top: 20px;
}
/* Zusatztext Austeller */

.ePassListe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ePassListe ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
}

.ePassListe ol h3, .ePassListe h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	margin: 5px 0 0 0;
	padding: 0px;
}
.ePassListe p, .ePassListe address {
margin: 0;
padding: 0;
font-style: normal;
}

.ePassListe ol a:link, .ePassListe ol a:visited      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	line-height: 18px;

	text-decoration: underline;
}

.ePassListe ol a:hover, .ePassListe ol a:active, .ePassListe ol a:focus     {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	line-height: 18px;
	text-decoration: none;
}
.epspace {
	/* old margin: 35px 0 0 40px; */
	margin: 35px 0 0 0px;
}

/* Überschrift */
.epspace .headline {
	font-size: 1.1em;
	font-weight: bold;
	color: #f28216;
	padding: 1em 0 0.5em 0;
}

/* Button */
.epspace .epassButton {
	margin-top: 10px;
	padding: 5px;	
	border: 1px solid #d87414;
	background-color: #f28216;
	color: #FFF;
	font-weight: bold;	
}

/* Antrag ausdrucken, pd 10.10.2007*/
#content a.epassButton:link,
#content a.epassButton:visited ,
#content a.epassButton:hover,
#content a.epassButton:focus,
#content a.epassButton:active {
	color: #FFF ;
	width: 230px;
	text-decoration: none;
	border: 1px solid #d87414;
	background-color: #f28216;
}

/* Breite des Buttons bei "Ausstellerdaten prüfen" erweitern, pd 2007 */
#aussteller input.epassButton {
	width: 230px;
}

/* Abstand Button zu Text erweitern, pd 2007 */
#aussteller form#passform {
	margin-bottom: 2em;
}


.denaAdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	margin-top: 30px;
}

.antragsteller {
	margin-top: 40px;
	width: 480px;
	padding: 10px;
	border: 1px solid gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	text-align: right;
}

.hoehe {
	margin-top: 10px;
	height: 300px;
	text-align: left;
}
.sign {
	margin-top: 50px;
	width: 200px;
	height: 10px;
	border-top: 1px solid gray;
}
.epprint	{
	width:590px;
}
.epprint h1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	margin: 10px 0 1px 0;
	padding: 0px;
}
.quali {
	margin: 0;
	padding: 0;
	width: 50px;
}

.fbut {
	display: block;
	margin: 5px 5px 0 5px;
	text-align: center;
	padding: 5px;
	border: 2px solid #ff6600;
	background-color: #eee;
}



span.headlinesmall	{
	
}


/* CSS STYLED CONTENT CODE */
/****************************************************************************************/
/* default styles for extension "tx_cssstyledcontent" für Bilder zum Überarbeiten! */
/****************************************************************************************/
/* Ausrichtung der Bildunterschriften - Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image 
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid black;
	padding: 0px 0px;
}
*/
DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } 

/* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

span.image_zoom {font-style:normal;}

/* Clearer */
DIV.csc-textpic-clear { 
	clear: both;
	xwidth: 99%;
	xheight: 1px;
}

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { 
	clear: both; 
}

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	float: left; 
	clear: both; 
}
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */


	
/*** Bild-Inhaltselemente ***/
div.csc-textpic	{
	margin: 0.5em 0;
}

div.csc-textpic-imagewrap	{
	xbackground-color: #F0F0F0;
}

.csc-textpic-image dt	{
	background-color: #e5e5e5;
}

dd.csc-textpic-caption	{
	font-style: italic;
	padding: 0.3em 0.3em 0.2em 0.3em;
	background-color: #f1f1f1;	
}

p img	{
	margin-right: 0.5em; 
}

/* CSS - HACKS für Bildelemente - Erweiterung für Inhalte, pd 2007 */

div.csc-textpic {
/* Firefox, Floatende Elementen werden auf Inhaltsgröße vergrößert */ 
	overflow: hidden;
	margin: 5px 0 10px 0;
	xborder: 1px solid red;
	width: 99%;
}


.csc-textpic-intext-left {
	xborder: 1px solid green;
}

.csc-textpic-imagewrap {
	xborder: 1px solid blue;
}

.csc-textpic-image {
	xborder: 1px solid black;
}

.csc-textpic-caption {
	xborder: 1px solid gold;
}


/* IE, Floatende Elementen werden auf Inhaltsgröße vergrößert */ 
/* The Holly Hack */
/* Hides from IE-mac \*/
* html div.csc-textpic {
	height: 1%;
}
/* End hide from IE-mac */
/* End The Holly Hack */

/* Clearer */
/* kl: wozu soll das dienen? */
DIV.csc-textpic-clear { 
	clear: none;
}

.tippBox DIV.csc-textpic-clear { 
	clear: both;
}


/* Clearer - IE*/
* html DIV.csc-textpic-clear { 
/* IE - Borderhack, Floatende Elementen werden angefügt, wenn eine Border da ist !!! */ 	
	border: 1px solid white;	
}

/* CSS - HACKS für Bildelemente - Erweiterung für Inhalte, pd 2007 */

/*** Indexed Search  ***/
/* Suchformulare */
.tx-indexedsearch {
	margin-top: 10px;
	margin-bottom: 20px;
}

.tx-indexedsearch-searchbox div.form_searchfor {
	margin-bottom: 10px;
}

.tx-indexedsearch-searchbox label {
	display: block;
	width: 15em;
	float: left;
	padding-top: 1px;
	xborder: 1px solid red;
}

/* Index Suche */
.tx-indexedsearch-searchbox input {
	width: 16.5em;	
	xborder: 1px solid black;
}

input.tx-indexedsearch-searchbox-button {
	width: 8em;
	margin-left: 22.5em;
}

* html input.tx-indexedsearch-searchbox-button {
	width: 8em;
	margin-left: 24.5em;
}

.tx-indexedsearch-searchbox select {
	width: 17em;
}

.tx-indexedsearch-searchbox div {
	margin-top: 10px;
}

.tx-indexedsearch-searchbox div.linktoothermode,
.tx-indexedsearch-searchbox-button {
	margin-top: 10px;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	font-weight: bold;
	color: #fa8b05;
}

.tx-indexedsearch .teaser {
	padding-bottom: 10px;
	border-bottom: 1px dashed #fa8b05;
	clear: both; /* wegen ul browsebox */
}

/* Browsebox */
.tx-indexedsearch.browsebox {
	xborder: 1px solid red;
}

.tx-indexedsearch ul.browsebox  {
	list-style: none;
	background-color: #e0dfe0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 10px 0 0 0 !important;
	xtext-align: center;
}

.tx-indexedsearch ul.browsebox li {
	display:inline !important;
	margin-left: 15px;
}

/* Suchausgabe */
.tx-indexedsearch-whatis {
	margin-top: 20px;
}

.tx-indexedsearch-browsebox {
	margin-bottom: 25px;	

}

.tx-indexedsearch-res {
 	float: left;
 	background: #FFF;
}

* html .tx-indexedsearch-res {
 	float: none;
}

/* Teaser */
.teaserleft {
	float: left;
	width: 80%;
}

.teaserright {
	float: left;
	width: 19%;
	text-align: center;
	background-color: #e0dfe0;
	padding-top: 5px;
	padding-bottom: 5px;	
}

/* Zusätzliche Klassen für das FE vom RTE, Zukunft-Haus, pd 2007 */
#content p.link,
#margi p.link {
    padding: 0;
	padding-left: 15px;
	margin-top: 0.2em; /* pd, 2007 */
	margin-bottom: 0.3em; /* pd, 2007 */	
	background: url(../img/point.gif) no-repeat top left;
}

/* FAQs */
/* Klassen für FAQs, sunbeam pd 2006 */
.faqlist {
  margin: 2px 5px 0px 0px !important;
  padding: 0px !important;
  xborder: 1px solid red;
  list-style: none;
}

.faqlist li {
  margin-bottom: 12px !important;
}

.faqtitle,
.faqsubheader,
.faqcontent {
   margin: 5px 0px;
}

.faqtitle {
   font-weight: bold;
}

.faqup {
	padding-top: 2em;
}

/* Zusatz CSS für Spezielle Elemente */
.grauBox {
	background-color: #eee;
}

.grauBox h4 {
	background-color: #fff;
	zoom: 1;
}

.tippBox,
.knackBox {
	background-color: #ffc68a;
	margin: 10px 0px;
	height: 1%; /* kl 250707 */
}

.grauBox p, .tippBox p, .knackBox p,
.grauBox ul, .tippBox ul, .knackBox ul {
	padding: 5px 8px 8px 8px;
	zoom:1;
}

.tippBox h4 {
	background-image: url(../img/hand_orange.gif);
	background-color: #fff;
	background-position: top left;
	padding: 1.5em 0 1.3em 4em; 
	background-repeat: no-repeat;
	zoom:1;
}

.knackBox h4 {
	background-image: url(../img/ausrufezeichen_orange.gif);
	background-color: #fff;
	background-position: top left;
	padding: 1.5em 0 1.3em 4em; 
	background-repeat: no-repeat;
	zoom:1;
}

/* Linie danach */
.csc-frame,
.csc-frame-rulerAfter {
	xborder: 1px dotted grey;
}

/* Anzeigen für die Bildvergrößerung */

.image_zoom {
	margin: -0.3em -0.3em 0 -0.3em;
	padding: 1px;
	padding-left: 5px;
	background-color: #e5e5e5;
	font-style: normal;
}

.image_zoom b {
	background: url(../img/kasten_leer_morange.gif) no-repeat center center;
	padding: 1px 2px;
	font-weight: normal;
}


/* Tabellen-Layout */


table
.contenttable,
.aplattform {
    border-collapse: collapse;
	border: 1px solid #000;
	width: 399px;
	margin-left: 0.1em;
	margin-top: 0.5em; /* pd, 2007 */
	margin-bottom: 0.7em; /* pd, 2007 */	
	
}

.contenttable td,
.contenttable th,
.aplattform td,
.aplattform th {
	padding: 5px;
	border: 1px solid #000;
}

.contenttable th,
.aplattform  th {
	background-color: lightgrey;
	text-align: center; 
}

/* Sitemap-Layout */
.csc-sitemap ul { 
  margin: 0 !important;
  padding: 0 !important;
 list-style: none;
}

.csc-sitemap ul li,
.csc-sitemap ul ul li,
.csc-sitemap ul ul ul li,
.csc-sitemap ul ul ul ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid #fff;
}

/* Hintergrundfarben aller Ebenen */
.csc-sitemap ul li { 
  	margin: 0 0 1em 0 !important;
	background: #FDC683 url(../img/dot_menu.gif) no-repeat 0.6em 0.55em; 
	list-style: none;
	}
.csc-sitemap ul ul li { background: #FDD7A8; }
.csc-sitemap ul ul ul li { background: #FFE2C2; }
.csc-sitemap ul ul ul ul li { background: #FFF3E5; }

/* Einrücken aller Ebenen */
.csc-sitemap ul li a { margin: 0 0 0 2em; font-weight: bold; }
.csc-sitemap ul ul li a { margin: 0 0 0 3em; font-weight: normal; }
.csc-sitemap ul ul ul li a { margin: 0 0 0 4em; }
.csc-sitemap ul ul ul ul li a { margin: 0 0 0 5em; }

/* Links */
.csc-sitemap ul a:link, 
.csc-sitemap ul a:active, 
.csc-sitemap ul a:visited { 
	padding:0.25em !important; 
	display: block;
	background-color: inherit !important; 
	text-decoration: none !important;
}

.csc-sitemap ul a:hover, 
.csc-sitemap ul a:focus,
.csc-sitemap ul a:active { 
	text-decoration: underline !important;
	background-color: transparent !important;
  }
  
/* DIRECT MAIL ANMELDUNG, pd 2007 */
/* Newsletter Zukunft Haus */
div.branche,
div.branche2  {
	margin: 0.8em 0;
}

div.branche label,
div.branche2 label {
	width: 50%;
	padding-right: 0.5em;
	display: block;
	float: left;
}

/* Extra für Bearbeitungs-Template = branche2 */
div.branche2 label {
	width: 30%;
}

div.buttonbranche {
	margin: 1.5em 0 2em 0;
}

/* Infoletter */

/* PRINTDATA */
.print-only {
	display: none;
}



#footer ul#service1 {float:left;background:url(../img/ecke_ul.gif) no-repeat;}
#footer ul#service2 {float:left;background:transparent url(../img/ecke_ur.gif) no-repeat scroll right top;text-align:right;}

#footer ul#service1 li.print {margin-left:4em;}
#footer ul#service2 li.last {margin-right:4em;}

#main {
float:left;
margin-right:-230px;
width:100%;
background:#fff;
}


#content_wrap {border-left:13px solid white;}
#margi {border-right:13px solid white;}



/* sunbeam robin förster 27.8.09 pressebilderdownload */

div.filelinks div {padding-bottom:2em;overflow:auto;}
div.filelinks img {float:left;margin-right:1em}
div.filelinks h4 {float:left;padding:0;width:22em;}

*html div.filelinks div {overflow:auto;clear:both;}
*html div.filelinks img {margin-bottom:2em;}


/* sunbeam robin förster 30.03.10 Umfrage jk_poll */

.tx-jkpoll-pi1 {padding:0.6em}

.tx-jkpoll-pi1 .answerwrap {margin: 0.25em 0;}

.tx-jkpoll-pi1 .vote {margin:1em 0;}

.tx-jkpoll-pi1 .pollsubmit, #margi .tx-jkpoll-pi1 div.buttons a {
  background:#F8F6F7 none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  padding:1px;
  text-decoration:none;
}

.grauBox .tx-jkpoll-pi1 p {padding:0;}

#margi .tx-jkpoll-pi1 div.buttons a {padding:3px 0 2px;margin-left:0.5em;}