/* reset *************************************************************************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, q, s, strong, b, u, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, main, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0px auto;
	padding: 0px;
	border: none;
	font: inherit;
	font-size: 1.0em;
	color:#000;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
body {line-height: 1;}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, q:before, blockquote:after, q:after {content: '"';}
h1,h2,h3,h4,h5,h6,p,table,form,ul,ol
	{
	margin-bottom: 0.5em;
	}
li ul, li ol
	{
	margin: 0;
	}
ol, ul {
	padding-left:20px; list-style-position: inside;
	}
a{text-decoration:none;color:#000099;}
a:hover {text-decoration:underline;color:#990000;}
a[href^="http"] {color: #000099; }
aa[href^="http"]::after {content: " »"; }
a[href="#"] {color: #aaa; }
 /*************************************************************************************************************************************/
h1,h2,h3,h4,h5,h6,strong,b
	{
	font-weight:bold;
	}
h1,h2
	{
	font-size:1.25em;
	}
h3
	{
	font-size:1.1em;
	}
table	{
	border-collapse: collapse;
	width:100%;
	}
td, th {
	border-collapse: collapse;
	border:1px solid #999;
	text-align:left;
	vertical-align:top;
	padding:1px 4px;
	}
th	{
	font-weight:bold;
	background-color:#ccc;
	}
input[type="text"],input[type="password"]{
	padding-left:4px;
	}
input[type="submit"],input[type="button"],input[type="reset"]{
	padding:0 20px;
	}
hr{
	background-color:#999;
	height:0px;
	padding:0px;
	border:0px;
	width:80%;
	}
strong{
	}
em	{
	font-style:italic;
	}
/*************************************************************************************************************************************/
.col-200 {columns:200px 4;}
.col-250 {columns:250px 4;}
.col-300 {columns:300px 4;}
.col-350 {columns:350px 4;}
.col-400 {columns:400px 4;}
.col-450 {columns:450px 4;}
.col-500 {columns:500px 4;}

.clear{ clear:both; }
.off{ display:none; }
.row{ overflow: hidden;}
.mw5 { max-width:5%; }
.mw10 { max-width:10%; }
.mw15 { max-width:15%; }
.mw20 { max-width:20%; }
.mw25 { max-width:25%; }
.mw30 { max-width:30%; }
.mw35 { max-width:35%; }
.mw40 { max-width:40%; }
.mw45 { max-width:45%; }
.mw50 { max-width:50%; }
.mw55 { max-width:55%; }
.mw60 { max-width:60%; }
.mw65 { max-width:65%; }
.mw70 { max-width:70%; }
.mw75 { max-width:75%; }
.mw80 { max-width:80%; }
.mw85 { max-width:85%; }
.mw90 { max-width:90%; }
.mw95 { max-width:95%; }
.mw100 { max-width:100%; }
.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }
.w33, .w34 { width:33.3333%; }
.w66 , .w67 { width:66.6666%; }
.w38 { width:38.1966%; }
.w62 { width:61.8034%; }
.left{ text-align:left; }
.right{ text-align:right; }
.center{ text-align:center; }
.justify{ text-align:justify; }
.fl{ float:left; }
.fr{ float:right; }
.img-left{float:left;margin-right:10px;}
.img-right{float:right;margin-left:10px;}
.box {margin:6px;padding:6px;overflow:hidden;border:1px solid #999;}
.boxh {margin:6px;padding:6px;overflow:hidden;border:1px solid #fff;}
/*************************************************************************************************************************************/
.bs{}
.indent{text-indent:1em;}
.Indent1{text-indent:1em;}
.Indent2{text-indent:2em;}
.Indent3{text-indent:3em;}
.Indent4{text-indent:4em;}
.Indent5{text-indent:5em;}
.Indent6{text-indent:6em;}
.StrikeThrough{text-decoration: line-through;}
.FontColor1{color: #000;}
.FontColor2{color: #f00;}
.FontColor3{color: #0f0;}
.FontColor4{color: #00f;}
.FontColor5{color: #ff0;}
.FontColor6{color: #f0f;}
.FontColor7{color: #0ff;}
.FontColor8{color: #fff;}
.FontColor1BG{background-color: #000;}
.FontColor2BG{background-color: #f00;}
.FontColor3BG{background-color: #0f0;}
.FontColor4BG{background-color: #00f;}
.FontColor5BG{background-color: #ff0;}
.FontColor6BG{background-color: #f0f;}
.FontColor7BG{background-color: #0ff;}
.FontColor8BG{background-color: #fff;}
/*************************************************************************************************************************************/
input[type="text"],input[type="password"],input[type="submit"],input[type="button"],input[type="reset"],input[type="checkbox"],input[type="file"],
textarea, select, hr, table, td,
.bs{
	border:1px solid #999;
	}
input[type="password"],input[type="submit"],input[type="button"],input[type="reset"],input[type="checkbox"],input[type="file"],
textarea, select, hr, h1,
.bs, .box{
	background-color:#c5cbcb;
	}
input[type="text"],input[type="password"],input[type="submit"],input[type="button"],input[type="reset"],input[type="checkbox"],input[type="file"],
textarea, select, hr, table, h1,
.bs, .box{
	-webkit-box-shadow:2px 2px 6px #c5cbcb;
	-moz-box-shadow:2px 2px 6px #c5cbcb;
	box-shadow:2px 2px 6px #c5cbcb;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
h1 {
	border:1px solid #999;
	padding:0.5em;
	}
h2 {
	border-bottom:1px solid #999;
	padding:0.5em;
	padding-bottom:0.0em;
	margin-bottom:0.5em;
	}
h3 {
	padding:0.5em;
	}
h1, h2, h3 {
	text-shadow: 1px 1px 1px #c5cbcb;
	}
ol, ul {
	padding-left:3em;
	}
li	{
	padding-bottom:0.25em;
	}

#aside .vmenu { width:98%;border:1px solid #26628b;text-align:left;margin:0px auto 4px auto;}
#aside .vmenu h2 { background-color:#26628b;color:#ffffff;padding:1px 4px;}
#aside .vmenu ul,#aside .vmenu li{ padding:0px;margin:0px;}
#aside .vmenu li{ list-style-type:none;}
#aside .vmenu a { padding:2px 0px 2px 6px; display: block; color: white; text-decoration: none; background: url('gomb-ki.gif') no-repeat right center; }
#aside .vmenu a:visited { color: white; }
#aside .vmenu a:hover { display: block; color: #f1ef4b; text-decoration: none; background: #26628b url('gomb-ch.gif') no-repeat right center; }

#main .vmenu { width:98%;border:1px solid #ccc;text-align:left;margin:0px auto 2px auto;}
#main .vmenu h2 { background-color:#ccc;padding:0.2em 4px;}
#main .vmenu ul,#main .vmenu ol,#main .vmenu li{ padding:0px 0px 0px 4px;margin:0px auto 0px 0px;}
#main .vmenu a { padding:0.2em 0px 0.2em 2px; display:inline-block; color: #000; text-decoration: none; }
#main .vmenu a:hover { text-decoration: underline; color: #900;}

.hmenu{}

#container{
	max-width:1200px;
	}
#main{
	width:85%;
	float:left;
	}
#main div.margo{
	padding: 10px 5px 80px 50px;
	background: #fff url('bg-spiral.gif') top left repeat-y;
	min-height:100vh;
	}
#aside{
	background-color: #2c74a3;
	width:15%;
	float:left;
	}
#aside .aside-bottom{
	height:500px;
	background: #2c74a3 url('bg-aside-1.png') bottom left repeat-x;
	}
#aside div.margo{
	padding:10px 4px 10px 4px;
	}
#aside h2{border:none;margin:0px auto;}
#aside a{color:black;}

@media only screen and (max-width:1032px) 
{
.w5, .w10, .w15, .w20, .w25, .w30, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90, .w95, .w100 ,
.w33, .w34, .w38, .w62, .w66, .w67{
	float:none;
	width:100%;
	margin:0px auto;
	}
#main{
	width:100%;
	clear:both;
	}
#main div.margo{
	padding: 10px 5px 10px 20px;
	background: #fff url('bg-spiral-mobil.gif') top left repeat-y;
	}
#aside{
	background-color: #2c74a3;
	width:100%;
	clear:both;
	}
#aside div.margo{
	padding:10px 4px 10px 4px;
	display:none;
	min-height:100px;
	}
#aside .aside-bottom{
	display:none;
	}
#menubutton{
	height: 3.0em;
		}
#aside .vmenu h2, #main .vmenu h2 { padding:0.5em 4px;}
#aside .vmenu a, #main .vmenu a { padding:1em 0px 1em 4px;}

}