/* CSS Document */
* {box-sizing: border-box;}
* 
body {margin: 0;
background-color:#F3FAFE;}


/* Style the header */
.header {
  background-color:;
  padding: 0px;
  text-align: center;
}

/* Style the top navigation bar */
.topnav {
  margin:-4px 0px 0px 0px;
  overflow: hidden;
  background-color: #97cff5;
}


/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #5A3D16;
  font-size:0.9em; 
  font-weight:bold;
  text-align: center; 
  padding: 10px 5px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #fff;
  color: #e28a55;
}

/* Change color on hover */
h1:hover {
  background-color: #fff;
  color: #e28a55;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 0px 10px 0px 10px;
    z-index: 20;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  padding-left:4px;
  width: 5%;
}

/* Right column */
.rightcolumn {
  float: right;
  width: 5%;
  padding-right: 4px;
}

/* Left and right column */
.column.side {
  width: 50%;
  z-index: 20;
  margin-left: 0%;
  padding:0 5% 0 5%;
}


/* Left and right innen column */
.column.in {
  width: 48%;
  z-index: 20;
  margin:0.1%;
  padding:5px
  border: 3px solid white;
  box-shadow: 8px 8px 8px #aaaaaa;
  border-radius: 25px;
  padding:0 0 0 0;
}

/* Left and right column */
.column.fenster {
  width: 33%;
  z-index: 20;
  border: 0px solid white;
  border-radius: 25px;
  margin:10px 10px 10px 10px;
  padding:10px 10px 10px 10px;
}

/* Left and right innen column WHITE */
.column.white {
  width: 48%;
  z-index: 20;
  margin: 1%;
  background-color: white; 
  border: 3px solid white;
  border-radius: 25px;
  padding:0 0 0 0;
}
.column.white-2{
  width: 100%;
  z-index: 20;

  background-color: white; 
  border: 3px solid white;
  border-radius: 25px;
  padding:0 0 0 0;
}
/* Middle column */
.column.middle {
  width: 90%;
      z-index: 20;
      position:relative; margin:auto; top:0px; left:0px; right:0px; height:100%;
  padding:0px 4px 0px 4px;
}

/* Middle column */
.column.middle2 {
  width: 80%;
      z-index: 20;
      position:relative; margin:auto; top:0px; left:0px; right:0px; height:100%;
  padding:0 10% 0 10%;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
      z-index: 10;
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
 .column.side, .column.middle, .column.middle2, .column.in, .column.white, .column.fenster {
    width: 100%;
  }
}

/* Style the footer */
.footer {
  background-color: #97cff5;
  padding: 2px;
  text-align: center;
}

/* Style the article */
article {  
    float: center;
    width: 98%;
  padding: 10px 5px;
  margin: auto;
  border: 0px solid #fff;
}

/* -- header -- */
.stempel {margin height:0; margin width:0; top:2px; position:absolute; left:1.5%; width:100px; height:100px; z-index:40; }
.top {margin height:0; margin width:0; position:relative; top:-100; z-index:40; }
/*header*/

/* -- box -- */
div.leftbox {
  float: left;
    width: 50%;
  padding: 10px 30px;
  margin: auto;
  border: 0px solid #fff;
}

div.rightbox {
  float: right;
  width: 50%;
  padding: 10px 30px;
  margin: auto;
  border: 0px solid #fff;
}

#image {background-color:#F3FAFE; margin:auto; valign:top; padding: auto; display: block; position:relative; width:90%; overflow:auto; border:0px; border-radius: 5px; border-style: solid; z-index:20; } 

/* -- /box -- */

/* -- fonts -- */
.sizeem  {font-size:0.9em; font-family: ARIAL,Georgia,Times New Roman,sans-serif; vertical-align:0 px; text-align:center;}
.sizeem1 {font-size:0.8em; vertical-align:0 px; color: #5A3D16; text-align:center;}
.sizeem2 {font-size:1.4em; font-weight:bold; font-family: Georgia,Times New Roman,sans-serif,ARIAL; text-align:left; margin: -30px 0px 20px 0px;}
.size-p {font-size:1.0em; font-family: ARIAL,Georgia,Times New Roman,sans-serif; vertical-align:0 px; color: #5A3D16; text-align:left;}
.rechtsbuendig {text-align: right;}
.linksbuendig {text-align: left;} 
.blocksatz {text-align: justify;}
.center {text-align: center;}
.white1 {color: white;}
.black {color: black;}

h1 {
  display: block;
  color: #5A3D16;   
  font-size:1.0em; 
  font-weight:bold;
  text-align: center; 
  padding: 14px 16px;
  text-decoration: none;
}

h2	{
font-family:ARIAL,Georgia,Times New Roman,sans-serif,DS SHOLOM;
    	font-size:16px; text-align: center;
    	color:#5A3D16;    	
    	text-ident:lem;
      margin: 0 0 0 0;}

h3	{font-family: sans-serif,Times New Roman,Georgia,Eras Light ITC,ARIAL,VERDANA;
    	 font-size:16px;
	     font-weight: normal; 
/* --	 text-align: justify; -- */
    	 color:#5A3D16;
    	 text-ident:lem;
  /*     margin: 0 0 0 0;       */
	     padding:3px;}

h4	{font-family: Georgia,Times New Roman,sans-serif,ARIAL;
    	font-size:16px; text-align: center;
    	color:#5A3D16;
     background-color:#FFF;   	
    	text-ident:lem;
      padding:4px;
      margin: 0 0 0 0;}

h5	{font-family: ARIAL,sans-serif,Times New Roman,Georgia,Eras Light ITC,VERDANA;
    	 font-size:16px;
	     font-weight: normal; 
    	 text-ident:lem;
	     padding:3px;}      
      

/* -- /fonts --  */

/* -- menue -- */
a.menuelink2:link, a.menuelink2:active, a.menuelink2:visited {font-family: ARIAL,Georgia,Times New Roman,sans-serif;
    color:#5A3D16;
    text-decoration:none;
    margin bottom:-1;
/*	POSITION: absolute; */
    font-size: 15px;
    font-weight: normal;}

a.menuelink2:hover {font-family: ARIAL,Georgia,Times New Roman,sans-serif; 
    color:#e28a55;
    background-color:#FFFFFF;
    margin bottom:-1;
/*	POSITION: absolute;  */
    font-size: 15px;
    font-weight: normal;
    
a.menuelink3:link, a.menuelink3:visited, a.menuelink3:active {font-family: ARIAL, Georgia,Times New Roman,sans-serif;
    color:#5A3D16; 
    background-color:F3FAFE; 
    text-decoration:none;
    border-style:solid; 
    border-color:#C6E0F7;
    border-width: 2px;
    margin:1px 0px 1px 0px;
	  POSITION: relative;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
    height: 20px;
    font-weight: normal;}    
  
a.menuelink3:hover {font-family: ARIAL,Georgia,Times New Roman,sans-serif;
    color:#e28a55;
    background-color:#FFFFFF;
    text-decoration:none;
    border-style:solid; 
    border-color:#C6E0F7;
    border-width: 2px;
    margin:1px 0px 1px 0px;
	  POSITION: relative;
    font-size: 14px;
    height: 20px;
    font-weight: normal;  }

a.menubottom:link, a.menubottom:active, a.menubottom:visited 
				{font-family: ARIAL,Georgia,Times New Roman,sans-serif;
				text-align: center;
				text-decoration: none;
        vertical-align: 0 px;
				color: #5A3D16;
				width:80px;
				Height: 25;
				padding-top: 4px;
				padding-bottom: 2px;
				font-size: 14px;
				font-weight: bold;}

a.menubottom:hover 		{font-family: ARIAL,Georgia,Times New Roman,sans-serif;
				text-align: center;
				text-decoration: none;
				background-color:#FFFFFF;
				color: #e28a55;
				width:80px;
				padding-top: 4px;
				padding-bottom: 2px;
				font-size: 14px;
				font-weight: bold; } 
        
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}       
      
/* /menue */
        
/* /CSS Document */