/* Basis-CSS           Website http://www.michael-krause.eu
   Autor:              Michael Krause
   erstellt am:        2006-10-23
   letzte Änderung am: 2016-02-26
   aufgerufen durch:   alle Seiten der Homepage
*/

/* Bereich auf 0 setzen und generelle Styles setzen */

*
   {
      font-family: Verdana, 'Bookman Old Style', Arial, 'Century Gothic', Tahoma, 'Times New Roman', sans-serif ;
      margin:      0;
      padding:     0;
   }

/* Die nachfolgenden Angaben wurde von www.yaml.de aus base.css übernommen */

	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	html { height: 100% } 
	
	body { 
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
/*		min-height: 101%;	*/
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

/* Die vorstehenden Angaben wurde von www.yaml.de aus base.css übernommen */

/* Banner Plan-Deutschland */

#planL
         {            
            position:          absolute ;
			left:              3em ;
            top:               3em ; 
            
         }               

#planR
         {            
            position:          absolute ;
			right:             3em ;
            top:               3em ; 
            
         }               		 

/* Layout - Banner und Inhalt Breite=680px */
   
#banner
         {
            background-color:  #e4f2f4 ;
            background-image:  url(../images/page_banner.png);
            background-repeat: no-repeat ; 
            border-bottom:     1px solid #000000 ;
            border-left:       1px solid #000000 ;
            border-right:      1px solid #000000 ;
            float:             left ; 
            left:              50% ; 
            margin-bottom:     0 ;
            margin-top:        0 ;
            padding-left:      10px ;
            padding-right:     10px ;
            padding-top:       0 ;
            position:          absolute ;
            top:               0 ; 
            width:             680px ; 
            margin-left:       -350px ;
            height:            93px ;
         }               

/* Navigations-Leiste */

#navi_leiste
               {
                  float:       left ; 
                  padding-top: 5px ;
                  position:    absolute ;
                  text-align:  center ;
                  top:         66px ; 
                  width:       660px ;
               }

#navi_leiste ul
                {
                  list-style:  none ;
                }

#navi_leiste li
                { 
                  display:        inline ;
                  padding:        1px ;
                  padding-bottom: 2em ;
                }
                                                 
#navi_leiste li a:link
                       {
                         color:           #006699 ;
                         font-weight:     600 ;                  
                         text-decoration: none ;
                       } 

#navi_leiste li a:visited
                          {
                            color:           #555555 ;
                            font-weight:     600 ;                  
                            text-decoration: none ;
                          }
                   
#navi_leiste li a:focus
                        {
                          color:           #000080 ;
                          font-weight:     600 ;
                          text-decoration: underline  ;      
                        }  

#navi_leiste li a:hover
                        {
                          color:           #000080 ;
                          font-weight:     600 ;                  
                          text-decoration: underline ;      
                        }  

#navi_leiste li a:active
                         {
                           color:           #191970 ;
                           font-weight:     600 ;                                             
                           text-decoration: none ;
                         }                

.top
                     {
                        float:           right ;
                        margin-top:      -1.5em ;
                     }

.topp
                     {
                        float:           right ;
                        margin-top:      1.5em ;
                     }
                     
.top1
                     {
                        float:           right ;
                        margin-top:      -1.0em ;
                     }

.top2
                     {
                        clear:           both  ;
                        float:           right ;
                        margin-top:      1.5em ;
                        width:           680px ;
                     }
                     
                     
/*
#translation
             {
               text-align: center ;
               padding-top: 5px ;
               padding-bottom: 5px ;
               color: #B22222;               
             }
*/
/* Service Seite */

#link1      
         {
            float:         left ;
            height:        200px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;            
         }

#link2 
         {  
            float:         left ;
            height:        200px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                        
         }   

#link3   
         {
            float:         left ;
            height:        95px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                    
         }

#link4
         {  
            float:         left ;
            height:        95px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                    
         }
         
#link5   
         {
            float:         left ;
            height:        75px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                    
         }

#link6
         {  
            float:         left ;
            height:        75px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                    
         }                                       

#wlink1
         {
            float:         left ;
            height:        240px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                                
         }

#wlink2
         {  
            float:         left ;
            height:        240px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                                
         }

#wlink3
         {
            float:         left ;
            height:        140px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                                
         }

#wlink4
         {  
            float:         left ;
            height:        140px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                                
         }                                                         
#wlink5
         {
            float:         left ;
            height:        120px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                                            
         }

#wlink6
         {  
            float:         left ;
            height:        120px ;
            margin-top:    10px ;
            position:      relative ;
            width:         340px ;
            border-bottom: 1px solid #a9a9a9 ;                                                            
         }                                                         
         
#box_free
            {
               clear:         both ;
            }

#xhtml_link
            {
               float:         left ;
               margin-bottom: 10px ;
               margin-top:    10px ;
            }

#extra_box
            {              
               float:         left ;
               margin-bottom: 10px ;
               margin-left:   80px ;
               margin-top:    20px ;
            }            

#extra_box1
            {              
               float:         left ;
               margin-bottom: 10px ;
               margin-left:   40px ;
               margin-top:    20px ;
            }            
    
#extra_box2
            {              
               float:          left ;
               margin-bottom:  10px ;
               margin-left:   130px ;
               margin-top:     17px ;
            }                                    

#extra_box_video
            {              
               float:         left ;
               margin-bottom: 10px ;
               margin-left:   130px ;
               margin-top:    20px ;
            }                        
                        
#css_link
            {
               float:         right ;
               margin-right:  -3px ;
               margin-bottom: 10px ;
               margin-top:    10px ;
            } 
            
#css_link1
            {
               float:         right ;
               margin-right:  -3px ;
               margin-bottom: 10px ;
               margin-top:    10px ;
            }   
                                    
#bookmark_it
             {
               border-top: 1px solid #000000 ;
               clear:         both ;
               float:         left ;
               padding-top:   5px ;
               position:      relative ;
               width:         680px ;
               text-align:    center ;
             }                                 

#bookmarks
             {
               clear:         both ;
               float:         left ;
               padding-top:   5px ;
               padding-bottom:10px ;
               position:      relative ;
               width:         680px ;
               text-align:    right ;
             }                                 
#bookmarks_neu
             {
               clear:         both ;
               float:         left ;
               margin-top:    -26px;
               padding-top:   10px ;
               padding-bottom:10px ;
               position:      relative ;
               width:         680px ;
               text-align:    right ;
             }                                 
             
#google_search
             {
               clear:         both;
               margin-left:   200px ;
               margin-right:  200px ;
               position:      relative;              
               width:         280px ;
               text-align:    center ;
             }                                              
             
#youtube
             {
               clear:         both;
               margin-left:   170px ;
               margin-right:  165px ;
               position:      relative;              
               width:         345px ;
               text-align:    center ;
             }                                              
             
.service_ul
      {
         color:            #006699 ;
         font-size:        95% ;
         line-height:      140% ;
         list-style-image: url(../images/blau_klein.gif) ;
         padding-left:     50px ;
         text-align:       left ;
      }

.sitemap
         {
            padding-top: 10px ;
            padding-bottom: 10px ;
         }

a.sitemap
            {
               font-size:   85% ;
               line-height: 135% ;
            }
ul.sitemap
      {
         color:            #006699 ;
         line-height:      115% ;
         list-style-image: url(../images/blau_klein.gif) ;
         padding-left:     20px ;
         text-align:       left ;
      }

a:link.sitemap
              {
                  color:           #006699 ;              
                  text-decoration: none ;
              } 

a:visited.sitemap
                  {
                     color:           #555555 ;
                     text-decoration: none ;
                  }
                   
a:focus.sitemap
               {
                  color:           #006699 ;
                  text-decoration: none  ;      
               }  

a:hover.sitemap
               {
                  color:           #006699 ;
                  text-decoration: none  ;                        
               }  

a:active.sitemap
               {
                  color:           #006699 ;
                  text-decoration: none  ;                        
               }                                             

#sitemap a:link
              {
                  color:           #006699 ;                  
                  text-decoration: none ;
              } 

#sitemap a:visited
                  {
                     color:           #006699 ;
                     text-decoration: none ;
                  }
                   
#sitemap a:focus
               {
                  color:           #006699 ;
                  text-decoration: none  ;      
               }  

#sitemap a:hover
               {
                  color:           #006699 ;
                  text-decoration: none ;      
               }  

#sitemap a:active
               {
                  color:           #006699 ;
                  text-decoration: none ;
               }                           

.linie
        {
           border:         0px ;
           border-top:     solid 1.5px #006699 ;
           border-bottom:  transparent ;
           height:         0px ;
        }
      

/* Inhaltsbereich */
           
#inhalt
         {

            background-color: #e4f2f4 ;
            border-bottom:    1px solid #000000 ;
            border-top:       1px solid #000000 ;
            border-left:      1px solid #000000 ;
            border-right:     1px solid #000000 ;
            float:            left ;
            margin-bottom:    0 ;
            margin-top:       0 ;
            padding-left:     10px ;
            padding-right:    10px ;
            padding-top:      10px ;
            position:         absolute ;
            top:              93px ;
            left:             50% ;
            width:            680px ;
            margin-left:      -350px ;
         }               

/* Formatierung Bild und Beschreibung über mich */

#mk_bild1
         {

            border:       1px solid #000000 ;
            float:        left ; 
            height:       187px ;
            margin-left:  0 ;
            margin-right: 10px ;
            padding-left: 0 ;
            width:        147px ;
         }

#mk_bild2
         {

            border:       1px solid #000000 ;
            float:        left ; 
            height:       147px ;
            margin-left:  0 ;
            margin-right: 10px ;
            padding-left: 0 ;
            width:        196px ;
         }         

#mk_bild3
         {

            border:       1px solid #000000 ;
            float:        left  ; 
            height:       187px ;
            margin-left:  530px ;
            margin-top:  -187px ;
            width:        147px ;
         }

#mk_inhalt_me
               {
                  font-weight:  700 ;
                  left:         0 ;
                  height:       192px ;
                  text-align:   justify ;
                  top:          20px ;
                  width:        75% ;
               }

#mk_inhalt_me-right
               {
                  clear:        both ;
                  float:        right ;
               }               

#mk_inhalt
            {
               text-align:   justify ;

            }

#mk_inhalt p
            {
               line-height: 130% ;
            }

#mk_inhalt_middle
                  {
                     font-weight: 700 ;
                     padding-top: 35px ;
                  }

#mk_margin
            {
               margin-top: -8px ;
            }                  

.mk_ul
      {
         color:            #006699 ;
         line-height:      130% ;
         list-style-image: url(../images/blau_klein.gif) ;
         padding-left:     25px ;
         text-align:       left ;
      }

.mk_ul a:link
              {
                  color:           #006699 ;                  
                  text-decoration: none ;
              } 

.mk_ul a:visited
                  {
                     color:           #006699 ;
                     font-weight:     400 ;                  
                     text-decoration: none ;
                  }
                   
.mk_ul a:focus
               {
                  color:           #006699 ;
                  font-weight:     bold ;
                  text-decoration: none  ;      
               }  

.mk_ul a:hover
               {
                  color:           #006699 ;
                  text-decoration: underline ;      
               }  

.mk_ul a:active
               {
                  color:           #006699 ;
                  text-decoration: underline ;
               }                           
                                                                                      
#mk_suffix
         {
            color:      #0011ff ;
            font-size:  x-small ;
            text-align: center ;           
         }         

#mk_suffix p
               {
                  text-align: center ;
               }
               
#mk_suffix a
            {
               color:           #0011ff ;
               text-decoration: none ;
            } 
         
#mk_suffix a:link
                  {
                     color:           #0011ff ;
                     text-align:      center ;
                     text-decoration: none ;
                  } 

#mk_suffix a:visited
                     {
                        color:           #0011ff ;
                        font-weight:     400 ;                  
                        text-decoration: none ;
                     }
                   
#mk_suffix a:focus
                  {
                     color:           #0011ff ;
                     font-weight:     bold ;
                     text-decoration: none  ;      
                  }  

#mk_suffix a:hover
                  {
                     color:           #0011ff ;
                     text-decoration: underline ;      
                  }  

#mk_suffix a:active
                  {
                     color:           #0011ff ;
                     text-decoration: underline ;
                  }          
#klein_ul
      {
         color:            #006699 ;
         font-size:        85% ;
         line-height:      120% ;
         list-style-image: url(../images/blau_klein.gif) ;
         padding-left:     17px ;
         text-align:       left ;
      }

ul.service
            {
               color:            #006699 ;
               font-size:        85% ;
               line-height:      130% ;
               list-style-image: url(../images/blau_klein.gif) ;
               padding-left:     17px ;
               text-align:       left ;
            }

/* Definition einzelner Elemente */

body
      {
         background: #dfdfdf ;
      }               
          
h1, h2, h3, h4, h5, h6 
                        {
                           color: #006699 ;
                        }                     
h1
   {
      text-align:     center ;
      font-size:      1.5em ;
      font-weight:    400 !important ;
      margin-bottom:  3px ;
      margin-top:     3px ;
      padding-bottom: 3px ;
      padding-top:    3px ;
   }     
      
h2
   {
      font-size:      1.0em ;
      margin-bottom:  3px ;
      margin-top:     3px ;
      padding-bottom: 3px ;
      padding-top:    3px ;
   }

h3
   {
      font-size:      0.9em ;
      margin-bottom:  2px ;
      margin-top:     2px ;
      padding-bottom: 2px ;
      padding-top:    2px ;
   }

h4
   {
      font-size:      0.8em ;
      margin-bottom:  1px ;
      margin-top:     0px ;
      padding-bottom: 1px ;
      padding-top:    0px ;
   }   

.mk_hr
         {
            margin-bottom: 4px ;
            margin-top:    4px ;
         }

                        
hr
   { 
       background-color: #a9a9a9 ;
       color:            #a9a9a9 ;
       height:           2px ;
   }
   
p
  {
      margin-bottom:  5px ;
      margin-top:     5px ;
      padding-bottom: 5px ;   
      line-height:    125% ;
      text-align:     justify ;
      
  }

.fett
      {
         font-weight: 700 ;
      }

.klein
         {
            font-weight: 200 ;
            font-size:   0.8em ;
         }      
                                                           
.zentriert
         {
           text-align: center ;
         }
         
.klein_mitte
         {
            font-size: 80% ;
            text-align: center !important ;
         }         

.rechts
        {
          text-align: right ;
        } 
               
#impressum

            { font-size: 75%
            }

.zeichenabstand_groesser
                           {
                              letter-spacing: 0.1em ;
                           }      
                 
a
   {
      text-decoration: underline ;
   }
      
a:link
      {
         color:           #006699 ;                  
         text-decoration: none ;
      } 

a:visited
         {
            color:           #797979 ;
            font-weight:     400 ;                  
            text-decoration: none ;
         }
                   
a:focus
         {
            color:           #00008B ;
            text-decoration: none  ;      
         }  

a:hover
         {
            color:           #800000 ;
            text-decoration: underline ;      
         }  

a:active
         {
            color:           #191970 ;
            text-decoration: underline ;
         }