/* --------------------------------------------------- */
/* --------------------- INFOS ----------------------- */
/* css-file by Florian Hilmes | fh-webservices 09/2007 */
/* --------------------------------------------------- */

/* --------------------------------------------------- */
/* -------------------- COLOR-CI --------------------- */
/* --------------------------------------------------- */
/* standardfontcolor:.. #808080 ...................... */
/* maincontentcolor:... #EEEEEE ...................... */
/* framelinecolor:..... #848487 ...................... */
/* lines & backrec:.... #DDDDDD ...................... */
/* orange:............. #EBA803 ...................... */
/* nearwhite:.......... #f8f8f8 ...................... */
/* gray................ #4b4b4b ...................... */
/* --------------------------------------------------- */

/* --------------------------------------------------- */ 
/* -------------------- CSS-FILE --------------------- */
/* --------------------------------------------------- */

/* --------------- HYPER & EMAILLINKS ---------------- */
   a             { text-decoration:none; color:#EBA803; }     /* yellowlink */   
   a:hover       { text-decoration:underline; color:#EBA803;} /* yellowlink underlined onmouseover */
   
   .impcontact   { text-align:right;
                   padding-top:5px;                   	               
	               font-family:tahoma;				   				   
	               font-size:11px;
		           color:#EBA803; }
		           
   img           {
	               border:0px; text-decoration:none;
}		
   
   img:hover     {
	               border:0px; text-decoration:none;
}				           
				   

/* --------------- MAINDESIGN-ELEMENTS --------------- */
body          { margin:0px;padding:0px; }

.center       { text-align:center; }

.hidefocus    { outline:0; -moz-outline:0; }

.prevbody     { background-image:url('../images/outbg.gif');    } /* Allgemeiner-Seitenhintergrund - Hintergrundbild */
   
.topsp        { background-image:url('../images/topsp.gif');    } /* TOP - Hintergrundbild */
   
.topnav       { background-image:url('../images/topnav.gif');   } /* TOP-NAVIGATION - Hintergrundbild */
   
.outbg        { background-image:url('../images/outbg.gif');    } /* Allgemeiner-Seitenhintergrund - Hintergrundbild */
 
.bottombg     { background-image:url('../images/bottombg.gif'); } /* BOTTOM - Hintergrundbild */
  
.topholder    { margin-top:10px;
                margin-bottom:10px; } /* Setzt den MAINCONTENT 15pixel von TOP und BOTTOM ab */
				   	   

/* ------------ BACKGROUNDS & FONTSFORMATSTYLE ------- */
   
   .doorsite {
    border-top:1px solid #848487;
    border-left:1px solid #848487;
    border-right:1px solid #848487;
    border-bottom:1px solid #848487;
    background-color:#3B3B3B; } /* grauer Contenthintergrund */ 
   
   .maincontent {
    border-top:2px solid #848487;
    border-left:2px solid #848487;
    border-right:2px solid #848487;
    border-bottom:2px solid #848487;
    background-color:#DDDDDD; }

   .maincontent1 {background-color:#EEEEEE; }  
   
   .white_rec {
    vertical-align:top;
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding-left:1px;
    padding-right:1px;
    background-color:#FFFFFF; } /* weisser Contenthintergrund */

   .bottomback {
    margin-left:2px;
    margin-right:2px;
    padding-left:2px;
    padding-right:2px;
    background-color:#DADADA; } /* old: #DDDDDD */

   .rec_head { 
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    padding-left:2px;
    background-color:#FFFFFF; }
	
   .prevheadback { background-color:#4b4b4b; }
	
   .prevback {
    text-align:center;
    vertical-align:middle;
    border-top:11px solid #4b4b4b;
    border-left:11px solid #4b4b4b;
    border-right:11px solid #4b4b4b;
    border-bottom:11px solid #4b4b4b;
    padding-left:1px;
    padding-right:1px;
    background-color:#FFFFFF; } /* alternativ: #F8F8F8;


/* ------------------ DESIGN-ELEMENTS ---------------- */ 
/* .................. HOME (home.html) .............. */
   #homepic       { width:340px; height:435px;
                    background-image:url('../images/homepic.jpg');
                    background-repeat:no-repeat;
                    background-color:#DDDDDD; }
				   
   #homezitat     { width:340px; height:50px;
                    background-image:url('../images/homezitat.gif');
		            background-repeat:no-repeat;                   
                    border-right:1px solid #DDDDDD;
                    border-bottom:1px solid #DDDDDD; }
				   
/* .............. SERVICES (services.html) ........... */
   #servicespic   { width:340px; height:404px;
                    background-image:url('../images/servicespic.jpg');
					background-repeat:no-repeat;
                    background-color:#DDDDDD; }				   
				   
   #serviceszitat { width:340px; height:50px;
                    background-image:url('../images/serviceszitat.gif');
					background-repeat:no-repeat;
                    border-right:1px solid #DDDDDD;
                    border-bottom:1px solid #DDDDDD; }
					
/* ............... KONTAKT (kontakt.html) ............. */				   
   #kontaktpic    { width:316px; height:634px;
                    background-image:url('../images/kontaktpic.jpg');
					background-repeat:no-repeat;
                    border-top:1px solid #DDDDDD;
                    background-color:#DDDDDD; }				   
			 
   .impzitat      { text-align:right;
                    padding-bottom:3px;
		            padding-right:1px; }
					
   .line          { padding-top:5px;              
                    padding-left:2px;
		            padding-bottom:4px; }	
									

/* ----------------------- FONTS ---------------------- */
   .fliessdoor   { text-align:center;
	               vertical-align:middle;
	               font-family:tahoma;
	               font-size:13px;
	               font-weight:normal;
	               color:#808080; }
   
   .head         { padding-top:10px;                   
	               padding-left:2px; }	
	          
   .fliess       { text-align:justify;
	               vertical-align:top;
	               font-family:tahoma;
	               font-size:11px;
	               color:#808080;
	               padding-top:6px;
	               padding-left:5px;
	               padding-right:6px;
	               line-height:15px; }	
	                
   .fliesshome   { text-align:justify;
	               vertical-align:top;
	               font-family:tahoma;
	               font-size:11px;
	               color:#808080;
	               padding-top:6px;
	               padding-left:5px;
	               padding-right:6px;
	               line-height:20px; }
				   
   .yellowfliessh {text-align:justify;
	               vertical-align:top;
	               font-family:tahoma;
	               font-size:11px;
	               color:#EBA803;
	               padding-top:6px;
	               padding-left:5px;
	               padding-right:6px;
	               line-height:11px; }					   
				   			   
  .yellowfliessh a:hover {text-align:justify;
	               vertical-align:top;
	               font-family:tahoma;
	               font-size:11px;
	               color:#EBA803;	               
	               line-height:11px;
				   text-decoration:underline }					   			   		                
					
   .yellowfliess { text-align:justify;
	               vertical-align:top;
	               font-family:tahoma;
	               font-size:11px;
	               color:#EBA803;
	               padding-top:6px;
	               padding-left:5px;
	               padding-right:6px;
	               line-height:15px; }	
					
   .yellowfliessb { text-align:justify;
	                vertical-align:top;
	                font-family:tahoma;
	                font-size:11px;
		            font-weight:bold;
	                color:#EBA803;
	                padding-top:6px;
	                padding-left:5px;
	                padding-right:6px;
	                line-height:15px; }	
					
   .yellowb       { font-family:tahoma;
	                font-size:11px;
		            font-weight:bold;
	                color:#EBA803; }															
   			  
   .contactlink   { text-align: justify;
	                vertical-align:top;
                    font-family:tahoma;
	                font-size:11px;	          
	                color:#808080;
	                padding-top:8px;
	                padding-left:4px;
	                padding-right:6px;
	                line-height:18px; }			  
	          
   .copyright     { text-align: right; /* Copyright-Schriftformatierung im BOTTOM (Alle Seiten) */
	                font-family:tahoma;
	                font-size:10px;
	                color:#808080;
	                padding-right:4px; }


/* ------------------- BUTTONS -------------------------*/
/* ............... HOME button (HEAD) ..................*/
   .bt01	          { width:60px; height:25px; }
   .bt01 a:link       { width:60px; height:25px; background:url('../images/buttons/navbuttons/01a.gif'); display:block; }
   .bt01 a:visited    { width:60px; height:25px; background:url('../images/buttons/navbuttons/01a.gif'); display:block; }	
   .bt01 a:active     { width:60px; height:25px; background:url('../images/buttons/navbuttons/01a.gif'); display:block; }
   .bt01 a:hover      { width:60px; height:25px; background:url('../images/buttons/navbuttons/01b.gif'); display:block; }

/* ............ SERVICES button (HEAD) .................*/
   .bt02	          { width:90px; height:25px; }
   .bt02 a:link       { width:90px; height:25px; background:url('../images/buttons/navbuttons/02a.gif'); display:block; }
   .bt02 a:visited    { width:90px; height:25px; background:url('../images/buttons/navbuttons/02a.gif'); display:block; }	
   .bt02 a:active     { width:90px; height:25px; background:url('../images/buttons/navbuttons/02a.gif'); display:block; }
   .bt02 a:hover      { width:90px; height:25px; background:url('../images/buttons/navbuttons/02b.gif'); display:block; }

/* ............. REFERENZEN button (HEAD) ............. */
   .bt03	          { width:97px; height:25px; }
   .bt03 a:link       { width:97px; height:25px; background:url('../images/buttons/navbuttons/03a.gif'); display:block; }
   .bt03 a:visited    { width:97px; height:25px; background:url('../images/buttons/navbuttons/03a.gif'); display:block; }	
   .bt03 a:active     { width:97px; height:25px; background:url('../images/buttons/navbuttons/03a.gif'); display:block; }
   .bt03 a:hover      { width:97px; height:25px; background:url('../images/buttons/navbuttons/03b.gif'); display:block; }

/* ............. KONTAKT button (HEAD) ................ */
   .bt04	          { width:80px; height:25px; }
   .bt04 a:link       { width:80px; height:25px; background:url('../images/buttons/navbuttons/04a.gif'); display:block; }
   .bt04 a:visited    { width:80px; height:25px; background:url('../images/buttons/navbuttons/04a.gif'); display:block; }	
   .bt04 a:active     { width:80px; height:25px; background:url('../images/buttons/navbuttons/04a.gif'); display:block; }
   .bt04 a:hover      { width:80px; height:25px; background:url('../images/buttons/navbuttons/04b.gif'); display:block; }

/* ............. IMPRESSUM button (HEAD) ............... */
   .bt05	          { width:92px; height:25px; }
   .bt05 a:link       { width:92px; height:25px; background:url('../images/buttons/navbuttons/05a.gif'); display:block; }
   .bt05 a:visited    { width:92px; height:25px; background:url('../images/buttons/navbuttons/05a.gif'); display:block; }	
   .bt05 a:active     { width:92px; height:25px; background:url('../images/buttons/navbuttons/05a.gif'); display:block; }
   .bt05 a:hover      { width:92px; height:25px; background:url('../images/buttons/navbuttons/05b.gif'); display:block; }

/* ............. SITEMAP button (HEAD) ............... */
   .sitemap	          { width:22px; height:20px; }
   .sitemap a:link    { width:22px; height:20px; background:url('../images/buttons/sitemap_a.gif'); display:block; }
   .sitemap a:visited { width:22px; height:20px; background:url('../images/buttons/sitemap_a.gif'); display:block; }	
   .sitemap a:active  { width:22px; height:20px; background:url('../images/buttons/sitemap_a.gif'); display:block; }
   .sitemap a:hover   { width:22px; height:20px; background:url('../images/buttons/sitemap_b.gif'); display:block; }

/* ............. EMAIL-LINK - button (HEAD) ............ */
   .email	          { width:22px; height:20px; }
   .email a:link      { width:22px; height:20px; background:url('../images/buttons/email_a.gif'); display:block; }
   .email a:visited   { width:22px; height:20px; background:url('../images/buttons/email_a.gif'); display:block; }	
   .email a:active    { width:22px; height:20px; background:url('../images/buttons/email_a.gif'); display:block; }
   .email a:hover     { width:22px; height:20px; background:url('../images/buttons/email_b.gif'); display:block; }
   
/* ................. ADMIN-LOGIN - button .............. */
   .adminbt           { width:126px; height:24px; }
   .adminbt a:link    { width:126px; height:24px; background:url('../images/buttons/admin_a.gif'); display:block; }
   .adminbt a:visited { width:126px; height:24px; background:url('../images/buttons/admin_a.gif'); display:block; }	
   .adminbt a:active  { width:126px; height:24px; background:url('../images/buttons/admin_a.gif'); display:block; }
   .adminbt a:hover   { width:126px; height:24px; background:url('../images/buttons/admin_b.gif'); display:block; }
   
/* ................. REFERENZEN-DATABASE - button .............. */
   .refbt             { width:242px; height:24px; }
   .refbt a:link      { width:242px; height:24px; background:url('../images/status07_a.gif'); display:block; }
   .refbt a:visited   { width:242px; height:24px; background:url('../images/status07_a.gif'); display:block; }	
   .refbt a:active    { width:242px; height:24px; background:url('../images/status07_a.gif'); display:block; }
   .refbt a:hover     { width:242px; height:24px; background:url('../images/status07_b.gif'); display:block; }
   
/* ................. KUNDEN-DATABASE - button .............. */
   .kdbt              { width:210px; height:24px; }
   .kdbt a:link       { width:210px; height:24px; background:url('../images/status08_a.gif'); display:block; }
   .kdbt a:visited    { width:210px; height:24px; background:url('../images/status08_a.gif'); display:block; }	
   .kdbt a:active     { width:210px; height:24px; background:url('../images/status08_a.gif'); display:block; }
   .kdbt a:hover      { width:210px; height:24px; background:url('../images/status08_b.gif'); display:block; }      

/* ... RADIOBUTTONS - Fontformatierung (Kontaktform) ... */   
   .radiobtntxt       { padding-bottom:10px;
                        padding-left:4px;
		                margin-top:6px;
                        font-family:tahoma;
                        font-size:11px;
		                font-weight:normal;
		                text-decoration:none;
		                text-align:left;
		                color:#808080; } 
   
   .radiobtntxt1      { font-family:tahoma;
                        font-size:11px;
		                font-style:italic;
		                font-weight:normal;
		                text-decoration:none;
		                text-align:left;
		                color:#EBA803; }	
					   
					   
/* ------------- DATENBANKFORMATIERUNG --------------- */

a                { text-decoration:none; color:#EBA803; }     /* yellowlink */
a:hover          { text-decoration:underline; color:#EBA803;} /* yellowlink underlined onmouseover */
		   
.dbhead          { text-align:left;    /* Datenbank Headline (Feldueberschrift) */
	               vertical-align:middle;
	               font-family:tahoma;
	               font-size:11px;
		           font-weight:bold;
	               color:#808080;
	               padding-top:2px;
	               padding-left:2px;
	               padding-right:2px;
		           background-color:#f0f0f0;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; }
				   
.dbheadright     { text-align:right;  /* Datenbank Headline (Feldueberschrift) */
	               vertical-align:middle;
	               font-family:tahoma;
	               font-size:11px;
		           font-weight:bold;
	               color:#808080;
	               padding-top:2px;
	               padding-left:2px;
		           padding-right:2px;
		           background-color:#f0f0f0;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; }	
				   
.dbheadcenter    { text-align:center;  /* Datenbank Headline (Feldueberschrift) */
	               vertical-align:middle;
	               font-family:tahoma;
	               font-size:11px;
		           font-weight:bold;
	               color:#808080;
	               padding-top:2px;
		           padding-left:2px;
		           padding-right:2px;
		           background-color:#f0f0f0;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; }
				   					   
				   
.dbfliess        { text-align:left;  /* Datenbank Fliesstext */
	               vertical-align:middle;
		           font-family:tahoma;
	               font-size:10px;
		           font-weight:normal;
	               color:#808080;	               
	               padding-left:2px;
	               padding-right:2px;				   
		           background-color:#f8f8f8;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; } 			   
			   
				   
.dbfliessright   { text-align:right;  /* Datenbank Fliesstext */
	               vertical-align:middle;
		           font-family:tahoma;
	               font-size:10px;
		           font-weight:normal;
	               color:#808080;	               
	               padding-left:2px;
		           padding-right:2px;
		           background-color:#f8f8f8;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; }	
				   
.dbfliesscenter  { text-align:center;  /* Datenbank Fliesstext */
	               vertical-align:middle;
		           font-family:tahoma;
	               font-size:10px;
		           font-weight:normal;
	               color:#808080;	               
	               padding-left:2px;
		           padding-right:2px;
		           background-color:#f8f8f8;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; } 	
				   
.dbedit          { text-align:left;  /* Datenbank Fliesstext */
	               vertical-align:middle;
		           font-family:tahoma;
	               font-size:10px;
		           font-weight:normal;
	               color:#808080;
		           background-color:#fEE6E8;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; }	
				   
.dbfliessstatus  { text-align:center;  /* Datenbank Fliesstext */
	               vertical-align:middle;
		           font-family:tahoma;
	               font-size:10px;
		           font-weight:normal;
	               color:#00C000;	               
	               padding-left:2px;
		           padding-right:2px;
		           background-color:#f8f8f8;				   
		           border-top:1px solid #DDDDDD;
                   border-left:1px solid #DDDDDD;
                   border-right:1px solid #DDDDDD;
                   border-bottom:1px solid #DDDDDD; } 			   				   				   				   
 					    
					    
/* --------------------------------------------------------------- */
/* -------------------------- FILE END --------------------------- */
/* --------------------------------------------------------------- */