/*-----------------------------------------------------------------------------
[EuroNorm Foerderprogramme] Screen Stylesheet

version:   		1.5
Start:			16.04.2007
Letzte Aenderung: 	02.06.2009
author:    		Jörg Fischer
email:     		jofi@zappo-berlin.de

website:   		www.euronorm.de/foepro

-----------------------------------------------------------------------------*/

/* Einbinden andere stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */


/* Entfernt margin, padding und border von allem
-----------------------------------------------------------------------------*/
*	{margin:0;padding:0;border:0;}
a	{outline:none;}
.hide {display:none;}
/* kleine Helferlein
-----------------------------------------------------------------------------*/
.clear	{
	display: block;
	margin: 0;
	clear: both;
	line-height: 0;
	font-size: 0%;
	height: 0;
}
.right 	{float:right;}
.left 	{float:left;}
.hidder {display: none;}


/* Grundlegendes
-----------------------------------------------------------------------------*/
html {
	padding:0px;
	margin:0px;
}

body {
	font-family: Verdana, Helvetica, Arial, Tahoma,sans-serif;
	font-size: 70%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left !important;
}

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

/* Grundlegende Textformatierungen
----------------------------------------------------------------------------*/

.boxOrand {
	float: left;
	margin-bottom: 0px;
        height: 80px;
	width: 480px;
	padding: 0;
	margin: 0;
        border: 0px solid #000000;
	/*overflow: hidden;*/
} 

.boxOrandSchmal {/*alle Seiten die nicht Programmseiten sind*/
	float: left;
	margin-bottom: 0px;
        height: 50px;
	width: 480px;
	padding: 0;
	margin: 0;
        border: 0px solid #000000;
	/*overflow: hidden;*/
} 

.containerText {
	float: left;
	margin-bottom: 4px;
	width: 480px;
	padding: 0;
	margin: 0;
        border: 0px solid #000000;
	/*overflow: hidden;*/
}

}
.containerText h1 {
	display: block;
	color: #000;
	font-size: 1.25em;
	margin: 0 0 6px 0;
	padding: 0px 0px 8px 0px;
}

.containerTextMargin h1 {
	display: block;
	color: #000;
	font-size: 1.25em;
	margin: 0 0 6px 0;
	padding: 0px 0px 8px 0px;
}

.containerText h2 {
	display: block;
	padding: 0px 0px 3px 0px;
	font-size: 1.25em;
	font-weight: normal;
	color: #000;
}

.containerText .kurztext {
	display: block;
	font-weight: bold;
}

.containerText .containerTextMargin{
	margin: 6px 0px 8px 8px;
        *margin: 0px 0px 8px 8px;
}

.containerText .containerTextMargin p {
	margin: 0!important;
	padding: 0px 0 15px 0!important;
}


ul,ol {
	margin: 4px 40px 4px 16px;
        padding: 0px;
}

ul li {
	list-style-position: outside;
        *display: inline-block;
        list-style: none;
	background: url(/foepro/image_main/listicon.gif) no-repeat left 6px;
	padding: 0px 0px 4px 10px;
	margin: 0;
	line-height: 130%;
}
ul li p, ol li p {
	display: inline;
	margin: 0;
	padding: 0;
}
/* Laoyutcontainer
-----------------------------------------------------------------------------*/

#wrapper 	{
	position:relative;
        float: left;
	width: 954px; /* Seitenbreite wird hier gesetzt */
	text-align:left;
	clear:both;
}

/* Header/Kopf
-----------------------------------------------------------------------------*/

#header	{
	width: 954px;
	height: 100px;
        clear: both;
	margin-bottom:  0px;
}

#header[id] {
	margin-bottom: 0px;
}
.logo	{
	width: 200px;
        height: 101px;
	margin-right: 0px;
	float: left;
}

.headnavi {
	width:754px;
	height:99px;
	text-align:left;
	float: left;
        background: #fff url(/foepro/image_main/header.jpg) no-repeat;
	/*background: #fff url(/foepro/image_main/Portal-4-Cradle-heller.jpg) no-repeat;*/
}

.innowatt .headnavi {/* 20px hoeher und innowattbottom dadurch 0px */
	width:754px;
	height:99px;
	text-align:left;
	float: left;
	background: #fff url(/foepro/image_main/header.jpg) no-repeat;
}

.headnavi .navi {
	width: 754px;
	height: 20px;
	text-align: left;
}
.headnavi .navi .left {
	float: left;
	width: 118px;
        height: 19px;
	padding-top: 1px;
}
.headnavi .navi .right {
	float: right;
	width: 365px;
        height: 19px;
	text-align: right;
	padding-top: 1px;
        border: 0px solid #000000;
}
.navi a, .navi a:link, .navi a:visited, .navi a:active , .navi a:hover, .navi a:focus {
	color: #fff;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
.navi a:hover, .navi a:focus {
	text-decoration: underline;
}

.headnavi img {
	display: block;
}
.headnavi .bottom {
	width: 754px;
	height:20px;
        margin-top: 60px;
	background-color: #e6be5a;
}
/*Farbvariante in blau*/
.innowatt .bottom {
	width: 754px;
	height:0px;
        margin-top: 60px;
}

/* Contentbereich
-----------------------------------------------------------------------------*/
/*umschliesst den gesamten Content*/
#content {
	position: relative;
	float: left;
	width: 954px;
	height: 100%;
	margin-top: 2px; 
        *margin-top: 0px; /*IE Hack */
        margin-right: -3px;
	border: solid #000000 0px;
}
/* Hauptnavigation und Service*/

#navibereich {
	font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 196px;
	float: left;
	margin-right: 4px;
	overflow: hidden;
	clear:both;
}

.navibox{
	font-size: 1.0em;
	width: 196px;
	margin-bottom: 4px;
}

.mainnavi{
	overflow: hidden;
	width: 196px;
	border-bottom: 7px solid #FCF2E0;
        margin: 0px 0px 4px 0px;
	float: left;
}

.liunten {
	width: 196px;
	float: left;
}

.liunten2 {
	width: 250px;
	float: left;
}
.liunten2 .service {
	background-color: #FCF6E3;
	border: 1px solid #AFB4B7;
	line-height:1.1em;
}
.liunten2 .service .headline {
	float: left;
	font-weight: bold;
	color: #666;
	margin-top: 4px;
	margin-left: 8px;
	margin-bottom: 7px;
	font-size: 1.2em;
	padding: 0 4px 0 0px;
	line-height:1.1em;
}

.liunten .service {
	background-color: #FCF6E3;
	border: 1px solid #AFB4B7;
	border-left: 0px;
	margin: 0px 0px 4px 0px;
	padding-left: 9px;
	line-height:1.1em;
}

.liunten h3, .innowatt .liunten h3 {
	font-weight: bold;
        color: #808182 !important;
	padding: 18px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
	font-size: 1em;
}

.liunten .service .headline {
	float: left;
	width: 155px;
	font-weight: bold;
	color: #666;
	margin-top: 4px;
	margin-left: 8px;
	margin-bottom: 7px;
	font-size: 1.2em;
	padding: 0 4px 0 0px;
	line-height:1.1em;
}

.servicecontent {
	display: block;
	padding: 0 8px 0 8px;
}

.servicecontent .right {
	margin-top:4px;
	margin-bottom:10px;
}


/* umschliesst den gesamten inhalt ohne Navigation */
#contentMitte {
	width:754px;
	float:left;
        margin-right: -3px;
}

#inhaltAbstand	{
	float: left;
	width:754px;
}

.containerBox {
        clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 498px;
}
.containerBoxFilm {
        clear: both;
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0;
	width: 746px;
}
.containerTextFilm {
	float: left;
	margin-bottom: 8px;
	margin-left:1px;
	width: 746px;
	padding: 0;
	margin: 0;
	border: 0px solid #000000;
	/*overflow: hidden;*/
}
.containerText .containerTextMargin{
	margin: 6px 0px 8px 20px;
        *margin: 0px 0px 8px 8px;
}
.box {
	float:left;
	background: #fff;
	border: 1px solid #F3EBE0;
}

/*Farbvarianten der Rahmen der Boxen im Inhaltsbereich*/

.innowatt .box /*Technologie und Innovation*/ {
	border: 1px solid #FBE1A2;
}
.innowatt h3 /*Foerderprogramme Ueberschrift in schwarz*/{
	color: #000000 !important;
}
.innowatt .containerBox h2 /*Foerderprogramme Ueberschrift in grau*/{
	color: #686970 !important;
	font-weight: bold !important;
	margin: 0px 4px 10px 0px !important;
}
.inlineImg {
	margin: 8px 8px 8px 8px;
	padding-bottom: 0px;
	float: left;
}

.inlineImg img {
	border: 0px solid #8C8C8C;
}

.inlineImg2 {
	margin: 4px 8px 18px 8px;
	padding-bottom: 0px;
	float: left;
}

.inlineImg3 {
	margin: 0px 8px 0px 8px;
        *margin: 0px 8px 0px 4px;
	padding-bottom: 0px;
	float: left;
        border: 0px solid #000000;
}

.inlineImgOh {
        float: left;
	margin: 3px 8px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.box .inlineImg {
	width: 75px;
	margin: 8px 8px 8px 4px;
}
.box .inlineImg[class] {
	margin: 8px 8px 8px 8px;
}

.box .inlineImg img {
	width: 75px;
	margin: 0;
	padding: 0;
	display: block;
}

.boxPdf .inlineImg {
	width: 55px;
	margin: 8px 8px 8px 0px;
}

.normal {
	width: 496px;
	margin: 0px 0px 4px 0px;
	padding: 0 0 8px 0;
        overflow: hidden;
}

.normalabstand {
	width: 470px;
	margin: 10px 0px 4px 18px;
	padding: 0 0 8px 0;
        overflow: hidden;
}
.normal[class] {
	width: 497px;
	margin: 0px 3px 4px 0px;
}

.normal .containerKurz .containerAbstand h2 {
	display: block!important;
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
}

.containerBox h2, .box h2 {
   	color: #616970 !important;
	text-transform: uppercase !important;
	font: 1.51em  Verdana, Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	text-decoration: none !important;
	margin: 0px 4px 0 7px !important;
	padding: 5px 0 0px 0 !important;	
   	line-height: 1.3 !important;
	letter-spacing:1px !important;
   	display:block !important;
}

#marginalspalte .top h2 {
   	color: #616970;
	text-transform: uppercase;
	font: 1.51em  Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 4px 0 7px;
	padding: 5px 0 0px 0;
   	line-height: 1.3;
	letter-spacing:0px; /*keine Zwischenraum, weil Ueberschriften zu lang */
   	display:block;
}

.containerKurz .containerAbstand {
	margin: 0px 1px 0px 1px;
	padding: 8px 7px 8px 7px;
}

.containerKurz .containerAbstand .text {
        min-height:50px;
}

h3 {
	display: block;
	font-size: 1.00em;
	line-height: 1.3em!important;
	margin: 0;
	padding: 0;
}

.untertitel{
	font-weight: bold;
}
.kurztext {
	display: block;
}
.box .normal .kurztext, .box .normal .kurztext p {
	display:inline;
}

.topBoxALT .left h2 {
	display: block!important;
	line-height: 1.3em!important;
	color: #C59C2C;
	font-size: 1.35em;
	font-weight: bold;
	vertical-align: top;
	margin: 0;
	padding: 0;
	margin:0px 8px 5px 0px;
}

.topBoxALT .right h2, #marginalspalte .news form h2 {
	background-color:white;
	margin-left:0;
	display:inline !important;
	padding:2px 10px 2px 10px;
}

.topBoxALT h3 {
	font-weight: bold;
	line-height: 130%;
	margin: 0!important;
	padding: 0!important;
	font-size: 1em;
}

.topBoxALT {
	float: left;
	background: #fff url(/foepro/image_main/bg_topmeldung.gif) repeat top left;
	margin-bottom: 4px;
}

.topBoxALT .left {
	float: left;
	width: 498px
}

.topBoxALT .right {
	float: right;
	width: 252px;
}

.topBox .left h2 {
	display: block!important;
	line-height: 1.3em!important;
	color: #000000;
	font-size: 1.35em;
	font-weight: bold;
	vertical-align: top;
	margin: 0;
	padding: 0;
	margin:0px 8px 5px 0px;
}

.topBox .right h2, #marginalspalte .news form h2, #marginalspalte .top h2 {
	background-color:white;
	margin-left:0;
	display:inline !important;
	padding:2px 10px 2px 10px;
}


.topBox h3 {
	font-weight: bold;
	line-height: 130%;
	margin: 0!important;
	padding: 0!important;
	font-size: 1em;
}

.topBox {
	float: left;
	width: 498px;
	background: #FFF;
	margin-bottom: 4px;
}

.topBox .left {
	float: left;
	background: #FEF5E0;
	width: 498px;
	padding-bottom: 10px;
	margin-bottom: 4px;
}


/* Der Bereich für die Beratungsunternhemen */
.region {
}
.firmenblock {
       margin: 10px 0 0px 0px;
}
.firma {
       margin: 4px 0 4px 0;
}

#marginalspalte {
        width:252px;
       *width:254px;
	float: right;
}

#marginalspalte .teaser {
	padding: 0px 0px 10px 0px;
}
#marginalspalte .moreLinks {
	margin:  0 9px 8px 9px;
	padding: 0;
}

#marginalspalte .more {
	float:none;
}

#marginalspalte .top {
        width:252px;
	*width:254px;
	background: #FEF5E0;
	padding: 0px 0px 10px 0px;
	margin-bottom: 4px;
}

#marginalspalte .boxKatalog { background-color: #e6be5a !important; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:252px;
	*width:254px;
	padding: 1px 0 0 1px; margin-bottom: 4px; }

#marginalspalte .boxPdf {
        width:252px;
	*width:254px;
	background: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin-bottom: 4px;
}

.boxKatalog h3 {
	display: block!important;
	line-height: 1.3em!important;
	color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	vertical-align: top;
	padding: 8px 5px 8px 8px;
}

.boxKatalog h2 {
	display: block!important;
	line-height: 1.3em!important;
	text-transform: uppercase;
	color: #686970;
	font-size: 1.35em;
	font-weight: normal;
	vertical-align: top;
	letter-spacing:1px !important;
	padding: 8px 5px 8px 8px;
}

.boxPdf h3 {
	display: block!important;
	line-height: 1.3em!important;
	font-size: 1.0em;
	font-weight: bold;
	vertical-align: top;
	padding: 8px 5px 8px 8px;
}

/*Farbvarianten der Intro-Box */

.innovation .filled {
	background-color:#ffefd2 !important;
}

/*Farbvarianten der Intro-Box-Links*/

.innovation .filled h3 a {
	color:#F4BC2F;
}

.filled h2 a, .filled h3 a {
	text-transform:none;
	letter-spacing:0;
}

.teasertext {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #FCF2E0;
	border-left: 1px solid #99592e;
}

/*weisser Bereich zwischen den Teasern*/
.teaserseperator {
	height: 8px;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0px;
	background-color: #fff;
}
/**Farbvarianten des Teasertext**/
.innowatt .teasertext {
	border-left: 1px solid #F4BC2F!important;
}

.teasertext p {
	margin: 0 9px 0 9px;
	padding-top: 10px;
}
.teasertext  {
	color: #494846;
         margin-bottom: 8px;
}
.teasertext p span.more{
	display: block;
	padding-bottom: 4px;
}
#marginalspalte .moreLinks {
	margin:  8px 9px 8px 9px;
	padding: 0;
}

.teaser {
	width: 252px;
	margin: 0!important;
	padding: 0!important;
}

.teaserhead {
	display: block;
	height: 1.7em;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #99592e !important;
	color: #fff;
}

.teaserhead h2 {
	font-weight:normal !important;
	margin: 0;
}
.teaser h2 {
	display: block!important;
	padding: 3px 3px 0px 10px;
	margin: 0;
	font-size: 1.00em;
	font-weight: normal;
	color: #fff;
}

/**Farbvarianten des Teaserhead**/
.innowatt .teaserhead {
	background: #e6be5a !important;
}

#marginalspalte .teasercontent {
	padding-top: 10px;
}

#marginalspalte .teasercontent .untertitel {
	margin: 0 8px 0px 8px;
	display: block;
}

.teasertext div.kurztext p {
  	margin: 0 9px 0px 9px;
  	padding: 0;
}

.teasertext div.kurztext p strong {
  	/*display: block;*/
  	margin: 0 0 12px 0px
}
.teasertext p span.more{
	display: block;
	padding-bottom: 4px;
}

.more {
	font-weight:bold;
	float:right;
}




/* Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
}


/* Forms
-----------------------------------------------------------------------------*/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
input	{
	margin-left: 0px;
}
form {
	margin: 0;
	padding: 0;
}
input.searchinput {
	width: 15.2em;
	border: 1px solid #FBE1A2;
	padding: 1px 2px 1px 2px;
        margin: 10px 0px 0px 0px;
	height: 1.5em;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

input.searchinput2 {
	width: 19.7em;
	border: 1px solid #FBE1A2;
	padding: 1px 2px 1px 2px;
        margin: 10px 0px 0px 0px;
	height: 1.5em;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
textarea.searchinput {
	width: 25.2em;
	border: 1px solid #FBE1A2;
	padding: 1px 2px 1px 2px;
        margin: 10px 0px 0px 0px;
	height: 9.5em;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

input.searchinput [class]{
	height: auto;
	padding: 0px 2px 2px 2px;
}
div.searchsubmit {
	text-align: right;
}

input.searchsubmit {
	color:#C59C2C;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding: 0px 18px 0px 0px;
	height: 19px;
        cursor:pointer;
	margin-top: 1px;
	text-align: left;
	text-transform: uppercase;
	background: #fff url(/foepro/image_main/submit_pfeil_innowatt.gif) no-repeat right center;
	width: 18px;
	overflow: visible;
}

input.searchsubmit[class] {
	margin-top: 0px;
	border: 1px solid #FBE1A2;
	height: 19px;
	padding:0px 18px 3px 0px;
	width: auto;
}

.innowatt .searchsubmit {
	border: 1px solid #FBE1A2!important;
}

/* Suchergebnisseite
-----------------------------------------------------------------------------*/

.seAbstract {
}

.seText {
}

.seMore {
        font-weight: bold;
        margin: 5px 0px 0px 0px;
        text-align: right;
}

.seLine {
        margin-top:5px;
        padding:10px 10px 10px 10px;
        border-top: 1px solid #cccccc!important;
}



/* Tables
-----------------------------------------------------------------------------*/



table {
  	border-spacing: 0;
	border-collapse: collapse;
        font-size: 1.0em;
}

td
	{
        padding: 0px 5px 0px 0px;
  	text-align: left;
	font-weight: normal;
}

table.tabinnowatt {
       font-size: 1.0em;
}
table.tabinnowatt td {
       padding: 3px 3px 3px 3px;
       border: 3px solid #ffffff;
}

table.innowattkontakt {
       width: 100%;
       font-size: 1.0em;
}
table.innowattkontakt td {
       padding: 3px;
       background-color: #faf0d2;
}
table.innowattkontakt td.white {
       padding: 1px;
       background-color: #ffffff;
}
/* Print
-----------------------------------------------------------------------------*/
.print	{
	text-align: left;
	line-height: 1.3em;
        padding: 0px 0px 5px 10px;
}
.print #marginalspalte {
	width: 496px;
	float: none;
	display: block;
	clear: both;
	padding: 16px 8px 16px 8px;
}
.print #marginalspalte .service {
	display: none;
}
.print .teaser{
	width: 496px;
}

.print .teaserhead {
	display: block;
	height: 1.7em;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #99592e;
	color: #fff;
}

.print .hr {
	margin: 0 6px 0 6px;
	padding: 0;
	font-size: 0px;
	margin-top: 10px;
	height: 1px;
	width:479px;
	border-bottom:#000000 5px solid;
	background:none;
}

.print .containerText {
	overflow: visible;
	display: block;
	float:none;
	clear: both;
}


.print ul li {
	background: none;
	padding: 0px 0px 4px 5px;
	margin: 0;
	line-height: 130%;
	list-style: disc;
}

.printout {
	width: 496px;
	display: block;
	clear: both;
	padding: 16px 8px 16px 8px;
}

/* einzelne Anwendungen
-----------------------------------------------------------------------------*/
p.linie {
        height: 1px;
        padding: 0px 0px 5px 0px;
        border-top:#0A46AA 1px dotted;
}

.red {
	color: #ff0000;
}

.nachoben {
        float:left;
        margin: 0px 0px 0px 8px;
}