/* *************** layout.css *************** */

body
{
    font-family : Verdana,Arial,Sans-serif;
    font-size : 0.8em;
    margin : 20px 0 0 0;
    padding : 0;
    color: #5D5D5D;
    text-align : center;
    background-color : #dddddd;
}

#layoutrahmen 
{
    margin : 0 auto 0 auto;
    padding : 0;
    text-align : left;
    width : 700px; /* 990px */
    font-size : 89%;
    clear : both;
    background-image : url(hg.gif);
}

#kopfnavi 
{
    text-align: right;
    width : 700px; /* 990px */
    margin : 0 auto 0 auto;
    padding : 0;
    color : #808080;
    font-size : 89%;
    height : 20px;
}

#kopf
{
    height : 102px;
    width : 700px; /* 990px */
    background-color : #c0c0c0;
    background-image : url(kopf.gif);
}

.suchformular
{
    padding : 10px;
}



#spalten
{
    margin : 0;
    padding : 0;
    width : 700px; /* 990px */
}
 
#linkespalte
{
    float: left;
    width: 198px;
    margin: 00;
    padding: 0;
}

#linkespalteabstand
{
    margin: 0;
    padding: 20px 10px 20px 10px;
}

#layoutmitte
{
    float: left;
    margin: 0;
    padding: 0 0 0 0;
    width : 660px;
}

#layoutmittecms
{
    float: left;
    margin: 0;
    padding: 0;
    width : 650px;
}

#layoutmitteabstand
{
    margin: 0;
    padding: 16px 0 20px 20px;
}

#rechtespalte
{
    margin: 0;
    padding: 0;
    width : 190px;
    float: right;
}

#rechtespalteabstand
{
    margin: 0;
    padding: 20px 12px 20px 0;
}

#layoutfuss 
{
    clear: both;
    padding: 0 0 0 0;
    text-align: left;
    width : 700px; /* 990px */
    height : 40px;
    margin : 0;
    background-image : url(fuss.gif);
}

.fussabstand
{
    padding: 15px 20px 0 140px;
    margin : 0;
    text-align : left;
}
 
#layoutfussschatten
{
    clear: both;
    height : 11px;
    width : 700px; /* 990px */
    margin : 0 auto 0 auto;
    background-image : url(fussschatten.gif);
}

/* *************** default.css *************** */


a:link, a:visited { text-decoration : underline; color:#407eba; }
a:active, a:hover, a:focus { color : #000000; text-decoration : underline; background-color : #dfdfdf; } /* font-weight : normal; */

a img
{
  border : 0;
}

ul
{
  margin : 0;
  padding : 5px 0 0 20px;
}

li
{
   list-style-type : none;
   /* background-image : url(punkt.gif); */
   background-repeat : no-repeat;
   background-position : 0 7px;
   margin : 0;
   padding : 0 0 4px 15px;
}

h1
{
  margin : 0 0 5px 0;
  padding : 0 0 0 0;
  color : #407eba;
  font-size : 130%;
  line-height : 160%;
  font-weight : bold;
}

h2
{
  color : #407eba;
  margin :  0;
  font-size : 100%;
  font-weight : bold;
  line-height : 160%;
  padding : 0 0 10px 0;
}

.text
{
  color : #4b4b4b;
  line-height : 160%;
  padding : 0;
  margin : 0 0 10px 0;
}

.text img
{
  border : 1px solid #c0c0c0;
  margin :  5px 0 0 0;
}

.text .bildlinks
{
  border : 1px solid #c0c0c0;
  margin :  5px 20px 2px 0;
  float : left;
}

.text .bildrechts
{
  border : 1px solid #c0c0c0;
  margin : 5px 0 2px 20px;
  float : right;
}

/* ---------------------------------- */
/* VORDEFINIERT IN DEV4U */
/* ---------------------------------- */

.bfnavi
{
  display : inline;
  margin : 0;
  margin-right : 10px;
  padding : 0 0 0 0;
  float : left;
}

.bfnavi li
{
  display : inline;
  margin : 0;
  padding : 0;
  background-image : none;
}

.bfnavi li a:link, .bfnavi li a:visited { color : #000000; text-decoration : none; }
.bfnavi li a:active, .bfnavi li a:hover, .bfnavi li a:focus { color : #000000; font-weight : normal; text-decoration : underline;}



.textklein
{
  color : #606060;
  font-size : 90%;
}

/* Bildunterschrift*/
.bild
{
  color : #606060;
}

.invisible
{
  display : none;
}

.brotkruemel
{
    float : left;
    padding : 0;
    margin : 0;
}

.kommentar
{
   color : #808080;
   font-style : italic;
}

.backlink
{
   color : #808080;
   font-size : 100%; 
}

/* ---------------------------------- */
/* NAVIGATIONEN */
/* ---------------------------------- */

.navidiv
{
  text-align : left;
  text-decoration : none;
  margin : 0 0 10px -9px;
  padding : 0;
}

.navi
{
  font-weight : normal;
  color : #4b4b4b;
  padding : 0;
  margin : 0 0 4px 0;
  /* background-image : url(punkt.gif); */
  background-position : 10px 10px;
  border-top : 1px solid #e4e4e4;
  border-bottom : 1px solid #e4e4e4;
}

.navi a
{
   display : block;
   padding : 5px 0 6px 22px;
   margin : 0 0 0 0;
}

.navi a:link, .navi a:visited, .navi a:active { color : #4b4b4b; background-color : transparent; font-weight : normal; text-decoration : none; }
.navi a:hover, .navi a:focus { color : #000000; font-weight : normal; background-color : transparent; text-decoration : underline;}


.naviactiv
{
  font-weight : normal;
  color : #4b4b4b;
  padding : 0;
  margin : 0 0 4px 0;
  border-top : 1px solid #e4e4e4;
  border-bottom : 1px solid #e4e4e4;
}

.naviactiv a
{
   background-color : #407eba;
   /* background-image : url(punkt_ac.gif); */
   background-repeat : no-repeat;
   background-position : 10px 10px;
   display : block;
   padding : 5px 0 6px 22px;
   margin : 0 0 0 0;
}

.naviactiv a:link, .naviactiv a:visited, .naviactiv a:active { color : #ffffff; font-weight : bold;  background-color : #407eba; bold; text-decoration : none; }
.naviactiv a:hover, .naviactiv a:focus { color : #ffffff; font-weight : bold; text-decoration : underline;  background-color : #407eba; }

.subnavidiv
{
    margin : 0;
    padding : 8px 0 0 22px;
}

.subnavidiv li
{
  line-height : 140%;
}

.subnavi
{
  font-weight : normal;
  color : #4b4b4b;
  padding : 0 0 6px 12px;
  margin : 0;
  /* background-image : url(punkt.gif); */
  background-position : 0 6px;
}



.subnavi a
{ 
   display : inline;
   padding : 0;
   margin : 0;
}

.subnavi a:link, .subnavi a:visited, .subnavi a:active { color : #4b4b4b; background-color : transparent; font-weight : normal; text-decoration : none; }
.subnavi a:hover, .subnavi a:focus { color : #000000; font-weight : normal; background-color : transparent; text-decoration : underline;}

.subnaviactiv
{
  font-weight : normal;
  color : #4b4b4b;
  padding : 0 0 6px 12px;
  margin : 0;
  /* background-image : url(punkt.gif); */
  background-position : 0 6px;
}

.subnaviactiv a
{ 
   display : inline;
   padding : 0;
   margin : 0;
}

.subnaviactiv a:link, .subnaviactiv a:visited, .subnaviactiv a:active { color : #000000; background-color : transparent; text-decoration : none; }
.subnaviactiv a:hover, .subnaviactiv a:focus { color : #000000; font-weight : bold; background-color : transparent;  text-decoration : underline; }

/* ---------------------------------- */
/* HORIZONTALE NAVIGATION */
/* ---------------------------------- */

#kopfnavi .navidiv
{
  float : right;
  list-style-type : none;
  margin : 0;
  padding : 0 10px 0 0;
}

#kopfnavi a, #kopfnavi li
{
   display : inline;
   border : 0;
   margin : 0;
   padding : 0;
   background-color : transparent;
   background-image : none;
}

#kopfnavi .navi
{
  color : #4b4b4b;
  display : inline;
  list-style-type : none;
  background-image : none;
  margin : 0;
  padding : 0;
}


#kopfnavi .navi a:link, #kopfnavi .navi a:visited, #kopfnavi .navi a:active  { color : #4b4b4b; font-weight : normal; text-decoration : none;}
#kopfnavi .navi a:hover, #kopfnavi .navi a:focus { color : #000000 !important; font-weight : normal; text-decoration : underline;}

#kopfnavi .naviactiv
{
  font-weight : normal;
  color : #4b4b4b;
  display : inline;
  text-decoration : none;
  list-style-type : none;
  background-image : none;
  margin : 0;
  padding : 0;
}

#kopfnavi .naviactiv a:link, #kopfnavi .naviactiv a:visited, #kopfnavi .naviactiv a:active  { color : #4b4b4b; font-weight : normal; text-decoration : none;}
#kopfnavi .naviactiv a:hover, #kopfnavi .naviactiv a:focus { color : #000000 !important; font-weight : normal; text-decoration : underline;}

/* ---------------------------------- */
/* FORMULARE */
/* ---------------------------------- */

form
{
 margin: 0px;
 padding: 0px;
}

input, textarea, .select, .option, .submit
{
  font-size: 110%;
  font-family : Verdana,Arial,Sans-serif;
}

.submit
{
    margin-top : 5px;
    border : 1px solid #696969;
    background-color : #efefef;
}

.button
{
    margin-top : 5px;
    background-color : #efefef;
}

.suchbutton
{
    margin-top : 5px;
    border : 1px solid #696969;
    background-color : #efefef;
}

.formerror
{
  color : #ff0000;
  font-weight : bold;
  font-size: 100%;
}

/* ---------------------------------- */
/* BOXEN */
/* ---------------------------------- */

.box
{
  padding-top: 0px;
  margin-top: 0px;
  text-align : left;
}

.box h2
{
  font-weight : bold;
  margin : 0 0 2px 0;
  padding : 0 0 0 12px;
  font-size : 110%;
  line-height : 160%;
  /* background-image : url(punkt.gif); */
  background-repeat : no-repeat;
  background-position : 0 9px;
}

.boxtrenner
{
    height : 4px;
    /* background-image : url(strich.gif); */
}

.box ul
{
  padding: 5px 0 0 0;
  margin : 0;
}

.boxtext
{
  color : #5D5D5D;
  font-weight : normal;
  padding-top : 5px;
  line-height : 160%;
  list-style-type : none;
  background-image : none;
  padding : 4px 10px 2px 0;
}

.boxtext li
{
  color : #5D5D5D;
  font-weight : normal;
  line-height : 160%;
  list-style-type : none;
  background-image : none;
  padding : 0 10px 10px 0;
}

.boxtext li a
{
  color : #5D5D5D;
}

.boxtext a:link, .boxtext a:active, .boxtext a:visited { text-decoration : none; }
.boxtext a:hover, .boxtext a:focus { text-decoration : underline; }

.boxtext img
{
  margin-top: 5px;
}

.boxfuss
{
  font-weight : bold;
  text-align : right;
  padding : 0 10px 5px 0;
  margin : 0;
}

.boxfuss a:link, .boxfuss a:active, .boxfuss a:visited { font-weight : bold;; color : #407eba; }
.boxfuss a:hover, .boxfuss a:focus { font-weight : bold; }


/* BOX STARTSEITE */

.boxstart
{
  padding: 0;
  margin: 0 0 0 20px;
  text-align : left;
  width : 168px;
  border : 1px solid #e4e4e4;
  float : left;
}

.boxstart .boxtext
{
    height : 130px;
}

#box4
{
  margin: 0 0 0 0;
}

.boxstart h2
{
  font-weight : bold;
  margin : 0 0 0 0;
  padding : 2px 0 2px 10px;
  font-size : 110%;
  line-height : 160%;
  /* background-image : url(box_titel.gif); */
  background-repeat : no-repeat;
  background-position : right;
  background-color : #407eba;
  color : #ffffff;
}

.boxstart .boxtext
{
  color : #5D5D5D;
  font-weight : normal;
  margin : 0;
  line-height : 160%;
  list-style-type : none;
  background-image : none;
  padding : 10px;
}

.boxstart ul
{
  margin : 0;
  padding : 0;
}

.boxstart ul li
{

    list-style-type : none;
    /* background-image : url(punkt.gif); */
    background-repeat : no-repeat;
    background-position : 0 7px;
    margin : 0;
    padding : 0 0 4px 15px;
}

.boxstart .boxtext a:link, .boxstart .boxtext a:active, .boxstart .boxtext a:visited
{
    text-decoration: underline;
}

/* ZUSATZ CSS */

.icons img
{
    margin-left : 5px;
    vertical-align : top;
}

/* *************** regio++ *************** */

body.popup {
    margin:0;
}

#popuprahmen {
    margin:0;
    padding:0;
    border:0;
    background-color:#ffffff;
}
#popuprahmen #popupkopf {
    margin:0;
    padding:14px 20px 16px 20px;
    border:0;
    background:url('profil_hr.gif') bottom repeat-x;
    text-align:right;
}
#popuprahmen #popupmitte {
    margin:0;
    padding:10px 20px 0 20px;
    border:0;
    background:url('profil_hr.gif') bottom repeat-x;
}
#popuprahmen #map_mitte {
    margin:0;
    padding:10px 20px 0 20px;
    border:0;
    background:url('profil_hr.gif') bottom repeat-x;
}
#popuprahmen #popupfuss {
    margin:0;
    padding:10px 20px 15px 20px;
    border:0;
    background:url('profil_fuss_dots.gif') 7px 0px no-repeat;
}
#popuprahmen #map_fuss {
    margin:0;
    padding:10px 20px 15px 20px;
    border:0;
}
#popuprahmen #map_fuss td {
    font-size:11px;
}
#popuprahmen #map_fuss a {
    background:none ! important;
}
#komsisfuss {
    clear:both;
    margin:0;
    padding:10px 20px 15px 20px;
    border:0;
}
#komsisfuss td {
    font-size:11px;
}
#layoutrahmen #komsisfuss {
    background:url('profil_hr.gif') top repeat-x;
    width:688px ! important;
    padding:15px 0 15px 0;
}
#layoutrahmen #komsisfuss table {
    width:648px;
    margin:0 auto 0 auto;
}
#popuprahmen #popupfuss .fussabstand {
    margin:0 0 0 160px;
    padding:0;
    border:0;
    vertical-align:middle;
    height:auto;
}
#popuprahmenschatten {
    height:11px;
    margin:0;
    padding:0;
    border:0;
    background:url('profil-fuss-schatten.gif') top repeat-x;
}