/*

print.css
author:    Thomas Fischer, denkwerk

*/


/*##################
	dokumentenweit
	angesprochene
    HTML-Elemente
###################*/

html * {
	  border:none;
    margin: 0;
    padding: 0;
  }

html, body {
    margin: 0;
    padding: 0;
  }

body {
    color: #333333;
    background: repeat-y 15% white;
    font-family:"Times New Roman", Times, serif;
	  font-size: 100.01%;
  }

body {
    background-color: transparent!important;
  }

h1 {
	  font-family:Verdana, Helvetica, Swiss, Arial, sans-serif;
    font-size: 1.6em;
    letter-spacing: 0.08em;
  }

h2, h3, h4 {
	  font-family:Verdana, Helvetica, Swiss, Arial, sans-serif;
	  font-weight:normal;
  }

p {
    margin:0 0 1.5em 0;
    clear:both;
  }

hr {
    display: none;
  }

em {
    font-style: oblique;
  }

strong {
    font-weight: bold;
  }

q {
    font-style: normal;
  }

img {
    border: none;
  }

acronym, abbr, .abbr {
    cursor: help;
    border-bottom: 1px dotted black;
    font-style: normal;
  }

em acronym {
    font-style: oblique;
  }

em abbr {
    font-style: oblique;
  }

em .abbr {
    font-style: oblique;
  }

a {
    text-decoration: none;
	color:#333333;
	font-weight:bold;
}

a:hover {
    text-decoration: underline;
  }

a:focus {
    text-decoration: underline;
  }

a:active {
    text-decoration: underline;
  }


/*#########################
    Clearer erzwingt auch
	nach floatenden Ele-
	menten eine Leerzeile
##########################*/

.clearer {
    clear: both;
    margin: 0 0 1em;
    border: 0px;
  }

.hide {
    display: none;
  }

.spacing {
   height: 1em;
  }


/*#############
    Header
#############*/

#Header {
    display: none;
  }

/*####################
	Navigation inner-
	halb des Headers
######################*/

#Service {
    display: none;
  }

/*#########################
    Container unschliesst
	linke, mittlere und
	rechte Spalte,
	alles 	zwischen Header
	und Footer
##########################*/


#Container {
	  background-color:white;
    overflow:hidden;
    width:100%;
  }


/*####################
    Linke Navigation
#####################*/

#LeftNav {
    display: none;
  }

/*#######################
    Content umschliesst
	Breadcrumbtrail,
	Moodpic, mittlere
	und rechte Spalte
	sowie den Breaker
########################*/

#Content {
    margin-left: 16px;
    padding: 0;
	  line-height:1.33em;
  }

#Content #BreadCrumb {
    display: none;
  }

#MoodPic {
    display: none;
  }

#Content h3 {
	  font-size: 1.7em;
	  background-color: white;
	  font-weight: normal;
	  margin: 0;
	  padding: 1em 0;
  }

#Content h3 {
	  position:relative;
	  top:0;
	  left:-3px;
  }

#Content h4, #Content h5 {
	  font-size:1.05em;
	  font-weight:normal;
	  margin:0 0 .8em;
  }

#Content h5 {
	  font-weight:bold;
	  font-style:normal;
	  margin:0;
  }

#Middle {
	  padding:0 2% 3em 0;
	  margin:0;
	  width:100%;
	  float:left;
	  min-height:30em;
  }

* html #Middle {
	  height:30em;
}

#Middle h3.date {
	  font-weight:normal;
	  margin:0;
}

#Middle ol,
#Middle ul {
    list-style-position: inside;
  }

#Middle ol {
    list-style-type: decimal;
  }

#Middle ul {
    list-style-type: disc;
  }




#Right {
    display: none;
  }

/*###########################
    Breaker dient dazu, den
	Content unten buendig
	abzuschliessen und die
	Links "Zum Seitenanfang"
	und "Drucken" oberhalb
	des Footers zu fixieren
############################*/


.breaker {
	  clear: both;
	  height: 0;
	  position: relative;
  }

.breaker div {
	  position: absolute;
	  top: -1.5em;
 }

* html .breaker div {
	position: relative;
}

.breaker a {
  	font-weight: normal;
	  margin: 0 4em 0 0;
}

#Press {
  display: none;
  }

#Top {
    display: none;
  }

#Print {
    display: none;
  }

* html #Print {
    left:0em;
  }


/*############
    Logos
############*/

#Logos {
    display: none;
  }


/*############
    Footer
############*/

#Footer {
    display: none;
  }

/*######################
  Twinteaser gruppiert
  Elemente paarweise
  mit Tabellenanmutung
#######################*/

.twin {
	width:100%;
	margin:0 -1em 1em 0;
	float:left;
	clear:left;
}

.twin .tsSibling {
	width:45%;
	min-width:203px;
	float:left;
	clear:none;
	margin-right:4%;
}

.twin .tsPartner {
	width:203px;
	float:left;
	clear:none;
	margin-right:2em;
}

.twin .tsHead {
	font-size:1.1em;
	font-weight:normal;
	width:100%;
	min-width:203px;
	height:2.4em;
	overflow:hidden;
	/* overflow:hidden schneidet hier zu lange Ueberschriften notfalls ab,
	sodass ein Abstand zur rechten Nachbarueberschrift gewahrt bleibt. Dies
	entspricht zwar nicht ganz dem Gedanken der Barrierefreiheit, aber mit
	anderen Loesungen, wie etwa dem Umbrechen in eine dritte Zeile liesse
	sich die untenbuendige Anordnung der Ueberschrift nicht mehr sicherstellen. */
	position:relative;
	top:0;
	left:0;
}

.twin .tsHead span {
	position:absolute;
	left:0;
	bottom:0;
}

.twin .tsBody {
	width:203px;
}

.twin img {
	display:block;
	margin:.3em 0;
}

img.big {
  margin:1em 0;
  clear: both;
  display: block;
  }
