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

version:   		1.7.6
Start:			13.11.2007
Letzte Aenderung: 	19.01.2011
author:    		Joerg Fischer
email:     		jofi@zappo-berlin.de

website:   		www.innovationskatalog.net

------------------------------------------------------------------------------*/
/* 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;}
.leftunternehmen 	{
        float:left;
        width: 390px;}
.hidder {display: none;}
.textbold {font-weight: bold;}

/* 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: #976409; /*#C59C2C*/
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}

/* Layout
----------------------------------------------------------------------------*/

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

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

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

#contentMitte {
	width:754px;
	float:left;
        margin-right: -3px;
}

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

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


#marginalspalte .teaser	{
	padding: 0px 0px 10px 0px;
}

#marginalspalte .moreLinks {
	margin-left: 9px;
	margin-bottom: 8px;
	margin-right: 9px;
	margin-top: 9px;
	padding: 0;
}

#marginalspalte .more {
	float:none;
}

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

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


#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:1px;
   	display:block;
}

#marginalspalte .top {
	border-left: #996409 1px solid;
	background: #FEF5E0;
	width:249px;
}


#marginalspalte .boxKatalog {
	float: left;
	width: 249px;
	background: #FEF5E0;
	margin-top: 4px;
	border-left: #996409 1px solid;
}

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

/* grundlegende Formatierungen
----------------------------------------------------------------------------*/
ul, ol {
	margin: 4px 40px 4px 26px;
        padding: 0px;
}

ul li p {
	display: inline;
	margin: 0;
	padding: 0;
}

ul li {
	list-style-position: outside;
        *display: inline-block;
        list-style: none;
	list-style-image: url(/ikat/image_main/listicon.gif);
	padding: 0px 0px 4px 0px;
	margin: 0;
	line-height: 130%;
}

ol.projektliste {
       list-style: inside decimal; 
}

ol.projektliste li {
       }

p.adminbutton {
        border-top: #946709 1px solid;
        margin: 5px 0px 5px 0px;
}

.buttonDefaultAA              {cursor:pointer; cursor:hand; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:40px; line-height:1.5em; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); }
a.buttonDefaultAA            {cursor:pointer; cursor:hand; text-decoration:none; font-weight:normal; font-size:9px; white-space:nowrap;}

.buttonDefaultAB             {cursor:pointer; cursor:hand; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; line-height:1.5em; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); }
a.buttonDefaultAB             {cursor:pointer; cursor:hand; text-decoration:none; font-weight:normal; font-size:9px; white-space:nowrap;}


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

.logo	{
	width: 200px;
        height: 101px;
	margin-right: 0px;
	float: left;
}

.headnavi {
	width:754px;
	height:99px;
	text-align:left;
	float: left;
    background: #fff url(/ikat/image_main/Balken_Innokat.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 {
	width: 280px;
        height: 19px;
	padding-top: 1px;
}
.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;
}

/* 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*/

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

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

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

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

.liunten h3, .innokat .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: 0px;
	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;
}

/* Inhaltsboxen
----------------------------------------------------------------------------*/

.box {
	float:left;
	background: #fff;
	border: 1px solid #F3EBE0;
}

.box .normal .kurztext, .box .normal .kurztext p {
	display:inline;
}

.innokat .box /*Technologie und Innovation*/ {
	border: 1px solid #FBE1A2;
}
.boxOrand {
	float: left;
	margin-bottom: 0px;
    height: 80px;
	width: 480px;
	padding: 0;
	margin: 0;
    border: 0px solid #000000;
	/*overflow: hidden;*/
} 

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

.containerBoxIkat {
        clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 99%;
}

.containerBox {
        clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 498px;
}

.containerBox h1, .containerBoxIkat h1 {
   	color: #616970 !important;
	font: 1.51em  Verdana, Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
   	line-height: 1.3 !important;
	letter-spacing:0px !important;
   	display:block !important;
}

.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:0px !important;
   	display:block !important;
}

.innokat .containerBox h2 /*Foerderprogramme Ueberschrift in grau*/{
	color: #686970 !important;
	font-weight: bold !important;
	margin: 0px 4px 10px 0px !important;
}
.containerText {
	float: left;
	margin-bottom: 4px;
	width: 480px;
	padding: 0;
	margin: 0;
        border: 0px solid #000000;
	/*overflow: hidden;*/
}

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

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

.containerText 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;
}

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

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



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

/**Farbvarianten des Teasertext**/
.innokat .teasertext {
	border-left: 1px solid #996409!important;
}
/**Farbvarianten des Teaserhead**/
.innokat .teaserhead {
	background: #996409 !important;
}

.teasertext p {
	margin: 0 9px 0 9px;
	padding-top: 10px;
}

.teasertext p span.more{
	display: block;
	padding-bottom: 4px;
}

.teaser {
	width: 252px;
	margin: 0!important;
	padding: 0!important;
	border-top: 4px solid #fff;
}

.teaserhead {
	display: block;
	height: 1.7em;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #996409 !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;
}

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


/** Ende Teaser **/


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

.innokat h3 /* Ueberschrift in schwarz*/{
	color: #000000 !important;
}
.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;
}

.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 p {
	display: block;
	font-size: 1.00em;
	line-height: 1.3em!important;
	margin: 0;
	padding: 5px;
}

.inlineImg {
	margin: 8px 8px 8px 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;
}


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

.untertitel{
	font-weight: bold;
}
.kurztext {
	display: block;
}
.more {
	font-weight:bold;
	float:right;
}

/* Schlagworte Wirtschaftszweige
----------------------------------------------------------------------------- */

a.wz-sw-liste  {
        line-height: 1.5em;
}

a.liste  {
        padding: 0px 3px 0px 3px;
}

/* Firmenseiten
----------------------------------------------------------------------------- */

/* container Liste Firmen */

.unternehmen {
        float: left;
        vertical-align: bottom;
        width: 100%;
        border: 0px #0A46AA  solid;
}

.unternehmenliste {
        float: left;
        vertical-align: bottom;
        width: 100%;
        border-bottom: 1px #91ACDC  dotted;
}

.unternehmensname {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        border: 0px #0A46AA  solid;
}

.unternehmensadresse {
        float: left;
        margin-right: 40px;
        border: 0px #0A46AA  solid;
}

.unternehmenslogobox {
        float: left;
        width: auto;
        height: 130px;           
        border: 0px #0A46AA  solid;
}

.unternehmenslogobox img{
        border: 0;
        display: block;
        margin: 0 auto;
        margin-top: 0%;
}

.gefprojekte {
        float: left;
        width: 100%;
        margin: 10px 0px 10px 0px;
}

.gefprojekteOK { /* mit beigem Hintergrund */
        float: left;
        width: 100%;
        background-color:#F8F0E8;
        margin: 10px 0px 10px 0px;
        padding: 5px 0px 10px 10px;
        border-top: 1px #0A46AA dotted;
}

img.projektbild {
        float: left;
        margin: 0px 25px 15px 0px;
}

#tabnavi {
	position:relative;
        float: left;
        width: 100%;
	padding:5px 0 5px 0; /* IE Hack */
	margin-top: 0px;
	border-bottom: 1px solid #0A46AA;
}

                  
#firmenseiten {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 5px;
	width: 98%;
	float: left;
	position:relative;
	border-bottom: 1px solid #0A46AA;
	border-left: 1px solid #0A46AA;
}

#firmenseiten ul {

}

/* Firmenseiten NAVI */
.seiten {
	margin-top: 20px;
}
.seiten a, .seiten a:visited, .seiten span {
	padding-left: 26px;
	padding-bottom: 5px;
	padding-right: 26px;
	padding-top: 5px;
	background-color: #8facdb;
	color: black;
	text-decoration: none !important;
	border-top: 1px solid #0A46AA;
	border-left: 1px solid #0A46AA;
	border-right: 1px solid #0A46AA;
}	
.seiten a:hover {
	color: white;
	background-color: #0A46AA;
}

.seiten span {
	border-top: 1px solid #0A46AA;
	border-left: 1px solid #0A46AA;
	border-right: 1px solid #0A46AA;
	background-color: #0A46AA;
	color: white;
}

a.seitenrechts  {
       margin-left: 100px;
}

.aktualisierung {
       font-size: 0.85em;
       color: #8facdb;
       display: none;
}

.projekt {
        width: 705px;
        float: left;
        border-bottom: #946709 1px solid;
}

.projektleft {
       width: 480px;
       float: left;
       border: #ff0000 0px solid;
}

.projektright {
       width: 200px;
       text-align: right;
       float: right;
       border: #ff0000 0px solid;
}

/* Forms
-----------------------------------------------------------------------------*/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
        max-width: 65em;
}

input#red {
        background-color:#ff0000;
        border:2px solid #ff0000;
}

input	{
	margin-left: 0px;
}
div.searchsubmit {
	text-align: right;
}

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.suche {
	width: 25.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;
}
select.zweige {
        width: 100%;
	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;
}
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(/ikat/image_main/submit_pfeil_innokat.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;
}

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


select.kurzerselect {
       width: 700px;
       color: #000000;
       border: 1px solid #FBE1A2!important;
}

select.kurzerselect2 {
       width: 470px;
}

/* 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
-----------------------------------------------------------------------------*/



/* 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: #986208;
	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
-----------------------------------------------------------------------------*/

.letter {
        margin: 5px 0px 5px 0px;
}

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

.datenlinieblack {
        height: 1px;
        margin: 0px 0px 5px 0px;
        border-bottom: #000000 1px solid;
}


.datenlinie   {border-bottom: 1px solid #976409;margin:3px 0px 10px 0px;}

.red {
	color: #ff0000;
}

.nachoben {
        float:left;
        margin: 15px 0px 10px 8px;
        border-top: 1px #91ACDC  dotted;
}   
/* Bildgross
----------------------------------------------------------------------------------*/
.bildgross {
	padding: 10px;
	text-align: center;
}     

.bild {
	margin-bottom: 25px;
	padding: 10px;
	text-align: center;
}     

.bildgross h3 {
	margin-bottom: 5px;
	margin-top: 10px;
}     

.linieblau {
	background-color: #ecf3fd;
	margin-bottom: 5px;
	border-bottom: 1px solid #0A46AA;
}
/* Adminanzeigen
-----------------------------------------------------------------------------------*/
/* Sitemap
-----------------------------------------------------------------------------------*/
table.sitemap {
        width:90%;
        font-family: Verdana, Helvetica, Arial, Tahoma,sans-serif;
	font-size: 90%;
	padding:0px;
	margin:0px;
        border: 0px;
}

td.tdbreite {
	width:45%;
}

td.rot {
	background-color:#FF0000;
	height: 1px;
	width: 1px;
	padding:0px;
	margin:0px;
}	

.entwurf1 {
	background-color: #143264;
	color: #ffffff;
	padding:2px;
	text-align:center;
}
.entwurf {
	background-color: #B9C2D1;
}
.beantragt1 {
	background-color: #226FF1;
	color: #ffffff;
	padding:2px;
	text-align:center;
}
.beantragt	 {
	background-color: #BDD4FB;
}
.bewilligt1 {
	background-color: #439D29;
	color: #ffffff;
	padding:2px;
	text-align:center;
}
.bewilligt	 {
	background-color: #B2D5A4;
}
.nichtbewilligt1 {
	background-color: #976409;
	color: #ffffff;
	padding:2px;
	text-align:center;
}
.nichtbewilligt	 {
	background-color: #E0D1B5;
}
.beendet1 {
	background-color: #5C5C5C;
	color: #ffffff;
	padding:2px;
	text-align:center;
}
.beendet	 {
	background-color: #999999;
}

.zweite {
	padding: 2px 2px 2px 15px;
}
.dritte {
	padding: 2px 2px 2px 30px;
}
.vierte {
	padding: 2px 2px 2px 45px;
}



/* Tabellen
-----------------------------------------------------------------------------------*/

table td.sheetCaption, table td.sheetValue {
       border-bottom: 1px #EBEBEB solid;
       vertical-align: top;
}