html, body 

    {height:100%; margin:0px; padding:0px;}

body 

{

    

    font-family:Arial,Helvetica,Sans-serif,sans-serif; font-size:12px; color:#000; text-align:left;

    background-color:#fff; /*background-image:url('../images/bg.gif'); background-repeat:repeat-y; background-position:0px 0px;*/

    overflow-x:hidden; 

    overflow:-moz-scrollbars-vertical;

}



/* HEADINGS */

h1 {font-size:15px; color:#004278; padding-bottom:10px; padding-top:3px; }

h2 {font-size:110%; color: #777; margin-top:15px;}
h2.red { color:red; margin-top:0; }

h3 {font-size:100%}

h4 {font-size:90%}

h5 {font-size:90%}

h6 {font-size:90%}





/* GENERAL */

form    {margin:0}

input   {margin: 2px 0; font-family: arial,helvetica,sans-serif;}

table.form td { padding:2px;}
input .Input { padding:2px; margin:2px;}
 
img     {border:none} 

hr      {height:1px; margin:0; background:#ccc; color:#ccc; width:100%;}

div.rsm_map { width:100%; height:500px; }
div .detailmap .rsm_map { width:100%; height:300px; }

.clear  {clear:both; position:relative; height:0px; font-size:0px; line-height:0px} 

.lightred { background:#ffd5d0; padding:15px; border:1px solid black; margin:10px 0 10px 0; }



/* TYPOGRAPHY */

p {margin: 0; width:100%}

ul, ol {margin:0; padding:5px 0px 10px 0px;}

li {background-image:url(../images/quad.gif); background-repeat:no-repeat; list-style-type:none; padding: 0px 0px 5px 10px;}



/*f�r Legenden, BUs */  

.small 

    {font-size:9px;}

    

/* Fehlermeldungen */

.error 

    {padding-left:20px; color:#990000;}

.login_warning { color: #F00; text-align: center; }





/* LINKS */

a   {text-decoration:underline;}

a:link, a:visited, a:active, a:hover 

    {background:transparent; color:#004278; text-decoration:underline; cursor:pointer;} 

a:visited 

    {color:#004278; text-decoration:underline;} 

a:hover, a:active 

    {color:#006BE4; text-decoration:underline;} 





/* LAYOUT*/

#outer

    {position:relative; height:100%; top:0px; width:100%;}

html>body #outer

    {height:auto;} 





/* NAVIGATION */

#navi_div

    {position:fixed; left: 0px; float:left; clear:left; width: 186px; height:100%; 

    background: #fff url("../images/navi_bg.gif") repeat-y;}

#navigation

    {position:relative; margin-top:140px; background-color:#fff; padding:0px 0px 15px 0px; z-index:10}

#navigation li, #navigation a, #navigation a:link 

    {text-decoration:none; font-size:11px;}

#navi_bottom_divx

    { position:relative; margin-top:0px; width: 186px; background: #fff url("../images/navi_bg.gif") repeat-y; }



/* NAVI Contenido*/

.navi, .navi a, .navi a:link, .navi a:hover, .navi_sec a, .navi_sec a:link, .navi_sec a:hover, .navihome_open a, .navihome_open a:hover, .navihome_closed a, .navihome_closed a:hover

    {display:block; color:#004278; line-height: 14px; cursor:pointer;}

.navi, .navihome_open, .navihome_closed, #navi_div #navigation ul li.active 

    {font-weight:bold;}

.navi_sec 

    {font-weight:normal;}

.navihome_open, #navi_div #navigation ul li.active 

    {background:transparent url("../images/navi_active.gif") no-repeat; padding: 20px 0px 5px 5px;}

.navihome_closed

    {background:transparent url("../images/navi_normal.gif") no-repeat; padding:20px 0px 5px 5px;}

.navi a.navileft_passive,#navi_div #navigation ul li 

    {background:transparent url("../images/navi_normal.gif") no-repeat; padding: 20px 0px 5px 5px;} 

.navi a.navileft_passive:hover, .navi_sec a.navileft_passive:hover 

    {color: #3366CC;} 

.navi a.navileft_active, #navi_div #navigation ul li.active 

    {background:transparent url("../images/navi_active.gif") no-repeat; padding: 20px 0px 5px 5px;} 

.navi a.navileft_open, #navi_div #navigation ul li.active

    {background:transparent url("../images/navi_active.gif") no-repeat; padding: 20px 0px 5px 5px;} 

.navi_sec a.navileft_passive, #navi_div #navigation ul li.active ul.subNavigation li 

    {background:transparent url("../images/subnavi_normal.gif") no-repeat; padding: 5px 0px 5px 5px; } 

.navi_sec a.navileft_active, #navi_div #navigation ul li.active ul.subNavigation li.active

    {background:transparent url("../images/subnavi_active.gif") no-repeat; padding: 5px 0px 5px 5px;} 

.navi_sec a.navileft_open 

    {background:transparent url("../images/subnavi_active.gif") no-repeat; padding: 5px 10px 10px 5px; } 







/* CONTENTBOX --> Bereich ohne Navigation*/

#contentbox 

{

    height:100%; 

width:77%;

    position:relative;

    margin-left:200px; 

    margin-right:50px;

    z-index:10;

}





/* HEADER */

#header 

    {height:84px; clear: right; background-color:#FFFFFF; border-bottom: 1px solid #ccc;}

#header #logo 

    {position:relative; top:0px; font-size:12px; text-align:right;}





/* BREADCRUMB */

#breadcrumb

    {margin:37px 0 23px 0; color:#ccc; font-size:10px;}

#breadcrumb a 

    {font-size:10px; text-decoration:underline; color:#ccc;}





/* CONTENT */

#content 

{

    height:auto; 

    position:relative; 

    clear:right; 

    margin:0; padding-bottom:20px; 

    font-size:12px; line-height:17px;

    z-index:10;

}





/*Suche*/



.search { border:1px solid #CCCCCC; margin-bottom: 20px; margin-top:20px;}

.search table {padding:15px;}

.search table td {vertical-align:middle;}



/* alle Tabellen im Content-Bereich */

#content table

    {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#content td

    {vertical-align:top;}



#content .partner img {padding-right:10px;}

#content .partner td {line-height:20px; padding-top:10px;}

#content .partner .line {border-bottom: #CCCCCC solid 1px; font-size:5px; line-height:20px;}



#logo_trans 

{

    position:fixed; 

    bottom:30px; 

    right:70px; 

    z-index:0;

}





/* STARTSEITE */

#main a

    {color: #000000;}



/* Boxen*/

#boxes

    {position:relative; float:right; padding-left:50px; width:212px; height:500px;}

.box

    {width:212px; padding:7px 4px 5px 6px;margin-bottom:10px; border:#cccccc solid 1px; background-color:#f2f2f2;}

.box .text 

    {color:#837f7f;}

.box .text a

    {text-decoration:underline; color:#837f7f; line-height:18px;}







/* FORMULAR */



.form td, .form_m_j td

    {vertical-align:top; padding:3px 0px 3px 0px;}

.form .head

    {font-weight: bold;}

.formular 

    {font-size:12px; vertical-align:top;}





.form_m_j input {width:300px;}

.form_m_j select {width:300px;}

.form_m_j textarea {width:300px; height:200px;}

.form_m_j .radio {width:20px;}

.form_m_j .button {width:100px; margin-right:20px;}



/* LISTEN */



.button_new {border-bottom:0px;}



/* Archiv */

.archive {text-align:right;}

.archive_left {text-align:left; line-height:36px;}

.archive, .archive a, .archive a:hover, .archive a:visited, .archive a:active, .archive a:link, .archive_left

    {font-weight:bold; color:#777; font-size:14px; padding-bottom: 15px;} 





/*Angebot Gesuch*/

#offer_request {margin-bottom:30px; height:20px; width:100%; padding-bottom:6px; border-bottom:1px solid #777;}

#offer_request, .offer_request a, .offer_request a:hover, .offer_request a:visited, .offer_request a:active, .offer_request a:link 

    {font-weight:bold; color:#555; font-size:12px;} 

#offer,#offer_act,#request,#request_act  

{

    width:90px; 

    padding:4px; padding-left:40px;

    float:left; 

    border: 1px solid #777;

}

#offer_act

{

    border-right:0px; 

    border-bottom:1px solid #fff;

    margin-left:10px;

}

#offer

{

    border-right:0px; 

    margin-left:10px;

    background-color:#ddd; 

}

#request_act 

{

    border-bottom:1px solid #fff; 

}

#request 

{

    background-color:#ddd;  

}



#create {margin-bottom:20px; padding:5px; background-color:#efefef;}

#create img {}





.list

    {padding:0px; width:100%}

.list img

    {vertical-align: bottom;}

.list_home

    {padding:0px;}

.list td, .list_home

    {vertical-align:top;}

.list .year

    {font-weight:bold; font-size:14px; color:#ccc;}

.list .month

    {font-weight:bold; padding-bottom:10px; font-size:12px;}

.list .date, .list .title, .list .date2 

    {font-weight:bold;}

.list .date2 {line-height:30px;}

.list .date a

    {font-weight:normal;}

.list_home .date

    {font-weight:bold; padding-top:5px;}

.list_home .title

    {line-height:25px; padding-bottom:15px;}

.list .detail

    {padding-top:10px;}

.list .detail_intern

    {color: #990000;}

.list .text

    {font-size:12px;}

.list_home .text

    {line-height:15px;}

.list a, .list_home a

    {font-size:12px;}

.list .links

    {line-height:25px; padding-bottom:5px;}

.list .text

    {line-height:25px; padding-bottom:5px;}

.list .image

    {padding: 0px 0px 0px 20px; cursor:pointer;}

.list .imagedescription

    {}

.list .detail a

    {font-weight:bold; font-size:12px;}

.list .line

    {border-top: #CCCCCC solid 1px; font-size:5px; line-height:20px;}

.list_home .line

    {border-top: #CCCCCC solid 1px; font-size:5px; line-height:5px;}

.list .source

    {padding-top:15px;}

.list .buttons

    {padding-right: 10px;}

.pdficon {margin:0px 7px 0px 0px;}









.faqcategoryhead {font-weight:bold; font-size:15px; color:#004278; padding-bottom:10px; padding-top:3px;}

.faqcategory a {text-decoration:underline; font-weight:bold;  line-height:30px; margin:0px; padding:0px;}

.catline {border-bottom: #CCCCCC solid 1px; font-size:5px; line-height:10px;padding-bottom:5px;}

.question {color:#333333;padding-top:15px; font-weight:bold;}

.answer {color:#666666;padding-top:5px;}





/* Detailseite */

.detailview

    {padding:0px; width:100%}

.detailview td

    {vertical-align:top;}

.detailview .head

    {font-weight:bold;}

.detailview .line

    {border-bottom: #CCCCCC solid 1px; font-size:5px; line-height:10px;}

.detailview .image

    {padding: 0px 0px 0px 20px; cursor:pointer;}





/* MITGLIEDER*/



/*Mitgliedsantrag �bersicht*/

#content .members

    {width:100%;}

#content .members td

    {padding: 0px 0px 10px 0px; vertical-align:top;}



/* Mitgliederliste */

.memberlist, .linklist, .eingabe, .memberdetail

    {font-size:12px; width:100%;}

.memberlist .buttons

    {padding-right:0px; width:30px;}

.memberlist .head, .linklist .head, .eingabe .head

    {font-weight:bold; line-height:20px;}

.memberlist td

    {vertical-align:top; padding:10px 10px 10px 0px; min-width:100px; border-bottom:#CCCCCC solid 1px;}

        

.memberdetail {width:100%; margin-top:10px;}

.memberdetail td

    {line-height:20px; vertical-align:top;}

.memberdetail .head

    {font-weight:bold; color:#004278; width:200px;}

td.description { width:130px; }





/* FOOTER*/

#bottomnavi 

{

    position:fixed; bottom:15px; right: 70px; left: 200px; 

    padding: 4px 0px 4px 12px; 

    background: #004278; 

    font-size:12px; color:#fff; text-align:left;

    z-index:20;

}

#bottomnavi a, #bottomnavi a:link, #bottomnavi a:hover, #bottomnavi a:visited, #bottomnavi a:active 

    {background:transparent; text-decoration:none; color:#fff; cursor:pointer;} 

#bottomnavi a:hover, #bottomnavi a:active 

    {text-decoration:underline;} 



#whitebox 

    {position:fixed; bottom:0px; right:70px; left:200px; height:40px; background:#fff; z-index:19;}



p {line-height:20px;}

/*

--------------------------------------------- 

               sKalender                      

--------------------------------------------- 

*/

#mod_sK a { 

 font-family: sans-serif;

 font-size: 12px;

 text-decoration: none; 

 color: #444444;

}



#mod_sK a.tag { 

 font-size: 9px;

}



#mod_sK table {

 width: 160px;

 border: 1px solid #ffffff;

 margin-left: 10px;

 border-spacing: 4pt;

 font-size: 12px;

 font-family: sans-serif;

 text-decoration: none; 

 color: #000000;

}



#mod_sK td.navl {

 text-align: left; 

 width: 20%;

 font-weight: bold;

}



#mod_sK td.navr {

 text-align: right; 

 width: 20%;

 font-weight: bold;



}

#mod_sK td.navm {

 text-align: center; 

 width: 60%;

 font-weight: bold;

}



#mod_sK td.wtag {

 width:14%;

 background-color: #ffffff; 

 text-align: center; 

 color: #000000;

 font-family: sans-serif;

}



#mod_sK td.wochenende {

 background-color: #eeeeee; 

 color: #aaaaaa;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.wochentag {

 color: #999999;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.heute {

 background-color: #ff00ff;

 color: #43A0AF;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.belegt {

 background-color: #e3e3ff;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.belegtwe {

 background-color: #bfbfff;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.tangiert {

 background-color: #ffffcc;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.tangiertwe {

 background-color: #ffff99;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }

/*

--------------------------------------------- 

               Termineinausgabe              

--------------------------------------------- 

*/

#mod_te h1 {

    font-size: 150%; 

    color: #000000; 

    margin-bottom: 5px;

}



#mod_te h2 {

    font-size: 120%;

    font-weight: bold; 

    color: #000000; 

    margin-bottom: 5px;

}



#mod_te p {

    font-size: 100%; 

    color: #222222; 

}

/*

--------------------------------------------- 



--------------------------------------------- 

                 Terminliste                  

--------------------------------------------- 

*/

#mod_tlh {

   text-align: left;

}



#mod_tlf {

   text-align: left;

}



#mod_tl table {

   width: 600px; 

   background-color: #ffffff;

   border-collapse: collapse;

}



#mod_tl th {

   width: 100%;

   text-align: left;

   vertical-align: top;

   line-height: 200%;

   background-color: #cacaca;

   margin-top: 5px;

   margin-bottom: 5px;

   padding-left: 5px;

}



#mod_tl td {

   text-align: left;

   vertical-align: top;

   line-height: 130%;

}



#mod_tl a .highlight {

   color: red;

}



#mod_tl .border { 

    border-top:1px solid #000000; 

    border-bottom: 1px solid #000000; 

}



#mod_tl .hell { background-color: #ffffff; }

#mod_tl .dunkel { background-color: #dfdfdf; }

#mod_tl .sp0 { width: 60px; }

#mod_tl .sp1 { width: 85px; }

#mod_tl .sp2 { width: 90px; }

#mod_tl .sp3 { width: 300px; }

#mod_tl .sp4 { width: 100px; }

#mod_tl .einrueck { padding-left: 15px; }

/*

--------------------------------------------- 



--------------------------------------------- 

                 Terminteaser                 

--------------------------------------------- 

*/

#mod_ttl table {

   width: 300px; 

   background-color: #ffffff;

   border-collapse: collapse;

}



#mod_ttl th {

   width: 100%;

   border-top: 1px solid #000000;

   border-bottom: 1px solid #000000;

   text-align:  left;

   vertical-align:  top;

   line-height:  200%;

   background-color: #cacaca;

   margin-top: 5px;

   margin-bottom: 5px;

   padding-left: 5px;

}



#mod_ttl td {

   text-align:  left;

   vertical-align: top;

   line-height: 130%;

}



#mod_ttl .hell { background-color: #ffffff; }

#mod_ttl .dunkel { background-color: #dfdfdf; }

#mod_ttl .sp1 { width: 110px; }

#mod_ttl .sp2 { width: 190px; }



/*

--------------------------------------------- 

              Terminliste Select              

--------------------------------------------- 

*/

#mod_ts {

   width: 600px; 

}

.kopf_left { text-align:left; padding:25px 0 5px 1px;}

