/*
Dieses Layout legt das allgemeine Layout für den Inhalt der Seiten fest.
Stylesheet-Einstellungen für rubrikenspezifische Einstellungen sind in den
entsprechenden Unterverzeichnissen des globalen style-Ordners abzulegen.
*/

/*----- globale Gliederungselemente -----*/
html,body {
	margin:				0;
	padding:			0;
	width:				100%;
	height:				100%;
}
body {
	color:				black;
	background-color:	white;
	/* background-image wird in den Abschnitts-spezifischen CSS gesetzt */
	background-repeat: 	repeat-y;
	font-family:		Arial, Helvetica, Sans-Serif;
	font-size:			0.8em;
	position:			absolute;
}



/* Maincontent enthält den Inhalt der jeweiligen Seite inkl. quicknavi und content. */
#maincontent {
	position:	 		absolute;
	top:				20px;
	right:				13.5em;
	left:				41px;
	z-index:			2;
}


#languagechooser {
	position:	 		absolute;
	top:				28px;
	left:				311px;
	z-index:			3;
}






/* Die Quicknavi enthält seiteninterne Verweise. */
#quicknavi {
	position: 			fixed;
	top:				71px;
	right:				1em;
	width:                          10em;
	text-align: 		right;
	padding-left:		1em;
	border-left: 		1px dashed #D0D0D0;
	bottom: 0;
}
#quicknavi ul {
	list-style-image:	none;
	list-style-type:	none;
	padding-left:		0;
}

/* Der Footer enthält das Datum der letzten Änderung an der Seite. */
#footer {
	border-top-style:	solid;
	border-top-width:	1px;
	font-size:			0.7em;
	margin:				0;
	margin-top:			3em;
	padding:			0.7em 0;
}
/*----- globale Gliederungselemente -----*/

/*----- Verweise -----*/
a:link		{
	color: 				#131375;
}
a:hover {
	color:				#6F6F97;/*#AD1018;*/
	text-decoration:	none;
}
a:visited	{ 
	color: 				#444444;
}
a:active	{ 
	color: 				#444444;
}
a:focus {
	outline:			none;
}
/* nachfolgende Links besitzen Icons, die den Dateityp des Links kennzeichnen. */
a.pdf,a.ppt,a.doc,a.xls,a.zip {
	background-position:	top right;
	background-repeat:		no-repeat;
	padding-right:			20px;
	display: 				inline-block;
	white-space: 			nowrap;
}
a.pdf { /* Adobe Portable Document Format */
	background-image:		url(../images/icons/page_white_acrobat.png);
}

a.ppt { /* Microsoft PowerPoint */
	background-image:		url(../images/icons/page_white_powerpoint.png);
}

a.doc { /* Microsoft Word Document */
	background-image:		url(../images/icons/page_white_word.png);
} 

a.xls { /* Microsoft Excel Document */
	background-image:		url(../images/icons/page_white_excel.png);
} 
a.zip { /* ZIP-File */
	background-image:		url(../images/icons/page_white_compressed.png);
}

a.external {
	background-image:       url(../images/icons/world.png);
    background-position:	top left;
	background-repeat:		no-repeat;
	padding-right:			0px;
	padding-left:			20px;
}

/*----- Verweise -----*/


/*----- Überschriften -----*/
h1,h2,h3,h4,h5,h6 {
	font-family:		Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	margin:				0;
	margin-bottom:		0.5em;
	padding:			0;
	letter-spacing: 0.06em;
}

h1 {
	font-size:			2em;
	letter-spacing: 0.04em;
}
h2 {
	font-size:			1.4em;
	margin:				1.2em 0 0.75em 0;
}
h3 {
	font-size:			1.2em;
	color:				#444444;
}
h4 {
	font-size:			1em;
	color:				#444444;
}
/*----- Überschriften -----*/


/*----- Listen -----*/
ul {
	margin-left:		0px;
	padding-left:		18px;
	list-style-image:	url(../images/bullet.gif);
}

ol {
	margin-left:		6px;
	padding-left:		18px;
	list-style: 		decimal;
}


li {
	margin:				0;
	padding-left:		4px;
	line-height:		1.6em;
}

dt {
	font-weight:		bold;
}

ul.nobullet {
    margin-left:        0px;
    padding-left:       0px;
    list-style-type:    none;
    list-style-image:   none;
}

ul.nobullet li {
    margin:             0;
    padding-left:       0px;
    line-height:        1.5em;
    padding-bottom:     1px;
}

ol.outline {
font-weight: bold;
}

ol.outline ol.outline {
font-weight:normal;
}

ol.outline ol.outline ol.outline {
font-style: italic;
}

/*----- Listen -----*/


/*----- Tabellen -----*/
table.mmt {
	border-collapse:	collapse;
	width:				100%;
	margin-top:			15px;
}
table.mmt td,table.mmt th {
	vertical-align:		top;
	text-align:			left;
	margin:				0;
	padding:			5px;
}

table.mmt th {
	border-top-width:		2px;
	border-bottom-width:	1px;
	border-top-style:		solid;
	border-bottom-style:	solid;
}

table.mmt td {
	border-bottom:		1px #999999 dotted;
}

table.mmt td.important {
	color: #FF3300;
}

table.mmt tr.old {
	color: #777777;
}

/*----- Tabellen -----*/
table.mmtvertical {
	border-collapse:	collapse;
	margin-top:			15px;
}
table.mmtvertical td,table.mmtvertical th {
	vertical-align:		middle;
	text-align:			left;
	border:				0px;
	margin:				0;
	padding:			2px;
	padding-right:		10px;
}

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


/*----- sonstige Elemente -----*/
#maincontent p {
	line-height:		1.3em;
	text-align:			justify;
}

/* Ändert die Ankerposition um die Höhe des Headers, so daß das Ankerziel beim
Anspringen nicht durch die Kopfzeile verdeckt wird. */
a.anchor {
	position:			relative;
	top:				-70px;
}

/* toggleswitch beinhaltet die "Schaltelemente", mit denen ein Toggletext
ein- bzw. ausgeblendet wird. */
span.toggleswitch {
	/*float: 				right;
	margin:				0.3em;*/
}

acronym {
	font-size:			1em;
	border-bottom:		1px dotted;
	cursor:				help;
}

cite {
  font-style: 			italic;
  color: 				#707070;
}

small {
	font-size:			85%;
}

blockquote {
  color: 				#707070;
  background-color: 	#F9F9F9;
  display: 				block;
  font-style: 			italic;
  margin-left: 			20px;
  padding: 				8px;
  border-left: 			5px solid #E7E7E7;
  border-right: 		5px solid #E7E7E7;
}

img {
	border:				0px;
    text-decoration:none;
}  

img.icon {
	padding-left: 		4px;
	width: 				16px;
	height: 			16px;
}

hr.footer {
	height:				2px;
	margin-top:			3em
}

/* hidden und visible dienen zum Verbergen bzw. Sichtbarmachen von HTML-Elementen.
Die Javascript-Funktionen show() und hide() in der Datei scripts/toggletext.js
nutzen diese CSS-Attribute. */
.hidden {
	display:			none;
}
.visible {
	display:			run-in;
}

.greybordered {
	border: 			1px dashed #DDD;
	border-left:		none;
	border-right:		none;
	margin:				0.5em 0;
	padding: 			0.3em;
	padding-top:		0;
}

.error {
	color:				red;
}

.errormessage {
	font-weight:		bold;
	color:				red;
	padding:			8px;
	border:				2px solid #FF0000;
}

.tophop {
	display:			none;
}

.infotooltip {
	background-color: 	#FAFAFA;
	border: 			1px solid #CCCCCC;
	padding: 			5px;
}

.infotooltip h1 {
	font-size: 			1em;
	font-weight:		bold;
}

.infotooltip p {
	margin:				0px;
}

/* Hebt das Floating von Elementen auf. */
.clear {
	clear:				both;
	margin:				0;
	padding:			0;
}
/*----- sonstige Elemente -----*/

div.tr {
	background:url(../images/shadow_tr.png) top right no-repeat;
}

div.tl {
	background:url(../images/shadow_tl.png) top left no-repeat;
}

div.br {
	background:url(../images/shadow_br.png) bottom right no-repeat;
}

div.bl {
	background:url(../images/shadow_bl.png) bottom left no-repeat;
    text-align:center;
    vertical-align: middle;
    padding: 12px 14px 14px 12px;
}

div.pb_content {
 /* to take care of different borders at dropshadow */
    margin: 0px;
    padding: 0px;
}

.tableicon {
    float:          left;
    margin:         0px 10px 5px 0px;
    width:          16px;
    height:         16px;
}

.centered {
	     text-align: center;
	    }

/*----- ausgabemedienspezifische Einstellungen -----*/
@media handheld {

	img.screen {
		display:none;
	}


  
	body {
		font-size:		0.5em;
		margin:			2px;
	}

	#maincontent {
		padding-top:	0;
		top:			1.5em;
		left:			0;
		right:			0;
	}
	#mainnavi {
		display:		none
	}
	
	#mainnavi_text {
		display:block;
	}

	.tophop {
		display:inline;
	}

        #quicknavi {
		display:none;
	}

	h1 {
		font-size: 1.5em;
	}
}

@media screen {
  
img.handheld {
display:none;
}

}



/*----- ausgabemedienspezifische Einstellungen -----*/