/* page color and default font */
body            { background-color:white;
		  background-attachment:fixed;
		  margin: 0;
		  padding: 0;
		}

body.fancy      {
                  position: absolute;
		  left: 0;
		  top: 0;
		  width:100%;
		  height:100%;
		  background-image: url(./Grafik/ff0066_ornament.svg);
		  background-repeat: no-repeat;
		  background-size: 50% auto;
		}

h1,h2,h3,p,ol,ul,li,tt,td,a,strong,em,br { font-family:Arial,Helvetica,sans-serif; }
p,ol,ul,li,td,a,strong,em,br { color:black; font-size:medium; }


div.content     {
    position:absolute;
    left:0%;
    top:0%;
    width:100%;
    height:100%;
	    }

@media (min-width: 768px) {
    div.content{
    left:15%;
    padding-top: 10%;
    }
}
@media (max-width: 768px) {
    div.content{
	left:0%;
	padding-top: 10%;
    }
}
div.loginForm{
                 position:absolute;
		 left:10%;
		 top:2%;
		 z-index:99;
		 background-color:#ff0066;
}

div.message{
                 position:absolute;
		 left:20px;
		 top:calc(90%);
		 z-index:1;
		 background-color:rgba(192, 192, 192, 0.7);
}
div.messageCMS{
                 position:absolute;
		 left:20%;
		 top:calc(70%);
		 z-index:20;
		 background-color:rgba(192, 192, 192, 0.7);
}

img             { max-width:100%; }
img.l           { float:left;  padding:2px; max-width:100%; max-height:300px;}
img.r           { float:right;  padding:2px; max-width:100%; max-height:300px;}
img.icon        { width:1.2em;}

pre             { font-size:small; background-color:#ddffdd; }
.fk             { color:#800080; }

/* heading of page with colord background */
h1,h2           { font-weight:bold; 
                  width:600px; 
                  padding:1px; 
                  padding-left:40px; }
h1              { color:#9122de; 
		  font-size:large; 
                  text-align:center;}
h2              { color:#ffffff; 
		  background-color:#ff0066; 
		  font-size:small; 
                  margin-top:0px; 
                  margin-bottom:0px; 
                  text-align:left; }
h3              { font-size:small; 
                  margin-top:0px; 
                  margin-bottom:0px; 
                  padding-left:40px;
		  color:#ff0066;}
p               { max-width:600px; }
tt              { color:#ff0066; }
aj              { color:#cc0000; 
                  background-color:yellow; 
                  font-weight:bold;}
pre             { font-size:small; background-color:#ddffdd; }
form            {  }
form.whiteform  { background-color:#ffffff; }




li.arrow {
    max-width:600px;
    padding-bottom:1em;
    list-style-position: inside;
    list-style-image: url(./Grafik/arrow.svg);
		}
ul.arrow        { background: rgba(255, 255, 255, 0.7); }

li.l2 {
color:black;
    list-style: disc;
    font-size:small;
}

/* page layout, head, foot, navigation */
td              { vertical-align:top; }
th.button       { vertical-align:middle;
		  border-width:3px;
		  border-style:solid;
		  padding:4px;
		  border-right-color:#000000;
		  border-bottom-color:#000000;
		  border-top-color:#00cc33;
		  border-left-color:#00cc33;
		  background-color:#ff0066;
		  border-spacing:20px;}




a:link          { font-weight:bold; color:#800080; text-decoration:none; }
a:visited       { font-weight:bold; color:#800080; text-decoration:none; }
a:active        { font-weight:bold; color:#9122de; text-decoration:underline; background-color:#dddddd; }
a:hover         { font-weight:bold; color:#9122de; text-decoration:underline; background-color:#dddddd; }

a.gross:link    { font-size:normal; }
a.gross:visited { font-size:normal; }
a.gross:active  { font-size:normal; }
a.gross:hover   { font-size:normal; }

a.klein:link    { font-size:small; font-weight:normal; }
a.klein:visited { font-size:small; font-weight:normal; }
a.klein:active  { font-size:small; font-weight:normal; }
a.klein:hover   { font-size:small; font-weight:normal; }

a.cap:link    { color:white; }
a.cap:visited { color:white; }
a.cap:active  { color:white; }
a.cap:hover   { color:white; }