@charset "ISO-8859-1";
/* 20151005 */



/*   temporaer  */		
#kopf_m {
	line-height: 0; /* OP7.5 - kein Zeilenabstand vor Service und Suchblock. Auf Vererbung wg line-height0 achten. */
	background-color: #369; /* kopfbg - auf zusammenspiel achten */
	background-image: url(../images/kopf_bg_m.jpg);
	background-repeat: repeat-x;
	height: 50px;
	position: relative; /* Bezugspunkt fuer Kinder setzen */
	width: 100%;
}

p.semanmeldung {font-size: 1.2em;
		padding-top: 3em;
		text-align: center;
		line-height: 1.8em;}
		

		
/*   kontrollieren ob noch aktuell */	


/* ###################### inhaltsblock ##################### */


#inhaltblock {
float: right;
width: 100%;
min-height: 300px;
}

#inhalt {max-width: 50em;
	padding-left: 15px;
	padding-right: 10px;
}


/* #######################  servicenavigation ####################### */

/* ##### suche ##### */

#kopfblock form {
	margin: 2em 0 0 0;} /* 20140303 zuvor margin: 2em 0 */


#suchblock {
	position: absolute;
	left: 0;
	top: 100px;
	text-align: right;
	width: 248px;
}



/* wird mit positionierung ausgeblendet */
#suchblock label {position: absolute; top: -200px; left: -1000px;}

#suchblock input {
	background: #f1fafc;
	color: #036;
	width: 11.5em;
	font-family: inherit; /*  wegen gecko */
}


#suchblock input.submit {
	width: 2.5em;
	background: #f1fafc;
}


/* ####################### hauptnavigation ####################### */

#hauptnavblock {
	padding-left: 252px; /* unterscheidung zum einspalter*/
}


/* #####  pfad ##### */

p#pfad {
	margin-left: -252px; /* damit pfadhg eigene farbe ab ganz links erhaelt */
	padding-left: 252px; /* text rutscht unterhalb von hauptnavpunkten*/
	}
	
/* ####################### 3spalter ####################### */

#aussen {
	margin-right: 16em;
	border-left: 252px solid #ddd; /* hglinke spalte #aussenbg */
}	

/* für seiten ohne rechte spalte */
#aussen.ohnezusatz {
	margin-right: 0;
}
	
/* wrapper fuer inhalt und seitennavi */
#innen {
float: left;
width: 100%;
}

/* firefox 1.06 besteht auf #innen:after #innen:after, */
#aussen:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 2px;
	height: 2px;
	visibility: hidden;
	margin-bottom: -2px;
}






/* ####################### formatierungsmix ####################### */

#inhalt em {font-weight: bold;}
#inhalt strong {font-weight: bold!important; background-color: #ccebf5;}

#inhalt hr {color:#d7e5e8; 
	height: 4px;
 	background-color:#d7e5e8; /* Mozilla 1.4 */
 	margin-top: 1em;
 	margin-bottom: 1em; 	
}

.nowrap {
    white-space: nowrap;
}


#inhalt h1 {
font-size: 1.2em; /* korr200810 */
margin-bottom: 1em!important;
}


#inhalt h2 {
font-size: 1.1em!important;
margin-top: 1.6em!important;
}


#inhalt h3 {
font-size: 1em!important;
margin-top: 1.6em; /* 20110606 !important weg */
clear: none!important;
/* clear: left; damit ueberschriften nb bildern nicht unterhalb stehen */
}



#inhalt a:link {
	text-decoration: none!important;
	color: #036;
	font-weight: normal; /*  20110606 !important weg */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
	color: #900;
	text-decoration: underline;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}

#inhalt a:visited {font-weight: normal; /*  20110606 normal!important weg */ }

#inhalt blockquote {font-style: italic;}


/* ##### dienste baustein rot  ##### */

/*.dienste_baustein {color: #900;} /* #d00 */
.dienste_baustein {color: #369;} /* #d00 */

/* ##### nach oben  ##### */

p.iconlink{
	text-align: right; 
	font-size: 0.8em; 
	padding-top: 0;}
	
img.iconlink{
	padding-right: 1em;}
	
.iconlink a:link{
	color: #999!important; 
	font-weight: normal!important; 
	text-decoration: none!important;}




/* ##### textinfo - stand ##### */


#inhalt #textinfo {
font-size: 0.8em;
font-weight: normal!important;
margin-top: 3.5em!important;
padding: 0.5em;
clear: left;
max-width: none;
border-top: 2px solid #d7e5e8;
border-bottom: 2px solid #d7e5e8;
}



/* ##### teaser ##### */

#inhalt .teaser {
clear: left;
border-bottom: 4px solid #d7e5e8;;
}

#inhalt .teaser:after {
   content: "."; height: 1px; line-height: 1px;
   display: block; 
   clear: left;
   visibility: hidden;
}

#inhalt .teaser img {
float: left;
margin-right: 8px;
}

#inhalt p.teasersatz {
font-weight: bold;
padding-bottom: 0.8em;
xborder-bottom: 4px solid #d7e5e8; /* 2px #369 */
margin-bottom: 0;
}


/* ##### dokliste ##### */

/* ??????? pruefen, ob das ueberhaupt verwendet wird? 
#inhalt .dokliste {
list-style: none;
line-height: 1.6;
}

#inhalt .dokliste li {
	margin-bottom: 0.3em; 
}
 */


/* ##### tabellen-zusatz ##### */

table {width: 100%; }

table caption {border-top: 3px solid #369;}



th.patNr {width: 25%;} /* 20090813 */
th.jahr {width: 10%;}
th.titel {width: 65%;}




/* ##### listen ##### */

#inhalt ul{
list-style-type: none;
margin-bottom: 0.6em;
}

#inhalt ul li{
	padding-left: 1em; /* abstand hgbild pfeil */ 
	background-image: url(../images/pfeil_rot.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

#inhalt ul li ul{
list-style-type: none;
margin-bottom: 0.2em;
}

#inhalt ul li ul li{
	background-image: url(../images/pfeil_grau.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}
#inhalt ul ul ul{
list-style-type: none;
margin-bottom: 0.2em;
}

#inhalt ul li li li{
	background-image: url(../images/pfeil_hellgrau.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;}


/* ##### textlisten ##### */


ul.textlisten li{
padding-bottom: 0.8em;
padding-top: 0em;
}

#inhalt ul.textlisten li a:link{font-weight: bold!important;}
#inhalt ul.textlisten li a:visited{font-weight: bold!important;}
#inhalt ul.textlisten li ul li a:link{font-weight: normal!important;}

#inhalt ul.textlisten li ul {margin-top: -0.5em!important;}


ul.textlisten li p, ul.textlisten li ul li p{
line-height: 1.5em;
padding-bottom: 0!important;
margin-bottom: 0!important;
}


ul.textlisten li ul{
padding-top: 1em;
padding-bottom: 0!important;
}



/* ##### sitemap listen ##### */
ul.sitemap li{
	line-height: 1.8em;
}

/* ##### horizontale listen  ##### */
ul li.liste_quer {display: inline; padding-right: 2em;} 


/* ##### listen innerhalb von tabellen ohne Pfeile ##### */


#inhalt table thead tr th ul, #inhalt table tr td ul{
margin-left: 2em;
list-style-type: square;
list-style-position: outside;
margin-bottom: 0.6em;
}

#inhalt table thead tr th ul li, #inhalt table tr td ul li{
background-image: none;
padding-left: 0.1em;

}

#inhalt table tr td ul li ul, #inhalt table tr td ul li ul{
list-style-type: circle;
margin-left: 0.7em;
padding-left: 0.7em;
margin-bottom: 0.2em;
}

#inhalt table tr td ul li ul li, #inhalt table tr td ul li ul li{
background-image: none;
}


/* ##### bildBloecke ##### */

#inhalt .bild, #inhalt .portrait { clear: left; }

#inhalt .bild div, #inhalt .portrait div {
float: left;
margin-right: 8px;
border: 0px solid #369;
font-size: 0.85em;
line-height: 1.3;
background-color: #ecedef; /* SJ: diese Farbe war ursprünglich als Hintergrund für .bild div p definiert, das provoziert aber seltsame Lücken zwischen border und Hintergrunfarbe - so vielleicht besser. */
}


#inhalt .bild .quer {
	width: 250px;
}

#inhalt .bild .hoch {
	width: 163px;
}

#inhalt .portrait .quer {
	width: 222px;
}

#inhalt .portrait .hoch {
	width: 145px;
}


#inhalt .bild div p {padding: 2px;}

#inhalt .bild .lupe {
	float: right;
}

.grossbild p {background: #ecedef; font-size: 0.85em; width: 550px;} /* 500px*/


.ipc_startseite {background-image: url(../images/hg_ipc03_04.jpg);}
.ipc_startseite p {text-align: center; font-size: 0.85em; width: 500px;}


.astro_startseite {background-image: url(../images/hg_astro.jpg); background-repeat: no-repeat;}

#inhalt .quiz_startseite {margin-top: 2em; margin-bottom: 2em; height: 200px; background-image: url(../images/quiz_index_hg.jpg); background-repeat: no-repeat;}


/* ##### nobel ##### */

#inhalt .nob_indexbild {margin-top: 2em; margin-bottom: 2em; height: 400px; background-image: url(../images/nob_collage_xxl_002.jpg);}

.nob_kasten {padding-top: 1em; border-top: 4px solid #fff;}
.nob_kasten img {float: left; padding-right: 0.5em; padding-bottom: 0.7em;}
.nob_kasten h3 {display: inline;}
.nob_kasten h3 a {font-weight: bold!important;}
.nob_kasten p {padding-left: 2.5em; margin-top: 1em;}


.nob_preis_kasten {margin-top: 2em; background: #fff; padding-bottom: 1em; margin-bottom: 1em;
border-top: 2px solid #fff; border-bottom: 4px solid #a0a0a0; position: relative;}

.nob_preis_kasten dl.bild_nob {
	width: 163px; float: left; padding-right: 20px; 
	position: absolute; top: 0; left:0;
}
.nob_preis_kasten dl.bild_nob dt {}
.nob_preis_kasten dl.bild_nob dd {
	padding-left: 2px;
	margin-left: 0;
	font-size: 0.8em;
	background-color: #fff;}

.nobPlatzhalter {float: left; width: 183px; height: 220px;} /* height 240px */

#inhalt .nob_preis_kasten h1 {background-color: #ecedef; margin-top: 0; min-height: 2em; 
line-height: 2;
padding-left: 183px;}
#inhalt .nob_preis_kasten h2 {font-size: 100%!important; padding-left: 183px;margin-bottom: 0;}






/* ##### stellenbanner auf unterseite ##### */ 
.seitenbanner {background-image: url(../images/job04hg.jpg); background-repeat: no-repeat;}

/* popup fenster ipc */

.bildmitte {
	text-align: center;
	}

#popupfuss {text-align: center;}




/* ##### bild mit lupe ##### */ 

div.bildkastenq, div.bildkastenh {
	margin-left: 20px;
	margin-right: 4px;
	float: left;
	display: inline; /* verhindert margin-verdoppelung im IE/WIN */
	background-color: #ecedef;
}

div.bildkastenq {
	width: 250px;
}

div.bildkastenh {
	width: 163px;
}

.lupe img {
	/* position: relative; */
	left: 0px;
	top: 0px;
} 
 
.bildkastenh p.utext, .bildkastenq p.utext{
	display: inline; /* 20080613statt block - verhindert margin-verdoppelung im IE/WIN */
	font-size: 0.85em;
	padding: 0px 0px 3px 0px;
	background-color: #ecedef;
	color: #369;
	margin: 0 0 1em 0;
}



/* ###################### abstractkasten ##################### */

.kastenh, .kastenq {
	position: relative;
	border-bottom: 4px solid #d7e5e8;
	height: 100%;
	clear: both;
	margin-bottom: 2em;
	margin-top: 2em;
	background-color: #eee;
	}
.kastenh {
	min-height: 170px; /* workaround fuer firefox  */
	}

.kastenq {
	min-height: 110px; /* workaround fuer firefox  */
	}


.kastenh img, .kastenq img {
	float: left;
	border-top: 2px solid #369;
	/* width: auto; */
	margin-right: 10px;
	/* margin-bottom: -7px;  Behelf, damit Abstand zwischen Bildunterkante und Abschlußlinie auf 0 kommt. */
	}


.kastenh h2, .kastenq h2 {
	clear: none!important;
	margin-bottom: 0!important;
	border-top: 2px solid #369;
	padding: 0.5em;
	background: #d7e5e8;}

#inhalt .kastenh h2.kastenueberschr, #inhalt .kastenq h2.kastenueberschr {
	margin-top: 0!important;
	xfont-size: 1.0em!important;
}



/* ##### farbbalken mit ecke fuer schutzrechtsseiten ##### */

#patent_seite #inhaltblock {
border-top: 4px solid #369;
}

#patent_seite #zusatz {
border-top: 4px solid #369;
margin-left: 0; /* lueckenproblematik */
padding-left:0;
padding-right:0;
padding-top: 1em;
background-image: url(../images/dreieck_blau2.jpg); background-repeat: no-repeat; background-position: right top;
}

#patent_seite #inhalt {
	border-top: 0px solid #369; /* notwendig für richtige Abstände */
	margin-top: -1px;
}

#patent_seite #inhaltblock {
background-image: url(../images/dreieck_blau.jpg); background-repeat: no-repeat; background-position: 0px 0px;
}


/* ##### marke ##### */

#marken_seite #inhaltblock {
border-top: 4px solid #c03;
}

#marken_seite #zusatz  {
border-top: 4px solid #c03;
margin-left: 0; /* lueckenproblematik */
padding-left:0;
padding-right:0;
padding-top: 1em;
background-image: url(../images/dreieck_rot2.jpg); background-repeat: no-repeat; background-position: right top;
}

#marken_seite #inhalt {
	border-top: 0px solid #369; /* notwendig für richtige Abstände */
	margin-top: -1px;
}

#marken_seite #inhaltblock {
background-image: url(../images/dreieck_rot.jpg); background-repeat: no-repeat; background-position: 0px 0px;
}


/* ##### gebrmu ##### */
#gebrmu_seite #inhaltblock {
border-top: 4px solid #00a9a6;
}

#gebrmu_seite #zusatz  {
border-top: 4px solid #00a9a6;
margin-left: 0; /* lueckenproblematik */
padding-left:0;
padding-right:0;
padding-top: 1em;
background-image: url(../images/dreieck_gruen2.jpg); background-repeat: no-repeat; background-position: right top;
}


#gebrmu_seite #inhalt {
	border-top: 0px solid #369; /* notwendig für richtige Abstände */
	margin-top: -1px;
}

#gebrmu_seite #inhaltblock {
background-image: url(../images/dreieck_gruen.jpg); background-repeat: no-repeat; background-position: 0px 0px;
}



/* ##### geschmamu ##### */
#geschmamu_seite #inhaltblock {
border-top: 4px solid #fc3;
}

#geschmamu_seite #zusatz  {
border-top: 4px solid #fc3;
margin-left: 0; /* lueckenproblematik */
padding-left:0;
padding-right:0;
padding-top: 1em;
background-image: url(../images/dreieck_gelb2.jpg); background-repeat: no-repeat; background-position: right top;
}

#geschmamu_seite #inhalt {
	border-top: 0px solid #369; /* notwendig für richtige Abstände */
	margin-top: -1px;
}

#geschmamu_seite #inhaltblock {
background-image: url(../images/dreieck_gelb.jpg); background-repeat: no-repeat; background-position: 0px 0px;
}



/* ##### nizza ##### */

.nizza img {padding-right: 1em;}






/* ################### newsletter ################## */


h1.newsh1 {margin-bottom: 0em; background: #d7e5e8; }
h1.newsh1 span {xbackground: #d7e5e8; font-size: 2em; letter-spacing: 5px; color: #369;}
h2.newsh2 {background: #d7e5e8; padding-top: 0.5em; padding-bottom: 0.5em;}
h3.newsh3 {background: #ddd; padding-top: 0.3em; padding-bottom: 0.3em;}
p.newsAusgabe {font-weight: bolder; padding-bottom: 0.5em;}
p.newsAusgabe span {color: #369; font-size: 1.4em; letter-spacing: 3px; background: #fff;}

#inhalt ul.newsinhalt {list-style: none;}
#inhalt ul.newsinhalt li {line-height: 2em; background-image: none; padding-left: 0;}
#inhalt ul.newsinhalt li a {font-weight: bold!important; text-decoration: none;}
#inhalt ul.newsinhalt li li {list-style: none; padding-left: 0.7em;}
#inhalt ul.newsinhalt li li a {font-weight: bold; text-decoration: none;}






/* ################### sitemap ################## */

.sitemap {
float: left;
width: 40%;
margin-right: 1em;
}


ul.sitemap li h2 a{
background: #d7e5e8;
}

/* ################### bereichsnavigation ################## */

#navblock {
float: left;
width: 250px;
margin-left: -252px;
background-color: #d7e5e8;
font-size: 0.8em;
min-height: 300px;
border-right: 2px solid #369;
border-bottom: 2px solid #369;
}

#navblock ul {
list-style-type: none;
}


ul#nav {
background-color: #d7e5e8; /* bereichsnav color */
border-left: 2px solid #fff;
/* padding-left: x2px; */
}

ul#nav li {
/* background-color: #fff; weg! weil IE/Win überflüssige Abstände produziert, kommt es sonst zu überbreiten Trennlinien, in der normalen Hintergrundfarbe kommt es auf ein pixel mehr nicht an, in weiß stört es. der Wegfall erfordert zusätzliche Formatierung für neu eingebautes span s.u. */
border-top: 1px solid #fff; 
padding-left: 0.5em;
}


ul#nav li.auf,
ul#nav li.auf li.auf {
font-weight: bold;
background: transparent url(../images/pfeil_rot.gif) 2px 10px no-repeat;
/* xpadding-left: 6px; */
}


ul#nav li.auf li {
font-weight: normal;
background-image: none;
}

ul#nav ul{
margin: 0;
border-left: 2px solid #fff;
padding-left: 0px;
}

/* nicht verlinkter Text = aktuelle Seite. NEU! auch im Quelltext. einerseits Kompensation für weggefallene Hintergrundfarbe, andererseits sinnvoll, weil dadurch linkes padding ermöglicht wird. */
ul#nav li span {
	background: #fff;
	display: block;
	padding-left: 0.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 8px solid #900;
}

ul#nav li a {
display: block;
text-decoration: none;
color: #000;
padding-left: 0.5em;
padding-top: 5px;
padding-bottom: 5px;
background-color: #d7e5e8;
}

ul#nav li a.stand,
ul#nav li a:hover,
ul#nav li a:focus,
ul#nav li a:active {
background-color: #fff;
border-right: solid 8px #369;
}

ul#nav a:visited{
color: #000;
}




/* ###################### zusatzspalte ##################### */



#zusatz {
float: left;
width: 15.5em; /* 15.5em */
margin-right: -16em;
padding-top: 1em;
margin-left: 0em; /* 0.4em */
}


#zusatz div{
font-size: 0.8em;
background-color: #d7e5e8;
color: #369;
margin-bottom: 1.2em;
margin-right: 4px;
border-bottom: 2px solid #369;
padding-bottom: 0.5em;
}




#zusatz h2 {
font-size: 1.1em;
padding-left: 6px;
background-color: #369;
color: #fff;
margin-bottom: 0.4em;
}

#zusatz ul{
padding-left: 0.3em;
margin-left: 0.3em;
list-style: none;
}

#zusatz li{
margin: 0.5em 0;
}

#zusatz p{
padding-left: 6px;
}

#zusatz a{
	text-decoration: none;
	font-weight: bold;
	padding-right: 2px;
}

#zusatz a:link,
#zusatz a:visited {
	color: #369;
	padding-left: 2px;
}

#zusatz a:hover, #zusatz a:active, #zusatz a:focus {
	color: #369;
	background-color: #fff;

/* Vorschlag */
	text-decoration: underline;

/* statt
		border-left: 2px solid #fff; /* verhindert huepfer - ohne farben erscheint rahmen */
	/*
		padding-left: 0; 
*/
}



/* #######################  Register vergriffener Werke ####################### */

.textfelder_verwerk p, {clear: left; margin-top: 0.7em;}

.textfelder_verwerk label span {
    display: inline-block;
    margin-right: 0.5em;
    text-align: right;
    width: 16em;
}


/*   blaetterleiste trefferliste      */

.blaettern {
	margin-left: 0em; /* 20091209 */
	margin-right, margin-top, margin-bottom: 1em;
	/* hier stand urspruenglich eine width-Angabe, die aber scheinbar nicht benötigt wird, diese alleine hindert IE/Win daran eine Höhe auszurechnen, die Platz für die untere Border lässt. D.h. wenn width => dann auch height */
}

#inhalt .blaettern a, #inhalt .blaettern span.noLink {
	text-decoration: none;
	border-style: solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	border-bottom-color: #222;
	border-right-color: #222;
	border-width: 1px;
	padding: 2px 4px;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative; /* 060504 damit zeigt ie botton unten ganz an */
	margin-right: 0.4em; /* 20081211 */
}


.blaettern a, a.button {
	background: #ccc;
	color: #000;
	cursor: pointer;
}

.blaettern span.noLink {
	background: #ddd;
	color: #999;
}


.blaettern a:active, a.button:active  {
	border-top-color: #222;
	border-left-color: #222;
	border-bottom-color: #aaa;
	border-right-color: #aaa;
	background: #eee;
}

.blaettern a:hover, .blaettern a:focus, a.button:hover, a.button:focus  {
	background: #eee;
	text-decoration: none;
}




/* ins dpma.css ?? oder home.css */

Tabelle
table th {text-align: left;} /* pruefen, ob für alle Tabellen zu uebernehmen  */

/*   Tabellenüberschriften linksspaltig*/
.table_thlinks th {text-align: left;}




/* ins form_home.css */
span.form_err {
	font-weight: bold; 
	background-color: #ccebf5; 
	padding: 0.3em;}

 div.wichtig p, p.wichtig{
	background: #ccebf5; /* #f4ec7a */
	padding: 4px 4px;
	xfont-weight: normal;
	border: none;
}

ul.fehlliste li {color: #880000;}