﻿@charset "utf-8";

/*================================================================================================>
INHALTSVERZEICHNIS ===============================================================================>
/*================================================================================================>

				1. 	ALLGEMEINE DEFINITIONEN
					1.1	Listen 
					1.2 Tabellen
					1.3 Links
				
				2. 	SCREEN DESIGN
					2.1 Header
					2.2 Drei Spalten
						2.2.1 	Mittlere Spalte
						2.2.2 	Linke Spalte
						2.2.3	Rechte Spalte
					2.3	Footer
					2.4 Hintergrund
				
				3. NAVIGATION
					3.1 Haupnavigation horizontal
					3.2 Navigation vertikal
				
				4. FORMULARE

/*================================================================================================>
==================================================================================================>
/*===============================================================================================*/




/* ===============================================================
1. ALLGEMEINE DEFINITIONEN
=============================================================== */

body {
  	padding:0px;
  	margin:0px;
  	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
  	color: #361B1E;
  	background: center url(/~/media/15124B6FFE804480BCEA760894647389.ashx) repeat; /* Background repeat */
  	}
 
p {
	padding: 0px;
        margin-bottom: 20px;
	}

h1 {
	padding: 0px;
	margin: 5px 0px 23px 0px;
	font-size: 20px;
	color: #600000;
	text-transform:uppercase;
	}

h2, .Untertitel_1 {
	padding: 0px;
	margin: 10px 0px 6px 0px;
	font-size: 15px;
	text-transform:uppercase;
	color: #600000;
	}

h3, h4, h5, h6, .Untertitel_2 {
	padding: 0px;
	margin: 10px 0px 6px 0px;
	font-size: 12px;
	text-transform:uppercase;
	color: #600000;
	}

td, th, input, select, textarea {
	color: #361B1E;
	}

address {
	font-size: 10px;
	color: #600000;
	font-weight: bold;
	font-style: normal;
	}

hr {
   border-top: 1px dotted #854149;     
}

/* =======
1.1 Listen 
======= */ 
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	padding-bottom: 10px;
	}

li {
	list-style-image: url(/~/media/4E79428E00324AE69FBDAAE0A77C123F.ashx);
	}

/* =========
1.2 Tabellen 
========= */ 
table {
	background-color: #f5f5f5;
	border: none;
	}

th	{
	background-color: #e5e5e5;
	font-weight: bold;
	border: none;
	padding: 4px;
	text-align:left;
	text-transform: uppercase;
	}

tr {
	
	}

td {
	border: none;
	border-bottom: 1px dotted #854149;
	padding: 4px;
	}


/* ==========
1.3 Links (a) 
========== */ 	
a, a:link		    { color: #B1002C; text-decoration: underline; }
a:visited           { color: #B1002C; text-decoration: none; }
a:hover, a:focus  	{ color: #B1002C; text-decoration: underline; }
a:active   			{ color: #C28438; text-decoration: none; }

a img {border:none;}

/* ---- Links in Breadcrumb ---- */
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	color: #600000;
	text-decoration: none;
	}

#breadcrumb a:hover, #breadcrumb a:focus {
	color: #C28438; text-decoration: none; 
	}

/* ---- Links in Footer & Sprachauswahl ---- */
#footer a, #footer a:link, #footer a:visited, #footer a:active, #language a, #language a:link, #language a:visited, #language a:active  { 
	color: #600000; text-decoration: none; font-weight: bold;
	}

#footer a:hover, #footer a:focus, #language a:hover, #language a:focus {
	color: #C28438; text-decoration: none; font-weight: bold;
	}

/* ---- Dokument-Links ---- */
a.contentLinkPDF, a[href$='.pdf'] {
	background: url(/~/media/CB8F480BE4FE451CABFA1F3D707A9B66.ashx) center left no-repeat;
	padding-left:20px;
	line-height:16px;
	}

a.contentLinkWord, a[href$='.doc'], a[href$='.docx'] {
	background: url(/~/media/6BC5E63C9AD54E31A19F76CE71AAD9B4.ashx) center left no-repeat;
	padding-left:20px;
	line-height:16px;
	}	
	
/* ===============================================================
2. SCREEN DESIGN (DIVs) 
=============================================================== */

/* =======
2.1 Header 
======= */ 
#header {
	position: relative;
	
  	height:80px;
  	width: 800px;
	z-index: 5;
  	background-color:#FFF;
  	border: 1px solid #600000;
  	border-bottom: none;
  	}


#header_center {
  text-align:right;
  height: 75px;
  margin: 4px 26px;
  border-bottom: 1px solid #600000;
  }
 
/* =============
2.2 Drei Spalten 
============= */
 
#wrapper {
	position:relative;
	width: 800px;
	
	border-right: 1px solid #600000;
	border-left: 1px solid #600000;
	z-index: 5;
	background-color: #fff;
 	}

/* ==================
2.2.1 Mittlere Spalte 
================== */ 
#column_center {
  	min-height: 450px;
  	margin:0px 27px 0px 27px;
	padding-bottom: 26px;
  	}

#breadcrumb_print {
	height: 27px;
	}

#breadcrumb {
	float: left;
	padding-left: 27px;
	font-size: 10px;
	height: 27px;
	vertical-align: middle;
	color: #C28438;
	*line-height: 27px;
	}

#print {
	display:none;	
	}

#print img {
	margin-top: 7px;
	}

#content {
	border-left: none;
	margin-top: 27px;
	padding-bottom: 27px;
	}

/* ===============
2.2.2 Linke Spalte 
=============== */ 
#column_left {
  	position:absolute;
  	top:27px;
  	left:0px;
  	width:161px;
  	}
 
#navi_left {		
	/* vgl. Abschnitt 3 */
	display:none;
	}

#contact {
	border-top: none;
	position:fixed;
	top: 10px;
	left: 10px;
	}

#contact a {display:none;}

/* ================
2.2.3 Rechte Spalte 
================ */ 
#column_right {
  	display:none;
 	}

#language {
	font-size: 10px;
	height: 25px;
	text-align: right;
	color: #C28438;
	border-bottom: 1px dotted #854149;
	line-height: 25px;
	}

#language p {
	margin: 0px;
	padding: 0px;
	}
	
#search {	
	margin: 1px 0px;;
	text-align: right;
	}

input.search {
	width: 142px;
	display: inline;
	vertical-align: middle;
	}

input.searchSubmit {
	width: auto;
	height: 20px;
	font-weight: bold;
	text-align: center;
	display: inline;
	font-size: 11px;
	background-color: #fff;
	cursor: pointer;
	vertical-align: middle;	
	color: #600000;
	}

div.newsbox {
	border: 1px dotted #854149;
	padding: 0px 8px;
	margin-top: 27px;
	}

p.newsbox_title {
	margin:0px;
	padding: 8px 0px 3px 0px;	
	font-weight: bold;
	color: #B1002C;
	border-bottom: 1px dotted #D2D8DD;
	}

p.newsbox_text {
	margin:0px;
	padding: 5px 0px 8px 0px;	
	font-size: 11px;
	}

p.newsbox_title a {
	text-decoration: none;
	}

/* =======
2.3 Footer 
======= */ 
#footer {
	position: relative;
	
	height: 26px;
	z-index: 5;
	text-align: center;
	font-size: 9px;
	width: 800px;
	background-color:#FFFFFF;
	border-left: 1px solid #600000;
  	border-bottom: 1px solid #600000;
  	border-right: 1px solid #600000;
	}

#footer_center {		
  	width: auto;
  	margin: 0px 26px;
  	border-top: none;
  	}

#footer p {	
	display:none;
	}


/* ===================
2.4 Hintergrund  
=================== */ 
#block {		/*umschliesst header, wrapper & footer. nötig, um background_left und background_right gleich hoch wie wrapper zu machen*/
	min-width: 600px;
	z-index: 1;
	}

#background_top {
	display:none;
	}

#background_left {
	display:none;
	}

#background_right {
	display:none;
	}

#background_bottom {
	display:none;
	}



/* ===============================================================
3. NAVIGATION
=============================================================== */ 

/* --- ul Allgemein -- */
#navi_left ul {
	text-align:left;
	color: #600000;
	font-weight: bold;
	margin: 5px 0px 0px 25px;
	padding: 0px;
	list-style-type: none;
	}

/* Menüpunkt 1. Hierarchie */
li.item  {			
	list-style-image: none;
	background: left url(/~/media/E97CDB29D6E245848690961C629F005F.ashx) no-repeat;
	text-indent: 20px;
	margin-bottom: 5px;
	*margin-top: 10px;
	font-size: 13px;
	text-transform:uppercase;
	/*color: #361B1E;*/
	}

/* Menüpunkt 2. Hierarchie */	
li.subitem { 		
	margin-left: 20px;
	list-style-image: none;
	background: left url(/~/media/AD482D88CB0741FA884E29738847B628.ashx) no-repeat;
	text-indent: 15px;
	font-size: 12px;
	}

/* --- Links --- */
#navi_left a, #navi_left a:link, #navi_left a:visited {
	color: #600000;		
	text-decoration: none;
	}

#navi_left a:hover, #navi_left a:focus{	/* Link aktiv & focus */
	color: #C28438;
	}

#navi_left a.current {  /* Men�punkt, in dem man sich befindet  */
	color: #C28438;
	}
	
/* ===============================================================
4. FORMULARE
=============================================================== */ 

form {
	margin: 0px; 
	padding: 0px;
	}

fieldset {
	border: 1px dotted #600000;
	margin: 26px 0px;
	padding: 0px 10px;
	}

legend {
	font-weight: bold;
	padding-left: 4px;
	background-color: #FFFFFF;
	}

label {
	float: left;
	width: 150px;	
	margin-top: 6px;
	}

input {
	display: block;
	border: 1px solid #600000;
	color: #361B1E;
	margin: 5px 0px; 	
	}

input.radio {    	/* --- Klasse f�r Radio-Buttons --- */
	display: inline;
	border: none;
	vertical-align: middle;
	}

input.submit {		/* --- Klasse f�r Submit-Buttons --- */
	background-color: #FFF;
	color: #B1002C;
	font-weight: bold;
	cursor: pointer;
	}

select {
	display: block;
	margin: 5px 0px; 
	border: 1px solid #600000;
	}


body {text-decoration: none; color: Black;}



