@charset "iso-8859-1";
/* CSS Document */

body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-color: #F5F7F7;
 background-image: url(img/bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
body,td,th {
 color: #556F79;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 13px;
 text-shadow: 0px 1px #FFF;
}
.main {
 width: 960px;
 margin-top: 22px;
 margin-right: auto;
 margin-bottom: 22px;
 margin-left: auto;
}
.main .header {
 color: #556F79;
 font-family: 'Allura', "cursive;";
 font-size: 88px;
 text-align: center;
 width: 980;
 margin-bottom: 22px;
 margin-top: 22px;
}
.name {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-shadow: 0px 0px 0px #304045;
 color: #556F79;
}
.main .navi {
 text-align: left;
 font-family: 'Allura', "cursive;";
 font-size: 22px;
 font-weight: bold;
 width: 980px;

}
.main .navi a {
 line-height: 55px;
 color: #394A51;
 text-decoration: none;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #ABBCC3;
 font-weight: normal;
 font-size: 28px;
 margin-top: 3px;
 margin-right: 22px;
 margin-bottom: 3px;
 margin-left: 22px;
 padding: 12px;
}
.main .navi a:hover {
 border-bottom-color: #C60;
 color: #C60;
}
.active    {
 border-bottom-color: #C60;
 color: #C60;
}
.main .navi .active {
 color: #C60;
}
.main .content {
 width: 960px;
 margin-top: 22px;
 text-align: left;
}
.main .content h1 {
 font-family: 'Allura', "cursive;";
 font-weight: normal;
 font-size: 44px;
 color: #C60;
}
.main .content h2 {
 font-family: 'Allura', "cursive;";
 font-weight: normal;
 font-size: 30px;
 color: #444A4C;
 text-align: left;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #B9C8CE;
}
.footer {
 width: 100%;
 background-repeat: no-repeat;
 background-position: center top;
 font-size: 10px;
 text-align: center;
 clear: both;
}
.footer p {
	color: #A3B3B8;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.footer a {
	color: #A3B3B8;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.footer h1 {
 font-family: 'Allura', "cursive;";
 font-weight: normal;
 font-size: 33px;
 color: #A9ACB4;
 font-style: italic;
 text-shadow: 0px 1px 0px #FFF;
}
.namefooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 9px;
	text-shadow: 0px 0px 0px #304045;
	color: #B5B8BF;
}
.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: 'Allura', "cursive;";
 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: 'Allura', "cursive;";
 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: 'Allura', "cursive;";
 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;
}