/* 
copyright 2007 Lucie Mackova
*/


/*ALLGEMEINES------------------------------------------*/
* 
     {  
          margin: 0; 
          padding: 0; 
          border: 0; 
     } 
 

html, body 
     { 
          width: 100%; 
          height: 100%;
          padding: 0px;
          margin: 0px;
          background: #FFFFFF url(../pics/bg.gif) repeat;
          text-align: center; 
          font-family: verdana, sans-serif;  
          color: #000000; 
          line-height: 20px;
          font-weight: normal; 
     } 

 
img 
     {  
          border: 1px solid #66cc00;
     }  


ul
     { 
          list-style-image: url(../pics/list_image.gif); 
     }


ul.neu
     { 
          list-style-type: none;
          list-style-image: none;
     }


li
     {
          list-style-position:outside;
          text-align: left; 
          font-family: verdana, sans-serif;  
          color: #000000; 
          line-height: 15px;
          font-weight: normal; 
          font-size: 12px;
          vertical-align: middle;
     }


li.neuigkeiten
     {
          line-height: 15px;
          margin-bottom: 8px;
     }


li.normal
     {
          margin-left: 20px;
          margin-bottom: 15px;
     }


li.navi
     {
          margin-left: 20px;
          margin-bottom: 3px;
     }


.listsubnavi
     {
           list-style-position:outside;
           text-align: left; 
           vertical-align: middle;
           list-style-type: none;
           list-style-image: none;
     }


td
     { 
          padding-top: 5px;
          padding-bottom: 5px; 
          vertical-align: top;
          text-align: left;
          font-family: verdana, sans-serif;  
          color: #000000; 
          font-weight: normal; 
          font-size: 12px;
          line-height: 20px;
      }


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


#schatten
     { 
          width: 100%;
          min-height:900px;
          margin: 0px auto;
          background: url(../pics/schatten.png);  
          background-position: center; 
          background-repeat: repeat-y;  
          background-color: transparent;
     } 


#mainContainer 
     { 
          background: #ffffff;
          width: 800px; 
          min-height:900px;
          margin: 0px auto;
          border-left: 0px solid #CCCCCC;
          border-right: 0px solid #CCCCCC;
          font-size: 12px; 
          text-align: left;
     } 


* html div#mainContainer
     { 
          height:800px; 
     }

 
#header
     { 
          width: 800px; 
          height: 130px; 
          background: url(../pics/header.jpg) no-repeat;
          border-bottom: 3px solid #E5E5E5;
          text-align: left;
     }  


#header_navi 
     {
          width: 400px;
          left: 445px;
          top: 94px;
          position: relative;
     }


* html #header_navi 
     {
          top: 91px;			
     }

 
#content 
     { 
          width: 800px; 
          height: auto;
          background-color: #FFFFFF;
     } 


#navi_box 
     { 
          width: 200px; 
          background-color: #FFFFFF; 
          padding-left: 20px;
          padding-top: 50px;
          float: left;
          height: auto;
          font-size: 12px; 
          font-weight: bold; 
          line-height: 30px;
          text-align: left;
     } 


#login_box 
     { 
          padding-top: 30px;
          float: left;
          height: auto;
          font-size: 12px; 
          font-weight: normal; 
          line-height: 20px;
          text-align: left;
     } 


#text_box 
     {    
          width: 500px; 
          height: auto;
          background-color: #FFFFFF;  
          padding-top: 50px;
          padding-bottom: 40px;
          margin-left: 220px;
     } 


#footer
     {
          width: 800px;
          height: 40px;
          background-color: #FFFFFF;
          border-top: 1px dotted #66CC00;
          font-size: 12px; 
          line-height: 40px;
          margin: 0px auto;
          border-left: 0px solid #CCCCCC;
          border-right: 0px solid #CCCCCC;
          border-bottom: 0px solid #CCCCCC;
     }



/*TEXTFORMATIERUNGEN----------------------------------*/
          

h1  
     { 
          font-size: 18px; 
          font-weight: bold;  
          margin-bottom: 25px;  
          color: #66cc00;
          margin-top: 0px;
          text-align: left;
     } 


h2 
     { 
          font-size: 14px; 
          font-weight: bold; 
          text-align: left;   
          color: #000000;
          text-align: left;
     } 


h3  
     { 
          font-size: 14px; 
          font-weight: bold;  
          margin-bottom: 15px;  
          color: #66cc00;
          margin-top: 0px;
          text-align: left;
     }


h4
     { 
          font-size: 12px; 
          font-weight: bold; 
          color: #66cc00;
          text-align: left;
          margin-bottom: 5px;
     } 


/*LINKFORMATIERUNGEN----------------------------------*/


a.linktext:link,
a.linktext:visited  
     {  
          text-decoration: none; 
          color: #66cc00; 
     } 


a.linktext:hover,
a.linktext:active  
     {  
          text-decoration: underline; 
          color: #66cc00; 
     }  


a.linknavi,
a.linknavi:link,
a.linknavi:visited
     {  
          text-decoration: none; 
          color: #666666; 
     } 

 
a.linknavi:hover,
a.linknavi:active,
a.linknaviaktiv    
     {  
          text-decoration: none; 
          color: #66cc00; 
     }  


a.linksubnavi:link,
a.linksubnavi:visited   
     {  
          text-decoration: none; 
          color: #666666; 
          font-weight: normal;
          line-height: 15px;
     } 
 
 
a.linksubnavi:hover,
a.linksubnavi:active,
a.linksubnaviaktiv 
     {  
          text-decoration: none; 
          color: #66cc00; 
          font-weight: normal;
          line-height: 15px;
     }  


/* NAVI-LINKS */

a.linkstart 
     {  
          background-image: url("../pics/startbutton.jpg");
          background-repeat: no-repeat; 
          display: block;
          width: 112px;
          height: 36px;
          float: left;
     } 
			 
			 
a.linkstart:hover, 
a.linkstart:active
     {   
          background-image: url("../pics/startbutton_hover.jpg");
     }   


a.linkstartactive 
     {  
          background-image: url("../pics/startbutton_hover.jpg");
          background-repeat: no-repeat; 
          display: block;
          width: 112px;
          height: 36px;
          float: left;
     } 


a.linkkontakt
     {  
          background-image: url("../pics/kontaktbutton.jpg");
          background-repeat: no-repeat; 
          display: block;
          width: 112px;
          height: 36px;
          float: left;
     }

			
a.linkkontakt:hover, 
a.linkkontakt:active
     {   
          background-image: url("../pics/kontaktbutton_hover.jpg");
     }  


a.linkkontaktactive  
     {  
          background-image: url("../pics/kontaktbutton_hover.jpg");
          background-repeat: no-repeat; 
          display: block;
          width: 112px;
          height: 36px;
          float: left;
     }


a.linkimpressum
     {  
          background-image: url("../pics/impressumbutton.jpg");
          background-repeat: no-repeat; 
          display: block;
          width: 112px;
          height: 36px;
          float: left;
     } 
			 
			 
a.linkimpressum:hover, 
a.linkimpressum:active
     {   
          background-image: url("../pics/impressumbutton_hover.jpg");
     }   


a.linkimpressumactive 
     {  
          background-image: url("../pics/impressumbutton_hover.jpg");
          background-repeat: no-repeat; 
          display: block;
          width: 112px;
          height: 36px;
          float: left;
     } 


/*KONTAKTFORMULAR----------------------------------*/


td.kontaktformular 
     { 
          font-size:12px; font-family:Verdana,sans-serif; font-weight:bold;
     }


input.kontaktformular 
     { 
          font-size:12px; font-family:Verdana,sans-serif; font-weight:bold;
     }


select.kontaktformular 
     { 
          font-size:12px; font-family:Verdana,sans-serif; font-weight:bold; 
     }


textarea.kontaktformular 
     { 
          font-size:12px; font-family:Verdana,sans-serif; font-weight:bold; 
     }


input.kontaktformular 
     { 
          color:#000000;
     }


select.kontaktformular 
     { 
          color:#000000;
     }


textarea.kontaktformular 
     { 
          color:#000000;
     }


.Bereich 
     { 
          background-color:#FFFFFF; width:280px; border:1px solid #66cc00; margin-left: 20px;
     }


.Feld 
     { 
          background-color:#FFFFFF; width:180px; border:1px solid #66cc00; margin-left: 20px;
     }


.Button 
     { 
          background-color:#66cc00; color:#FFFFFF; font-size:12px; font-family:Verdana,sans-serif; font-weight: bold; width:90px; border:1px solid #66cc00;
     }


.b:hover
     {
      background-color:#66cc00;
     }


.Feldneuigkeiten 
     { 
          background-color:#FFFFFF; width:120px; border:1px solid #66cc00;
     }