/*************************************  Schrift generell  *************************************/

h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {
	font-family: Tahoma, Geneva, sans-serif;
}

h1, h2 { 
    text-align:center; 
    border-bottom:4px double; 
    border-color:#808080; 
    padding-bottom:4px; 
    margin:0px; 
}
   
h3, h4 { 
    text-align:center; 
    margin:0px; 
}   

.unterstrich {
	text-decoration: underline;
}

.fett {
	font-weight:bold;
}

.linksbuendig {
	text-align: left;
}

.rechtsbuendig {
	text-align: right;
}

.zentriert {
	text-align: center;
}

.blocksatz {
	text-align: justify;
}


/********************************************   DIVs    ****************************************/    
body {
	width: 100%;
	height: 100%;
	margin: 0px;
}

/* Hauptinhaltsfeld: */
#main {
	float:middle;
	width: 87,5%;
	height: 70%;
    border-width:3px;
    border-style:solid;
    border-color:#808080;
    overflow: hidden;
    background:white;
    padding-left: 2%; 
    padding-right: 2%; 
    padding-bottom: 5px; 
    padding-top: 0px; 
    margin-left:4%; 
    margin-right:4%; 
    margin-bottom:2%;    
    }

/* Seitenmenue: */
#menu {
	float:left;
	width: 20%;
	height: 100%;
    text-align:center;
    overflow: hidden;
    background:white;
    background:white;
    padding-left: 1%; 
    padding-right: 1%; 
    padding-bottom: 10px; 
    padding-top: 10px; 
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    margin-top:2%;
    margin-left:0%; 
    margin-right:0%; 
    margin-bottom:10%; 
}

/* Subinhalt: */
#content {
	float:right;
	width: 65%;
	height: 80%;
	text-align:center;
    overflow: hidden;
    background:white;
    background:white;
    padding-left: 4%; 
    padding-right: 4%; 
    padding-bottom: 10px; 
    padding-top: 5px; 
    margin-top:2%;
    margin-left:0%; 
    margin-right:0%; 
    margin-bottom:0%; 
}

/* Container: */
#container {
    padding: 0; 
    margin:0; 
    border:1px;
}

/* Kopfleiste: */
#top {
    padding: 0; 
    margin-left:4%; 
    margin-right:4%;
    position:relative; 
}

/* Fussleiste: */
#footer {
    background:#C3C3C3;
    padding: 1%; 
    margin-left:4%; 
    margin-right:4%; 
}  
   

/*************************************    Links: ******************************************/

a:link { 
    text-decoration:none; 
    font-weight:bold; 
    color:#000000; 
}
  
a:visited { 
    text-decoration:none; 
    font-weight:bold; 
    color:#000000;
}
  
a.links:hover { 
    text-decoration:none; 
    font-weight:bold; 
    background-color:#808080; 
}  


/**************************************    Tabellen: **************************************/

table { 
    margin:auto;       
    border-width:1px;
    border-style:solid;
    border-color:#bbbbbb;
    background-color:#ffffff;
    border-spacing:1px;
    
}

td { 
    border:1px solid #bbbbbb; 
    vertical-align:middle; 
    overflow:hidden; 
    padding:5px;
}

/* Tabellen klein: */
.klein {   
    text-align:right;
    border:none;  

}       

/* Tabellenspalten klein: */
.kleins {
    text-align:right;
    padding:0px;
    padding-right:10px;
    border:none;
}

/* Tabellenzeilen klein: */
.kleinz {
    border:none;       
}


/****************************************   Sonstiges   ************************/

/* Listen: */
li {
    margin: 10px;
    
}
 
 /* Farbe im Body: */
body {
    /*background-image: url(../grafiken/hintergrund3.png); */
    background-color:#DCDCDC;
}

    
/***********************************   Bilder   **********************************/                            

img.logo {
	width: 22%;	
}

img.category {
	width: 13%;
}	

a img { 
    border: 0; 
	
}

a img:hover {
	outline: 1px solid black;
}


/***********************************   Cookies   **********************************/    

#footer-cookie,
    #footer-cookie * {
      box-sizing: border-box;
    }

    #footer-cookie {
      display: none;
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 60px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 60px;
      background: #303030;
      color: #fff;
    }
    
    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: right;
    }

    #footer-cookie #accept a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    @media (max-width: 1200px) {
      #footer-cookie {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: inherit;
        height: auto;
      }

      #footer-cookie #description {
        width: 100%;
      }

      #footer-cookie #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }
    }