/* DATEI: wag.css */
html { 
    overflow-y      :   scroll;
} /* permanenter scrollbalkenbereich, um ein hin- und herspringen der site zu verhindern */

body { 
    margin          :   0 0 0 0;    
}
.bg {
    background-color    :   #C4B94C;    
    background-image    :   url(../upload/hin/wag.png);
    background-repeat   :   no-repeat;
    background-position :   center 20px;
}
.bgweiss {
    background-color:   #FFFFFF;
}
.bgbraun {
    background-color:   #735F38;
}
.bgrot {
    background-color:   #CC3333;
}
#seitenbereich {    
    position            :   absolute;
    left                :   50%;
    top                 :   0;  
    width               :   1040px; 
    margin              :   0 0 0 -520px;
}
#anfang {
    position        :   absolute;
    left            :   0;
    top             :   0; 
}
#logobereich {
    position        :   absolute;
    left            :   80px;
    top             :   10px;
    margin          :   0 0 0 0;
    width           :   650px;
    height          :   160px;
    z-index         :   5;  
}
#logostartbereich {
    position        :   absolute;
    left            :   80px;
    top             :   160px;
    margin          :   0 0 0 0;
    width           :   650px;
    height          :   560px;
    z-index         :   5;  
}
#textstartbereich {
    position        :   absolute;
    left            :   80px;
    top             :   680px;
    margin          :   0 0 0 0;
    width           :   650px;
    height          :   120px;
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal;     
    color           :   #CC3333;
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    text-align      :   left;
    background-image    :   url(hin/blau50.png);    
    z-index         :   5;  
}
#navbereich {
    position        :   absolute;
    left            :   20px;
    top             :   295px;
    margin          :   0 0 0 0;    
    width           :   230px;
    height          :   auto;   
    text-align      :   left;
    color           :   #1F612C;    
    font-size       :   12pt;
    font-weight     :   normal;
    font-style      :   normal;
    line-height     :   1.5em;
    z-index         :   2;
}
#bildrechtsbereich {
    position            :   absolute;
    left                :   740px;
    top                 :   0;
    margin              :   0 0 0 0;
    padding             :   0 0 0 0;
    width               :   395px;
    height              :   auto;
    min-height          :   2000px;
    background-color    :   #735F38;    
    z-index             :   3;
}
#bildstreifen {
    position            :   relative;
    left                :   0;
    width               :   395px;
    height              :   245px;
    margin              :   0 0 0 0;
    padding             :   0 0 5px 0;
    background-color    :   #735F38;    
}
#contentbereich {
    position        :   absolute;
    left            :   260px;
    top             :   200px;
    margin          :   0 0 0 0;    
    width           :   480px;
    height          :   auto;   
    text-align      :   left;
    z-index         :   2;
}
#adressbereich {
    position        :   relative;
    left            :   0;
    top             :   0;
    margin          :   0 0 0 0;
    padding         :   10px;   
    width           :   375px;
    height          :   auto;   
    font-size       :   11pt; 
    font-weight     :   regular;
    font-style      :   normal;
    color           :   #DDDDDD;
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    text-align      :   left;
    z-index         :   5;  
}

#artikel {
    position        :   relative;
    left            :   0;
    top             :   0;
    margin          :   0 0 0 0;
    padding         :   5px 10px 5px 10px;
    width           :   460px;
    height          :   auto;
    background-image    :   url(hin/gruen60.png);    
    text-align      :   left;
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal;     
    color           :   #333333;
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    z-index         :   2;
}
#contentmitbildbereich {
    position        :   absolute;
    left            :   260px;
    top             :   200px;
    margin          :   0 0 0 0;    
    width           :   875px;
    height          :   auto;
    text-align      :   left;
    z-index         :   4;
}

#artikelmitbild {
    position        :   relative;
    width           :   875px;
    height          :   250px;
    margin          :   0 0 0 0;
    background-image    :   url(hin/gruen60.png);    
/*      clear           :   left; */
}
#bild {
    position            :   relative;
    left                :   0;
    width               :   395px;
    height              :   245px;
    margin              :   0 0 0 0;
    padding             :   0 0 5px 0;
    background-color    :   #735F38;
    float               :   right;  
}
#textzubild {
    position        :   relative;
    width           :   460px;
    height          :   auto;   
    margin          :   0 0 0 0;
    padding         :   10px 10px 10px 10px;
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal;     
    color           :   #333333;
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    text-align      :   left;   
}
#rechts   {
    position        :   relative;
    right           :   0;
}
#upfixed   {
    position            :   fixed;
    right               :   50%;
    bottom              :   20px; 
    width               :   625px;   
    height              :   20px;     
    margin              :   0 -1240px 0 0;
    padding             :   0 415px 0 0;
    z-index             :   5;
}
#up   {
    position        :   relative;
    left            :   0;
    top             :   0;
    width           :   375px;
    height          :   40px;
    margin          :   0;  
    padding         :   0 10px 0 10px;  
    z-index         :   5;
}

/* class-elemente */
a, p, h1, h2, h3, h4, ul, ol, li, div, td, th, address, blockquote, nobr, b, i, form { 
    font-family     :   Arial, Helvetica, sans-serif;
}
p, ul, ol, li, div, td, th, address, nobr, form { 
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal;
    color           :   #333333;
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   0 0 0.5em 0;
}
.titel {    
    font-size       :   14pt; 
    font-weight     :   normal;
    font-style      :   normal;
    text-transform  :   uppercase;  
    text-align      :   left;
    color           :   #1F612C;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   0 0 8px 0;
    padding         :   0;
}
.untertitel {   
    font-size       :   11pt; 
    font-weight     :   bold;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #1F612C;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   0 0 0 0;
    padding         :   0;
}
.untertitelblau {   
    font-size       :   11pt; 
    font-weight     :   bold;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #0066B0;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   8px 0 0px 0;
    padding         :   0;
}
.untertitelgruen {  
    font-size       :   11pt; 
    font-weight     :   bold;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #1F612C;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   8px 0 0px 0;
    padding         :   0;
}
.text { 
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #333333;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   0 0 8px 0;
    padding         :   0;
}
.adresse {  
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #DDDDDD;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   0 0 8px 0;
    padding         :   0;
}
.zitat {    
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #1F612C;    
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    margin          :   0 0 8px 0;
    padding         :   0;
}
.sitemap1 { 
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #333333;    
    letter-spacing  :   0.1em;
    line-height     :   1em;
    margin          :   0 0 0 0;
    padding         :   0 0 0 20px;
}
.sitemap2 { 
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal; 
    text-align      :   left;
    color           :   #333333;    
    letter-spacing  :   0.1em;
    line-height     :   1em;
    margin          :   0 0 0 0;
    padding         :   0 0 0 40px;
}
.ul{ 
    font-size       :   11pt; 
    font-weight     :   normal;
    font-style      :   normal;
    color           :   #333333;
    letter-spacing  :   0.1em;
    line-height     :   1.2em;
    text-align      :   left;
    list-style-image:   url(bilder/aufzaehlung.png);    
    margin          :   0 0 0 0;
    padding         :   0;  
}
.li{ 
    margin          :   8px 0 0 0;
}   
.vertikal { 
    padding         :   5px 0 0 0;  
}
.horizontal { 
    padding         :   0 5px 0 0;  
}
.rechts{ 
    text-align      :   right;
    margin          :   0 0 0 0;    
    padding         :   0 5px 5px 0;    
}

/* hyperlinks-elemente */
a:link { 
    color           :   #0066B0;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;      
}
a:visited { 
    color           :   #0066B0;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;          
}
a:active { 
    color           :   #2288D2;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;          
}
a:hover { 
    color           :   #2288D2;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;  
}
a.rot:link { 
    color           :   #CC3333;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;      
}
a.rot:visited { 
    color           :   #CC3333;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;          
}
a.rot:active { 
    color           :   #EE5555;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;          
}
a.rot:hover { 
    color           :   #EE5555;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;  
}
a.gruen:link { 
    color           :   #1F612C;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;      
}
a.gruen:visited { 
    color           :   #1F612C;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;          
}
a.gruen:active { 
    color           :   #41824E;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;          
}
a.gruen:hover { 
    color           :   #41824E;
    font-weight     :   normal; 
    text-decoration :   none; 
    font-size       :   11pt; 
    font-style      :   normal;
    line-height     :   1.2em;  
}
.menulink,
.menulink1 {
    font-family     :   Delima MT Std, Book Antiqua, Arial, Helvetica, sans-serif;
    display         :   block; 
    height          :   20px;
    width           :   220px;
    margin          :   5px 0 5px 0;
    padding         :   0 5px 0 5px;
    text-align      :   left;
    vertical-align  :   middle;
    font-size       :   12pt;
    font-weight     :   bold;   
    text-decoration :   none;
    text-transform  :   uppercase;
}
.menulink:link,
.menulink1:link {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;                           
}
.menulink:visited,
.menulink1:visited {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;           
}
.menulink:hover,
.menulink1:hover {
    font-size       :   12pt;   
    color           :   #DDDDDD;
    font-weight     :   bold;       
}
.menulink:active,
.menulink1:active {
    font-size       :   12pt;   
    color           :   #DDDDDD;
    font-weight     :   bold;           
}
.submenulink,
.menulink2 {
    font-family     :   Delima MT Std, Book Antiqua, Arial, Helvetica, sans-serif;
    display         :   block; 
    height          :   20px;
    width           :   200px;
    margin          :   5px 0 5px 20px;
    padding         :   0 5px 0 5px;
    text-align      :   left;
    vertical-align  :   middle;
    font-size       :   12pt;
    font-weight     :   bold;   
    text-decoration :   none;
    text-transform  :   uppercase;
}
.submenulink:link,
.menulink2:link {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;                           
}
.submenulink:visited,
.menulink2:visited {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;           
}
.submenulink:hover,
.menulink2:hover {
    font-size       :   12pt;   
    color           :   #DDDDDD;
    font-weight     :   bold;       
}
.submenulink:active,
.menulink2:active {
    font-size       :   12pt;   
    color           :   #DDDDDD;
    font-weight     :   bold;           
}
.menulinkrot {
    font-family     :   Delima MT Std, Book Antiqua, Arial, Helvetica, sans-serif;
    display         :   block; 
    height          :   20px;
    width           :   220px;
    margin          :   5px 0 5px 0;
    padding         :   0 5px 0 5px;
    text-align      :   left;
    vertical-align  :   middle;
    font-size       :   12pt;
    font-weight     :   bold;   
    text-decoration :   none;
    text-transform  :   uppercase;
}
.menulinkrot:link {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;                           
}
.menulinkrot:visited {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;           
}
.menulinkrot:hover {
    font-size       :   12pt;   
    color           :   #CC3333;
    font-weight     :   bold;       
}
.menulinkrot:active {
    font-size       :   12pt;   
    color           :   #CC3333;
    font-weight     :   bold;           
}
.menulinkgruen {
    font-family     :   Delima MT Std, Book Antiqua, Arial, Helvetica, sans-serif;
    display         :   block; 
    height          :   20px;
    width           :   220px;
    margin          :   5px 0 5px 0;
    padding         :   0 5px 0 5px;
    text-align      :   left;
    vertical-align  :   middle;
    font-size       :   12pt;
    font-weight     :   bold;   
    text-decoration :   none;
    text-transform  :   uppercase;
}
.menulinkgruen:link {
    font-size       :   12pt;   
    color           :   #CC3333;
    font-weight     :   bold;                           
}
.menulinkgruen:visited {
    font-size       :   12pt;   
    color           :   #CC3333;
    font-weight     :   bold;           
}
.menulinkgruen:hover {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;       
}
.menulinkgruen:active {
    font-size       :   12pt;   
    color           :   #1F612C;
    font-weight     :   bold;           
}
.menulinkblau {
    font-family     :   Delima MT Std, Book Antiqua, Arial, Helvetica, sans-serif;
    display         :   block; 
    height          :   20px;
    width           :   220px;
    margin          :   5px 0 5px 0;
    padding         :   0 5px 0 5px;
    text-align      :   left;
    vertical-align  :   middle;
    font-size       :   12pt;
    font-weight     :   bold;   
    text-decoration :   none;
    text-transform  :   uppercase;
}
.menulinkblau:link {
    font-size       :   12pt;   
    color           :   #CC3333;
    font-weight     :   bold;                           
}
.menulinkblau:visited {
    font-size       :   12pt;   
    color           :   #CC3333;
    font-weight     :   bold;           
}
.menulinkblau:hover {
    font-size       :   12pt;   
    color           :   #0066B0;
    font-weight     :   bold;       
}
.menulinkblau:active {
    font-size       :   12pt;   
    color           :   #0066B0;
    font-weight     :   bold;           
}