/********************************************/
/*                    schrein.com           */
/*                    technology consulting */
/*                    Hildastraße 33        */
/*                    D76297 Stutensee      */
/*                                          */
/*        CSS - Styles                      */  
/*                                          */
/*             bergwacht.de,                */
/*             bergwacht-schwarzwald.de     */
/*                                          */
/********************************************/

/********************************************/
/*               General                    */
/********************************************/
body { font-family: Verdana, Arial, Helvetica;
       font-size: 12px;
       color: #000000;
       background-color: #ffffcc; }

/********************************************/
/*              Main Layout                 */
/********************************************/

table.main 
{ 
  table-layout:fixed;
  width: 950px;
}

td.topup { width: 950px;
         height: 16px;

         border: none;
         
         font-family: Verdana, Arial, Helvetica, sans_serif;
         font-size:10px;
         color: black;
         vertical-align: bottom; 
         text-align: right; }


td.top { width: 950px;
         height: 150px;
         background: #ffffcc;
         
         font-family: Verdana, Arial, Helvetica, sans_serif;
         font-size: 12px;
         color: #304A97;
         vertical-align: bottom; 
         text-align: left; }

table.topdown-tab
       { width: 950px;
         height: 20px;
         background: #dddddd;
         border-right:  solid 1px #666666;
         border-left:   solid 1px #666666;
         border-bottom: solid 1px #666666;
         padding-left:  8px;
         font-family: Verdana, Arial, Helvetica, sans_serif;
         font-size:13px;   
         color: black;
         vertical-align: middle; 
         text-align: right; 

         
       }

td.topdown
       { width: 940px;
         height: 20px;
         background: #dddddd;
        
         padding-left:  8px;
         font-family: Verdana, Arial, Helvetica, sans_serif;
         font-size:13px;   
         color: black;
         vertical-align: middle; 
         text-align: left; 

       }

td.left 
{ 
  width: 248px;
  height: 500px;
  padding-top: 15px;
  padding-left:  0px;
  vertical-align: top;

  background: #ffffee;
  border-right: solid 1px #666666; 
  border-left: solid 1px #666666;   
  font-family: Verdana, Arial, Helvetica, sans_serif;
  font-size: 11x;
  color: #000000;
  
}


table.left-navitab 
{ 
  width: 240px;

  padding-left:  8px;
  vertical-align: top;

  background: #ffffee;
  color: #000000;

  font-family: Verdana, Arial, Helvetica, sans_serif;
  font-size: 11x;
}



td.right { width: 195px;
           height: 500px;
           
           background: #ffffee;
           
           border-left: solid 1px #666666;
           
           font-family: Verdana, Arial, Helvetica, sans_serif;
           font-size: 12px;
           color: #000000;
           vertical-align: top;}

td.content 
{
  width: 670px;
  height: 500px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 14px;
  vertical-align: top;

  background: #ffffee;
  color: #000000;
             
  border-right: solid 1px #666666; 
             
  font-family: Verdana, Arial, Helvetica, sans_serif;
  font-size: 12px;
}

td.bottom 
{ 
  width: 950px;
  height: 16px;
  padding-left: 11px;
  text-align: center;
          
  background: #dddddd;
          
  border: solid 1px #666666; 
                  
  font-family: Verdana, Arial, Helvetica, sans_serif;
  font-size: 10px;
  color: black;
  vertical-align: middle;
}

/********************************************/
/*                Navigation                */
/********************************************/
a.navinactive:link    { font-weight: normal; font-style: normal; color: blue; text-decoration: none; }
a.navinactive:visited { font-weight: normal; font-style: normal; color: blue; text-decoration: none; }
a.navinactive:focus   { font-weight: normal; font-style: normal; color: blue; text-decoration: underline; }
a.navinactive:hover   { font-weight: normal; font-style: normal; color: blue; text-decoration: underline; }
a.navinactive:active  { font-weight: normal; font-style: normal; color: green; text-decoration: none; }

a.navactive:link    { font-weight: normal; font-style: normal; color: red; text-decoration: none; }
a.navactive:visited { font-weight: normal; font-style: normal; color: red; text-decoration: none; }
a.navactive:focus   { font-weight: normal; font-style: normal; color: blue; text-decoration: none; }
a.navactive:hover   { font-weight: normal; font-style: normal; color: blue; text-decoration: none; }
a.navactive:active  { font-weight: normal; font-style: normal; color: green; text-decoration: none; }

a.bottomlink:link    { font-weight: normal; font-size: 10px; font-style: normal; color: black; text-decoration: none; }
a.bottomlink:visited { font-weight: normal; font-size: 10px; font-style: normal; color: black; text-decoration: none; }
a.bottomlink:focus   { font-weight: normal; font-size: 10px; font-style: normal; color: black; text-decoration: underline; }
a.bottomlink:hover   { font-weight: normal; font-size: 10px; font-style: normal; color: black; text-decoration: underline; }
a.bottomlink:active  { font-weight: normal; font-size: 10px; font-style: normal; color: black; text-decoration: none; }

a:link    { font-style: plain; color: blue; text-decoration: underline;      cursor: hand;}
a:visited { font-style: plain; color: red; text-decoration: underline;      cursor: hand;}
a:focus   { font-style: plain; color: blue; text-decoration: underline; cursor: hand;}
a:hover   { font-style: plain; color: blue; text-decoration: underline; cursor: hand;}
a:active  { font-style: plain; color: green; text-decoration: underline;      cursor: hand;}

/********************************************/
/*                Content                   */
/********************************************/
div.contentborder { border: dashed 1px black;
                    padding: 4px;
                    margin-bottom:5px;

                    font-family: Verdana, Arial, Helvetica, sans_serif;
                    font-size: 12px;
                    color: #000000;
                    vertical-align: top; }

h1 { font-family: Verdana, Arial, Helvetica, sans_serif;
     font-size: 24px;
     color: #666666;
     font-weight: bold; }

h2 { font-family: Verdana, Arial, Helvetica, sans_serif;
     font-size: 18px;
     color: #666666;
     font-weight: bold; }

h3 { font-family: Verdana, Arial, Helvetica, sans_serif;
     font-size: 12px;
     color: #666666;
     font-weight: bold; }

h4 { font-family: Verdana, Arial, Helvetica, sans_serif;
     font-size: 12px;
     color: #444444;
     font-weight: bold; 
     line-height:12px;
   }

img { border: none 1px; }

/* right side general news */
div.generalnewstitle { background: #CCCCCC;

	               border-top: solid 1px white;
                       border-bottom: solid 1px white;
              
                       padding:5px;
                       
                       font-weight: bold;
                       color: #304A97; }

div.generalnewsteaser { padding:5px; 
                        margin-bottom: 5px;}


/********************************************/
/*                  Forms                   */
/********************************************/
input { border: solid 1px #aaaaaa; 
	font-family: Verdana, Arial, Helvetica, sans_serif;
        font-size: 10px;
        color: #aaaaaa; }

input[type='text'] { border: solid 1px #304A97; 
	             font-family: Verdana, Arial, Helvetica, sans_serif;
                     font-size: 11px;
                     color: #304A97; }

input[type='password'] { border: solid 1px #304A97; 
	                 font-family: Verdana, Arial, Helvetica, sans_serif;
                         font-size: 11px;
                         color: #304A97; }

textarea { border: solid 1px #304A97;
           font-family: Verdana, Arial, Helvetica, sans_serif;
           font-size: 11px;
           color: #304A97; }

button { border: solid 1px #304A97;
         background: #ffffff;

         font-family: Verdana, Arial, Helvetica, sans_serif;
         font-size: 11px;
         color: black; }

.label { color: #304A97; 
         font-weight: bold; }

/********************************************/
/*              Poll                        */
/********************************************/

td.poll { width: 195px;
        
          background: #B3BFE6;
              
          font-family: Verdana, Arial, Helvetica, sans_serif;
          font-size: 12px;
          color: #000000;
          vertical-align: top;}



/********************************************/
/* News-Classes, noch von OC5               */
/********************************************/
table.news_body     { border-collapse: collapse; margin-top: 15px; }
td.news_body_title  { color: #333333; font-size: 13px; font-weight: bold; background-color: #DDDDDD; padding: 3px; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; }
td.news_body_date   { background-color: #DDDDDD; padding: 3px; vertical-align: top; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; text-align: right; }
td.news_body_text   { padding-top: 3px; }
td.news_body_teaser	{ padding-top: 3px; }

td.news_archive_title 	{ color: #ffcc00; font-size: 13px; font-weight: bold; background-color: #F6F6F6; padding: 3px; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; }