HTML { 
    /* keinen horizontalen Scrollbar auf Moz und IE */
    overflow: -moz-scrollbars-vertical; 
    overflow-x: hidden;
}


BODY {
    background-color: #ffffff;

    background-image: url(../pix/df3_b2b_om_2012_vis_xl.jpg);
    background-position: center -65px;

    color: #fff;
    font-family: Arial;
    font-size: 12px;

    margin: 0px;

    text-align: center;
}



#page {
    margin-top: 100px;

    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 800px;

    text-align: left;
}


#content {
    position: relative;
    background-color: #279cc8;
    padding: 25px;



    margin-bottom: 20px;
}
#formWrap {
    background-color: #2cb4e6;
    padding: 10px;

    margin-bottom: 15px;
}



H1 {
    margin-top: -5px;
    padding-bottom: 14px;
    border-bottom: 3px solid #fff;
    margin-bottom: 20px;

    font-size: 24px;
    font-weight: normal;

    text-transform: uppercase;
}
H2 {
    margin-top: -5px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 22px;
}

P {
    margin-top: -5px;
    margin-bottom: 16px;
    line-height: 20px;
}


A.textLink {
    display: inline-block;
    color: #fff;
}
A.textLink:hover {
    background-color: #E43B8B;
}


A.biglink {
    color: #fff;
    background-color: #E43B8B;
    font-size: 18px;
    display: inline-block;

    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;

    margin-bottom: 15px;

    text-decoration: none;
}

A.biglink:hover {
    text-decoration: underline;
}



.hr {
    height: 0px;
    border-top: 1px dotted #fff;

    margin-bottom: 20px;
}
.hr HR {
    display: none;
}
.hr2 {
    height: 0px;
    border-top: 3px solid #fff;

    margin-bottom: 10px;
}
.hr2 HR {
    display: none;
}



/* form */

FORM {
    margin: 0px;
}

.formRow {
    overflow: hidden;
    margin-bottom: 5px;
}
LABEL {
    float: left;
    display: block;
    width: 130px;
}

.formInput {
    border-top: 1px solid #858585;
    border-left: 1px solid #C1C1C1;
    border-bottom: 1px solid #FAFAFA;
    border-right: 1px solid #FAFAFA;

    color: #555555;

    width: 200px;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;

    margin-right: 25px;
}


#error {
    padding: 10px;

    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #E43B8B;


    margin-left: -10px;
    margin-right: -10px;

}



.error .formInput {
    border: 1px solid #E43B8B;
}




.buttonBig,
.buttonBig:active,
.buttonBig:visited {
    display: block;
    
    width: 179px;
    height: 29px;

    background-image: url('../pix/buttonBigSprite.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;

    padding-top: 9px;
    padding-left: 10px;

    color: #fff;
    text-transform: uppercase;
    font-size:16px;
    font-weight: bold;
    text-decoration: none;


    margin-top: 40px;

}


.buttonBig:hover {
    background-position: 0px -40px;
    color: #E43B8B;
}





.buttonSmall,
.buttonSmall:active,
.buttonSmall:visited {
    position: absolute;
    display: block;
    
    width: 104px;
    height: 20px;

    background-image: url('../pix/buttonSmallSprite.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;

    padding-top: 3px;
    padding-left: 10px;

    color: #fff;
    font-size:12px;

    text-decoration: none;

    right: 6px;
    bottom: 10px;
}


.buttonSmall:hover {
    background-position: 0px -23px;
    color: #2CB4E6;
}














/* Footer */

#sponsors {
    padding: 10px;
    padding-right: 25px;
    
    text-align: right;

    margin-bottom: 25px;

    background-color: #fff;
}

#sponsors A {
    margin-left: 25px;
}
#sponsors A IMG {
    border: 0px;
}

#sponsors A IMG#inverve {
	height: 22px;
	position: relative;
	top: -8px;
}


/* outro specific */


#colWrap {
    overflow: hidden;
}

#colWrap .col {
    position: relative;
    float: left;
    width: 213px;
    height: 570px;

    background-color: #2CB4E6;

    padding: 10px;

}
#colWrap #col1,
#colWrap #col2 {
    margin-right: 25px;
}

#colWrap .colhead {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 10px;


}
#colWrap .colhead A {
    display: block;
    background-color: #fff;
    height: 60px;

    text-align: center;

}
#colWrap .colhead A IMG {
    margin-top: 10px;
    border: none;
}

#colWrap .colhead A IMG#inverve {
	height: 20px;
	position: relative;
	top: 10px;
}

.col P {

}

/* added: 2010-08-12 */
.player-holder{margin-bottom:30px;}
.fw-normal{font-weight:normal;padding-top:3px;}
.form-holder{margin:25px 0px 20px 0px;}
.form-holder label{width:50px;padding-top:5px;}
.form-holder .add-padd{padding-top:5px;}
.form-holder #email{width:225px;}
.ext{margin-bottom:25px;}
.no-upper{text-transform:none}
.left{float:left}
.right{float:right}
.clear{clear:both}
.xpadd-bott{padding-bottom:15px;}

.buttonBig-submit,
.buttonBig-submit:active,
.buttonBig-submit:visited {
    display: block;
    
    width: 100px;
    height: 29px;

    background-image: url('../pix/buttonBigSprite-submit.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;

    padding-top: 9px;
    padding-left: 10px;

    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-decoration: none;

}


.buttonBig-submit:hover {
    background-position: 0px -40px;
    color: #E43B8B;
}

.buttonBig-wide,
.buttonBig-wide:active,
.buttonBig-wide:visited {
    display: block;
    
    width: 465px;
    height: 29px;

    background-image: url('../pix/buttonBigSprite-wide.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;

    padding-top: 9px;
    padding-left: 10px;

    color: #fff;
    font-size:16px;
    font-weight: bold;
    text-decoration: none;
    margin:12px 0px 18px -2px;

}


.buttonBig-wide:hover {
    background-position: 0px -40px;
    color: #E43B8B;
}

ul.sub-3-col,
ul.sub-3-col li {
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul.sub-3-col {
	margin-top: 36px;
}

ul.sub-3-col li {
	float: left;
	width: 250px;
}

ul.sub-3-col li a {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}

ul.sub-3-col li div {
	width: 200px;
}

ul.sub-3-col li.center div {
	margin: 0 auto;
}

ul.sub-3-col li.right div {
	margin: 0 0 0 50px;
}

ul.sub-3-col li p {
	font-size: 12px !important;
	line-height: 16px;
	margin: 10px 0;
	text-align: left;
}

#page p {
	font-size: 14px;
}

#page p.special-paragraph a {
	color: #fff;
}

#page p.button-line {
	margin: -28px 0 40px 0;
}



