HTML {
height: 100%;
}

body {
background-color: #fff; 
margin: 0; 
padding: 0;
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 70%;
color: #000;
background-image: url(../img_layout/hg_all.gif); 
background-repeat: repeat-y; 
height: 100%; 
}

td {
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 11px;
}

#all {
margin: 0;
padding: 0;
height: 87%; 
min-height: 86%;
}

a.nosign, #rubrik a.nosign {
background-image: none;
}

.sprung {
position: absolute; 
top: 0;
left: 0;
margin: 0;
padding: 0;
}

html>body #all {
height: auto;
}

/* kopfbereich */

#kopf {
margin: 0 10px 0 0; 
padding: 0;
background-color: #425D9C;  
background-image: url(../img_layout/hg_kopf.gif); 
background-repeat: repeat-x; 
height: 104px;
}

#kopf a {
margin: 0;
padding: 0;
}

#logo {
float: left;
width: 172px;
margin: 0;
padding: 0;
}

/*background-image: url(../img_layout/hg_kopf.gif); margin: 0 20px 0 172px;*/
#titel {
margin: 0 20px 0 172px;
padding: 0;
height: 104px;
text-align: right;
background-image: url(../img_layout/hg_kopf.gif);
background-repeat: no-repeat; 
}

/* Rubrikbereich */

#rubrik {
font-size: 85%;
color: #000;
margin: 0 10px 0 172px;
padding: 6px 0 4px 30px;
background-color: #F3F5F9;
}

#rubrik a {
color: #BF0707; 
text-decoration: none;
padding-left: 0.0em;
background-image: none;
}

#rubrik a:hover {
text-decoration: underline; 
color: #fc2603;
}

.flag, .flag2 {
font-size: 85%;
position: absolute;
top: 109px;
right: 20px;
width: 140px;
margin-right: 10px;
text-align: right;
/*border-left: 1px solid #9FB2CE;*/
}

.flag a {
color: #BF0707; 
text-decoration: none;
padding-left: 0.3em;
background-image: url(../img_layout/flag_gb.gif);
background-position: 0.1em 0.2em;
padding-left: 2.1em;
}

.flag2 a {
color: #BF0707; 
text-decoration: none;
padding-left: 0.3em;
background-image: url(../img_layout/flag_id.gif);
background-position: 0.1em 0.2em;
padding-left: 2.1em;
}

/* Navigation */

#nav {
position: absolute;
top: 104px;
left: 14px;
margin: 0;
padding: 0;
width: 156px; 
height: auto;
/*border-bottom: solid 1px #012778; */
background-color: #5B74A9;
}

#nav ul, #nav ul ul {
list-style: none;
margin: 0;
padding: 0;
} 

#nav ul {
border-bottom: solid 1px #012779;
}

#nav ul ul {
border-bottom: solid #9FB2CE 1px;
}

#nav ul ul ul {
border-bottom: solid 1px #012779;
}

#nav ul li {
margin: 0; 
padding: 0;
border-top: solid 1px #012779;
}

/*#nav ul li ul li {
margin: 0; 
padding: 0;
border-top: solid 1px #506AA3;
}*/


#nav ul li A {
display: block;
margin: 0;
padding: 5px 3px 5px 18px; 
text-decoration: none; 
font-weight: bold;
color: #fff;
background-image: none; 
}

* html #nav ul li A {  /* nur fuer Internet Explorer */
width: 100%;   /* Version 5.x */
w\idth: 100%;
}

#nav ul li ul li A {
display: block; 
background-color: #5B74A9;
margin: 0;
padding: 5px 3px 5px 28px; 
text-decoration: none; 
font-weight: normal;
color: #fff;
background-image: none;  
font-size: 100%; 
}

#nav ul li A:hover, #nav ul li ul li A:hover {
background-color: #9FB2CE; 
color: #012779;
text-decoration: none; 
background-image: url(../img_layout/pfeil.gif);  
background-repeat: no-repeat;
}

#nav ul li A:hover {
background-position: 0.4em 0.55em;
}

#nav ul li ul li A:hover {
background-position: 1.5em 0.55em;
}

#nav ul li ul li ul li A:hover {
background-position: 2.6em 0.55em;
}

#nav ul li A.aktuell, #nav ul li A.aktuell:hover {
background-color: #9FB2CE; 
color: #012779;
text-decoration: none; 
background-image: url(../img_layout/pfeil.gif);  
background-repeat: no-repeat;
background-position: 0.4em 0.55em;
}

#nav ul li ul li A.aktuell, #nav ul li ul li A.aktuell:hover {
background-color: #9FB2CE; 
color: #012779;
text-decoration: none; 
background-image: url(../img_layout/pfeil.gif);  
background-repeat: no-repeat;
background-position: 1.5em 0.55em;
}

#nav ul li ul li ul li A.aktuell, #nav ul li ul li ul li A.aktuell:hover {
background-color: #9FB2CE; 
color: #012779;
text-decoration: none; 
background-image: url(../img_layout/pfeil.gif);  
background-repeat: no-repeat;
background-position: 2.6em 0.55em;
}

#nav ul ul {
list-style: none;
margin: 0;
padding: 0;
color: #fff;
} 


#nav ul li ul li ul li {
margin: 0; 
padding: 0; 
font-size: 100%;
border-top: none;
border-bottom: solid 1px #778FBB;
}


#nav ul li ul li ul li A {
color: #fff; 
display: block; 
background-image: none; 
background-color: #6D86B6;
margin: 0;
padding: 3px 1px 3px 38px; 
text-decoration: none;
font-weight: normal;
font-size: 100%;
}



#nav ul li ul li ul li.abstand {
margin: 0; 
padding: 0; 
font-size: 100%;
border-top: solid 4px #778FBB;
}

/* Ende Navigation */

/* Left Bar Address */
#leftAddr {
margin: 0;
padding: 15px 5px 25px 5px; 
font-size:93%;
color:#FFFFFF;
background-color: #425D9C;  
}

#rss {
margin: 0;
padding: 5px 10px 15px 10px;
height: auto;
color:#FFFFFF;
background-color: #425D9C;  
}

ul.rssTitle {
list-style: none;
margin: 0;
padding: 0;
border-bottom: solid 1px #012779;
}

ul.rssTitle li {
margin: 0; 
padding: 0;
border-top: solid 1px #012779;
}

ul.rssTitle li p { 
display: block;
margin: 0;
padding: 5px 3px 5px 3px; 
text-decoration: none; 
font-weight: bold;
color: #fff;
background-image: none; 
}

.rssLink { padding: 5px 0 0 0; }

.rssLink A {
display: block;
color: #FFFFFF; 
text-decoration: none;  
background-repeat: no-repeat;
background-position: 0.2em 0.1em;
padding-left: 3.5em;
padding-top: 1em;
height: 32px;
}

.rssLink A.publications { background-image: url(../img_layout/Newspaper_Feed_32x32.png); }
.rssLink A.events { background-image: url(../img_layout/CoffeeCup_Feed_32x32.png); }

.rssTop {
font-size: 85%;
position: absolute;
top: 109px;
right: 160px;
width: 100px;
margin-right: 10px;
text-align: right;
/*border-left: 1px solid #9FB2CE;*/
}

.rssTop a {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/rss.png);
background-position: 0.1em 0.2em;
padding-left: 1.6em;
}

.infoMail A.mail {
color: #FFFFFF; 
text-decoration: none;  
background-image: url(../img_layout/mail.gif); 
background-repeat: no-repeat;
background-position: 0.2em 0.1em;
padding-left: 2.5em;
}

.infoMail A.mail:hover {
text-decoration: underline; 
color: #FFFFFF; 
}

/* End Left bar Address */

/* Inhaltsbloecke gross */

#inhalt {
margin: 0 30px 0 202px;
padding: 20px 0 0 0;
background-color: #fff;
font-size: 100%;
}

* html #inhalt {  /* nur fuer Internet Explorer */
width: 100%;   /* Version 5.x */
w\idth: 100%;
}

.inhalt1 {
margin: 0 10% 5px 0;
padding: 0;
background-color: #fff;
font-size: 100%;
}

.inhalt2 {
margin: 0 325px 5px 0;
padding: 0;
background-color: #fff;
font-size: 100%;
}

.inhalt3 {
margin: 0 280px 5px 0;
padding: 0;
background-color: #fff;
font-size: 100%;
}
/* Ende Inhaltsbloecke gross */


/* Infobox rechts */

.infobox {
float: right;
background-color: #fff;
margin-left: 25px;
padding: 0;
width: 310px;
font-size: 90%;
}

* html.infobox  {  /* nur fuer Internet Explorer */
width: 310px;   /* Version 5.x */
w\idth: 310px;
}

.infobox2 {
float: right;
background-color: #fff;
margin-left: 25px;
padding: 0;
width: 250px;
font-size: 90%;
}


/* Ende Infobox rechts */


/* Infoboxen */

.box {
margin: 0 0 5px 0;
padding: 0;
width: 100%;
border: #D6DCE9 solid 1px;
}

.halfbox {
float: left;
width: 45%;
margin: 0 10px 0 0;
padding: 0;
background-image: url(../img_layout/hg_halbbox.gif);
background-repeat: repeat-x;
}

.halfbox1 {
float: left;
width: 45%;
margin: 0 10px 0 0;
padding: 0;
}

.halfbox50 {
float: left;
width: 50%;
margin: 0 10px 0 0;
padding: 0;
}

.box4 {
width: 100%;
margin: 0;
padding: 0;
background-image: url(../img_layout/hg_halbbox.gif);
background-repeat: repeat-x;
}

.halfbox p, .halfbox1 p, .halfbox55 p, .box4 p {
margin: 6px 6px 6px 10px;
line-height: 1.4em;
} 

.themenbox {
float: right;
margin: 0;
padding: 0;
width: 70%;
background-color: #f3f5f9;
}


.themenbox p {
margin: 8px 12px;
padding: 0;
}


.box1 {
margin: 0 0 5px 0;
padding: 5px 0;
width: 100%;
}

.box1a {
margin: 10px 0 5px 0;
padding: 10px 1px 15px 0;
width: 100%;
border-top: #D6DCE9 1px solid;
border-left: #D6DCE9 1px solid;
border-right: #012778 1px solid;
border-bottom: #012778 1px solid;
}

.box1a p {
margin: 5px;
padding: 0;
}

.box2 {
margin: 0 0 15px 0;
padding: 0;
width: 100%;
border-bottom: 1px solid #D6DCE9;
}

.box3 {
margin: 0 5% 20px 0;
padding: 0;
border-bottom: 1px solid #D6DCE9;
}

* html.box3  {  /* nur fuer Internet Explorer */
width: 100%;   /* Version 5.x */
w\idth: 100%;
}

.boxbeispiele {
margin: 30px 0 5px 0;
padding: 5px 0;
width: 100%;
}


.box2 img { 
float: left;
margin: 0 10px 10px 0;
padding: 0;
}

.box img { 
float: left;
margin: 0 10px 10px 10px;
padding: 0;
}

.box img.link { 
margin: 1px 1px 5px 1px;
padding: 0;
}

.box p {
margin: 6px;
padding: 0 0 0 4px;
line-height: 1.4em; 
}

p.klein {
font-size: 85%;
padding-top: 8px;
padding-right: 10px;
}



.bildbox {
float: left;
margin: 5px 10px 10px 2px;
padding: 0;
width: auto;
}

.bildbox p {
margin: 9px 2px 9px 2px;
padding: 0;
font-size: 85%;
}

.bildbox2 {
float: left;
margin: 0;
padding: 0;
width: 150px;
}

.bildbox2 img {
margin: 0;
padding: 0;
}

.boxpubl {
margin: 0 0 5px 0;
padding: 5px 0;
width: 100%;
}

.boxabstand {
margin: 0 0 5px 50px;
padding: 5px 0;
}

.boxzeitschrift {
margin: 0 0 15px 0;
padding: 0;
width: 100%;
border: #D6DCE9 solid 1px;
background-image: url(../img_layout/hg_zeitschrift.gif); 
background-repeat: no-repeat;
}

.boxkompass {
margin: 0 0 15px 0;
padding: 0;
width: 100%;
border: #D6DCE9 solid 1px;
background-image: url(../images/kompass.gif); 
background-repeat: no-repeat;
background-position: 0.3em 2.5em;
}

.boxzeitschrift p {
margin: 0;
padding: 15px 10px 10px 90px;
line-height: 1.4em; 
}

.boxkompass p {
margin: 0;
padding: 10px 5px 10px 105px;
line-height: 1.4em; 
}

.boxkompass ul.linklist {
margin: 20px 10px 5px 120px;
}

.boxkompass a, .boxzeitschrift a {
font-weight: bold;
}

html>body.boxzeitschrift {
height: auto;
}


img.links  {
float: left;
margin: 0 20px 15px 0;
}

img.links2  {
float: left;
margin: 5px 10px 10px 2px;
}


img.rechts  {
float: right;
margin: 0 0 15px 15px;
padding: 0;
}

img.abstand {
margin: 10px 0;
padding: 0;
}

h1 {
text-align: left;
margin: 0;
margin-bottom: 15px;
padding: 4px 0;
font-weight: bold;
color: #012778;
font-size: 125%;
line-height: 1.6em; 
}


h2 {
text-align: left;
margin: 10px 0 5px 0;
padding: 5px 0;
font-weight: bold;
color: #012779;
font-size: 105%;
line-height: 1.4em; 
}


h3 {
text-align: left;
margin: 0;
padding: 5px 10px;
background-color: #D6DCE9;
font-weight: bold;
color: #012779;
font-size: 100%;
border-bottom: 1px solid #fff;
line-height: 1.4em; 
}

h4 {
text-align: left;
margin: 0;
padding: 5px 10px;
border-bottom: #D6DCE9 solid 1px;
background-image: url(../img_layout/hg_h4.gif);
background-repeat: repeat-x;
font-weight: bold;
color: #012778;
font-size: 100%;
line-height: 1.4em; 
}

P, p.block {
margin: 10px 0;
padding: 0;
line-height: 1.5em; 
}

p.block {
text-align: justify;
}


.untertitel {
font-size: 85%;
padding: 5px;
margin: 0;
}

.linksabstand {
padding-left: 2.15em;
}

.bildtitel {
font-size: 90%;
padding: 0;
margin: -5px 0 10px 0;
}

.buero1, .buero2 {
background-image: url(../images/point1.gif);
background-repeat: no-repeat;
background-position: 0.1em 0.3em;
font-size: 90%;
padding: 0 30px 0 1.6em;
margin: 5px 0;
}

.buero2 {
background-image: url(../images/point2.gif);
}


ul.linklist {
margin: 0 10px 15px 3.2em;
padding: 0;
line-height: 1.4em; 
}

ul.linklist li {
list-style-image: url(../img_layout/pdf_k.gif);
list-style-type: none;
margin: 3px 0;
padding: 0;
}

ul.linklist li.pfeil {
list-style-image: url(../img_layout/pfeil_r3_liste.gif);
list-style-type: none;
}

ul.linklist li.unten {
list-style-image: url(../img_layout/pfeil_u2.gif);
list-style-type: none;
}

ul.linklist li.extern {
list-style-image: url(../img_layout/extern1.gif);
list-style-type: none;
}

ul.linklist a {
background-image: none;
padding-left: 0em;
}

ul.inhalt, ul.ohnesign {
margin: 2px 0 2px 3.0em;
padding: 0;
list-style-image: url(../img_layout/quadr.gif);
list-style-type: none;
line-height: 1.4em;
}

ul.ohnesign {
list-style-image: none;
}

ul.inhalt li, ul.ohnesign li {
margin: 3px 0 3px 0;
padding: 0;
}


a {
color: #BF0707; 
text-decoration: none;
background-repeat: no-repeat;
}

a.arrow {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/pfeil_in3.gif); 
background-repeat: no-repeat;
background-position: 0.1em 0.0em;
padding-left: 1.4em;
}

a.pdf {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/pdf_k.gif); 
background-repeat: no-repeat;
background-position: 0.1em -0.3em;
padding-left: 1.4em;
}

a.none {
color: #BF0707; 
text-decoration: none;
background-image:none;
background-repeat: no-repeat;
background-position: 0.1em -0.3em;
padding-left: 1.4em;
}

a.none2 {
color: #BF0707; 
text-decoration: none;
background-image:none;
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 0em;
}

a.mail {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/mail.gif); 
background-repeat: no-repeat;
background-position: 0.1em 0.2em;
padding-left: 1.8em;
}

a.extern {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/extern.gif); 
background-repeat: no-repeat;
background-position: 0.1em 0.1em;
padding-left: 1.4em;
}

a.film {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/movie.gif); 
background-repeat: no-repeat;
background-position: 0.1em 0.6em;
padding: 0.8em 0 0.8em 2.8em;
}

a.audio {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/phone.gif); 
background-repeat: no-repeat;
background-position: 0.0em 0.6em;
padding: 0.8em 0 0.8em 1.9em;
}

A:hover, a.pdf:hover, a.mail:hover, a.extern:hover, a.unten:hover, a.film:hover, a.phone:hover {
color: #fc2603; 
text-decoration: underline; 
}

a.unten {
background-image: url(../img_layout/pfeil_u.gif); 
background-position: 0.0em 0.1em;
}

.blau {
font-weight: bold;
color: #012779;
}

.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 1px;
height: 1px;
line-height: 0.1px;
}


.clear1 {
clear: both;
font-size: 1px;
height: 1px;
margin: 0 30px 0 30px;
padding: 0;
border-top: 1px solid #D6DCE9;
line-height: 0.1px;
}

.clearleft {
clear: left;
margin: 0;
padding: 0;
font-size: 1px;
height: 1px;
line-height: 0.1px;
}

.clearright {
clear: right;
margin: 0;
padding: 0;
font-size: 1px;
height: 1px;
line-height: 0.1px;
}

.top {
margin: 0 0 10px 0;
padding: 0 2% 0 0; 
font-size: 85%; 
text-align: right; 
}


.top1 {
margin: 0 30px 0 30px;
padding: 0; 
font-size: 85%; 
text-align: right; 
border-top: 1px solid #D6DCE9;
}

.top2 {
margin: 0 0 10px 0;
padding: 0 2% 0 0; 
font-size: 85%; 
text-align: right; 
/*border-bottom: 1px dashed #D6DCE9;*/
list-style:none;
}

.top a, .top1 a, .top2 a {
color: #BF0707; 
text-decoration: none;
background-image: url(../img_layout/pfeil_o.gif); 
background-repeat: no-repeat;
background-position: 0.0em 0.2em;
padding-left: 1.7em;
}

.top A:hover, .top1 a:hover, .top2 a:hover {
color: #fc2603; 
text-decoration: none; 
}


.fuss {
margin: 10px 30px 10px 202px;
padding: 10px 1.1em 10px 1.1em;
clear: both; 
background-color: #f3f5f9; 
border-bottom: solid 1px #012779; 
font-size: 85%; 
text-align: right; 
}

.fuss2 {
margin: 0 40px 0 202px;
padding: 0 1.1em 10px 1.1em;
clear: both;
font-size: 85%; 
text-align: center;
line-height: 1.9em; 
border-bottom: 10px solid #fff;
}

.fuss A {
color: #BF0707; 
text-decoration: none; 
background-image: url(../img_layout/pfeil_o.gif); 
background-repeat: no-repeat;
background-position: 0.0em 0.2em;
padding-left: 1.7em;
}

.fuss2 a {
padding-left: 0.2em;
padding-right: 0.2em;
background-image: none; 
}

.fuss A:hover, fuss2 a:hover {
text-decoration: underline; 
color: #c30;
}

.druck {
float: left;
padding: 0 20px 0 0; 
}

.abstand {
margin-left: 2.0em;
margin-right: 2.0em;
}

.druck A.mail {
color: #BF0707; 
text-decoration: none;  
background-image: url(../img_layout/mail.gif); 
background-repeat: no-repeat;
background-position: 0.2em 0.1em;
padding-left: 2.1em;
}

.druck A.mail:hover {
text-decoration: underline; 
color: #c30;
}

.druck A.sign {
color: #BF0707; 
text-decoration: none;  
background-image: url(../img_layout/druck.gif); 
background-repeat: no-repeat;
background-position: 0.3em 0.9em;
padding: 10px 0 10px 2.4em;
}

.druck A.sign:hover {
text-decoration: underline; 
color: #c30;
}

#text_show{display:none;}
#text_hide{display:inline;}