/* Alle Werte werden auf Standardwerte gesetzt */

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
	}

/* Werte für Layout setzen */

/*
 * Farben:
 * dunkelgrau: #A3A4A6
 * hellgrau:   #C4C4C6
 * braun:      #9F542A
 * dunkelgelb: #DA921A
 * hellgelb:   #FCC000
 */


  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
	background-color: #F5F5F5;
         color: #800000;
	font-family : Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
         }
  p {
         margin-bottom: 3px;
         }
  h1 {
	font-size: 1.8em;
	font-weight: lighter;
         }
  h2 {
	font-size: 1.2em;
         margin: 5px 0 2px 0;
         }
  a {
         color: #800000;
         text-decoration: none;
	}
  a:hover {
         text-decoration: underline;
	}
  h2 {
	font-size: 1.2em;
         margin: 5px 0 2px 0;
         }

  .fett {
  	font-weight: bold;
         }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
         margin: 10px auto;
	width: 1100px;
	min-width: 940px;
	max-width: 90em }
  #page {
	background-color: #FFF;
         border-color: #9F542A;
         border-style: solid;
         border-width: 1px;
         font-size: 0.85em;
	}
  #header1 {
         background-color: #DA921A;
         clear: both;
         line-height: 250%;
         text-align: center;
         width: 100%;
	}
  #header2 {
         background-color: #DA921A;
         height: 152px;
         width: 100%;
         }
  #header3 {
         background-color: #FCC000;
         clear: both;
         }
  #footer {
         background-color: #FCC000;
	padding: 0 0 0 10px;
	}


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #headercolleft {
         background-image: url(../images/Logo_orange.jpg);
         background-position: 5px 5px;
         background-repeat: no-repeat;
	float: left;
         margin: 0;
	padding: 0;
	width: 30%;
	}
  #headercolright {
	float: left;
         height: 152px;
         margin: 0;
	padding: 0;
	width: auto;
	}
  #impressum {
         background-image: url(../images/fahne_orange_grau.jpg);
         background-repeat: no-repeat;
         padding: 0 0 0 15px;
  	position: relative;
         left:45px; top:8px; width:500px; height:130px;
  	text-align: center;
	}
  #col1, #col2 {
         margin: 0;
	}
  #col1 {
	float: left;
	width: 1px;
	}
  #col2 {
         background-color: #C4C4C6;
         margin: 0 0 0 18%;
         height: 500px;
         min-height: 500px;
         overflow: auto;
	width: auto;
	}
  #col1_content {
	padding: 10px 0 0 10px;
	}
  #col2_content { padding: 10px 0 0 10px; }


 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *

  * @section layout-misc
  */

  .startseite_ueberschrift-links, .startseite_ueberschrift-mitte {
         background-repeat: no-repeat;
         float: left;
         height: 87px;
         margin: 0 0 0 20px;
         padding: 43px 0 0 75px;
         width: 35%;
         }
  .startseite_ueberschrift-links {
         background-image: url(../images/fahne_grau_grau.jpg);
         }
  .startseite_ueberschrift-mitte {
         background-image: url(../images/fahne_hellgrau_grau.jpg);
         }
  .startseite_box-links, .startseite_box-mitte {
         float: left;
         width: 40%;
         }
  .startseite_box-links {
         margin: 10px 0 0 22px;
         width: 40%;
         }
  .startseite_box-mitte {
         margin: 10px 0 0 57px;
         width: 40%;
         }
  .clearing {
         clear: both;
	}

  .ueberschrift-navigation {
         background-image: url(../images/cafe_grau.png);
         background-repeat: no-repeat;
         height: 90px;
         margin: 3px 0 0 0;
         padding: 44px 0 0 75px;
         width: 90px;
         }
  #menue-horizontal ul {margin-bottom: 4px; padding: 0 4px 4px 4px;}
  #menue-horizontal li {display:inline; float: right; font-size: bold; margin: 0 2px 2px 2px;}
  #menue-horizontal a {font-weight: bold;}
  #menue-vertikal ul {
	list-style-type: none;
	margin:0px;
         padding:0px;
         }
  #menue-vertikal ul li {
	padding:1px;
         }
  #menue-vertikal ul li a {
         border:1px solid #FCC000;
	display:block;
	width:150px;
	color:#800000;
         font-weight: bold;
	text-decoration: none;
	padding:4px;
         }
  #menue-vertikal ul li a:hover {
	background:#FCC000;
	color:#800000;
         }
  .ueberschrift-desktop {
         background-image: url(../images/fahne_grau_grau.jpg);
         background-repeat: no-repeat;
         height: 87px;
         margin: 0 0 0 20px;
         padding: 43px 0 0 75px;
         width: 85%;
         }
  .box {
         width: 50%;
         }
  .box-desktop {
         margin: 20px 0 0 25px;
         width: 95%;
         }
  .box-desktop dt{
         font-weight: bold;
         margin: 0 0 5px 0;
         }
  .box-desktop dd{
         margin: 0 0 10px 0;
         }

/* Sektion Veranstaltungen
--------------------------------------------
*/


.veranstaltung {
     border-width: 1px;
     border-style: dotted;
     border-color: #666;
     background-color: #FFF;
     margin: 0 0 5px 0;
     width: 85%;
	}

.veranstaltungshinweis_startseite {
     border-width: 1px;
     border-style: ;
     border-color: #666;
     background-color: #FFF;
     margin: 0 0 5px 0;
     padding: 3px;
     width: 100%;
	}

.bild {
     float: left;
     margin: 5px 5px 5px 2px;
	}

.headline {
     margin: 0 0 5px 0;
     padding: 2px;
     width: 62%;
	}

.veranstaltungstitel, .veranstaltungsuntertitel, .veranstaltungsart, .veranstaltungsdatum, .veranstaltungsort {
     margin: 0 0 1px 0;
     padding: 2px;
	}

.veranstaltungstitel {
     font-size : 1.1em;
     font-weight: bold;
	}

.veranstaltungsuntertitel {
     font-style : italic;
	}

.veranstaltungsart, .veranstaltungsdatum, .veranstaltungsort {
     font-weight: normal;
	}

.klar {
	background-image: url(images/dot.png); /* Website */
	background-repeat: repeat-x;
	background-position: left top;
     clear: both;
	}

.text, .text-start {
     font-weight: normal;
     margin: 2px 0 8px 0;
     padding: 2px;
     width: 100%;
	}

.text-start {
     float: left;
     width: 70%;
	}

.absatz-start, .fett {
     margin: 0 0 5px 0;
	}

.verweis {
     color: #ff9933;
     font-weight: bold;
	}

.fett {
     font-weight: bold;
	}

.sonstiges {
     font-size: 0.85em;
/*     font-weight: normal;
*/     margin: 0 0 2px 0;
     padding: 2px;
     width: 100%;
	}

.veranstaltung-image, .veranstaltung-text {
	float: left;
     }

/* Ende Sektion Veranstaltungen
-----------------------------------
*/