/*
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 -----*/ 
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
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:		"Source Sans Pro", Arial, Helvetica, Sans-Serif;
	font-size:			0.9em;
	position:			absolute;
}

/* Mainnavi ist festverankertes DIV am linken Rand der Seite und enthlt die
   Links zu den Hauptinhaltsseiten. */
#mainnavi {
	position:			fixed;
	top:				0;
	left:				0; 
	z-index:			50;
	width:				117px;
	margin:				0;
	margin-top:			70px;
	padding:			0;
}

#mainnavi_text {
	display:			none;
}

/* Fix für Firefox shaking buttons */
#mainnavi a:focus {
	outline-offset: 	-1px;
}

/* Maincontent enthält den Inhalt der jeweiligen Seite inkl. quicknavi und content. */
#maincontent {
	position:	 		absolute;
	top:				81px;
	right:				13.5em;
	left:				134px;
	z-index:			2;
}

/* 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;
}
/* for hidden navigation anchors, to show anchor point below header bar (otherwise hidden) */
a.shifted {
	position:relative;
	top:-60px;
	float:left;
	margin: 0;
	padding: 0;
	width: 0px;
}
/* nachfolgende Links besitzen Icons, die den Dateityp des Links kennzeichnen. */
a.pdf,a.ppt,a.doc,a.xls,a.zip,a.img,a.code/*,a[href$=".pdf"],a[href$=".doc"],a[href$=".ppt"],a[href$=".xls"],a[href$=".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.img { /* Image File */
	background-image:		url(../images/icons/picture.png);
}

a.code{ /* SourceCode File */
	background-image:		url(../images/icons/page_white_code.png);
}

a.external { /* External links */
	background-image:       url(../images/icons/external.png);
    background-position:	center left;
	background-repeat:		no-repeat;
	padding-right:			0px;
	padding-left:			16px;
}

a.feed {
	background-image:       url(../images/icons/feed.png);
    background-position:	center left;
	background-repeat:		no-repeat;
	padding-right:			0px;
	padding-left:			20px;
}

a.email {
	background-image:       url(../images/icons/email.png);
    background-position:	center left;
	background-repeat:		no-repeat;
	padding-right:			0px;
	padding-left:			20px;
}

a.protected {
	background-image:       url(../images/icons/lock.png);
    background-position:	center left;
	background-repeat:		no-repeat;
	padding-right:			0px;
	padding-left:			20px;
}

/*----- Verweise -----*/


/*----- Überschriften -----*/
h1,h2,h3,h4,h5,h6 {
	font-family:		"Source Sans Pro", 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;
}

h2.close {
	margin-top:			-10px;
	}
/*----- Ü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;
}

li.fixed {

	text-decoration:	line-through;
}

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 -----*/

tt,code {font-size:1.25em;color:#666666}
code {display:block;border:1px dashed;padding:1em; margin:0.1em 0em 1em 0em}

/*----- 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 #DDDDDD solid;
}

table.mmt .important {
	color: #FF3300;
}

table.mmt tr.old {
	color: #777777;
}

table.mmt .personcell {
	border-right:	1px dotted
	}

/*----- 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;
}

table.mmtvertical2 td,table.mmtvertical2 th {
	vertical-align:		top;
	text-align:			left;
	border:				0px;
	margin:				0;
	padding-right:		10px;
}


/*----- Tabellen -----*/

table.noborder td,tr {
border: 0px;
}


/*----- sonstige Elemente -----*/
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,abbr {
	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;
}

img.linkicon {
	border:				0;
	margin-right:		5px;
	width: 				16px;
	height: 			16px;
	margin-bottom:		-0.16em
}

img.icon16 {
	width: 16px;
	height: 16px;
	/** IE6 skaliert sonst Bild auf Textgroesse**/
	font-size: 16px;
	margin: 0;
	padding: 0;
}

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 -----*/

.forumcontrol {margin:0;padding:0}
.forumcontrol dt {margin-bottom:2px;font-size:85%;padding:0px}
.forumcontrol dd {margin:0;font-size:85%;padding:0px}
.forumcontrol dl {margin:0px;padding-bottom:7px;border-bottom:1px solid #AAAAAA;padding:4px}
.forumcontrol dl:hover {background-color:#EEEEEE}


div.tr {
	background:url(../images/shadow_tr.png) top right no-repeat;display:table;
}

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.photoshadow {
	background-color: #FFFFFF;
	padding:		4px;
	border:			1px solid #BBBBBB;
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;
	box-shadow: 0px 0px 8px #888;
}

div.pb_content {
    margin: 0px;
    padding: 0px;
    width:100%;
    height:100%;
	background-color: #EEEEEE;
}

.tableicon {
    float:          left;
    margin:         0px 10px 5px 0px;
    width:          16px;
    height:         16px;
}

.transactionbutton {
	width:				100px;
	font-family:		Trebuchet MS;
}
.deleteuploadbuttons {
	font-size:13px;
	height:22px;
	width:150px;
	text-align: center;
	padding-bottom: 3px;
	
}
.optional {
	color: #999999;
	}
	
.formheader {
	font-weight:bold;
	padding-right:10px;
	}
	
.calendar_popupButton {
	margin-left:		5px;
	}
	
.paginator {
	
	}

.paginator_column {
	
	}

.paginator_activecolumn {
	font-weight:		bold;
	font-size:			1.2em;
	}


div.notice {background-color: #EEEEEE; border: 1px solid #BBBBBB; padding: 10px; margin: 5px 0 5px 0}
div.notice h1 {font-weight:bold;font-size:1em;margin-bottom:5px;padding:0;color:black}

//#seasonlayer {background:url(/global/images/nuts.jpg);position:absolute;top:25px;right:0px;width:468px;height:105px;}

.nivoSlider {
    position:relative;
    width:250px; /* Change this to your images width */
    height:167px; /* Change this to your images height */
    background:url(/global/images/icons/loadingBar.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

.galleryPhoto {float:left;width:120px;height:120px;margin:6px;border-radius:4px}
.galleryPhoto img {display:block;margin-left:auto;margin-right:auto}
.galleryFolder {height:50px;background-color:#DDDDDD;padding:5px;font-size:12px;overflow:hidden}
.galleryFolder h3 {font-size:14px;margin-bottom:2px}