/***************** CSS Au-Pair Wizard *********************/


body {padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("../Design/hg.gif"); background-repeat:repeat-x;}

div#druckbanner{ display:none;}
/*************************************************************************
ANFANG - startseite
*************************************************************************/

table#index {/*border: solid 1px red; */width: 800px; background-image: url("../Design/kopf.gif"); background-repeat:no-repeat;padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px;}

table#index div#pnlNaviPerIndex{/*border: solid 1px black;*/font-size: 8pt; margin-left: 369px; margin-top: 139px; height: 22px; margin-bottom: 70px;}
table#index div#pnlNaviPerIndex a{display: inline; color: #d41c42;text-decoration: none; background-image: url("../Design/strich.gif"); background-repeat:no-repeat; background-position: left;padding: 0px 15px 0px 10px;}
table#index div#pnlNaviPerIndex a:hover{background-color: #d41c42; color: white; }

table#index img{border: none; }
table#index td.links{/*border: solid 1px black;*/ }
table#index td.links a{/*border: solid 1px green;*/padding: 10px 15px 10px 330px; /*border: solid 1px red;*/}
table#index td {/*border: solid 1px black;*/ }
table#index td a.index{/**/border: solid 1px silver; display: block; font-size: 10pt; text-decoration: none; color: black;padding: 8px 8px 8px 8px; }

table#index td a#HyperLink1 img{/*border: solid 1px green;*/ margin-top: 40px; }
table#index td a#HyperLink5 {/*border: solid 1px blue; */display: block; margin-top: 42px;}

table#index td a:hover{background-color: #d41c42; color: white;}
table#index td.links a:hover{background-color: white;}

/*************************************************************************
ENDE - startseite
*************************************************************************/


/*************************************************************************
ANFANG Sprachwahl
*************************************************************************/

div#Sprachen {/* border: solid 1px black;*/font-size: 8pt; margin-left: 375px; margin-top: 40px; height: 22px; color: #999999;}
div#Sprachen a, div#Sprachen a:link, div#Sprachen a:active, div#Sprachen a:visited {font-size: 8pt; margin-right: 15px; color: #999999; text-decoration: none; display: inline;  padding:0px;}
div#Sprachen a:hover{color: white; background-color:#d41c42;}

/*************************************************************************
ENDE Sprachwahl
*************************************************************************/


/*************************************************************************
ANFANG - Navi Permanent oben
*************************************************************************/

div#NaviPer{/*border: solid 1px black;*/font-size: 8pt; margin-left: 369px; margin-top: 77px; height: 22px;}
div#NaviPer a{display: inline; color: #d41c42;text-decoration: none; background-image: url("../Design/strich.gif"); background-repeat:no-repeat; background-position: left;padding: 0px 15px 0px 10px;}
div#NaviPer a:hover{background-color: #d41c42; color: white; }
div#NaviPer a.AktiverLink {background-color:#d41c42; color: white;}

/*************************************************************************
ENDE - Navi Permanent oben
*************************************************************************/



/*************************************************************************
ANFANG - Navigation linke Seite 
*************************************************************************/

div#NaviLevel_1  {border: solid 1px white;/**/width: 370px; margin-top: 80px; font-size: 9pt; text-decoration: none; width: 253px; color:#d41c42;}
div#NaviLevel_1  a, a:visited {display: block; text-decoration: none; color: black; padding: 5px 0px 5px 40px; font-size: 0.9em; color:#d41c42;}
div#NaviLevel_1  a:hover {color: white; background-color:#d41c42; }
div#NaviLevel_1  a.AktiverLink {background-color:#d41c42; color: white;}
div#NaviLevel_1 span {display: block; margin-top: 20px; font-weight: bold; font-size: 0.9em; color:#d41c42; padding-bottom: 13px; background-image:url("../Design/hg_menue.gif"); background-repeat: no-repeat; padding-left: 40px; padding-top: 4px;}

/*************************************************************************
ENDE - Navigation linke Seite
*************************************************************************/




/*************************************************************************
ANFANG - Inhalte
*************************************************************************/
table#Inhalt {/*border: solid 1px red;*/  width: 800px; background-image: url("../Design/kopf.gif"); background-repeat:no-repeat; margin: 0px !important; }
table#Inhalt td {/*border: solid 1px blue;*/ vertical-align: top; margin: 0px; padding: 0px !important; margin: 0px !important;}
table#Inhalt table h1{font-size: 1.1em; line-height: 22px; margin-top: 0px;}

div#Artikel {/*border: solid 1px black;*/ font-size: 8pt; line-height: 22px; margin-top: 100px; margin-left: 110px; width: 450px;}
div#Artikel h1{font-size: 1.2em; line-height: 22px;}
div#Artikel p{font-size: 8pt; line-height: 22px; }

p.fehler{ font-weight: bold; color: #d41c42; }



/*************************************************************************
ANFANG - Kontakt
*************************************************************************/

table.ContactTable {width: 450px; margin: 20px 0px 20px 0px; line-height:15px; }
table.ContactTable td{width:50%;}
table.ContactTable p {font-weight:bold; margin-bottom:10px; font-size: 1em; margin-top: 0px; display: block; background-color: #d1d1d1; width: 450px; height: 20px; padding-left: 3px;}
table.ContactTable strong { font-weight:bold; font-size: 1em; padding: 3px; margin-bottom: 20px; background-color: #d1d1d1; display: block; width: 444px;}
table.ContactTable td input,
table.ContactTable td textarea{font-family:Arial; width: 220px;  font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1px;}
table.ContactTable td select {width: 258px;}
table.ContactTable td.td_rechts input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-left: 373px;/**/ font-size: 1em; font-weight: bold;}
* html table.ContactTable td input.button1 {width:80px; border:solid 1px silver; padding:3px; /*margin-left: 343px;*/ font-size: 1em; font-weight: bold;}
table.ContactTable .Fehler {color: #d41c42; width: 450px;}

/*************************************************************************
ENDE - Kontakt
*************************************************************************/



/*************************************************************************
ANFANG - Tabelle Ich suche eine Familie 
*************************************************************************/
table.GesuchTable {width: 450px; margin: 20px 0px 20px 0px; line-height:15px; }
table.GesuchTable td{width: 50%;}
table.GesuchTable p { font-weight:bold; margin-bottom:10px; margin-top: 0px;}
table.GesuchTable h2 { font-weight:bold; font-size: 1em; padding: 3px; margin-top: 0px; background-color: #d1d1d1; width: 99%; color: black !important;}
table.GesuchTable td input, 
table.GesuchTable td select, 
table.GesuchTable td textarea{font-family:Arial; width: 250px; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1px; }
table.GesuchTable td textarea{height: 70px;}
table.GesuchTable td select {width: 258px;}
table.GesuchTable td table{margin-bottom: 20px; /*border:solid 1px yellow; */width: 255px;}
table.GesuchTable td table td{margin-bottom: 20px; /*border:solid 1px silver;*/ width: 20%;}
table.GesuchTable .letzte td{ border-top:solid 30px white;}
table.GesuchTable .letzte td input {width:80px; border:solid 1px silver; padding:3px; margin-left: 173px; font-size: 1em; font-weight: bold;}

/*Radiobuttons mit label in der Liste*/

table.GesuchTable td table label {margin: 0px 5px 0px 2px; vertical-align:middle; /*background-color: silver;*/}
table.GesuchTable td table input {width: 15px; display:inline; vertical-align:middle; margin: 0px; /*background-color: #66FFCC;*/}

table#ctl10_RadioButtonList3 td, table#ctl10_RadioButtonList4 td{width: auto;}

/*************************************************************************
ENDE - Tabelle Ich suche eine Familie 
*************************************************************************/



/*************************************************************************
ANFANG - Tabelle wir suchen ein Au-Pair 
*************************************************************************/
div .pnlAngebot table.AngebotTable {width: 450px; margin: 20px 0px 20px 0px; line-height:15px; background-color: white;}
div .pnlAngebot table.AngebotTable td{width: 50%;}
div .pnlAngebot table.AngebotTable p { font-weight:bold; margin-bottom:10px; margin-top: 0px;}
div .pnlAngebot table.AngebotTable h2 { font-weight:bold; font-size: 1em; padding: 3px; margin-top: 0px; background-color: #d1d1d1; color: black !important;}
div .pnlAngebot h2 { font-weight:bold; font-size: 1em; padding: 3px; margin-top: 0px; color: #FF0000;}
div .pnlAngebot table.AngebotTable td input, 
div .pnlAngebot table.AngebotTable td select, 
div .pnlAngebot table.AngebotTable td textarea{font-family:Arial; width: 250px; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1px;}
div .pnlAngebot table.AngebotTable td textarea{height: 70px;}
div .pnlAngebot table.AngebotTable td select {width: 258px;}
div .pnlAngebot table.AngebotTable td input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-bottom:10px; margin-left: 175px; font-size: 1em; font-weight: bold;}
div .pnlAngebot table.AngebotTable .letzte td{ border-top:solid 30px white;}

/*************************************************************************
ENDE  - Tabelle wir suchen ein Au-Pair 
*************************************************************************/



/*************************************************************************
ANFANG - Anfragen für Agenturen 
*************************************************************************/
table.ContactTable.Anfrage {width: 450px; margin: 20px 0px 20px 0px; line-height:15px;}
table.ContactTable.Anfrage td{width:50%}
table.ContactTable.Anfrage p {font-weight:bold; margin-bottom:10px; margin-top: 0px;}
table.ContactTable.Anfrage strong { font-weight:bold; font-size: 1em; padding: 3px; margin-bottom: 20px; background-color: #d1d1d1; display: block; width: 444px;}
table.ContactTable.Anfrage td input,
table.ContactTable.Anfrage td textarea{font-family:Arial; width: 250px; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1spx;}
table.ContactTable.Anfrage td select {width: 258px;}
table.ContactTable.Anfrage td input.button2 {width:80px; border:solid 1px silver; padding:3px; margin-left: 175px;/**/ font-size: 1em; font-weight: bold;}
table.ContactTable.Anfrage .letzte td{border-top: solid 20px white;}
table.ContactTable.Anfrage .Fehler {color: #d41c42; width: 450px;}
div#ctl21_Panel1 p{color: #d41c42; font-weight:bold; font-size: 1em;}
/*************************************************************************
ENDE - Anfragen für Agenturen 
*************************************************************************/


/*************************************************************************
ANFANG - Message Service nach Login
*************************************************************************/
div .pnlMessage {width: 450px; margin-top: 15px;}
div .pnlMessage input,
div .pnlMessage select,
div .pnlMessage textarea {font-family:Arial; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1px; width: 450px; }
div .pnlMessage .button1 {width:80px; border:solid 1px silver; padding:3px; margin-left: 376px; font-size: 1em; font-weight: bold; margin-top: 10px; display: block;}
div .pnlMessage span {display: block;}
div#Control h2{color: #d41c42; font-weight:bold; font-size: 1em;}
/*************************************************************************
ENDE - Message Service nach Login
*************************************************************************/



/*************************************************************************
ANFANG - Message Service Login
*************************************************************************/
div .pnlMessage table {width: 450px; margin-top: 15px; }
div .pnlMessage table td {width: 150px;}
div .pnlMessage table input,
div .pnlMessage table select,
div .pnlMessage table textarea {font-family:Arial; width: 250px; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1px;}
div .pnlMessage table input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-left: 330px; font-size: 1em; font-weight: bold; margin-top: 10px;}
* html div .pnlMessage table  input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-left: 350px; font-size: 1em; font-weight: bold; margin-top: 10px; margin-right: 0px;}

/*************************************************************************
ENDE - Message Service Login
*************************************************************************/




/*************************************************************************
ANFANG - Au-Pair Profile eintragen
*************************************************************************/

div .pnlProfil {width: 450px; margin: 20px 0px 20px 0px; line-height:15px;}
div .pnlProfil td{width: 50%;}
div .pnlProfil p { font-weight:bold; margin-bottom:10px; margin-top: 0px;}
div .pnlProfil h2 { font-weight:bold; font-size: 1em; padding: 3px; margin-top: 0px; background-color: #d1d1d1; margin-bottom: 25px; color: black !important;}
div .pnlProfil td input, 
div .pnlProfil td select, 
div .pnlProfil td textarea{font-family:Arial; width: 255px; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 1px;}
div .pnlProfil td select {width: 261px;}
html:first-child>*:first-child+body div .pnlProfil td select {width: 259px;} /*Browserweiche für Opera*/

div.pnlProfil table tr td input#ctl10_Button1 {width:110px; border:solid 1px silver; padding:2px; margin-left: 148px; font-size: 1em; font-weight: bold;}
div.pnlProfil table tr td input#ctl09_Button1 {width:110px; border:solid 1px silver; padding:2px; margin-left: 148px; font-size: 1em; font-weight: bold;}
div.pnlProfil table tr td input#ctl21_Button1 {width:110px; border:solid 1px silver; padding:2px; margin-left: 148px; font-size: 1em; font-weight: bold;}


div.pnlProfil table tr td input.upload {border:solid 1px silver; padding:1px; font-weight: bold; }

div .pnlProfil img {margin: 10px 0px 20px 0px; border: solid 2px silver;}

div .pnlProfil table.Uebersicht {text-align: left; border:solid 1px silver; width: 99%;}
div .pnlProfil table.Uebersicht td {text-align: left; border:solid 1px silver; width: auto; text-indent: 3px; }
div .pnlProfil table.Uebersicht td a,
div .pnlProfil table.Uebersicht td a:link,
div .pnlProfil table.Uebersicht td a:active,
div .pnlProfil table.Uebersicht td a:visited {text-align: left; margin: 0px 5px 0px 5px; color: #d41c42; display: inline; padding-left: 0px; text-decoration: underline; font-size: 1em;}

div .pnlProfil table.Uebersicht th {background-color: #d1d1d1; text-align: left; border:solid 1px silver;}
div .pnlProfil table.Uebersicht th a{color: black; padding: 2px; text-decoration: none;}

div .pnlProfil table.Uebersicht table {border:solid 1px white;vertical-align:middle; }
div .pnlProfil table.Uebersicht table td {border:solid 1px white; width: auto;}
div .pnlProfil table.Uebersicht table a, 
div .pnlProfil table.Uebersicht table a:link, 
div .pnlProfil table.Uebersicht table a:active,
div .pnlProfil table.Uebersicht table a:visited,  
div .pnlProfil table.Uebersicht table span {padding: 6px; color: #d41c42; font-weight: bold;}

/*************************************************************************
ENDE - Au-Pair Profile eintragen
*************************************************************************/



/*************************************************************************
ANFANG - Login AuPair Profile
*************************************************************************/

div .pnlProfil table.LoginTable {width: 450px !important; margin-top: 15px;}
div .pnlProfil table.LoginTable input,
div .pnlProfil table.LoginTable select,
div .pnlProfil table.LoginTable textarea {font-family:Arial; width: 97%; font-size: 1em; display: block; margin:0px 0px 10px 0px; padding: 2px;}
div .pnlProfil table.LoginTable input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-left: 365px; font-size: 1em; font-weight: bold; margin-top: 10px;}
html:first-child>*:first-child+body div .pnlProfil table.LoginTable input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-left: 360px; font-size: 1em; font-weight: bold; margin-top: 10px;}
/*************************************************************************
ENDE - Login AuPair Profile
*************************************************************************/




/*************************************************************************
ANFANG - Agenturlisten
*************************************************************************/

div#Artikel ul.LaenderListe {margin:5px 0px 5px 0px; padding-left: 0px; width: 470px; display: block; margin-bottom: 35px;border:solid 1px white;}
div#Artikel ul.LaenderListe li {display:inline; float: left; background-image: url('../Design/strich.gif');background-repeat:no-repeat; background-position: left;}
div#Artikel ul.LaenderListe li a,
div#Artikel ul.LaenderListe li a:link,
div#Artikel ul.LaenderListe li a:visited,
div#Artikel ul.LaenderListe li a:hover,
div#Artikel ul.LaenderListe li a:active {padding: 0px 0px 0px 4px; text-decoration:none; color: #666666; display:inline; margin-right:10px; font-size: 8pt;}
div#Artikel ul.LaenderListe li a:hover {background-color:#ccc;}

ul.EintragListe {list-style-type:none;/* */ margin:40px 0px 0px 0px; color:Gray; padding-left: 0px; float: left; width:100%;}
ul.EintragListe li {margin-bottom:16px; line-height:140%; margin-bottom: 30px;}
ul.EintragListe li strong {color:Black; display:block; width:100%; border-bottom:solid 1px gray; }
ul.EintragListe li a,
ul.EintragListe li a:link,
ul.EintragListe li a:visited,
ul.EintragListe li a:hover,
ul.EintragListe li a:active {text-decoration:none; color:#d41c42; margin: 0px; padding: 0px; display: inline;}



/*************************************************************************
ENDE - Agenturlisten
*************************************************************************/


/*************************************************************************
ANFANG - Gästebuch 
*************************************************************************/
table.GaestebuchTable {width: 450px; margin: 0px 0px 20px 0px; line-height:15px;}
table.GaestebuchTable td {width: 50%;}
* html table.GaestebuchTable td{width: 150px;}
table.GaestebuchTable p {width: 450px; font-weight:bold; font-size: 1em; padding: 0px; margin-top: 0px; background-color: #d1d1d1; margin-bottom: 15px; line-height: 10px; text-indent: 3px;}
table.GaestebuchTable td input, 
table.GaestebuchTable td select, 
table.GaestebuchTable td textarea{font-family:Arial; width: 218px; font-size: 0.9em; display: block; margin:0px 0px 10px 0px; padding: 2px;}
table.GaestebuchTable td select {width: 258px;}
table.GaestebuchTable td input.button1 {width:80px; border:solid 1px silver; padding:3px; margin-bottom:10px; margin-left: 140px; font-size: 1em; font-weight: bold;}
table.GaestebuchTable p.meldung {background-color: white; color: #d41c42;}

img.Chart {display: block; margin-top: 10px;}

div.GaestebuchEintrag {margin-top:20px; font-size: 0.8em; text-align:justify;}
div.GaestebuchEintrag strong{display:block; border-bottom:solid 1px silver; padding:5px 0px 5px 0px; font-size: 9pt;}
div.GaestebuchEintrag a,
div.GaestebuchEintrag a:link,
div.GaestebuchEintrag a:visited,
div.GaestebuchEintrag a:hover,
div.GaestebuchEintrag a:active {color:#d41c42; text-decoration:none; display: inline; padding: 0px; font-size: 1.1em;}
div.GaestebuchEintrag p{color: black !important; font-weight: normal!important;}

/*************************************************************************
ENDE - Gästebuch 
*************************************************************************/



/*************************************************************************
ANFANG - Au-Pair Galerie
*************************************************************************/
div.Profilgalerie {width: 450px; }
div.Profilgalerie img {margin: 0px;}
div.Profilgalerie table {background-color: #e1e1e1; width: 100%; margin: 20px 0px 10px 0px; line-height: 15px;/**/ float: left; border: solid 5px #e1e1e1;}
div.Profilgalerie table td{text-align:left; vertical-align: middle; height: auto; }

div.Profilgalerie a,
div.Profilgalerie a:hover, 
div.Profilgalerie a:active,
div.Profilgalerie a:link, 
div.Profilgalerie a:visited {color: #CC3333; text-decoration: none; font-size: 11px; padding: 0px; margin: 0px; width: 250px; display:inline;}

div.Profilgalerie a.DetailLink {padding: 0px; margin: 0px; background-image:url('../Design/details.gif'); background-repeat:no-repeat; background-position: right; display: inline; padding-right: 20px; line-height: 25px;/**/ }

div.Profilgalerie table.AuPairbeschreibung {background-color: white; padding: 0px; margin-top: 0px; width: 100%;border: none;}
div.Profilgalerie table.AuPairbeschreibung td{padding-bottom: 10px; margin-bottom: 10px; width: auto;}
div.Profilgalerie table.AuPairbeschreibung h3{color: #666666; padding-left: 2px; background-color: #e1e1e1; font-size: 8pt; margin-top: 8px;}

div.Profilgalerie table.Agenturdaten {background-color: white; width: 100%; border: none; border-bottom:solid 1px #d41c42; }
div.Profilgalerie table.Agenturdaten tr .Agenturdaten {background-color: #d41c42;}
div.Profilgalerie table.Agenturdaten h3 {color: white; margin: 0px; font-size: 8pt; padding: 2px; width: 100%; }
div.Profilgalerie table.Agenturdaten h4 {font-size: 8pt; margin: 5px 0px 5px 0px;}
div.Profilgalerie table.Agenturdaten a { line-height: 25px; margin-bottom: 10px; }

html:first-child>*:first-child+body div.Profilgalerie table.AuPairbeschreibung {width: 463px;}/*Browserweiche für Opera*/
/*************************************************************************
ENDE - Au-Pair Galerie
*************************************************************************/


/*************************************************************************
ANFANG - Fusszeile
*************************************************************************/
div#Fusszeile{border-top: dotted 1px silver; font-size: 0.6em; color: gray; margin-left: 370px; padding-top: 10px; width: 445px; line-height: 150%; margin-top:20px;}
div#Fusszeile a{color: gray; display: inline; text-decoration:underline;padding: 0px;}
/*für die startseite*/
div#Fusszeile1 {border-top: dotted 1px silver; font-size: 0.6em; color: gray; margin-left: 330px; padding-top: 10px; width: 460px; line-height: 150%; margin-top:40px;}
div#Fusszeile1 a{color: gray; display: inline; text-decoration:underline;padding: 0px;}

/*************************************************************************
ENDE - Fusszeile 
*************************************************************************/