@charset "UTF-8";
/* CSS Document */

	
html, body, form, fieldset, td { margin:0; padding:0; }
	
	
	
body {
	color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
         
form { /* ist die Grösse des gesamten Formulars aussen */
	/*background-image:url(images/background.png);*/
	background:transparent;
	width: 764px;
	height:626px;
	padding:20px 13px 10px 13px;
}

/* Beginn Tabs */
a.tab_1 {
	background-image:url(tab/tab1_wilkommen_inaktiv.png);
	background-repeat:no-repeat;
	width:108px;
	height:20px;
	margin: 0px 0px 0px 0px;
	position:absolute;
}
/*Reihenfolge unbedingt einhalten: link(a.tab_1) -visited - hover -active*/
a.tab_1:hover {
	background-image:url(tab/tab1_wilkommen_hover.png);
}
a.tab_1:active {
	background-image:url(tab/tab1_wilkommen_aktiv.png);
}

a.tab_2 {
	/* background-image:url(tab/tab2_privat_inaktiv.png); */
	background-image:url(tab/tab2_privat_aktiv.png);
	background-repeat:no-repeat;
	width:108px;
	height:20px;
	margin: 0px 0px 0px 91px;
	position:absolute;
}
/*Reihenfolge unbedingt einhalten: link(a.tab_1) -visited - hover -active*/
a.tab_2:hover {
	background-image:url(tab/tab2_privat_hover.png);
}
a.tab_2:active {
	background-image:url(tab/tab2_privat_aktiv.png);
}



a.tab_3 {
	background-image:url(tab/tab3_vereine_inaktiv.png);
	background-repeat:no-repeat;
	width:108px;
	height:20px;
	margin: 0px 0px 0px 182px;
	position:absolute;
	/* nur 91px breit (17px wegen der Diagonale der Grösse abrechenen)*/
}
a.tab_3:hover {
	background-image:url(tab/tab3_vereine_hover.png);
}
a.tab_3:active {
	background-image:url(tab/tab3_vereine_aktiv.png);
}


a.tab_4 {
	background-image:url(tab/tab4_entertainer_inaktiv.png);
	background-repeat:no-repeat;
	width:108px;
	height:20px;
	margin: 0px 0px 0px 273px;
	position:absolute;
}
a.tab_4:hover {
	background-image:url(tab/tab4_entertainer_hover.png);
}
a.tab_4:active {
	background-image:url(tab/tab4_entertainer_aktiv.png);
}


a.tab_5 {
	background-image:url(tab/tab5_pro_inaktiv.png);
	background-repeat:no-repeat;
	width:108px;
	height:20px;
	margin: 0px 0px 0px 364px;
	position:absolute;
}
a.tab_5:hover {
	background-image:url(tab/tab5_pro_hover.png);
}
a.tab_5:active {
	background-image:url(tab/tab5_pro_aktiv.png);
}
/* Ende Tabs */


/* Beginn Obere Reihe */



.registrierung_privat {
	vertical-align:middle;
	text-align:left;
	background-color:#9016B2;
	width:764px;
	height:28px;
	margin: 20px 0px 0px 0px;
	font-size:14px;
	font-weight:500;
	color:#FFF;
	position:absolute;
}
.registrierung_privat_rot {
	vertical-align:middle;
	text-align:left;
	background-color:red;
	width:764px;
	height:28px;
	margin: 20px 0px 0px 0px;
	font-size:14px;
	font-weight:500;
	color:#FFF;
	position:absolute;
}
/* Ende Obere reihe */

.mittig { /* Überschrift Oben Obligatorische Felder */
	vertical-align:middle;
	text-align:center;
	background-color:#CA65D1;
	width:192px;
	height:28px;
	margin: 58px 0px 10px 0px;
	font-size:14px;
	font-weight:500;
	color:#FFF;
}
.mittig_rot { /* Überschrift Oben Obligatorische Felder */
        vertical-align:middle;
        text-align:center;
        background-color:red;
        width:192px;
        height:28px;
        margin: 58px 0px 10px 0px;
        font-size:14px;
        font-weight:500;
        color:#FFF;
}


.bild_privat {
	background-image:url(images/foto_registrierung_privat.png);
	width:405px;
	height:170px;
	margin: -38px 0px 0px 212px;
	position:absolute;
}


.reihe_links { /* Abstand der Zeilen */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: 4px 0px 0px 0px;
	position:relative;
}

.reihe_links_rot { /* Titel der Felderz.B: Nachnahme */
	font-size:12px;
	font-weight:500;
	color:red;
	margin: 4px 0px 0px 0px;
	position:relative;
}
	
#nachname, #vorname, #benutzername, #passwort, #passwort_wiederholen, #email, #webseite{ /* Feldinhalt */
	width:188px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin-left: 0px;
	position:relative;
}
	
/* Beginn Geburtsdatum*/
.mb { /* Monat */
    background-color: #FFFFFF;
    border: 1px solid #9016B2;
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    height: 22px;
    margin-top: -1px;
	margin-left:0px;
    width: 94px;
	position:relative;
}
.mb1 { /* Tag */
    background-color: #FFFFFF;
    border: 1px solid #9016B2;
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    height: 22px;
    margin:-35px 0px 0px 101px;
    width: 44px;
	position:absolute;
}
.mb2 { /* Jahr */
    background-color: #FFFFFF;
    border: 1px solid #9016B2;
	text-align:center;
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    height: 18px;
	margin:-36px 0px 0px 153px;
    width: 35px;
	position:absolute;
}
.monat {
	font-size:9px;
	margin: 2px 0px 0px 25px;
}
.tag {
	font-size:9px;
	margin: -10px 0px 0px 108px;
}
.jahr {
	font-size:9px;
	margin: -10px 0px 0px 160px;
}
/*Ende Geburtsdatum*/

/* Anfang Radiobutton */
#geschlecht {
	margin:10px 0px 0px 17px;
	font-weight:500;
	color:#000;
	position:relative;
}
/* Anfang Radiobutton */

/* Anfang Sprache */
.mb3 { /* Sprache */
    background-color:#FFF;
    border: 1px solid #9016B2;
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    height: 22px;
    margin-top: -1px;
	margin-left:0px;
    width: 190px;
	position:relative;
}
/* Ende Sprache */


/* Beginn Infobox */
.reihe_links_sprachen {
	position:relative;
	background-color:transparent;
	width:200px;
	margin:3px 0px 0px 0px;
} 
.reihe_links_sprachen_rot {
	position:relative;
	background-color:transparent;
	width:200px;
	margin:3px 0px 0px 0px;
} 

.reihe_links_sprachen img {
	position:relative;
	z-index:2;
	margin:0px 0px 0px 70px;
} 

.reihe_links_sprachen .text_sprachen {
	display:none;
} 

.reihe_links_sprachen:hover .text_sprachen {
	display:block;
	position:absolute;
	z-index:1;
	left:183px;
	top:2px;
	width:200px;
	padding:15px;
	border:2px solid #9016B2;
	background-color:#FFC;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#000;
}
/* Ende Infobox */




/* Anfang Reihen rechts */
	
.mittig2 { /* Überschrift rechts Nicht obligatorische Felder */
	vertical-align:middle;
	text-align:left;
	background-color:#CA65D1;
	width:405px;
	height:28px;
	margin:-15px 0px 0px 212px;
	font-size:14px;
	font-weight:500;
	color:#FFF;
}
.reihe_rechts { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 212px;
}
.reihe_rechts_rot { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:red;
	margin: -38px 0px 0px 212px;
}
#hausnummer, #postleitzahl { /* Feldinhalt */
	width:75px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin: 0px 0px 0px 212px;
}
.reihe_rechts_strasse { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 302px;
}
.reihe_rechts_strasse_rot { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:red;
	margin: -38px 0px 0px 302px;
}
#strasse { /* Feldinhalt */
	width:313px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin: 0px 0px 0px 302px;
}
.reihe_rechts_ortschaft { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 302px;
}
.reihe_rechts_ortschaft_rot { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:red;
	margin: -38px 0px 0px 302px;
}
#ortschaft { /* Feldinhalt */
	width:197px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin: 0px 0px 0px 302px;
}
.reihe_rechts_land { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 517px;
}
.reihe_rechts_land_rot { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:red;
	margin: -38px 0px 0px 517px;
}
.mb4 { /* Land */
    background-color: #FFFFFF;
    border: 1px solid #9016B2;
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    height: 24px;
    margin-top: -1px;
	margin-left:515px;
    width: 102px;
	position:relative;
}
.reihe_rechts_telefon { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 212px;
}
#telefon_nummer { /* Feldinhalt */
	width:123px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin: 0px 0px 0px 212px;
}
.reihe_rechts_fax { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 349px;
}
#fax_nummer { /* Feldinhalt */
	width:123px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin: 0px 0px 0px 349px;
}
.reihe_rechts_handy { /* Titel der Felder= Nachnahme */
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 488px;
}
#handy_nummer { /* Feldinhalt */
	width:127px;
	height:20px;
	font-size:12px;
	border-style:none;
	border: 1px solid #9016B2;
	margin: 0px 0px 0px 488px;
}
.reihe_rechts_text { /* Text */
	width:400px;
	text-align:justify;
	font-size:12px;
	font-weight:500;
	color:#000;
	margin: -38px 0px 0px 212px;
}

/* Ende Reihen rechts */

#agb {
	margin:0px 0px 0px 0px;
}

.agb_text {
	width:172px;
	text-align:justify;
	margin:-16px 0px 0px 20px;
	font-size:9px;
	color:#000;
}
.agb_text_rot {
	width:172px;
	text-align:justify;
	margin:-16px 0px 0px 20px;
	font-size:9px;
	color:red;
}

/* Anfang box Newsletter*/
.newsletter_abo { /*BOX*/
	background:#FFF;
	width:188px;
	height:50px;
	float:left;
	margin:10px 0px 0px 0px;
	border-style:none;
    border: 1px solid #9016B2;
	position:absolute;
}

.newsletter_text {
	/*background:#FF9;*/
	width:600px;
	height:30px;
	float:left;
	font-size:10px;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	position:absolute;
}

/* Anfang Radiobutton */
#newsletter {
	margin:25px 0px 0px 40px;
	font-weight:500;
	color:#000;
	position:relative;
}

/* Anfang Radiobutton */
/* Ende box Newsletter*/

.box_senden {
	/*background:#3FF;*/
	width:150px;
	height:40px;
	margin:0px 0px 0px 0px;
	position:absolute;
}

#absenden {
	background-color:#CA65D1;
	width: 95px;
	height:20px;
	margin: 0px 0px 0px 522px;
	font-weight:500;
	font-size:14px;
	border: 0px solid #ddd;
	color: #FFF;
	position:absolute;
}

.text {
	background-image:url(images/background.png);
	width:134px;
	height:567px;
	margin-right:0px;
        margin-top:58px;
	float:right;
	}
        
.text2 {
	width:124px;
	height:557px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
    text-align:justify;
	margin-right:5px;
    margin-top:10px;
	float:right;
	}