HTML {
height: 100%;
}

body {
background-color: #d9e6e0;
margin: 0;
padding: 0;
color: #000;
height: 100%;
font-family: Arial,Helvetica,Verdana,tahoma,Trebuchet ms,sans-serif; 
font-size: 75%;
background-image: url(../img_layout/hg_gross_01.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
overflow: scroll;
}

html>body {
height: 98%;
}

a.nosign, a.nosign:hover {
background-image: none;
text-decoration: none;
margin: 0;
padding: 0;
}



#all {
width: 100%;
margin: 0;
padding: 0;
height: 98%;
min-height: 98%;
}


#page {
margin: 1% auto 0 auto;
padding: 0;
height: 90%;
min-height: 90%;
width: 990px;
text-align: left;
background-image: url(../img_layout/img_page.png);
background-repeat: repeat-y;
} 

#noscriptcontent {
background-color: #fff;
margin: 20px auto 0 auto;
z-index: 100;
font-size: 120%;
font-weight: bold;
padding: 10px;
text-align: center;
border: solid 2px #ccc;
width: 400px;
}

#trenner {
margin: 0 auto 0 auto;
padding: 0; 	
width: 990px;
background-image: url(../img_layout/img_page2.png);
background-repeat: repeat-y;
font-size: 2px;
height: 7px;
}	

#footer {
font-family: 'Metrophobic', sans-serif;
font-size: 90%;
margin: 0 auto 0 auto;
padding: 0; 	
width: 990px;
background-image: url(../img_layout/img_page.png);
background-repeat: repeat-y;
}


#all>#page {
height: auto;
}


*html #all {
height: 99%;
h\eight: 99%;
}

*html #page {
height: 95%;
h\eight: 95%;
}

/* top */

#print_top {
display: none;
}

#top {
height: 160px;
margin: 0;
padding: 0;
z-index: 10;
width: 990px;
background-image: url(../img_layout/hg_top.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}

#top .logo {
	float: left;
	margin: 30px 0 0 27px;
	width: 325px;
}

#top .topnav {
	float: right;
	width: 200px;
	margin: 127px 10px 0 0;	
font-size: 145%;
line-height: 1.5em;
letter-space: 0.3em;
color: #324e66;
}

#top a {
padding: 0;
background-image: none;
color: #324e66;
}

#top a:hover {
color: #838f90;
}

#top .logo img {
border: none;
padding: 0;
margin: 0;
float: left;
}

/* top */

/* content gesamt */


#content  {
margin: 0 17px 0 27px;
padding: 0;
line-height: 1.5em;
width: 946px;
}

/* content gesamt end */


/* Navigation */



#navi {
float: left;
width: 183px;
margin: 80px 22px 0 26px;
padding: 0;
}

#navi {
background-image: none;
}


#navi ul {
width: 183px;
list-style-image: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
border-top: solid 1px #cdd8d5;
}



#navi ul li {
display: inline;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}


#navi ul li a {
margin: 0;
padding: 10px 4px 10px 26px;
display: block;
border-bottom: solid 1px #cdd8d5;
color: #cdd8d5;
background-image: none;
text-decoration: none;
font-weight: bold;
font-size: 130%;
}


* html #navi ul li a { 
width: 153px; 
w\idth: 153px;
} 


#navi ul li a:hover {
background-color: #778e9d;
color: #fff;
}

#suche {
	float: left;
	clear: left;
	width: 183px;
	margin: 80px 0 10px 0;
	padding: 0;
font-size: 120%; 
}

#suche form#search {
	margin: 0;
	padding: 0;
border: #cdd8d5 solid 1px;
}



#suche form#search .suchbegriff, #suche form#search .suchbutton { 
background-color: #778e9d;
border: none;
color: #fff;
float: right;
padding: 3px 0px 0 5px;
margin: 0;
width: 135px;
height: 31px;
}

#suche form#search .suchbutton {
background-color: #1f5a77;
float: left;
border: none;
width: 38px;
padding: 0;
font-weight: bold;
background-image: url(../img_layout/lupe.gif);
background-repeat: no-repeat;
background-position: center 50%;
}

* html .suchbutton {  /* nur fuer Internet Explorer */
padding: 0px 4px 0px 3px;
width: 24px; /* Version 5.x */
p\adding: 0px 4px 0px 3px;
w\idth: 24px;  /* Version 6 */
}

* html .suchbegriff {  /* nur fuer Internet Explorer */
padding: 1px 2px 2px 2px;
height: 20px; /* Version 5.x */
p\adding: 1px 2px 2px 2px; /* Version 6 */
h\eight: 20px;
}



/* Navigation ende */

/* mitte */



#inhalt, #breadcrumb, #inhalt2 {
float: left;
width: 712px;
margin: 0 0 5px 2px;
padding: 0;
line-height: 1.6em;
}

 #inhalt2 {
	 background-image: url(../images/filmspule_gross_hg.jpg);
	 background-repeat: no-repeat;
	 background-position: 0 80px;
 }

#breadcrumb {	
width: auto;
padding: 4px 0px 3px 15px;
font-size: 90%; 
color: #425e72;
}

#breadcrumb a {
font-weight: normal;
background-image: none;
padding-left: 0;
}

#innerfooter {
float: left;	
line-height: 1.5em; 
margin: 0 0 0 314px;
padding: 7px 30px 4px 0;
border-bottom: none;
}



#innerfooter a.mail, #innerfooter a.druck {
padding-left: 1.5em;
color: #1f5a77;
font-weight: normal;
text-decoration: none;
background-image: url(../img_layout/mail.png); 
background-repeat: no-repeat; 
background-position: 0em 0.05em;
margin-left: 30px;
}


#innerfooter a.druck {
background-image: url(../img_layout/print.png); 
background-repeat: no-repeat; 
padding: 0.4em 0 0.4em 2.0em; 
background-position: 0em 0.4em;
}

#innerfooter a:hover {
color: #778e9d;
}


/* inhaltsboxen */

.box, .boxmitte {
float: left;
width: 610px;
margin: 0 30px 10px 60px;
padding: 0;
line-height: 1.6em;
}

.boxmitte {
width: 355px;
margin-right: 0;
}	
	
#boxright {
width: 235px;
background-image: none;
margin: 0 30px 10px 10px;
padding: 38px 0 0 0;
float: right;
}
/*
#boxright .box, #boxmitte .box, #boxmitte .bookbox {
float: left;
clear: left;
width: 100%;
margin: 0 0 15px 0;
padding: 10px 0;
background-image: url(../img_layout/hg_pix.png); 
} */

.boxmitte .news, .box .news {
float: left;
clear: left;
width: 100%;
margin: 0 0 10px 0;
padding: 10px 0;
background-color: #fff; 	
padding-top: 0;
}

 .box .news2 {
float: left;
margin: 10px 3% 0 0;
padding: 5px 0;
width: 47%;
background-color: #fff; 	
}

.boxmitte .news p, .box .news p {
	margin: 7px 7px 7px 15px;
	padding: 0;
}

.box .news2 p {
	margin: 4px 4px 2px 15px;
	padding: 0;
}

.boxmitte .news p.date, .box .news p.date {
	float: right;
	margin: 5px 7px 5px 7px;
	padding: 0;
	color: #930;
	font-variant:small-caps;
	font-size: 90%;
}

.boxmitte .news h3, .boxmitte .news h3 {
	clear: both;
}

/*
#boxmitte .bookbox {
padding-top: 0;
padding: 0;
}

#boxmitte .bookbox a {
background-image: none;
padding-left: 0.1em;
}

*/
#boxright p, #boxright h1 {
padding: 5px 5px 5px 10px;
margin: 0;
}

#boxright p {
	clear:left;
padding: 3px 3px 3px 10px;
line-height: 1.4em;
}

#boxright img.left {
	float:left;
	margin: 0 5px 5px 0;
	padding: 0;
}
 
#boxright h1 {
padding-bottom: 10px;
font-size: 100%;
margin: 0;
}

#boxright a.pdf, .box .news2 a.pdf {
	background-image: none;
	padding-left: 0.2em;
}
/*

#boxmitte .box img, #boxmitte .box img.first, #boxright .box img {
float: left;
margin: 0 0 0 10px;
border: 0;
}

#boxright .box img {
margin: 5px 0 5px 8px;
}

#boxmitte .box img.first {
margin-left: 15px;
}




#boxmitte .box img.left {
float: left;
margin: 0 5px 5px 15px;
padding: 0;
}
*/

/* images */

img.start {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}

.bild300, .bild250 {
	float: left;
	width: 300px;
	margin: 0 20px 10px 0;
	padding: 0;
}

.bild250 {
	width: 250px;
}

.bild300 p, .bild250 p {
	font-size: 90%;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.3em;
}

/* formatier */

h1 {
color: #84939d;
margin: 0 0 25px -18px;
padding: 35px 0 0 10px;
font-size: 200%;
font-weight: bold;
line-height: 1.4em;
border-left: solid 8px #1f5a77;
}


h2 {
color: #1f5a77;
margin: 15px 0 10px 0;
padding: 0;
font-size: 140%;
font-weight: bold;
letter-space: 0.3em;
line-height: 1.5em;
}

h3 {
color: #6D6D6E;
margin: 20px 15px 6px 15px;
padding: 0;
font-size: 115%;
font-weight: bold;
}


h4 {
color: #a3553c;
margin: 20px 15px 6px 15px;
padding: 0;
font-size: 225%;
font-weight: normal;
letter-space: 0.3em;
}

p {
margin: 0 0 10px 0;
padding: 0;
font-size: 110%;
line-height: 1.6em;
}


p.block {
text-align: justify;
}

p.hinweis {
	font-size: 85%;
	color: #5b7182;
	text-align: right;
	margin:0 10px 10px 0;
	padding: 0;
}

.blau {
font-weight: bold;
font-size: 110%;
color: #5b7182;
}

.blau2 {
font-weight: bold;
color: #708090;
}

.rot, .rotgross {
font-weight: bold;
color: #8F1000;
}

.rotgross {
font-size: 110%;
}

ul.inhalt {
margin: 10px 25px 10px 15px;
padding: 0;
list-style-image: none;
list-style-type: none;
background-image: url(../img_layout/hg_pix2.png); 
}

ul.inhalt li {
margin: 0;
padding: 5px;
}

ul.inhalt ul, ul.inhalt ul ul {
margin: 0 0 0 10px;
padding: 0;
list-style-image: none;
list-style-type: none;
}

ul.inhalt ul ul {
margin: 0 0 0 20px;
}

ul.inhalt ul ul li {
padding: 2px 5px;
}


a, a.extern, a.pdf, a.mail {
color: #99171B;
font-weight: normal;
background-image: url(../img_layout/pfeil.png);
background-repeat: no-repeat;
background-position: 0.0em 0.2em;
padding-left: 1.3em;
text-decoration: none;
}

a:hover {
color: #6D6D6E;
}

a.extern {
background-image: url(../img_layout/extern.png);
padding-left: 1.3em;
background-position: 0.1em 0.15em;
font-weight: bold;
}

a.pdf {
background-image: url(../img_layout/pdf.png);
padding-left: 1.4em;
background-position: 0em 0.15em;
}

a.mail {
background-image: url(../img_layout/mail.png);
padding-left: 1.4em;
background-position: 0 0.15em;
}

/* cleaner und top */

.clearleft, .clear { 
clear: left;
height: 0px;
font-size: 0px;
border: 0px none;
margin: 0;
padding: 0;
line-height: 0.0em;
}

.clear { 
clear: both;
}

p.top {
clear: left;
text-align: right;
padding: 0 20px 0 0;
margin: 5px 0 0 0;
font-size: 80%;
font-variant: small-caps;
}


p.top a  {
padding: 0;
margin: 0;
background-image: none; 
}


.points { 
clear: left;
height: 2px;
background-image: url(../img_layout/points.gif);
background-repeat: repeat-x;
margin: 5px 10px 5px 27px;
padding: 0;
line-height: 0.2em;
}





/* group Accordion */

dl.accordion {
	margin-right: 10px;
	margin-left: 15px;
}

/* group Ebene 1 */

dl.accordion dt {
	padding: 4px 5% 4px 5px;	
	font-weight: normal;	
	color: #5b7182;	
background-image: url(../img_layout/hg_pix1.png); 
	cursor: pointer;
	border-bottom: solid 1px #d2d2d2;
	border-right:  solid 1px #d2d2d2;
	margin-top: 5px;
	margin-bottom: 3px;
}


dl.accordion dt .rot2 {
font-weight: normal;
color: #8F1000;
}


dl.accordion dt.open {
	background-image: url(../img_layout/hg_pix2.png);
	background-position: 8px 0.1em;
}


dl.accordion dd {	
	margin: 0;
	padding: 15px 15px 10px 30px;	
	overflow: hidden;
	background-image: url(../img_layout/hg_pix1.png);
}



dl.accordion dd.accordion_content { 
		margin: 0 0 7px 0;
	padding: 5px 0 5px 0;	
	overflow: hidden;
}




dl.accordion dd p {
margin: 5px 0 6px 0;
	padding: 0;
	text-align: justify;
}


/* end */