body {
	font-family:calibriregular, Verdana, Helvetica, Arial, sans-serif;
    font-size:13px; line-height:16px;    font-weight:normal;
/* background-image:  
    line ar-gradient(hsla(215,30%,70%,0.9) 0%, hsla(215,30%,70%,0) 50%, hsla(215,30%,70%,0.9) 100%), 
	linear-gradient(to right, hsla(215,30%,80%,0.8) 30%, white 50%, hsla(215,30%,80%,0.8) 70%);
     

background: url(../../picture/bg_1.png)no-repeat center center fixed; 
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 */ 
background-image: linear-gradient(180deg, rgb(37, 128, 218 ) 0%, rgb(180, 223, 250 ) 100%) 
}
@font-face {
    font-family: 'handskrift';
    src: url('../../font/Italianno-Regular-OTF.eot');
    src: url('../../font/Italianno-Regular-OTF.eot?#iefix') format('embedded-opentype'),
         url('../../font/Italianno-Regular-OTF.woff') format('woff'),
         url('../../font/Italianno-Regular-OTF.ttf') format('truetype'),
         url('../../font/Italianno-Regular-OTF.svg#handskrift') format('svg');
    font-weight: normal;
    font-style: normal;
}


 #CONTAINER { 
  position: relative;
  margin: 0px auto 0px auto;
  max-width: 1200px;
 height: auto;
 min-height:900px;
 text-align: left;
 background-image: url(../../picture/bg-90.png); 
 background-repeat: repeat;
 border:  2px solid #cccccc; 
 overflow: visibility;
 }
 

ul,ol{ margin:0 ; list-style: none;  }

a, a:link, a:visited, a:active, a:focus { color: #0009c0; text-decoration: none ; }
a:hover { color: #0009c0; text-decoration: underline; }

 

#HEADERBLOCK{  min-height: 130px;  height: auto;  z-index: 500;  }
#HEADERBLOCK-INSEL { float: left;	margin: 10px 40px  0 15px ; width: 120px;  height: auto;  z-index: 50;}
#HEADERBLOCK-LOGO {  float: left; max-width: 420px;  min-height:50px; margin-left: 10px;  z-index: 1500; }

#HEADERBLOCK-FLAG{
	float: right;
	vertical-align: text-top;
	text-align: right;
	text-align: right;
	width: 200px;
	height: 90px;
	padding: 5px 10px 0 0;
	text-wrap: none;	
}  
#HEADERBLOCK-FLAG img {     width: 40px; height: 20px;  margin: 10px 5px 10px 0;  float: right; text-align: right; }
#NAV{ 
	clear: both;
	float: left;
	width: 100%;
	margin: 0px  0px 5px  0px;
	padding: 12px  0px 12px 0px;
	background-color: #aaa;
	text-align: center;
	background: #d20000;
	height: auto;
} 

.clear { clear: both; }
#WRAPPER {	clear: both;  }
#SLIDER { z-index: 10;  clear: both;  float: left;  wi dth:98.5%;  }



#WRAPPERMAIN{ 
clear: both;
padding: 15px;  
min-height: 1px;
} 

.bubble {
  position: relative;
  font-family: sans-serif;
  font-size: 18px;
  line-height: 24px;
  width: 20%;
  background: #fff;
  border-radius: 60px;
  padding: 24px;
  text-align: center;
  color: #000;
}


#CONTENT1 , 
#CONTENT2  { float:left; width:98%;  margin: 10px 0 20px 0; color: #ffffff; font:  bold normal 22px/25px Verdana ,sans-serif #ffffff;  }

#CONTENT1 p, 
#CONTENT2  p{ line-height:17px;  font-weight:normal;
	padding: 0 0 15px 0; 	color: #FFffff;   }
#CONTENT1 h3 , #CONTENT2 h3 { font: bold normal 22px/25px Verdana ,sans-serif;  }

#container-block1 { 
clear: both;
text-align: center;
width: 100%;
} 


#BOX1,#BOX2, #BOX3 {
	float: left;
	width: 30%;
 	height: auto;
    z-index: 1;	
	padding: 0px;
	margin-right: 15px;
   border:  2px solid #cccccc;
   text-align: center;
	}

#BOX1 { margin-left: 2%; }
#BOX3 { margin-right: 0px; }
	
	
#CONTENT7_8{ clear: both;  padding: 15px;  } 	
#CONTENTB7 {
 
	float: left;
	width: 65.5%;
	min-height: 400px;
	z-index: 1;	
    border: 2px solid #e4e2e3;   
	
	}
#CONTENTB8 {
	float: right;
	width: 30.5%;
	height: auto;
    border: 2px solid #e4e2e3;   
	}

 
.textwidget a  { color: #ffffff;    }
.textwidget   { clear: both;  float: left;  }

.footer{clear: both; float:left; width:98%;  padding:0% 0% 0px 3%; margin:0% 0px 0px 0px;  background: rgba(210, 0, 0, 1.0);  }

@media only screen and (max-width: 481px) { 
 #CONTAINER {  width: 300px; }   
 #HEADERBLOCK-FLAG{ float: left; text-align: left;  width: 300px; height: 65px; padding: 5px 0 0 10px; }   
	 }