TITLE {
  color:#FF9F00;   /* Farbe orange */
  font-size:28pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
H1
{
        font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 50px
}

body
	{
	background-image: url(img/bgbody.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        height: 95vh;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #bf0049), color-stop(1, #ff5ca8));
	background-image: -o-linear-gradient(top, #0060bf, #5cc3ff);
	background-image: -moz-linear-gradient(top, #0060bf, #5cc3ff);
	background-image: -webkit-linear-gradient(top, #0060bf, #5cc3ff);
	background-image: linear-gradient(to bottom, #0060bf, #5cc3ff)
	}

h3
	{
	margin-bottom: 0em;
	}

th
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	}
	
.normal0
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #030612;
	}

.normal1
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #333333;
	}

.normal2
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	}

.header1
	{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 50px;
	}
.header2
	{
	font-family: Arial, Helvetica, sans-serif;
	color: #004995;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	}

.header3
	{
	font-family: Arial, Helvetica, sans-serif;
	color: #004995;
	font-size: 14px;
	font-weight: bold;
	margin-top: 2em;
	}

.yellow1
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #030612;
	background-color: #fff77a
	}

A:link {

color : #333333;text-decoration : none;
}

A:active {
color : #FFFFFF;text-decoration : none;
}

A:visited {

color : #004995;
text-decoration : none;
}

A:hover {
color : #666666; 
text-decoration : underline;
}

.small	
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #505050;
	}

.tiny
	{
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #101010;
	}

.retired
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
	background-color: #cccccc
	}

.national
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #fffaaa
	}

.international
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #b9efff
	}

.ISU
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ff8d93
	}

input[type=submit] {
    cursor: pointer;
    font: 10px Verdana,sans-serif;
    color: #FFFFFF;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #ADE1FF), color-stop(1, #007FFF));
    background-image: -o-linear-gradient(top, #ADE1FF, #007FFF);
    background-image: -moz-linear-gradient(top, #ADE1FF, #007FFF);
    background-image: -webkit-linear-gradient(top, #ADE1FF, #007FFF);
    background-image: linear-gradient(to bottom, #ADE1FF, #007FFF);
    padding: 0px;
    line-height: 130%;
    height: 34px;
    width: 80%;
}

#container {
	width:100%;
	height:100%;
	display:flex;
        display: -webkit-flex;
}

#vbox1 {
	/*background:red;*/
        top: 15px;
	width:100%;
}

#vbox2 {
	/*background:red;*/
        /*background-color:red;*/
	width:100%;
        height: 100%;
        margin-left: 5px;
        }
#vbox3 {
	/*background:yellow;*/
	width:450px;
        height:100%;
        margin-left: 5px;
}
#box1of3 {
	/*background:red;*/
	width:30%;
}

#box2of3 {
	/*background:yellow;*/
	width:30%;
        margin-left: 5px;
}
#box3of3 {
	/*background:yellow;*/
	width:30%;
        margin-left: 5px;
}
#icontainer {
	width:100%;
	height:100%;
	/*background:#ccc;*/
	display:-webkit-flex;
	display:flex;
}

#ibox1 {
	/*background:red;*/
        height: 100%;
	width: 430px;
}

#ibox2 {
	/*background:yellow;*/
        height: 100%;
	width: 430px;
        margin-left: 5px;
}


div#box1{
/* background-color: darkorange;*/
 width: 100%;
 height: 5%;
 }

 div#box2{
 /*background-color: yellow;*/
 border-style:   hidden;
 padding-left:   0px;
 padding-top:    15px;
 padding-right:  0px;
 padding-bottom: 15px;
 float: left;
 width: 10% ;
 height: 85%

 }



 div#box3{
 /*background-color: red;*/
 padding-left:   15px;
 padding-top:    15px;
 padding-right:  15px;
 padding-bottom: 15px;
 float: left;
 width: 75%;
 height:85%;
 overflow:scroll
 }

 div#box3_1{
 /*background-color: yellow;*/
 padding-left:   15px;
 padding-top:    20px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 70%;
 height:47%;
 }

 div#box4{
/* background-color: red;*/
 padding-left:   0px;
 padding-top:    15px;
 padding-right:  0px;
 padding-bottom: 15px;
 float: right;
 width: 13%;
 height: 100%
 }


 div#box5{
/* background-color: silver;*/
 padding-left:   10px;
 padding-top:    15px;
 padding-right:  0px;
 padding-bottom: 15px;
 float: left;
 width: 70%;
 height:80%;
 }
a.CommTC:link {color: #FFFFFF;}
a.CommTC:visited {color: #BDBDBD;}
a.CommTC:active {color: #5882FA;}
a.CommTC:hover {color: #0040FF;}

D.Date {color: #000000;}

div#box6{
/* background-color: white;*/
 border-style:   hidden;
 padding-left:   15px;
 padding-top:    0px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 75% ;
 height: 35%
}
div#box6_1{
/* background-color: white;*/
 border-style:   hidden;
 padding-left:   15px;
 padding-top:    20px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 70% ;
 height: 45%
}
div#InfoMain{
/* background-color: white;*/
 border-style:   hidden;
 padding-left:   15px;
 padding-top:    0px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 75% ;
 height: 35%
}
div#infotop{
/* background-color: white;*/
 border-style:   hidden;
 padding-left:   15px;
 padding-top:    0px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 75% ;
 height: 35%
}
div#infobottom{
/* background-color: white;*/
 border-style:   hidden;
 padding-left:   15px;
 padding-top:    0px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 75% ;
 height: 35%
}

#obox1{
 background-color: white;
 padding-left:   15px;
 padding-top:    0px;
 padding-right:  15px;
 padding-bottom: 0px;
 float: left;
 width: 80%;
 height:35%;
 }

#obox2 {
	/*background:blueviolet;*/
        /*background-color:red;*/
	width:134px;
        height: 100%;
        margin-left: 35px;
        }
#obox3 {
	/*background-color:yellow;*/
	width:40%;
        height:100%;
        margin-left: 5px;
}
#obox4 {
	/*background-color:grey;*/
	width:45%;
        height:100%;
        margin-left: 35px;
}
#ocontainer {
        /*background-color:green;*/
	width:100%;
	height:45%;
	display:flex;
        display: -webkit-flex;
}
#ocontaineri {
        /*background-color:blue;*/
	width:100%;
	height:45%;
	display:flex;
        display: -webkit-flex;
}