@charset "utf-8";
h1 {
    color: #CC6600;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-decoration: underline;
}
h2 {
    color: #990000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
h3 {
    color: #CC6600;
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 18px;
}
h4 {
    color: #CC6600;
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-size: 12px;
    font-style: italic;
    margin-bottom: -3px;
    margin-top: -20px;
}

.text {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
}

#container {
    height: auto;
    margin: auto;
    width: 780px;
}
#top-pic {
    background: url("img/top-pic.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    height: 314px;
    position: relative;
    z-index: 1;
}
#left {
    float: left;
    padding-left: 20px;
    padding-top: 286px;
}
#right {
    padding-left: 500px;
    padding-top: 286px;
}
#logo {
    background: url("img/vgs-logo.png") no-repeat scroll 0 0 transparent;
    height: 237px;
    left: 263px;
    position: relative;
    top: -80px;
    width: 253px;
    z-index: 2;
}
#main {
    background-color: #EAEAEA;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 0 4px 0 #000000;
    padding: 50px 30px;
    position: relative;
    top: -272px;
}

#note{
	width: 266px;
	height: 266px;
	background:url(img/note.png) no-repeat scroll 0 0 transparent;
	margin-left: 500px;
        top: 50px;
        position: absolute;
}

#trenn {
    background: url("img/trenn.png") no-repeat scroll 0 0 transparent;
    height: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 720px;
}
#gnom {
    background: url("img/gnom.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 190px;
    width: 173px;
}
#powerlvl {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
    margin-left: 183px;
    padding-right: 30px;
    position: relative;
}
#payment {
    background: url("img/payment.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 307px;
    margin-left: -40px;
    width: 315px;
}
#payment_anbieter {
    margin-left: 50px;
    padding-top: 110px;
}
#payment_skrill {
    background: url("img/payment_skrill.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 30px;
    margin-top: 13px;
    height: 46px;
    width: 80px;
}
#payment_paypal {
    background: url("img/payment_paypal.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 21px;
    margin-top: 13px;
    height: 48px;
    width: 77px;
}
#payment_paysafecard {
    background: url("img/payment_paysafecard.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 28px;
    margin-top: 32px;
    height: 53px;
    width: 83px;
}
#payment_ueberweisung {
    background: url("img/payment_ueberweisung.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-left: 16px;
    margin-top: 10px;
    height: 75px;
    width: 87px;
}
#payment_text {
    color: #999999;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.7;
    margin-left: 50px;
    margin-top: 75px;
    padding-top: 110px;
}

#after_payment {
    background: url("img/after_payment.png") no-repeat scroll 0 0 transparent;
    margin-left: 230px;
    margin-bottom: 70px;
}
#after_payment_text {
    color: #999999;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.7;
    margin-left: 170px;
    padding-top: 110px;
}
#email {
    text-decoration: underline;
}
#daten {
    font-family: Cambria, Georgia, serif;
    font-size: 13px;
}
#center {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: auto;
    text-align: center;
    width: 250px;
}
#small {
    font-size: 11px;
}
#kontakt {
    color: #999999;
    font-family: Arial;
    font-size: 15px;
    text-align: center;
    -webkit-font-smoothing: antialiased; /* none - subpixel-antialiased möglich */
    text-shadow: 0 0 1px rgba(0,0,0,.1); ;
}
#kontakt_head {
    display: block; 
    margin: -43px auto 0;
}
#kontakt_info {
    vertical-align:middle;
    line-height: 2.0;
}
#bottom {
    background: url("img/bottom.png") no-repeat scroll 0 0 transparent;
    height: 1353px;
    margin-left: -30px;
    width: 750px;
}
#copyright {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-top: -40px;
    text-align: center;
    width: 750px;
}