@charset "iso-8859-1";
@font-face { font-family: 'Segoe Print' ; src: local('Segoe Print') , url('SegoePrint.ttf') format('truetype') } 
			 
/* CSS Document */

body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-color: #F5F7F7;
 background-image: url(images/bg.jpg);
 /* background-repeat: no-repeat; */
 background-position: center top;
}
body,td,th {
 color: #0D537E;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 13px;
 text-shadow: 0px 1px #0000;
}
.main {
 width: 960px;
 margin-top: 18px;
 margin-right: auto;
 margin-bottom: 22px;
 margin-left: auto;
}
.main .header {
 color: #0D537E;
 font-family: Segoe Print, Allura, sans-serif;
 font-size: 50px;
 text-align: center;
 width: 960px;
 margin-bottom: 10px;
 margin-top: 10px;
}
.name {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #0D537E;
}
.main .navi {
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 width: 960px;
}
.main .navi a {
 color: #0D537E;
 text-decoration: none;
 border-bottom-width: 1px;
 border-bottom-color: #ABBCC3;
 font-weight: normal;
 font-size: 20px;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
 padding: 12px;
}
.main .navi a:hover {
 border-bottom-color: #077568; ;
 color: #077568; ;
}
.active    {
 border-bottom-color: #077568; ;
 color: #077568; ;
}
.main .navi .active {
 color: #077568; ;
}
.main .content {
 width: 960px;
 margin-top: 22px;
 text-align: left;
}
.main .content h1 {
 font-family: Segoe Print, Allura, sans-serif;
 font-weight: normal;
 font-size: 44px;
 color: #C60;
}
.main .content h2 {
	font-family: Segoe Print, Allura, sans-serif;
	font-weight: normal;
	font-size: 30px;
	color: #444A4C;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.main .content h3 {
	font-family: Segoe Print,  sans-serif;
	font-weight: normal;
	font-size: 30px;
	color: #444A4C;
	text-align: left;
	}
.main .content h4{
	font-family: Segoe Print,  sans-serif;
	font-size: 18px;
	color: #444A4C;
	text-align: left;
	}
.footer {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 10px;
	text-align: center;
	clear: both;
	color: #0D537E;
}
.footer p {
	color: #0D537E;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.footer a {
	color: #0D537E;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;

}
.footer h1 {
	font-family: Segoe Print,  Allura,  sans-serif;
	font-weight: normal;
	font-size: 25px;
	color: #0D537E;
	text-shadow: 0px 1px 0px #304045;
}
.namefooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 9px;
	text-shadow: 0px 0px 0px #304045;
	color: #0D537E;
}
.right {
 margin: 5px;
 padding: 5px;
 float: right;
}
.container {
 width: 800px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 5px;
		}
		.container a{
 float: left;
 margin: 10px;
		}
    
		 .border {
		 background-color: #FFF;
		 border: 1px solid #cccccc;
		 	padding: 3px;
			margin: 5px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-khtml-border-radius:3px;
			border-radius:3px;
			-moz-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
			-webkit-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
			box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
			
			
		}
		
/* EndOAWidget_Instance_2644026 */
.main .content .container a .border {
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -ms-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
 -webkit-transition-duration: 400ms;
 -moz-transition-duration: 400ms;
 -ms-transition-duration: 400ms;
 -o-transition-duration: 400ms;
 transition-duration: 400ms;
 -webkit-transition-timing-function: linear;
 -moz-transition-timing-function: linear;
 -ms-transition-timing-function: linear;
 -o-transition-timing-function: linear;
 transition-timing-function: linear;
 -webkit-transition-delay: 0ms;
 -moz-transition-delay: 0ms;
 -ms-transition-delay: 0ms;
 -o-transition-delay: 0ms;
 transition-delay: 0ms;
}
.main .content .container a .border:hover {
 -webkit-opacity: 0.6;
 -moz-opacity: 0.6;
 opacity: 0.6;
}
.main .content .blue a {
 color: #FFF;
 background-color: #587B89;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
}
.main .content .blue a:hover {
 color: #FFF;
 background-color: #84A4B0;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
}
.main .content .orange a {
 color: #FFF;
 background-color: #CC6600;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
}
.main .content .orange a:hover {
 color: #FFF;
 background-color: #FF972F;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
}
.main .content .bluebig a {
 color: #FFF;
 background-color: #587B89;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
 font-size: 22px;
}
.main .content .bluebig a:hover {
 color: #FFF;
 background-color: #84A4B0;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
 font-size: 22px;
}
.main .content .orangebig a {
 color: #FFF;
 background-color: #CC6600;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
 font-size: 22px;
}
.main .content .orangebig a:hover {
 color: #FFF;
 background-color: #FF972F;
 margin: 5px;
 padding: 5px;
 text-decoration: none;
 text-shadow: 0px 1px #3F5761;
 border-radius: 4px;
 box-shadow: 0px 0px 3px #354A53;
 font-size: 22px;
}
.main .content .listeclean {
 list-style-type: none;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #919EA6;
 text-align: left;
 margin: 3px;
 padding: 3px;
}
.main .content .listeorange {
 list-style-type: none;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #CC6600;
 text-align: left;
 margin: 3px;
 padding: 3px;
 color: #CC6600;
 font-weight: normal;
 letter-spacing: 3px;
}
.main .content .listegreen {
 list-style-type: none;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #9FB31A;
 text-align: left;
 margin: 3px;
 padding: 3px;
 color: #9FB31A;
 font-weight: normal;
 letter-spacing: 3px;
}
.main .content .listered {
 list-style-type: none;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #BB0000;
 text-align: left;
 margin: 3px;
 padding: 3px;
 color: #BB0000;
 font-weight: normal;
 letter-spacing: 3px;
}
.main .content #table tr td {
 margin: 0px;
 padding: 8px;
 border: 1px solid #CBD0D3;
}
.highlight {
 font-size: 44px;
 color: #FFF;
 background-color: #A0CED6;
 display: block;
 padding: 8px;
 text-shadow: 0px 0px 1px #2F636C;
 border-radius: 12px 3px 12px 3px;
 box-shadow: 0px 1px 2px #57A9B7;
 font-family: Segoe Print,  Allura, sans-serif;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
}
.highlightgreen {
 font-size: 44px;
 color: #FFF;
 background-color: #AAB343;
 display: block;
 padding: 8px;
 text-shadow: 0px 0px 1px #7E8532;
 border-radius: 12px 3px 12px 3px;
 box-shadow: 0px 1px 2px #616525;
 font-family: Segoe Print, Allura,  sans-serif;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
}
.highlightorange {
 font-size: 44px;
 color: #FFF;
 background-color: #CC6600;
 display: block;
 padding: 8px;
 text-shadow: 0px 0px 1px #8A4500;
 border-radius: 12px 3px 12px 3px;
 box-shadow: 0px 1px 2px #974B00;
 font-family: Segoe Print,  Allura, sans-serif;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
}
.main .content .spalte1 {
 padding: 10px;
 width: 460px;
 float: left;
}
.main .content .spalte2 {
 padding: 10px;
 width: 300px;
 float: left;
}
.main .content .clear {
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #B5B8BF;
 clear: both;
 width: 100%;
 box-shadow: 0px 1px #FFF;
}
.main .content h3 {
 font-weight: normal;
}
.code {
 font-size: 10px;
 color: #111;
 background-color: #EEE;
 padding: 6px;
 border: 1px solid #A9ACB4;
 display: block;
}
.skygallerytop {
 margin-top: -22px;
 position: absolute;
 height: 22px;
 width: 300px;
 top: -22px;
 clip: rect(-22px,auto,auto,auto);
 color: transparent;
}
.skygallerytop a {
 margin-top: -22px;
 position: absolute;
 height: 22px;
 width: 300px;
 top: -22px;
 clip: rect(-22px,auto,auto,auto);
 color: transparent;
}
#parent
{
  position: relative;
} 
#child_1
{
  position: absolute;
}
#child_2
{
  position: absolute; top:50px; right:50px;
}