/* CSS 2013-2020 Babotai */
/* Pantone 072: #10069f */

html, body {height: 100%; margin:0;padding:0;background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color: #000000;}
* html body {height:100%;}

div.clear { clear:both; }
img { border: 0px; }

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


h1 {font-size:34px; font-weight:bold; color:#000000; margin-top:0; font-family: "Futura-Bold", "Arial Black", Arial, Helvetica, sans-serif;}
h1 span.neg {color:#fff;}

h2 {font-size:14px; font-weight:normal; margin-top:0;}


#floater {position:relative; float:left;height:50%;	margin-bottom:-350px;width:1px;}

#wrap { max-width:1000px; min-width:1000px;height:700px;position:relative; clear:left; width:90%; margin:0 auto; background:#fff; white-space: nowrap; overflow:hidden;
box-shadow: 7px 7px 8px #818181; -webkit-box-shadow: 7px 7px 8px #818181; -moz-box-shadow: 7px 7px 8px #818181;
background-repeat:no-repeat;background-position: top; background-color: #e4e4ff;

background-image: url(images/corag_bg.png);
background-repeat: no-repeat;
background-position: top;

}

	#left { display:inline-block; }
		
		#nav { width:200px; height:700px; font-size:14px; display: inline-block; float:left; padding:0; margin:0; font-weight:bold;letter-spacing:0.03em;}
		#nav ul { list-style:none; padding:0; text-indent:0;}
		#nav li { padding:0; margin:0px; list-style:none;} 
		#nav li a {display:block;padding:7px; margin:0;text-decoration:none; color:#000;border-bottom:1px solid #222;text-align:right;}
		#nav li a:hover, #nav li a:focus {background:#10069f; border-bottom-color:#222; color:#fff; } 
		#nav li a.current {background:#10069f; border-bottom-color:#222; color:#fff;}
		#nav li a.current:hover {text-decoration:none;}


 	#right { width:800px; height:700px;  display: inline-block; }
				
		#meta {  width:800px;  height:61px; float:left; }
			#meta #lang {float:right; height:30px; width:400px; font-weight:bold; }
			#meta #lang a {color:#999; text-decoration:none !important;}
			#meta #lang a.selected {color:#000; text-decoration:none !important;}

			
			#meta #links {float:right; width:400px; font-weight:normal; padding-top:20px; padding-right:5px; }		
			#meta ul 	 { list-style:none; border:0; margin:0; padding:0 0 0 2px;}
			#meta ul li  { margin:0 6px 0 0; float:right; border:0;}
			#meta li 	 { padding:6px 0 0 12px;}

		#mood { width:800px; float:left; padding:0; }
			#mood img {width:800px; height:125px; border:none;}


			#mood { background: #e4e4ff; overflow: hidden; }
			#mood img { object-fit: cover; opacity: 0.6; }


		

		#content { width:760px; height:460px; min-height:300px; display:inline; float:left; padding:20px 20px 10px 20px; white-space: normal;}
			
			
			#content p { line-height:1.6em;}
			
			#content div.areaprivacy  	{background-color:#fff; width:720px; max-height:360px; padding:8px;overflow: auto; /*zoom: 1;*/filter: alpha(opacity=80);opacity: 0.8;}		
			#content div.area  			{background-color:#fff; width:720px; max-height:206px; padding:8px;overflow: auto; /*zoom: 1;*/filter: alpha(opacity=80);opacity: 0.8;}
			#content div.area  ul {list-style: none;margin-left: 0;padding-left: 1em;}
			#content div.area ul li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; }
			#content div.area ul li { line-height:20px; }

			
			#content div.produkt {width:620px;}
			#content div.produkt h3 {font-size:16px;text-decoration:underline;font-weight:normal; cursor:pointer; margin:10px 0;}
			
			#content div.toggle_container {width:620px;height:60px;padding:0px 0px 0px 20px;}
			#content div.toggle_container span {font-size:20px;}
			
			#content div.news   {width:720px; max-height:400px; padding:8px; overflow:auto;}
			#content div.news h3  {margin:2px 0;}
			#content div.news p  {margin:2px 0 10px 0;}
			#content div.news table.dataTable  {border:none;margin:0;border-collapse:collapse;}
        	#content div.news table.dataTable td, th{border:none;vertical-align:top;}
 
 			#content div.editor   {width:780px; }
        	#content div.editor table.dataTable td, th{border:1px solid white !important; padding:2px;}
        	#content div.editor table.dataTable th {text-align:left;padding:2px;color:#555;}
			
			#content div.editor .linkbutton       {cursor:pointer; font-size:13px; border:1px solid #999; padding:5px; background-color:#eee; color:#333; margin:10px;}
    		#content div.editor input[type=submit]:hover  {color:#fff;background-color:#ccc;}

			
			#content div.people {width:136px; float:left;margin-right:50px;}
			#content div.people img {padding-bottom:10px;}
			#content div.people span {font-size:16px;}
			#content div.people p {line-height:22px;margin:0;}
		
		
		#nomood { width:800px; height:125px; float:left; }
		


		

		#footer { width:760px; font-size:12px; float:left; border-top:1px solid #000; margin:0 20px 0 20px; padding-top:4px; letter-spacing:0.12em;}
		#footer a { font-size:12px; letter-spacing:0.12em; }
		#footer a.special  { font-size:12px; letter-spacing:0.12em; cursor:text;text-decoration:none;}



		.clockwrapper {margin-left: auto; margin-right: auto; text-align: center; height:107px;background-color:#10069f;padding:18px 0 0 28px;margin:0;}
		#clock { font-size:80px; font-weight:bold; letter-spacing:0.2em; color:#fff;text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
		
	
	
@media only screen and (min-width: 1025px) {
	.menu-icon {display:none;}
}
	
	
@media only screen and (max-width: 1024px) {
	
	html, body {height: 0; font-size:16px; }	
	h1 { font-size:24px;display: table; word-wrap:break-word; table-layout:fixed; width:100%; }

	#wrap { width:auto; margin:0; max-width:100%; min-width:100%; height:auto;
	background-image: none;}

	#left { display:none;}
	
		#nav {   z-index:9999;position:absolute; top:60px;width:380px; background-color:#fff;  height:auto; font-size:14px; display: inline-block; float:left; padding:0; margin:0; font-weight:bold;letter-spacing:0.03em;}
		#nav li a {text-align:left;}

	#meta li 	 { padding:6px 0 0 6px;}
	
	
		#right { width:auto;display:inline; height:auto; }
		
		#meta { width:100%; }
		#mood { width:100%; }
			#mood img { width:100%; height:auto;}
			
		#content { width:auto; padding:10px; height:auto; }


		#content div.area  			{ font-size:16px;  background-color:#fff; width:auto; /*margin: 10px 20px 0 0 */; max-height:none; padding:10px;overflow:auto; /*zoom: 1;*/filter: alpha(opacity=80);opacity: 0.8;}
			#content div.area ul li { line-height:20px; font-size:14px !important; }
			
			
			
		#content div.areaprivacy  	{ background-color:#fff; width:auto; /* margin: 10px 20px 0 0 */; max-height:none; padding:10px ;overflow: auto; /*zoom: 1;*/filter: alpha(opacity=80);opacity: 0.8;}

		#content div.produkt {width:auto;}			
		#content div.toggle_container {width:auto;height:auto;}			
		#content div.news   {width:720px;width:auto; max-height:none; }
		#content div.editor   {width:auto; }

		#content div.people {margin-right:40px; height:300px;}

		#nomood { width:100%; height:auto;  }
		
		
		
		
		
		#footer { width:100%;  height:auto; white-space:normal; margin:0;  padding:10px; font-size:12px; }
		#footer a { font-size:14px; }
		#footer a.special  {font-size:12px !important;}

		span.phone  { display:inline-block;  text-decoration:none !important; }
		
	
	.clockwrapper { height:auto; padding-bottom: 13px;}
	#clock { font-size:40px;}




}	







#nav-icon {
	margin-top: 15px;
    width: 35px;
    height: 30px;
    position: absolute; left:10px;
    float:right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #10069f;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0;
}

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 12px;
}

#nav-icon span:nth-child(4) {
    top: 24px;
}

#nav-icon.open span:nth-child(1) {
    top: 12px;
    width: 0;
    left: 50%;
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
    top: 12px;
    width: 0;
    left: 50%;
}