/* 1. Allgemeines */


body { margin: 0px; padding: 0px;
	   font: 12px normal Arial, Helvetica, sans-serif;
	   color: #9c9c9c;
	 }
a    { text-decoration: none;
       color: #9c9c9c;
	   outline: none;
     }
ul   { list-style-type: none;
	   margin: 0px; padding: 0px;
	 }
a:hover  { text-decoration: underline;
           color: #1473b4;
		 }
.unselectable { -moz-user-select: none;
				-khtml-user-select: none;
              }
img { border: none }

/* 2. Formatierung des Hauptbereiches */

#wrapper { margin: 0px auto; padding: 0px;	
           width: 980px; height: 630px;
		   position: relative;
         }

/* 2.1. Formatierung Flash */
		 
#flash_content { width: 980px; height: 595px;
				 z-index: 0;
				 outline: none;
				 float: left;
			   }
#flash_content h1 { font: 18px normal Arial, Helvetica, sans-serif;
                    color: #1473B4;
					margin-top: 200px;
					width: 500px;
                  }
#flash_content h1 span { font-weight: bold }


/* 2.2. Formatierung Header */

#logo     { position: absolute; left: 0px; top: 20px;
            z-index: 1;
		    width: 400px;
		  }	
#logo img { position: relative; 
          }
#tweebate { position: relative; 
		  }
#quick_feed  { position: absolute; left: 230px; top: 33px;
               font-size: 10px;
             }
#news_lasche { position: absolute; left: 860px; top: 0px;
			   text-align: center;
			   padding-top: 5px;
			   font-size: 16px; font-weight: bold;
			   color: white;
			   width: 66px; height: 25px;
			   background: url(../img/news_bg.png) no-repeat left top;
			 }
#news_lasche:hover { text-decoration: none; }


/* 2.3. Formatierung Footer */

#footer { width: 980px; height: 17px;
	 	  float: left;
        }

/* 2.3.1. Formatierung SubNavi */

#subnavi      { float: left;	
			    margin-left: 10px;
              }
#subnavi li   { float: left;
			  }
#subnavi li a { display: block;
                line-heigth: 15px;
				float: left;
                padding: 0px 7px;	
				border-left: 1px solid #9c9c9c;    
			  }
#subnavi li .first { border: none;
                     padding-left: 0px;
	               } 

/* 2.3.2. Formatierung Links */

#links      { float: right;
              margin-right: 17px;
            }
#links li   { float: right;
		    }
#links li a { display: block;
			  line-heigth: 15px;
			  text-indent: 20px;
              padding-right: 7px;	
			  border-right: 1px solid #9c9c9c;   
			}
#links li .last  { border: none;
                   margin-left: 7px;
				   padding-right: 0px;
				 }
#twitter  { background: url(../img/twitter_kl.png) no-repeat left top }
#facebook { background: url(../img/fb_kl.png) no-repeat left top }


/* 3. Formatierung Modal Windows */


#dimmer     { width: 100%; height: 100%; 
		      background-color: black;
		      position: absolute; left: 0px; top: 0px;
		      z-index: 2; 		  
		    }
#windows h1 { width: 313px; height: 28px;
              font-size: 18px;
			  line-height: 26px;
			  background: url(../img/headline_bg.png) no-repeat left top;
			  color: white;
			  text-align: center;
			  margin: 8px 0px 0px 66px; padding: 0px;
			}
#windows p  { margin: 0px;
			  width: 415px; height: auto;
              padding: 0px 15px 10px 15px;
             }
			
#feedback, #impressum, #datenschutz, #about 
            { width: 445px; height: 521px;
              background: url(../img/feedback_bg.png) no-repeat left top;
			  position: absolute; left: 50%; top: 60px;
			  margin-left: -245px; 
			  z-index: 3;
			  padding: 0px 28px 0px 24px;
		    }
#windows h3 { color: #1473B4;
			  margin: 10px 0px 10px 15px;
			  font-size: 14px; 
            }
			
.close { width: 15px; height: 15px;
         display: block;
		 overflow: hidden;
		 text-indent: -1000px;
		 background: url(../img/close.png) no-repeat left top;
         position: absolute; right: 20px; top: 15px;
	   }
.close:hover { background: url(../img/close_hover.png) no-repeat left top }


/* 3.1. Formatierung Feedback Window */


#feedback h2 { font-size: 14px;
			   color: #1473B4;
			   margin: 35px 0px 10px 15px;
			   padding: 0px;	 
             }

#feedback p span { line-height: 30px }



/* 3.1.1. Formatierung Feedback Formular */

form  {margin: 0px 0px 0px 15px; padding: 0px;
      }
label {font: bold 14px Arial,Helvetica,sans-serif;
       color: #1473B4;
	  }
input, select, textarea {font: normal 12px Arial,Helvetica,sans-serif;
	        color: #9c9c9c;
	        background-color: #e6e6e6;
	        border: none;
			margin-top: 5px;
			padding-left: 5px; 
	      }
input     { height: 18px; width: 190px; 
            padding-top: 5px;
          }
textarea  { padding: 5px;
			width: 405px; height: 77px;
	      }
select    { height: 24px; width: 195px;
		    padding-top: 3px;
          }
form div  { float: left;
            margin: 15px 0px 0px 0px;
		  }
form span { color: red;
            margin-left: 2px;
			line-height: 14px;
		  }		  
.rechte_divs   { margin-left: 25px; 
			   }
#form_footer   { width: 415px; height: auto;
			     margin: 10px 0px 0px -15px;
				 padding: 0px 15px 15px 15px;
				 /*border-bottom: 1px solid #9c9c9c;*/
			   }
#form_footer p { float: left;
				 width: auto;
				 margin-top: 18px;
				 padding: 0px;
				 border-bottom: none;
				 vertical-align: bottom;
               }
.senden  { background-color: #9c9c9c;
		   font: bold 14px Arial,Helvetica,sans-serif;
		   color: white;
		   line-height: 22px;
		   height: 24px; width: 105px;
		   padding: 0px;
		   float: right;
		 }
.senden:hover { background-color: #1473b4; }

.auswahl { font-style: italic;
           border-bottom: 1px solid #9c9c9c;
		 }
option   { padding: 2px 7px; 
         } 
		 
/* 3.1.1. Formatierung Absendenachrichten */

#meldung, #fehler { width: 415px; height: auto;
					padding: 0px 15px 10px 15px;
                    color: #1473B4;
		            margin-top: 50px;
		          }


/* 3.2. Formatierung Impressum Window */

#impressum h3     { margin: 5px 0px 5px 0px;
	              }
#impressum h3#spe { margin-top: 19px; }
#impressum p      { padding: 0px 0px 10px 0px;
					width: auto; height: auto; 
                  }
#impressum div    { float: left;
					width: 188px; height: auto;
					margin: 30px 0px 0px 15px;
				  }
#impressum #se { margin-left: 53px;
	           }
#impressum h3#sp { margin-bottom: 21px;
	             }			  
/* 3.3. Formatierung Disclaimer Window */

#datenschutz h3.top { margin-top: 35px; }


/* 3.4. Formatierung About Window */


#about h3.top { margin-top: 35px; }