@charset "utf-8";
body  {
	margin: 12px;
	padding: 0;
	text-align: right; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-image: url(images/karo.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
    }
    .thrColElsHdr #container {
	width: 85%;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
	background: #FFFFFF;
	border: thick solid #DC3733;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
    } 

    .thrColElsHdr #header {
	padding: 0 10px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-color: #FFFFFF;
    } 
.thrColElsHdr #container #header p {
	font-size: medium;
}

.thrColElsHdr #headernav {
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DC3733;
	font-size: large;
	color: #FFFF99;
	font-weight: bold;
	height: 1.5em;
	background-color: #DC3733;
	white-space: pre;
	text-indent: 1.0em;
}
    .thrColElsHdr #sidebar1 {
	float: left;
	width: 15em; 
	background-color: #FFFFCC;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: 42em;
    }
.thrColElsHdr #sidebar2 {
	float: right;
	width: 15em;
	background-color: #FFFFCC;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: 42em;
	text-decoration: none;
}
.thrColElsHdr  #sidebar1  p, .thrColElsHdr  #sidebar2  p       {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.5em;
    }
.thrColElsHdr #sidebar1 a:hover, .thrColElsHdr #sidebar2 a:hover {
	text-decoration: none;
	color: #DC3733;
	background-color: #FFFF66;
}
.thrColElsHdr #sidebar1 a:active, .thrColElsHdr #sidebar2 a:active {
	text-decoration: none;
	color: #DC3733;
}
.thrColElsHdr   #sidebar1   a:visited, .thrColElsHdr   #sidebar2   a:visited {
	text-decoration: none;
	color: #DC3733;
}
.thrColElsHdr    #sidebar1    a:link, .throColElsHdr  #sidebar2  a:link    {
	text-decoration: none;
	color: #DC3733;
}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
	color: #DC3733;
	font-size: large;
	font-weight: bold;
}
.sidebar1nav   {
	margin-left: 10px;
	margin-right: 10px;
	color: #DC3733;
	font-size: large;
	font-weight: bold;
	line-height: 2em;
	right: 10em;
	text-decoration: none;
}
    .thrColElsHdr #mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 18em;
	margin-bottom: 0;
	margin-left: 16em;
	
    } 
.thrColElsHdr #mainContent2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 16em;
	margin-right: 8em;
}
    .thrColElsHdr #footer {
	background-color: #DC3733;
	font-size: small;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 1.5em;
    } 
    .thrColElsHdr #footer p {
	margin: 0; 
	color: #FFFFCC;
	top: 0em;
	padding-top: .5em;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }
.textsidebar1 {
	color: #DC3733;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.footer {
	font-size: small;
	color: #FFFFCC;
	top: 0px;
	height: 1.5em;
	text-decoration: none;
}
.footer  a:link    {
	color: #FFFFCC;
	text-decoration: none;
}
.footer a:hover {
	color: #FFFFCC;
	text-decoration: none;
	background-color: #990000;
}
.footer a:active {
	color: #FFFFCC;
	text-decoration: none;
}
.footer a:visited {
	color: #FFFFCC;
	text-decoration: none;
}

    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.linksidebar {
	color: #FFFFCC;
	text-decoration: none;
	background-color: #FFFFCC;
}
.linkblank {
	color: #FFFFFF;
	text-decoration: none;
}
.linkmain2 {
	color: #DC3733;
	text-decoration: none;
	font-weight: bold;
}

li {
	margin-left: 22px;
	list-style-image: none;
}
/* LIGHTBOX START 
============================================================================================================== */
#lightbox {
  background-color:#eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
}
#lightboxCaption{
  font-size: 0.8em;
  padding-top: 0.4em;
}
#lightbox img,
#lightbox a:link,
#lightbox a:visited,
#lightbox a:hover,
#lightbox a:focus,
#lightbox a:active {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
#overlay img,
#overlay a:link,
#overlay a:visited,
#overlay a:hover,
#overlay a:focus,
#overlay a:active {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

#overlay {
	background-image: url(images/overlay.png);
}

* html #overlay {
  background-color: #333;
  back\ground-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
#closeButton {
  width: 20px;
}
/*LIGHTBOX ENDE*/