a{  color:#005898; }

a:focus{outline:0px;}

html,body {
   margin: 0px;
   padding: 0px;
   color:#545454;
   background:#CBCBCB;
   background:white;
   /*font-family: Verdana, Tahoma, arial, helvetica, sans-serif;*/
   font: normal 12px  Verdana, Arial, sans-serif;
   line-height: 18px;
   height: 100%;
}


/* schriftgroessen */
h1      { font-size:1.5em; }
h2      { font-size:1em; }
h4      { font-size:1.4em; }
h5      { font-size:1em; }
#Navbar { font-size:0.9em; }
#footer { font-size:0.8em; }
#legal  { font-size:0.9em; }



#kopfleiste {
   border:0px;
   height:95px;
   margin:0;
   z-index:0;
   border-bottom:3px solid #1C7CBC;
}

/* navigation */
#Navbar {
   z-index:100;
   position:relative;
   padding-top:60px;
   padding-left:90px;
   margin:auto;
   width:900px;
}

#Navbar ul {
   z-index:10;
   padding:0px;
}

#Navbar ul li {
   display:inline;
}

#Navbar ul li a {
   z-index:10;
   border:1px solid #E0E0E0;
   border-bottom:0px;
   text-decoration:none;
   font-size:1.1em;
   color:gray;
   margin-right:5px;
   background:#F4F4F4;
   padding:8px;
   text-transform: uppercase;
   box-shadow:3px -3px 3px #F5F1E9;
   /*
   border-top-left-radius:6px;
   border-top-right-radius:6px;
   */
}

#Navbar ul li a:hover, #Navbar ul li a.active  {
   background:#2F82BB;
   color:#F5F1E9;
}






/* unten */
#legal{
   z-index:200;  
   position:absolute;
   top:12px;
   right:10px;
   text-align:right;
   color:#707173;
   line-height:19px;
}
/*
#legal a {
   color:#003366;
   text-decoration:none;

}

#legal a:hover {
   color:#B1C2D2;
}
*/





/* Inhalt */
.content {
   text-align:center;
   margin:auto;
   color:#666;
   width:880px;
   padding-top:0px;
   padding-left:70px;
   padding-right:30px;
   min-height: 71%;
   background:white;
   border:0px solid white;
}


#logotable {
  padding-top:10px;
  width:99%;
}

#logotable tr td {
   padding-top:10px;
}

.contentbox {
   text-align:left;
   min-width:800px;
   padding:20px;
   background:white;
}

.content ul li  {
  margin-bottom:10px;
}

/* content */
.contentbox #left {
   width:68%;
   float:left;
}

.contentbox #right {
   padding-top:8px;
   width:32%;
   float:left;
}

.contentbox #clear {
   clear:both;
}

.contentbox #left h4, .contentbox h4{
   color:#545454;
   border-bottom: 1px dotted #B8B8B8;
}


.content #left a img ,.content #right a img {
    border:0;
}


.contentbox #right #RightInhalt {
  margin-top:20px;
  margin-left:30px;
  width:250px;
}


/* boxen */
.box {
  padding:10px;
  text-align:center;
  background:#2F82BB;
  padding-bottom:20px;
  margin-bottom:10px;
  box-shadow:3px -3px 3px #F5F1E9;
  /*
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  */
}


/* top box */
.box h1 {
   color:white;
   margin-top:5px;
   font-weight:normal;
   font-size:2.1em;
   line-height:25px;
}
.box p {
   color:white;
}

.box a {
   color:white;
   text-decoration: none;
}

.box img {
  border:3px solid white;
}

.boxLinie {

}

#boxEnergiedach, #boxSolarDachboerse {
   background-image:url(/_standardbilder/energiedach.jpg);
   background-repeat:no-repeat;
   background-position: left center;
   padding:5px;
   padding-top:10px;
   padding-left:90px;
   padding-bottom:10px;
}

#boxSolarDachboerse {
   background-image:url(/_standardbilder/solardachboerse.jpg);
   background-position: right center;
   padding-left:5px;
   padding-right:80px;
}


#boxEnergiedach h1 , #boxSolarDachboerse h1 {
   color:#80B735;
   margin:0;
   font-weight:normal;
   font-size:1.7em;
   line-height:22px;
}

#boxSolarDachboerse h1 {
   color:#E95C0C;
}

#boxEnergiedach a , #boxSolarDachboerse a {
   text-decoration:none;
}


h4 {
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight:normal;
    color:#6286C8;
    line-height:30px;
   }


h5 {
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight:bold;
    color:#6A6A6C;
   }



#footer {
   padding:0;
   margin:0;
   border-top:1px solid #6286C8;
}

#footer #text {
   padding-top:5px;
   padding-left:5px;
}
#footer .tetraeder {
   margin-top:1px;
}










#faq{
   border:20px solid white;
   width:935px;
   height:1020px;
   overflow:hidden;
}

.faq td{
   width:30%;
   padding:20px;
   vertical-align:bottom;
}

hr {
   color:#ccc;
   height:1px;
outline:none;
}





/*======================================================
HINWEISE
======================================================*/

.qna .welcome {
    float:left;
    width:40%;
    margin-bottom:20px;
}

.qna .topics {
    float:left;
    margin-left:40px;
}

.qna .body {
    clear:both;
}

.qna .body .topic {
    margin-top:20px;
    padding-left:20px;
}

.qna .body .topic h5 {
    border-left:1px solid #6286C8;
    border-top:1px solid #6286C8;
    margin-left:-20px;
    padding:5px;
}



/* tetraeder */
.tetraeder {
   margin-top:8px;
}






/*======================================================
Übersichtskarte
======================================================*/

.stadtkarte {
    margin-top:0px;
    margin-left:0px;
}

.stadtkarte .name_coord  {
   line-height:0.9em;
}

.stadtkarte .name_coord a {
   color:#DCDC3C;
   text-decoration:none;
   font-size:0.9em;
   line-height:0.8em;
}

.stadtkarte .name_coord a:hover, .stadtkarte .name_coord a.over {
   /*background:white;*/
   /*padding:2px;*/
   font-weight:bold;
   color:white;
}


.stadtliste {
   position:absolute;
   margin-left:500px;
   margin-top:30px;
   width:auto;
}

.stadtliste .titel {
   color:#0B6DA9;
   padding:5px;
}

.stadtliste .daten {
   border:1px solid silver;
   background:#F4F4F4;
   padding:5px;
   width:150px;
}

.stadtliste .daten ul {
   margin:0;
   padding:0;
   margin-left:20px;
}

.stadtliste .daten ul li {
   margin:0;
   padding:0;
   line-height:22px;
}

.stadtliste .daten ul li a {
   text-decoration:none;
}

.stadtliste .daten ul li a:hover {
   color:#B30000;
}




/*======================================================
 full header
======================================================*/
.header_full {
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
}

.kopfleiste_full {
   margin:auto;
   height:auto;
}

.content_full {
   padding-left:0;
   margin-left:0;
   width:100%;
}

#spk  {
}

.kataster{
   width:100%;
   padding:0px;
   margin:0px;
   margin-bottom:-4px;
}

#preloader {
   z-index:50000;
   position:absolute;
   width:100%;
   text-align:center;
   background:white;
}
#preloader img {
   padding-top:200px;
}


.stadtlink{
  font-size:14px; 
  padding:2px;
  text-decoration:none;  
}

.stadtlink:hover {
    font-weight:bold;
    color:#009241;
}

.stadtlink.selected {
    font-weight:bold;
    color:#009241;
    background:white;
}


/* umstellung auf iframe */
.contentbox {margin:0;padding:0;}
.content {min-height:810px;}
#mapbild {margin-top:-20px;margin-left:-25px;}
#header { display:none;}
#footer #text {display:none;}
#footer #link {font-size:11px;padding:2px;}
#footer #link a {margin:2px;}