body { font-size:10pt;
        font-family:Arial,Helvetica,sans-serif;
        background:#eeeeee;
        color:#444444; }
td          { font-size:10pt;
		padding: 5px 10px 5px 10px;
        color:#444444; }
th            {
        font-size:10pt;
		background:#777777;
		color:#FFFFFF;
		padding:3px 10px 3px 10px;
}
table
             {
			 width:100%;
       }
tr:nth-child(even) {
    background-color: #eeeeee;
}
     
tr:nth-child(odd) {
    background-color: #cccccc;
}
	
a 		{ font-size:10pt;
		text-decoration:none;
        font-family:Helvetica,Arial,sans-serif;
        color:6666AA; }
		

h1 {
    padding: 2px 0px 1px 4px;  border-left-color: #2c65e8; border-left-width: 5px; border-left-style: solid;
	margin-top:20px;
	margin-bottom:6px;
	font-size:12pt;
	background-image:url(../fading_blue_h1.png); 
	background-repeat:repeat-y;
	color:#ffffff;
}

h2 {
    padding: 2px 0px 1px 4px;  border-left-color: #2c89e8; border-left-width: 5px; border-left-style: solid;
	margin-top:20px;
	margin-bottom:6px;
	font-size:10pt;
	background-image:url(../fading_blue_h2.png); 
	background-repeat:repeat-y;
	color:#ffffff;
}
h3 {
    padding: 2px 0px 1px 4px;  border-left-color: #2cb1e8; border-left-width: 5px; border-left-style: solid;
	margin-top:8px;
	margin-bottom:6px;
	font-size:10pt;
	background-image:url(../fading_blue_h3.png); 
	background-repeat:repeat-y;
	color:#ffffff;
}


h1.fading {
background: #2c65e8; /* Old browsers */
color:#ffffff;
padding:5px 5px 5px 5px;
font-size:14pt;
background: -moz-linear-gradient(left, rgba(31,93,155,1) 0%, rgba(78,139,194,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,93,155,1)), color-stop(50%,rgba(78,139,194,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5d9b', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5d9b', endColorstr='#007db9e8',GradientType=1 )";
}

h2.fading {
background: #2c89e8; /* Old browsers */
overflow:auto; 
color:#ffffff;
padding:5px 5px 5px 5px;
font-size:12pt;
background: -moz-linear-gradient(left, rgba(31,130,155,1) 0%, rgba(78,158,194,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,130,155,1)), color-stop(50%,rgba(78,158,194,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* W3C */
#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f829b', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
#-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f829b', endColorstr='#007db9e8',GradientType=1 )";
}

h3.fading {
background: #2cb1e8; /* Old browsers */
overflow:auto;
color:#ffffff;
padding:5px 5px 5px 5px;
font-size:10pt;
background: -moz-linear-gradient(left, rgba(39,182,198,1) 0%, rgba(82,184,215,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,182,198,1)), color-stop(50%,rgba(82,184,215,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b6c6', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b6c6', endColorstr='#007db9e8',GradientType=1 )";
}

.shaddow     {
        -moz-box-shadow:1px 1px 4px #292929; /* Firefox */
        -webkit-box-shadow:1px 1px 4px #292929; /* Chrome, Safari */
        -khtml-box-shadow:1px 1px 4px #292929; /* Konqueror */
        box-shadow:1px 1px 4px #292929; /* CSS3 */
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius:10px 10px 10px 10px; /* Firefox */
        -webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
        -khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
        border-radius:10px 10px 10px 10px; /* CSS3 */
        behavior:url(border-radius.htc); /* Internet Explorer */
}   
     
.codewindow { font-size:10pt;
        font-family: monospace; 
        font-weight: bold;
        color: black;
        background:#BBBBBB;border-width:1px;border-style:dotted;
        border-color:black; width:100%; }
.indexsite { 

        font-size:10pt;
        font-family:Helvetica,Arial,sans-serif;
        color:#555555;  font-weight: bold;
        background:#DDDDFF;border-width:1px;border-style:dotted;
        border-color:black; width:100%; }
.subindexsite { font-size:10pt;
        font-family:Helvetica,Arial,sans-serif; 
        color: black;
        background:#EEEEEE;border-width:1px;border-style:dotted;
        border-color:black; width:100%; }
        
.ueberschrift1 { font-size:14pt;
        font-family:Helvetica,Arial,sans-serif;
        color:#555555;  font-weight: bold;}
.ueberschrift2 { font-size:11pt;
        font-family:Helvetica,Arial,sans-serif;
        color:#000000;  font-weight: bold;}     
.code { font-size:10pt;
        font-family: monospace; 
        font-weight: bold;
        color: black; } 
        
.mylinks {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
.mylinksmiddle {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
.mylinks2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #777777; text-decoration: none}
.mylinksmenu1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
.mylinksmenu2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #777777; text-decoration: none}


.navigation {
    width:800px;
    border-collapse: separate;
    border-spacing: 10px;
}

.navigation table {
    width:800px;
    border-collapse: separate;
    border-spacing: 10px;
}

.navigation a:link    { color:#000000; text-decoration:none; font-weight:bold; }
.navigation a:visited { color:#000000; text-decoration:none; font-weight:bold; }
.navigation a:focus   { color:#888888; font-weight:bold; }
.navigation a:hover   { color:#888888; text-decoration:none; font-weight:bold; }
.navigation a:active  { color:#888888; font-weight:bold; }
 
.navigation tr {
        width:100%;
        vertical-align:center;
}
.navigation td {
        background:#f8f7ed;
        font-size:10pt;
		
        font-family:Helvetica,Arial,sans-serif;
        color:6666AA;
        width: 150px;
        height: 50px;
        text-align: center;
        vertical-align:center;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius:8px 8px 8px 8px; /* Firefox */
        -webkit-border-radius:8px 8px 8px 8px; /* Chrome, Safari */
        -khtml-border-radius:8px 8px 8px 8px; /* Konqueror */
        border-radius:8px 8px 8px 8px; /* CSS3 */
        behavior:url(border-radius.htc); /* Internet Explorer */
        background:-moz-linear-gradient(bottom,#fffef6,#e4e3d8); /* Firefox */
        background:-webkit-gradient(linear,left top,left bottom,from(#fffef6),to(#e4e3d8)); /* Chrome, Safari */
        /* filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#fffef6',endColorstr='#e4e3d8'); */ /* Internet Explorer */
        border: 1px solid #CCC;
        padding:3px;
        
}
.navigation td:hover   { color:#888888; cursor: pointer; background:#FFFFFF; text-decoration:none; font-weight:bold; }

#content {
  position: relative;
  width: 800px ;
  margin-top: 50px;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 50px;
  background:#fffef6;
    padding: 20px;
    border: 1px solid #CCC;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    
   -moz-border-radius:10px 10px 10px 10px; /* Firefox */
   -webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
   -khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
   border-radius:10px 10px 10px 10px; /* CSS3 */
   behavior:url(border-radius.htc); /* Internet Explorer */

-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
box-shadow:1px 1px 6px #292929; /* CSS3 */
}