@charset "utf-8";



/*************************************************************/
/******************** globales Stylesheet ********************/
/*************************************************************/

html body {
font-family : Arial, sans-serif;
font-size : 14px;
color : #000;
text-align : left;
margin : 0;
background-color : #d3e2ef;
}

table {
border : medium solid #069;
border-collapse : collapse;
}

table.info {
background-color : #7ec4e4;
color : #000;
margin-bottom : 20px;
}

table.none {
border : none;
}

table.none td {
border : none;
}

th {
border : medium solid #069;
border-collapse : collapse;
padding : 5px 10px;
text-align : center;
color : #069;
font-weight : bold;
font-size : 16px;
background-color : #d3e2ef;
}

td {
border : thin solid #069;
border-collapse : collapse;
padding : 5px;
}

img {
border-style : none;
}

h1 {
border-bottom : 3px solid #069;
margin-bottom : 20px;
padding : 10px 10px 10px 20px;
color : #069;
background-color : #d3e2ef;
font-size : 18px;
font-weight : bold;
}

h1 + h1 {
position : absolute;
top : 20px;
right : 20px;
padding-top : 13px;
color : #b61407;
font-size : 16px;
text-align : center;
}

h1 span {
text-decoration : underline;
}

h2 {
border : thin solid #000;
font-variant : small-caps;
font-weight : bold;
font-style : italic;
font-size : 16px;
padding : 4px;
background-color : #069;
color : #7ec4e4;
clear : both;
}

h2.termin {
border-bottom : 3px solid #069;
margin-bottom : 20px;
padding : 8.5px;
text-align : center;
clear : none;
color : #b61407;
background-color : #d3e2ef;
font-size : 18px;
font-weight : bold;
}

h2.fehler {
background-color : #b61407;
color:#fff;
}

h3 {
color : #069;
background-color : #d3e2ef;
font-size : 16px;
font-weight : bold;
margin-top:50px;
}

em {
font-style : normal;
font-weight : bold;
}

abbr {
cursor : help;
}

div.start h4 {
color : #069;
background-color : #d3e2ef;
font-size : 14px;
font-weight : bold;
margin : 0px;
}

p.fehler  {
color : red;
font-weight : bold;
font-size : 18px;
text-decoration : underline;
padding : 0px 0px 0px 55px;
}

p.line {
text-align : right;
padding : 10px 30px 0px 0px;
border-top : 2px solid #069;
}

div {
clear : both;
}

div.bild {
float : left;
width : 200px;
height : 200px;
margin : 5px 10px 30px 10px;
}

div.text {
margin-top : 30px;
clear : none;
}

div.termin {
border-bottom : 3px solid #069;
margin-bottom : 20px;
padding : 10px;
text-align : center;
clear : none;
color : #b61407;
background-color : #d3e2ef;
font-size : 18px;
font-weight : bold;
}

div.anb  div{
background-color : #d3e2ef;
margin : 0 10px 0 25px;
}

div.anb  p{
color : #069;
background-color : #d3e2ef;
font-size : 16px;
font-weight : bold;
margin : 20px 0 10px 0;
}

div.markt {
border : medium solid #069;
background-color : #7ec4e4;
border-collapse : collapse;
}

div.start > div{
margin : 10px 10px 10px 15px;
padding : 10px 0 10px 10px;
border-bottom : 2px solid #069;
}

div.verband {
float : left;
width:150px;
margin:10px 10px 0px 0px;
text-align:right;
}

div.functions {
position : absolute;
left : 0px;
}

div.functions a{
background-color : transparent !important;
}

span.start {
float : left;
margin-right : 20px;
width : 50%;
}

span.title {
font-size : 14px;
}

span.info {
cursor: help;
border-bottom : 1px dashed #000;
}

div.text span {
font-weight : bold;
}

h4 + div {
text-align : right;
font-size : 12px;
position : relative;
top : -16px;
}

span.m {
color : #b61407;
font-weight : bold;
background-color : #d3e2ef;
}

li.v {
list-style : none;
color : #aaa;
background-color : #d3e2ef;
}

li.g {
list-style : none;
color : #b61407;
text-decoration : underline;
font-weight : bold;
}

li.z {
list-style : none;
color : #000;
background-color : #d3e2ef;
}

li.attention {
list-style : url(./img/attention.png) inside;
}

ul {
list-style : url(./img/button.gif);
}

ul.none {
list-style : none;
}

.title {
color : #069;
background-color : #d3e2ef;
font-size : 16px;
font-weight : bold;
}

.termin {
color : #b61407;
background-color : #d3e2ef;
font-size : 16px;
font-weight : bold;
}

.b {
font-weight : bold !important;
}

.nb { /* not-bold */
font-weight : normal !important;
}

.i {
font-style : italic !important;
}

.ni { /* not-italic */
font-style : normal !important;
}

.u {
text-decoration : underline !important;
}

.nu { /* not-underline */
text-decoration : none !important;
}

.center {
text-align : center !important;
}

.right {
text-align : right !important;
}

.left {
text-align : left !important;
}

.l {
float : left !important;
}

.r {
float : right !important;
}

.n {
clear : none !important;
}

.c {
clear : both !important;
}

.margin20 {
margin : 20px !important;
}

.top20 {
padding-top : 20px !important;
}

.top50 {
padding-top : 50px !important;
}

.bottom50 {
padding-bottom : 50px !important;
}

.left50 {
padding-left : 50px !important;
}

.width {
width : 400px;
}

.height {
height : 50px;
}

.font20 {
font-size : 20px;
}

.middle {
vertical-align : middle;
}

.form {
padding : 0 0 8px 0;
text-align : left;
}

.form .login_form_label {
display : block;
float : left;
padding : 3px 0;
width:100px;
}

.form input {
margin:0;
}

.form .inputtext,.inputpassword {
width:175px;
}

.form .checkbox {
float : left;
width : 15px;
margin : 5px 4px 2px 0;
}

#login_button_inline {
float : left;
margin-bottom : 5px;
margin-right : 5px;
}


/*********************************************************/
/******************** Link-Stylesheet ********************/
/*********************************************************/

p.line > a:visited {
font-weight : bold;
color : #069;
background-color : #d3e2ef;
text-decoration : underline;
}

a:link {
font-weight : bold;
color : #069;
background-color : #d3e2ef;
text-decoration : underline;
}

a:visited {
font-weight : normal;
color : #000;
background-color : #d3e2ef;
text-decoration : underline;
}

a:focus {
font-weight : bold;
color : #069;
background-color : #d3e2ef;
text-decoration : underline;
}

a:hover {
font-weight : bold;
color : #fff;
background-color : #069;
text-decoration : none;
}

a:active {
font-weight : bold;
color : #fff;
background-color : #069;
text-decoration : underline;
}

a.extern {
padding-left : 15px;
background : url(./img/link-extern.png) center left no-repeat;
}

a.datei, a.pdf {
margin-left : 5px;
padding-left : 15px;
background : url(./img/link-datei.png) center left no-repeat;
}

a.extern span, a.pdf span {
display : none;
}

a.bg:link {
font-weight : bold;
color : #7ec4e4;
background-color : #069;
text-decoration : underline;
}

a.bg:visited {
font-weight : normal;
color : #7ec4e4;
background-color : #069;
text-decoration : underline;
}

a.bg:focus {
font-weight : bold;
color : #000;
background-color : #069;
text-decoration : underline;
}

a.bg:hover {
font-weight : bold;
color : #000;
background-color : #069;
text-decoration : none;
}

a.bg:active {
font-weight : bold;
color : #fff;
background-color : #069;
text-decoration : underline;
}

a.none:link {
font-weight : bold;
color : #069;
background-color : #d3e2ef;
text-decoration : underline;
}

a.none:visited {
font-weight : bold;
color : #069;
background-color : #d3e2ef;
text-decoration : underline;
}

a.none:focus {
font-weight : bold;
color : #069;
background-color : #d3e2ef;
text-decoration : underline;
}

a.none:hover {
font-weight : bold;
color : #fff;
background-color : #069;
text-decoration : none;
}

a.none:active {
font-weight : bold;
color : #fff;
background-color : #069;
text-decoration : underline;
}

a.info:link {
font-weight : bold;
color : #069;
background-color : #7ec4e4;
text-decoration : underline;
}

a.info:visited {
color : #000;
background-color : #7ec4e4;
text-decoration : underline;
}

a.info:focus {
font-weight : bold;
color : #7ec4e4;
background-color : #069;
text-decoration : underline;
}

a.info:hover {
font-weight : bold;
color : #fff;
background-color : #069;
text-decoration : none;
}

a.info:active {
font-weight : bold;
color : #7ec4e4;
background-color : #069;
text-decoration : underline;
}

a.wichtig:link {
font-weight : bold;
color : #b61407;
background-color : #d3e2ef;
text-decoration : underline;
}

a.wichtig:visited {
font-weight : bold;
color : #f12020;
background-color : #d3e2ef;
text-decoration : none;
}

a.wichtig:focus {
font-weight : bold;
color : #fff;
background-color : #b61407;
text-decoration : underline;
}

a.wichtig:hover {
font-weight : bold;
color : #fff;
background-color : #b61407;
text-decoration : none;
}

a.wichtig:active {
font-weight : bold;
color : #fff;
background-color : #b61407;
text-decoration : underline;
}

a.bereich {
display : block;
width : 140px;
text-decoration : none;
font-size : 15px;
font-weight : bold;
color : #fff;
background-color : #069;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
padding-left : 5px;
}

li + li a.bereich {
border-top : none;
}

a.bereich:hover {
color : #fff;
background-color : #d2e2ef;
}

a.menu {
display : block;
width : 200px;
text-align : left;
text-decoration : none;
font-size : 15px;
color : #000;
background-color : #d2e2ef;
font-weight : normal;
padding-left : 5px;
}

a.menu:hover {
color : #000;
background-color : #edf3ff;
font-weight : normal;
}

a.menu:active {
color : #fff;
background-color : #d2e2ef;
font-weight : normal;
}


/*********************************************************/
/******************** Menü-Stylesheet ********************/
/*********************************************************/

ul.menu {
margin-top : 150px;
list-style : none;
}

ul.menu li {
position : relative;
list-style : none;
margin-left : -40px;
padding : 0px;
}

ul.menu li ul li {
border-bottom : 1px solid #069;
}

ul.menu li ul {
position : absolute;
border : 2px solid #069;
top : -2px;
left : 145px;
display : none;
}

ul.menu li:hover ul {
display : block;
}

ul.sitemap li ul {
list-style : none;
}

ul.sitemap li {
padding-top : 5px;
}


/**********************************************************/
/******************** Style-Stylesheet ********************/
/**********************************************************/

#header {
font-size : 15px;
height : 100px;
padding : 1px 1px 1px 21px;
margin : 0;
background-color : #069;
color : #7EC4E4;
width : 100%;
font-weight : bold;
}

#header img {
vertical-align : middle;
margin : 0px 5px 1px 5px;
}

#header a {
font-weight : normal;
}

#middle {
position : absolute;
width : 100%;
margin : 0px;
padding-bottom : 40px;
background-color : #d3e2ef;
color : #000;
}

#menu {
position : absolute;
top : 0px;
left : 0px;
width : 152px;
margin : 0px;
padding-bottom : 80px;
background : #d3e2ef url(./img/menu.png) no-repeat;
color : #000;
z-index : 7;
}

#content {
margin : 0px 0px 0px 152px;
padding : 20px 10px 0px 20px;
}

#karte {
background : url(./img/ueberuns_lage-karte.jpg) no-repeat;
width : 380px;
height : 233px;
}

#karte a {
text-decoration : none;
position : absolute;
}

#karte a span {
/*visibility : hidden;*/
}

#footer {
position : fixed;
bottom : 0;
font-size : 15px;
width : 100%;
margin : 0;
height : 31px;
background-color : #069;
color : #7EC4E4;
clear : both;
border-top:1px solid #d3e2ef;
z-index : 9;
}

#footer img {
vertical-align : middle;
}

#footer div {
line-height : 110%;
padding : 8px 180px 0px 10px;
font-weight : bold;
}

#footer div + div {
position : absolute;
bottom : 0px;
right : -170px;
}

#footer a {
font-weight : normal;
}

#infos {
display : block;
color : #000;
background-color : #069;
font-size : 11px;
width : 140px;
border-top : 1px solid #d3e2ef;
padding : 4px 0px 4px 5px;
position : fixed;
left : 0px;
bottom : 32px;
z-index : 8;
}