﻿html    {
	padding: 0;
	margin: 0;

/* Nur für IE */	
	scrollbar-3dlight-color: silver;
	scrollbar-arrow-color: white;
	scrollbar-base-color: #FF0030;
	scrollbar-darkshadow-color: black;
	scrollbar-face-color: #FF0030;
	scrollbar-highlight-color: #FF0030;
	scrollbar-shadow-color: gray;
	scrollbar-track-color: silver;
	
}	
body    {
	background-color: #ffffff;
	background-image: url('../_images/blend.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1	{	
	text-align: center;}

h1.big {
	font-size: 26pt;
	color: #FF0030;}

h2	{	
	text-align: center;}

h3.center	{	
	text-align: center;}

hr {
	border:0px; 
	background-color:red; 
	color:red}

div.explain { 
	color: black;}
div.explain1 { 
	color: red;
	font-weight: bold  }
	 
div.red { 
	color:#FF0030;}

ul {
	list-style-type: disc;
	list-style-image: url('../_images/point.gif');
	margin: 1em 0 1em 40px }

p.center {
 	text-align :center;}

address { 
	font-size:8pt; }
address.center {
 	text-align :center;}
	
.initial{
	width:1em; 
	height:1em; 
	float:left; 
	text-align:center; 
	font-size:20pt; 
	color:#FF0030; 
	font-style:italic;}
	
#main   {
	font-family: Arial, Helvetica, sans-serif; 
	background: transparent;
	color: Black;
	padding:     0;
	width:       885px }

#head { 
	background: no-repeat; 
	margin: 0; 
	height: 80px}

#headtext {
	margin: 15px 0 0 200px;
	color: red;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 2;
	top: 0;
	left: 0px;
}

#logo  {
	background-color: transparent;
	background-repeat: no-repeat;
	background: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 5px;
	width: 135px;
	height: 100px;
	border: none;}

/* Top-Navigation */
#topnav { 
	background-color: transparent; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	position: absolute; 
	top: 92px;
	left: 170px; 
	height: 20px}

/* Klasse der Topbuttons */
a.topbutton  { 
	font-size: 85%; 
	font-weight: bold; 
	text-decoration: none; 
	background: #FF0030; 
	text-align: center; 
	display: block; 
	margin: 3px 0; 
	padding: 2px; 
	width: 110px; 
	float: left; 
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	border-left: 2px solid white }

a.topbutton:link, a.topbutton:visited { 
	background-color:#ff0030;
	color: white}
a.topbutton:hover, a.topbutton:active   { 
	background-color:white;
	color: #ff0030 }

/* Sublink Klasse */
.sub_link {
	font-size: 12px;
	font-weight: normal;
	display: block;
	width: 100%;
	text-align: left;
	height: 18px;
	padding-top: 1px;
	text-decoration: none;
	border-top: 1px solid #ff0030;
	text-indent: 5px;}

.sub_link:link, .sub_link:visited {
	background-color:white;
	color:#ff0030;}
.sub_link:hover, .sub_link:active {
	background-color:#ff0030;
	color:white;}

/* Ids für Top-Menüpunkte */
/* left-Postion muss mit #xxx_Sublinks übereinstimmen + 117px*/
a#home {
    bottom:0px;
    left:170px;
    z-index:3;}
a#news {
    bottom:0px;
    left:288px;
    z-index:4;}
a#appointments {
    bottom:0px;
    left:406px;
    z-index:5;}
a#organisation {
    bottom:0px;
    left:524px;
    z-index:6;}
a#archiv {
    bottom:0px;
    left:642px;			
    z-index:7;}
a#links {
    bottom:0px;
    left:760px;
    z-index:8;}

#home_sublinks {
	position:absolute;
	top:116px;
	left:170px;
	width:115px;
	border-bottom:2px solid #ff0030;
	border-left:2px solid #ff0030;
	border-right:2px solid #ff0030;
	z-index:4;
	visibility:hidden;}

#news_sublinks {
	position:absolute;
	top:116px;
	left:288px;
	width:110px;
	border-bottom:2px solid #ff0030;
	border-left:2px solid #ff0030;
	border-right:2px solid #ff0030;
	z-index:4;
	visibility:hidden;}
	
#appointments_sublinks {
	position:absolute;
	top:116px;
	left:406px;
	width:150px;
	border-bottom:2px solid #ff0030;
	border-left:2px solid #ff0030;
	border-right:2px solid #ff0030;
	z-index:5;
	visibility:hidden;}
	
#organisation_sublinks {
	position:absolute;
	top:116px;
	left:524px;
	width:140px;
	border-bottom:2px solid #ff0030;
	border-left:2px solid #ff0030;
	border-right:2px solid #ff0030;
	z-index:6;
	visibility:hidden;}
	
#archiv_sublinks {
	position:absolute;
	top:116px;
	left:642px;
	width:170px;
	border-bottom:2px solid #ff0030;
	border-left:2px solid #ff0030;
	border-right:2px solid #ff0030;
	z-index:7;
	visibility:hidden;}
	
#links_sublinks {
	position:absolute;
	top:116px;
	left:760px;
	width:110px;
	border-bottom:2px solid #ff0030;
	border-left:2px solid #ff0030;
	border-right:2px solid #ff0030;
	z-index:8;
	visibility:hidden;}
 
/* Sucheingabe */
#search {
   position:absolute;
   top:130px;
   left:5px;
   white-space:nowrap;
}
#search_label {
	font-size: 10px;
	font-weight: normal;
	color: black;
	vertical-align: middle;
}
#search_text {
   width:100px;
   background-color:white;
   border:red solid 1px;
   padding-left:4px;
   padding-right:4px;
   padding-top:2px;
   padding-bottom:2px;
   font-family:Arial, Helvetica,sans-serif;
   font-size:10px;
   font-weight:bold;
   color:black;
   vertical-align:middle;
}
#search_button {
    background-color:#FF0030;
    font-size:10px;
    font-weight:bold;
    color:white;
    vertical-align:middle;
    border-top: 1px solid white;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	border-left: 2px solid white 
}

/* Auswahlbox */
#listbox {
   position:absolute;
   top:165px;
   left:5px;
   white-space:nowrap;
}
#listbox_label {
	font-size: 10px;
	font-weight: normal;
	color: black;
}
#listbox_selector {
	width: 60px;
	background-color: white;
	border: red solid 1px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	vertical-align: middle;
	margin-bottom: 15px;
}

/* sekundaer Navigation */ 
#secnav    {
	background: transparent;
	position: absolute;
	top: 210px;
	left: 0px;
	width: 160px;
	height: 270px;
	margin: 0 0 0 0;
}

a.secbutton   { 
	font-size: 70%; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: right; 
	background: silver; 
	display: block; 
	margin: 3px 0; 
	padding: 2px; 
	width: 140px; 
	border-left: 5px solid #e5e3c3 }

a.secbutton:link , a.secbutton:visited {
	color: white;}
a.secbutton:hover, a.secbutton:active  {
	color: #ff0030;
	border-left: 5px solid #dc143c;}

/* erweiterte sekundaer Navigation */ 
#nav  {
	background: transparent;
	position: absolute;
	top: 380px;
	left: 0;
	width: 140px;
	height: 75px;
	margin: 20px 0 0;
}

a.button  { 
	font-size: 70%; 
	font-weight: bold; 
	text-decoration: none; 
	background: silver; 
	text-align: right; 
	display: block; 
	margin: 3px 0; 
	padding: 2px; 
	width: 140px; 
	border-left: 5px solid #e5e3c3 
}
a.button:link , a.button:visited {
	color: white;}
	
a.button:hover, a.button:active  { 
	color: #ff0030; 
	border-left: 5px solid #dc143c
}

/* Kopzeile */
#rubrik   {
	top: 110px;
	left: 0px;
	color: black;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: silver;
	background-position: 0 0;
	margin: 15px 0 0 170px;
	padding: 0 0 0 1%;
	min-width: 700px;
	max-width: 800px;
	border-style: none none solid;
	border-width: medium medium 1px;
	border-color: #808080;
	position: absolute;
}

/* Inhalte */
#content   {
	top: 140px;
	color: black;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0px 25px 2% 10px;
	width: 700px;
	text-align: justify;
	border-left: 1px solid #cccccc;
	position: absolute;
	margin: 0 0 0 165px;
}
#content a:link   {
	color: #FF0030;
}
#content a:visited  {
	color: #FF0030;
}
#content a:active  {
	color: black; 
}

/* Buttons auf der Seite */
a.pagebutton:link, a.pagebutton:visited {
	text-decoration: none; 
	display: block; 
	padding: 1px;
	font-size: small ; 
	text-align: center ; 
	background: silver; 
	width: 90px; 
	color: white;
	vertical-align:middle;
    border-top: 1px solid white;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	border-left: 2px solid white 
}
a.pagebutton:hover, a.pagebutton:active{
	text-decoration: none; 
	display: block; 
	padding: 1px;
	font-size: small ; 
	text-align: center ; 
	background: white; 
	width: 90px; 
	color: black;
	vertical-align:middle;
    border-top: 1px solid gray;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	border-left: 2px solid gray 
}

/* Buttons auf der Seite */
a.pagebutton1:link, a.pagebutton1:visited {
	text-decoration: none; 
	display: block; 
	padding: 1px;
	font-size: small ; 
	text-align: center ; 
	background: silver; 
	width: 220px; 
	color: white;
	vertical-align:middle;
    border-top: 1px solid white;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	border-left: 2px solid white 
}
a.pagebutton1:hover, a.pagebutton1:active{
	text-decoration: none; 
	display: block; 
	padding: 1px;
	font-size: small ; 
	text-align: center ; 
	background: white; 
	width: 220px; 
	color: black;
	vertical-align:middle;
    border-top: 1px solid gray;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	border-left: 2px solid gray 
}

#pagelogo {
	top: 5px;
	position: absolute;
	left: 650px;
	z-index:2;
}

/* Bereich für Hinweise */
#features {
   position:absolute;
   top:130px;
   right:0px;
   width:170px;
   margin:0px;
   padding:0px;
}

div.box_title {
   margin-top:16px;
   margin-left:8px;
   margin-right:8px;
   background-color:silver;
   color:white;
   font-size:12px;
   font-weight:bold;
   text-align: center; 
   padding:1px;
}
 
div.box_content {
   margin-left:8px;
   margin-right:8px;
   margin-bottom:8px;
   background-color:white;
   border:#808080 solid 1px;
   color:black;
   font-size:80%;
   font-weight:normal;
   padding:3px;
}

/* Tabelle allgemein */
#table_frame {
	background-color: #FF0030;
	text-align: center;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table {
	padding: 1px;
	border: 0px;
	border-spacing: 1px
}
.tbl_header {
	text-align: left;
	background-color: silver;
}
.tbl_cell {
	text-align : left;
	background-color : white;
}
.tbl_header_c {
	text-align: center;
	background-color: silver;
}
.tbl_cell_c {
	text-align : center;
	background-color : white;
}

/* Tabelle für Ordnen*/
#orden {
	color: white;
}
#orden a:link  {
	color: black; 
}
#orden a:visited  {
	color: black;
}
#orden a:active  {
	color: black; 
}
td.orden { 
	background-color:black; 
	color:white; 
	text-align:center;
} 

/* Tabelle für Thumbs */
#thumbs {	
}

#thumbs a:link  {
	color: silver; 
}
#thumbs a:visited  {
	color: silver;
}
#thumbs a:active  {
	color: black; 
}
td.thumbs { 
	background-color:white; 
	text-align:center;
}

/* Tabelle für Thumbs */
#picture {	
	color:black; 
}
td.picture { 
	background-color:white; 
	text-align:center;
}