/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.jpg) repeat;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.25em;
		color:#ffffff;
	}

input, select { vertical-align:middle; font-weight:normal;}

.style1 {text-align: left;}

a {color:#3ed8ff; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

li { background:url(images/marker1.gif) no-repeat 0 7px; padding-left:12px; line-height:1.5em;}
li a {color:#B6BDC3;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

h2 {font-size:1.5em; line-height:1.243em; color:#1f82ad; background:url(images/h2-bg.png) left 5px no-repeat; padding:0 0 0 20px; margin:10px 0 0 0;}

#header {background:url(images/header-bg.jpg) top center no-repeat #000;}
.logo {float:left; padding:15px 0 0 21px;}
#content {background:url(images/content-bg.jpg) top center no-repeat;}
.left-border {background:url(images/border-bg.gif) left top repeat-y;}
.right-border {background:url(images/border-bg.gif) right top repeat-y; width:100%;}
.border-img {background:url(images/border-img.jpg) top center no-repeat;  width:100%;}

.main-indent {padding:0 18px 9px 22px;}

.col-pad {padding-right:14px;}

.menu-tail {background:url(images/menu-tail.gif) left top repeat-y; margin-top:23px;}
.menu {background:url(images/menu-bg.jpg) left top repeat-y; min-height:380px; height:auto !important; height:438px;}
.menu ul {padding:20px 20px 18px 20px;}
.menu li {background:none; padding:0 0 2px 0; line-height:1.243em; font-size:1.16em;}
.menu li a {display:block; width:222px; height:34px; padding:14px 0 0 48px; text-transform:uppercase; color:#9dd7ff; text-decoration:none; font-weight:bold; background:url(images/menu-li-bg.jpg) left top no-repeat;}
.menu li a:hover, .menu .active a {background:url(images/menu-li-active.jpg) left top no-repeat;}

.img-bg {background:url(images/img-png-bg.png) left top no-repeat; height:110px; width:126px; padding:5px 0 0 6px; margin:5px 0 0 14px;}
.img-bg .link {display:inline-block; background:url(images/box-marker.gif) left 3px no-repeat; padding:0 0 0 8px; font-size:0.916em; line-height:1em; text-decoration:none; color:#dbe4eb; margin-top:4px;}
.img-bg .link:hover {text-decoration:underline;}

.box1 {background:#002b5a; margin-top:9px;}
.box1 .indent {padding:9px 13px 18px 9px;}
.box1 .bottom-tail {background:url(images/box1-bottom-tail.gif) left bottom repeat-x;}
.box1 .top-tail {background:url(images/box1-top-tail.gif) left top repeat-x;}
.box1 .left-tail {background:url(images/box1-left-tail.gif) top left repeat-y;}
.box1 .right-tail {background:url(images/box1-right-tail.gif) top right repeat-y;}
.box1 .bottom-right {background:url(images/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(images/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(images/box1-corner-top-left.gif) top left no-repeat; width:100%;}
.height { margin-top:6px;}
.box1 .padding {padding-bottom:14px;}
.box1 .padding1 {padding:1px 13px 8px 9px;}

.h-marg {margin-bottom:5px;}

.box2 {background:url(images/box2-tail.gif) left top repeat-x #054387;}
.box2 .indent {padding:11px 11px 11px 13px;}
.box2 .imgindent {margin-right:12px;}
.box2 .bottom-tail {background:url(images/box2-bottom-tail.gif) left bottom repeat-x;}
.box2 .top-tail {background:url(images/box2-top-tail.gif) left top repeat-x;}
.box2 .left-tail {background:url(images/box2-left-tail.gif) top left repeat-y;}
.box2 .right-tail {background:url(images/box2-right-tail.gif) top right repeat-y;}
.box2 .bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .game {color:#fff;}
.box2 .game strong {font-size:1.5em; color:#fff; font-weight:normal;}
.box2 .game span {color:#2fee25; font-size:1.166em;}
.box2 .game .pad {padding-top:20px;}
.box2 .game a {text-decoration:none;}
.box2 .game a:hover {text-decoration:underline;}
.box2 .game .title {color:#19cded; display:inline-block; left 4px no-repeat; padding-left:20px; margin-top:5px; line-height:1.2em;}
.box2 .game .title1 {color:#19cded; font-size:1em; display:inline-block; padding:4px 0 4px 20px;}
.box2-margin {margin-top:3px;}

.list li {line-height:1.25em;  background:url(images/list-li-bg.gif) left bottom repeat-x; padding:7px 0 8px 0; margin:0; position:relative;}
.list li a {color:#3ed8ff; text-decoration:none; display:inline-block; background:url(images/list-li-a-bg.gif) left 1px no-repeat; padding:0 0 0 21px;}
.list li a span {color:#fff;}
.list li a strong {color:#1f82ad;}
.list .last {background:none;}
.list li a:hover {color:#1f82ad;}
.list .list-pad {padding-bottom:6px;}
.list .box2 { display:none; position:absolute; left:0; top:0; width:292px;}
.list li .box2 a { float:left; background:none; padding:0 0 0 0;}

.link {display:inline-block; background:url(images/link-bg.gif) left 2px no-repeat; padding-left:18px; text-decoration:none; color:#19cded; margin-top:7px;}
.link:hover {color:#0d7ca4;}
.link-margin {margin-top:0px;}
.link-margin1 {margin-top:4px;}

.extra {background:url(images/extra-png-bg.png) left top repeat; margin:7px 0 0 2px;}
.extra .indent {padding:10px 10px 8px 10px;}

.margin {margin-right:10px;}
.margin1 {margin:20px 0 0 2px;}

.col-margin {margin-right:14px;}

.policy {color:#3ed8ff; padding:8px 4px 0 10px;}
.policy strong {color:#fff; display:block;}

.box3 {background:url(images/box3-bg.png) left bottom repeat; margin-top:8px;}
.box3 .indent {padding: 20px 10px 14px 20px;}

#footer {background:url(images/footer-bg.png) repeat;}
#footer a {color:#545f6b; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .indent {padding:26px 21px 0 0;}
#footer .main {text-align:right; color:#545f6b; font-size:0.833em; text-transform:uppercase;}


#loopedSlider .container { width:650px; height:400px; overflow:hidden; position:relative; background:#000; border:1px solid #234c79;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider div.slide { position:absolute; top:0; width:650px; display:none;}
#loopedSlider div.slide img { display:block; position:relative;}
#loopedSlider div.slide h3 { font-size:24px; line-height:27px; color:#9dd7ff; font-weight:normal;  padding:15px 0 0 20px;}
#loopedSlider div.slide h3 a { color:#9dd7ff; text-decoration:none;}
#loopedSlider div.slide h3 a:hover { color:#9dd7ff;}
#loopedSlider div.slide .text-box { background-image:url(images/text-box-bg.png); height:77px; width:650px; position:absolute; bottom:0; left:0;}
* html #loopedSlider div.slide .text-box { background:url(images/extra-bg.gif) 0 0;}
#loopedSlider { width:650px; height:400px; position:relative; clear:both; }
#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; background:url(images/pagination-bg.png) 0 0 repeat-y; width:146px; height:390px; position:absolute; right:0; top:1px; padding:10px 0 0 14px;}
#loopedSlider ul.pagination li  {padding:6px 0 6px 6px;}
#loopedSlider ul.pagination li a { display:block; }
#loopedSlider ul.pagination li.active, #loopedSlider ul.pagination li:hover { background:url(images/pagination-act.png) no-repeat 0 0; }
* html #loopedSlider ul.pagination li.active { background:url(images/pagination-act-alt.gif) no-repeat 0 0; }

dl {

    position: relative;
    width: 350px;
}

.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #242424;
    padding: 10px 12px;
    background: #0066ff -10px 5px;
}

input.Berechnen {color: #000000;}
input.Nachname {color: #000000;}

#hidepage {
    align=center;
    position: absolute;
    z-index:3;
    left:50%;
    top:0px;
}