@charset "utf-8";
@font-face { 
	font-family: 'sebastian'; 
	src: url('../media/fonts/Sebastian.ttf');
}

:root {
	--maincolor: #000000;
	--mainbgcolor1: #f6f67c;
	--mainbgcolor2: #f6f600;
	--mainbgcolor3: #eef0f9;
	--mainbgcolor4: #b5b0df;
	
	--colorgold: #97773F;
	--colorreddrk: #880000;
	--colorredlgt: #ff0000;
	--colorbluedrk: #3e3eb8;
	--colorbluelgt: #5e5dc3;
	
	--colordark1: #222222;
	--colordark2: #000000;
	--colordarkgreen: #006600;
	--colordarkred: #880000;
	--colordarkblue: #000088;
	--colordarkmage: #880088;
	--colorgreen: #00EE00;
	--colorred: #EE0000;
	--colorblue: #0000EE;
	--colormage: #EE00EE;
	--coloryellow: #EEEE00;
	--colorwhite: #EEEEEE;
	--colorblack: #000000;
}

/* elemente neu */
html, body {
	overflow-x:hidden;
	color: var(--maincolor);
	background-color: var(--mainbgcolor1);
}
a {
	text-decoration: none;
	color: var(--maincolor);
}
a:hover {
	text-decoration: underline;
	color: var(--colordark1);
}

.actwin {
	padding: 15px;
	background-image: 		url("../media/web/circ_2co2l_yelyel_a1.jpg");
	background-size: 		cover;
	background-repeat: 		no-repeat;
    background-position: 	top center;
    background-attachment:	fixed;
	padding-bottom: 20px;
}

.hdrbg {
	margin-top: 40px;
	padding-bottom: 16px;
	background-image: 	 url(../media/net/border01hblnk16.jpg),
						 url(../media/web/circ_2co2l_redred_a1.jpg);
	background-position: bottom,
					     top center;
	background-repeat:   repeat-x,
						 repeat-x;
	background-size:	 no-repeat,
						 cover;
}

.hdrnav {
	background-image: url(../media/net/navbg02h.jpg);
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-color: var(--colorbluedrk);
	border-bottom: 1px solid var(--maincolor);
}
.ddmain {
	background-image: linear-gradient(var(--mainbgcolor1), var(--mainbgcolor2));
	background-color: var(--mainbgcolor1);
	border: solid var(--colorbluedrk) 2px;
}
.headnav {
	color: var(--mainbgcolor1);
	margin: 0 auto; 
	position: relative;
}
.headnavlink {
	color: var(--mainbgcolor1);
	font-size: 16pt;
	font-family: 'sebastian';
	text-transform: uppercase;
}
.headnavlink:hover {
	font-family: 'sebastian';
	background-image: url(../media/net/navbg02n.jpg);
	text-shadow:  1px  1px 10px var(--colorwhite),
				 -1px -1px 10px var(--colorwhite),
				  1px -1px 10px var(--colorwhite),
				 -1px  1px 10px var(--colorwhite);
}
a.nav-link {
	text-decoration: none;
	color: var(--mainbgcolor1);
}
a.nav-link:hover {
	text-decoration: underline;
	color: var(--colordark1);
}
a.dd-link {
	text-decoration: none;
	font-size: 16pt;
	color: var(--colordark2);
	text-transform: uppercase;
	text-shadow:  0px  0px 0px var(--colorwhite),
				 -0px -0px 0px var(--colorwhite),
				  0px -0px 0px var(--colorwhite),
				 -0px  0px 0px var(--colorwhite);
    margin-left: 20px;
    margin-right: 20px;
}
a.dd-link:hover {
	text-decoration: underline;
	color: var(--colordark1);
	text-shadow:  1px  1px 10px var(--colorwhite),
				 -1px -1px 10px var(--colorwhite),
				  1px -1px 10px var(--colorwhite),
				 -1px  1px 10px var(--colorwhite);
}
.pointernav {
	background-color: var(--colorreddrk);
}
a.headnava {
	text-decoration: none;
	font-weight: 600;
	color: var(--colorwhite);
}
a.headnava:hover {
	color: var(--coloryellow);
}

img {
	border-radius: 6px;
}

.fodborder {
	margin-top: 20px;
	border-top: 4px solid var(--colorbluedrk);
}
.fodnav {
	margin: 0 auto; 
	position: relative;
	font-size: 11pt;
	color: var(--mainbgcolor4);
	background-image: linear-gradient(var(--colorbluedrk), var(--colorbluelgt));
}
.fodnavlink {
	padding: 4px;
	color: var(--mainbgcolor4);
}
.fodnavlink:hover {
	}

/* elemente alt */

main {
	color: var(--maincolor);
	background-color: var(--mainbgcolor2);
}
nav {	
	background-color: var(--mainbgcolor1);	
}
.actfrm {
	padding: 15px;
	background-image: linear-gradient(var(--mainbgcolor2), var(--mainbgcolor1), var(--mainbgcolor2));
	height: 100%;
}
.prifrm {
	padding: 20px;
	/* width: 65%; */
	border: 2px outset gold;
	
	/* background-color: var(--mainbgcolor2); */
	
	border-radius: 16px;
	background-image:    url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 url(../media/net/barok01.png);
						 
	background-position: left top,
					     right top,
					     left bottom,
					     right bottom,
					     top,
					     bottom,
					     left,
					     right,
					     center;
	background-repeat:   no-repeat,
						 no-repeat,
						 no-repeat,
						 no-repeat,
						 repeat-x,
						 repeat-x,
						 repeat-y,
						 repeat-y,
						 repeat;
	float: left;
}
.secfrm {
	padding: 20px;
	/* padding-top: 0px; */
	/* margin-left: 2%; */
	/* width: 33%; */
	/* border: 2px outset var(--colorbluelgt);*/ 
	border-radius: 16px;
	border: 2px outset gold;
	background-image:    url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 linear-gradient(45deg, var(--mainbgcolor4), var(--mainbgcolor3));
						 
	background-position: left top,
					     right top,
					     left bottom,
					     right bottom,
					     top,
					     bottom,
					     left,
					     right,
					     center;
	background-repeat:   no-repeat,
						 no-repeat,
						 no-repeat,
						 no-repeat,
						 repeat-x,
						 repeat-x,
						 repeat-y,
						 repeat-y,
						 repeat;
	float: left;
}
.secfrmclr {
	padding: 12px;
	padding-top: 0px;
	/* margin-left: 2%; */
	/* width: 33%; */
	float: left;
}
.darkbg {
		border: 2px outset gold;
	background-image:    url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 linear-gradient(15deg, var(--colorbluelgt), var(--colorbluedrk));
						 
	background-position: left top,
					     right top,
					     left bottom,
					     right bottom,
					     top,
					     bottom,
					     left,
					     right,
					     center;
	background-repeat:   no-repeat,
						 no-repeat,
						 no-repeat,
						 no-repeat,
						 repeat-x,
						 repeat-x,
						 repeat-y,
						 repeat-y,
						 repeat;
}
.box {
	background-color: var(--mainbgcolor1);
	padding: 8px;
	border: 2px outset var(--colorbluelgt);
	border-radius: 12px;
}
.container {
}
.bgwtrn {
	padding: 12px;
	background: rgba(255,255,255,0.7);
}
.space {
	height: 20px;
}
.ninanav {
	border-bottom: 1px solid var(--maincolor);
}

.note {
	padding: 20px;
	width: 100%;
	border: 2px outset gold;
	
	/* background-color: var(--mainbgcolor2); */
	
	border-radius: 16px;
	background-image:    url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01edblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01hblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 url(../media/net/border01vblnk16.jpg),
						 url(../media/net/barok01.png);
						 
	background-position: left top,
					     right top,
					     left bottom,
					     right bottom,
					     top,
					     bottom,
					     left,
					     right,
					     center;
	background-repeat:   no-repeat,
						 no-repeat,
						 no-repeat,
						 no-repeat,
						 repeat-x,
						 repeat-x,
						 repeat-y,
						 repeat-y,
						 repeat;
	float: left;
	margin-bottom:16px;
}

.floatleft {
	float: left;
}
.margin4 {
	margin: 4px;	
}
.imgcase {
	float: left;
	margin: 0px;
	padding: 8px;
	background-color: var(--mainbgcolor1);
	width: 100%;
}
.galimg {
	width: 100%;
}


/*   farben und markierungen          */

.err {
	color: var(--colorred);
	background-color: var(--mainbgcolor2);
	border-bottom: 1px solid var(--colorred);
}
.clstd {
	color: var(--colordark);
	background-color: var(--mainbgcolor2);
	border: 1px solid var(--colordark2);
}
.clerr {
	color: var(--colordarkred);
	background-color: var(--mainbgcolor2);
	border: 1px solid var(--colordarkred);
}
.tcstd {
	color: var(--colordark);
}
.tcerr {
	color: var(--colordarkred);
}
.tcgreen {
	color: var(--colorgreen);
}
.tcred {
	color: var(--colorred);
}
.tcblue {
	color: var(--colorblue);
}
.tcmage {
	color: var(--colormage);
}
.tcyellow {
	color: var(--coloryellow);
}
.tcwhite {
	color: var(--colorwhite);
}
.txmark {
	color: var(--colordarkblue);
	font-weight: 600;
	text-decoration: underline;
}

/*   formulare          */

input, select, textarea {
	color: var(--colordark1);
	background-color: var(--mainbgcolor1);
	border: 1px solid var(--colordark2);
}
option {
	color: var(--colordark1);
	background-color: var(--mainbgcolor1);
	border: 0px solid var(--colordark2);
}
.ipsend {
	color: var(--colordarkreen);
	font-weight: 600;
	background-color: var(--mainbgcolor1);
	border: 2px solid var(--colordark2);
}
.ipbutton {
	color: var(--colorblue);
	font-weight: bold;
	background-color: var(--mainbgcolor1);
	border: 2px solid var(--colordark2);
}
.ipstop {
	color: var(--colorred);
	font-weight: bold;
	background-color: var(--mainbgcolor1);
	border: 2px solid var(--colordark2);
}

/*   tabellen             */

.tbborder {
	border: 1px solid var(--maincolor);
}
.pointer {
	font-weight: 600;
}
.dispointer {
	font-weight: 200;
}
.task {
	background-color: var(--mainbgcolor1);
}
.center {
	text-align: center;
}
.fullwidth {
	width: 100%;
}
.col7 {
	width: 14%;
}
.disttop {
	margin-top: 16px;
}
.distbottom {
	margin-bottom: 16px;
}