@media all {
	
	/* --------------------------------------------------------------------------------------*/
	/* Links */
	
	a {
		color : #CC0000;
		text-decoration : underline;
	}
	
	a.ex:link, a.ex:active, a.ex:visited {
	  color : #000;
	  background : #fff;
	  text-decoration : none;
	}
	
	a.ex:hover {
	  text-decoration : underline;
	}
	
	a.sprachversion {
		text-align: right;
	}
	
	a.webmaster {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #000000
	}
	
	a.underline:link,a.underline:active,a.underline:visited {
	  color : #000;
	  background : #fff;
	  text-decoration : underline;
	}
	
	/* --------------------------------------------------------------------------------------*/
	/* Absätze */
	
	p{
	  background : #fff;
	  /*color: blue;*/
	  font-size : 100%;
	  font-family : verdana, arial, sans-serif;
	  margin: 0em,1.5em,0em,0em;
	}
	
	p.small	{
	  color : #000;
	  background : #fff;
	  font-size : 77%;
	  font-family : verdana, arial, sans-serif;
	  margin : 0;
	}
	
	p.left {
	  width : 55%;
	  float : left;
	  margin: 0;
	}
	
	p.right {
	  width : 45%;
	  float : right;
	  text-align : right;
	  margin: 0;
	}
	
	li {
	  margin : 0;
	  padding : 0;
	}
	
	img.line {
		padding-bottom: 5pt;
		width: 100%;
		height: 1pt;
		
	}
	
	/* --------------------------------------------------------------------------------------*/
	/* Überschriften */
	
	.haupttitel {
		font-family: font-family : verdana, arial, sans-serif;
		font-size: 24px;
		font-weight: bold;
		color: #CC0000;
		line-height: 24px;
	}
	
	h1 {
	  color : #000;
	  background : #fff;
	  font-size : 120%;
	  font-family : verdana, arial, sans-serif;
	  font-weight : bold;
	  margin-top : 15px;
	  margin-bottom: 3px;
	  vertical-align:left;
	}
	
	h2 {
	  color : #000;
	  background : #fff;
	  font-family : verdana, arial, sans-serif;
	  font-size : 100%;
	  font-weight : bold;
	  margin : 1.5em 0 0 0;
	}
	
	h3 {
	  font-family : verdana, arial, sans-serif;
	  font-size : 100%;
	  color: #666666;
	  font-style: italic;
	}
	
	h4 {
	  color : #000;
	  background : #fff;
	  font-family : verdana, arial, sans-serif;
	  font-size : 100%;
	  font-weight : normal;
	  text-decoration : underline;
	  margin : 0;
	  padding : 0.8em 0.4em;
	}
	
	/* --------------------------------------------------------------------------------------*/
	/* Tabellen */
	
	th {
		color: #666666;
		font-size: 100%;
		font-style: italic;
		font-weight: normal;
		text-align: left;
		vertical-align:top
	}
	
	
	td {
		font-size: 100%;
		font-weight: normal;
		font-style:normal;
		text-align: left;
	}
	
	/* --------------------------------------------------------------------------------------*/
	/* Formulare */
	
	form {
		width: 450px; text-align:left; border: 0px solid #5a698b
	}


	.col1 {
		display: block;
		float: left;
		margin: 0px;
		width: 20px;
	
	}
	.col2 {
		float: left;
		margin: 0px 2px 0px 0px;
		width: 400px;
		/*height: 20px;*/
		text-align: left;
	}
	
	div.row {
	clear: both;
	padding-top:2px;
	/*width: 335px*/
	}
	.submit {
		clear: both;
		width: 330px;
		padding-top: 5px;
		padding-bottom: 5px;
		height: 29px
	}
	.input {
		padding-right: 1px;
		padding-left: 1px;
		padding-bottom: 1px;
		margin: 4px 0px 5px 8px;
		font: 11px/14px Arial, Helvetica, sans-serif;
		color: grey; 
		background: grey;
		padding-top: 1px
	}

	/* --------------------------------------------------------------------------------------*/
	/* Allerlei */
	
	.kursiv {
		font-size: 100%;
		color: #666666;
		font-style: italic;
	}
	
	quote {
	  font-style : italic;
	}

	.aktualisierung:before {
		content:"aktualisiert am: ";
	}
	
	.clear {
	  clear : both;
	}
	
	.links { 
		float:left;
		width:220px;
	}

	.rechts {
		width:220px;
		float:right;	
	}
}

/* --------------------------------------------------------------------------------------*/
/* SCREEN ONLY */

@media screen {
	indexhtml,body {
	  height : 100%;
	  padding : 0;
	  background : #333;
	  color : #fff;
	}
	
	html {
	  width : 100%;
	  margin : 0;
	}
	
	body {
	  width : 745px;
	  margin : 0 auto;
	}
	
	/* --------------------------------------------------------------------------------------*/
	/* Seitenlayout */
	
	div#container {
	  width : 746px;
	  min-height : 100%;
	  position : relative;
	  padding : 0 9px 0 0;
	  background-image : url('../img/bg.jpg');
	}
		
	div#content {
		width : 440px;
		min-height: 400px;
		padding : 10px 60px 10px 45px;
		float : right;
		background : #fff;
		color : #000;
		font-family : verdana, arial, sans-serif;
		font-size : 75%;
		margin-right : 1px;
	}
	
		
	div#logo {
	  width : 200px;
	  height : 115px;
	  float : left;
	  background : #fff;
	  color : #000;
	  padding-top : 10px;
	}
	
	div#header {
		width : 545px;
		height : 115px;
		float : right;
		background : #fff;
		color : #000;
		margin-right : 1px;
		padding-top: 10px;
	}
	
	div#menu_cont {
	  width : 160px;
	  height: 250px;
	  padding : 24px 20px;
	  float : left;
	  /*background : #CC0000;* hat komischerweise nie die selbe farbe wie hintergrundbild erhalten*/
	  color : #fff;
	  font-family : verdana, arial, sans-serif;
	  font-size : 75%;
	}

	.clear {
	  height:1px;
	  clear : both;
	}
	
	ul#menu	{
	  list-style : none;
	  margin : 0;
	  padding : 0;
	}
	
	ul#submenu	{
	  list-style : none;
	  margin : 0;
	  padding : 0;
	}
	
	ul#submenu > li:before {
		content: "> ";  
	}

	/* --------------------------------------------------------------------------------------*/
	/* Links */
	
	a.ext {
		background: url("../img/link_ext2.jpg") no-repeat 100% 0;
		padding: 0 20px 0 0;
	}
	
	a.pdf {
		background: url("../img/link_pdf.gif") no-repeat 100% 0;
		padding: 0 20px 0 0;
	}
	
	a.mp3 {
		background: url("../img/link_mp3.jpg") no-repeat 100% 0;
		padding: 0 20px 0 0;
	}
	

	a.menu:link,a.menu:active,a.menu:visited {
	  color : #fff;
	  text-decoration : underline;
	  font-weight : bold;
	}
	
	a.submenu:link,a.submenu:active,a.submenu:visited {
	  color : black;
	  text-decoration : underline;
	}
	
	ul#menu li {
		padding-top: 7px;
	}
	
	a.print:link,a.print:active,a.print:visited {
		color : #000;
		background : #fff;
		text-decoration : underline;
		background-image : url("../img/icon_print.jpg");
		background-repeat : no-repeat;
		background-position : 0px 3px;
		padding-left : 14px;
		margin-right : 2px;
	}
	
	a.up:link,a.up:active,a.up:visited {
		color : #000;
		background : #fff;
		text-decoration : underline;
		background-image : url("../img/icon_up.jpg");
		background-repeat : no-repeat;
		background-position : 0px 3px;
		padding-left : 13px;
		margin-right : 2px;
	}
	
	a.up:hover {
		text-decoration : none;
	}
	
}

/* --------------------------------------------------------------------------------------*/
/* PRINT ONLY */

@media print {
	
	div#content {
	  padding-top : 10em;
	  background : #fff;
	  color : #000;
	  font-family : verdana, arial, sans-serif;
	  font-size : 75%;
	  margin-right : 1px;
	  border:thick;
	}
	
	div#logo {
		/* linken rand des logos aufheben, damit es linksbündig und vertikal zentriert erscheint*/
		position:relative;
		left:-10px;
		top:5px;
		width : 165px;
		height : 95px;
		float : left;
		background : #fff;
		color : #000;
	}
	
	div#header {
		width : 450px;
		height : 95px;
		float : left;
		background : #fff;
		color : #000;
		margin-right : 1px;
	}

	div#logo img{
		width : 165px;
		height : 95px;
	}

	div#header img{
		width : 450px;
		height : 95px;
	}	
	
	div#menu_cont {
		visibility:collapse;
		display:none;
	}
	
/*	ul#menu	{
		visibility:collapse;
		display:none;
	}
	
	ul#submenu	{
		visibility:collapse;
		display:none;
	}*/

	
	a.print {
		visibility:collapse;
		display:none;
	}
	
	a.up:link,a.up:active,a.up:visited {
		visibility:collapse;
		display:none;	
	}
	
	a.up:hover {
		visibility:collapse;
		display:none;
	}
	
	p.small {
		visibility:collapse;
		display:none;
	}
}