html, body {
    margin:0px;
    padding:0px;
    background-color:#F3F5F0;
}

#base {
    text-align:center;
    width:100%
}

#main {
    margin:auto;
    text-align:left;
    width:863px;
}

#top {
    width:862px;
    height:51px;
    background-image:url(images/topbg.jpg);
}

#pagetitleleft {
    float:left;
    width:217px;
    height:153px;
    background-image:url(images/bg_home.jpg);
    background-repeat:no-repeat;
    border-bottom:1px solid #ffffff;
}

#pagetitleleft h1 {
    height:10px;

    margin:0;
    padding-top:136px;
    padding-left:92px;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:10px;
    color:#ffffff;
}

#pagetitleleft h1 a {
    color:#ffffff;
    text-decoration:none;
}

#topmenu {
    float:left;
    width:645px;
    height:15px;

    background-color:#ffffff;
    font-size:10px;
    font-weight:bold;
}

#logoarea {
    float:left;
    width:645px;
    height:116px;
    background-color:#F3F2EE;
    background-image:url(images/logo_traumhund.jpg);
    background-repeat:no-repeat;
    background-position: 385px 32px;
}

#logoarea p {
    margin:0;
    width:370px;
    padding-top:8px;
    padding-left:8px;
    font-family : Verdana,Arial, Helvetica, sans-serif; 
    color:#27682E;
    font-size:10px;
}

#bread {
    float:left;
    background-color:#C0DFC0;
    height:22px;
    width:645px;
    border-bottom.1px solid #ffffff;
}

#bread p {
    color:#386335;
    font-family : Arial, Helvetica, sans-serif; 
    font-size:11px;
    margin-top:6px;
    margin-left:13px;
    line-height:11px;
}

#bread p a {
    color:#386335;
    text-decoration:none;
}

#bread p a:hover {
    text-decoration:underline;
}

#mainmenu {
    float:left;
    width:217px;
    padding-bottom:20px;
    padding-top:1px;
}

#mainmenu h1 {
    margin:0;
    padding:0;
    color:#FFFFFF;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:13px;
    background-color:#679966;
}

#mainmenu h1.dark {
    background-color:#346633;
}

#mainmenu ul {
    list-style-type:none;
    font-family : Arial, Helvetica, sans-serif; 
    padding-left:15px;
    margin:0;
    font-size:12px;
    padding-bottom:14px;
}

#mainmenu ul.light {
    background-color:#679966;
}



#mainmenu ul li {
    padding-right:10px;
}



#mainmenu ul li a {
    line-height:15px;
    color:#E2D0CE;
    text-decoration:none;
}

#mainmenu ul li a:hover {
    color:#ffffff;
    text-decoration:underline;
}

#mainmenu ul li a.active {
    color:white;
}

#mainmenu ul.light li a {
    color:#000300;
}

#mainmenu ul.light li a:hover {
    color:#ffffff;
}

#mainmenu ul.light li a.active {
    color:white;
}

#searchform {
    width:217px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    margin-bottom:18px;
}

#searchform table {
    margin-top:10px;
    margin-bottom:10px;
    margin-left:15px;
}

#searchform table td {
    vertical-align:top;
}

#searchform table td.legend {
    font-family : Arial, Helvetica, sans-serif; 
    font-size:10px;
    color:#D7D4C1;
}

#searchform table td input.text,#searchform table td select {
    font-family : Arial, Helvetica, sans-serif; 
    font-size:11px;
    color:#000300;
    width:130px;
}

#searchform table td input.submit {
    margin-top:1px;
}

#searchform table td input.plz {
    width:50px;
}

#mainmenu ul.forum {
    margin-bottom:0px;
    padding-bottom:0px;
}

#mainmenu ul.forum li.forumlink{
    height:21px;
    margin-bottom:0px;
    margin-left:-15px;
    background-image:url(images/bg_forumlink.gif);
    background-position:0px 0px;
    background-repeat:repeat-x;
    padding-top:5px;
    padding-left:15px;
    padding-bottom:0px;
}

#mainmenu ul.forum li.forumlink a {
    height:31px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:11px;
    color:#000300;
}



#contentarea{
    float:left;
    width:862px;
    background-color:#C0DFC0;
    background-image:url(images/bg_mainmenu.gif);
    background-repeat:repeat-y;
}


#content {
    float:left;
    width:628px;
    margin-top:20px;
    margin-left:17px;
    margin-bottom:25px;
}

#content.tierheim {
    margin-left:0px;
    margin-top:0px;
    width:645px;
}


#content h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:11px;
    color:#000300;
    text-transform: uppercase;

    background-color:#ffffff;
    padding:4px;
    line-height:12px;
}

#content h2 {
    font-family : Arial, Helvetica, sans-serif; 
    font-weight:bold;
    font-size:12px;
    color:#000300;
}

#content p {
    font-family : Arial, Helvetica, sans-serif; 
    font-size:12px;
    color:#000300;
    margin-right:17px;
}

#content p img.imageright {
    float:right;
    margin-left:8px;
    margin-bottom:8px;
}

#content img.imageright {
    float:right;
    margin-left:8px;
    margin-bottom:8px;
    margin-right:17px;
}

#content p img.imageleft,#content img.imageleft {
    float:left;
    margin-right:8px;
    margin-bottom:8px;
}

#content img.imagecenter {
    display:block;
    align:center;
    text-align:center;
    margin-left:auto;
    margin-bottom:8px;
    margin-right:auto;
}

#content p.textcenter {
    text-align:center;
}

#content a {
    font-family : Arial, Helvetica, sans-serif; 
    font-size:12px;
    text-decoration:none;
    color:#6666CC;
}

#content a:hover {
    text-decoration:underline;
}


#footer {
    clear:both;
    width:862px;
    height:15px;
}


#footer p {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #666666;
    padding-left:239px;
}

#footer p a {
    color: #666666;
    text-decoration:none;
}

#footer p a:hover {
    text-decoration:underline;
}

/********************************* Startseite - Infoboxen *****************************************/

/********************************** Infobox 1 ******************************************************/
#infobox1 {
    width:360px;
    margin-bottom:8px;
    padding-bottom:14px;
    background-color:#ECE4E1;
}

#infobox1 h1 {
    padding:2px;
    padding-left:7px;

    margin-bottom:13px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:10px;
    line-height:13px;
    color:#000300;
    background-color:#ffffff;
    border-bottom:1px solid #DDD2CE;
}


#infobox1 h2 {
    margin:0;
    margin-left:14px;
    margin-bottom:23px;

    font-size:12px;
    font-weight:bold;
}

#infobox1 p {
    margin:0;
    margin-left:14px;
    margin-right:14px;
}


/********************************** Infobox 2 ******************************************************/
#infobox2 {
    float:left;
    padding:0;
    margin:0;
    margin-bottom:8px;
    padding-bottom:8px;

    background-color:#ffffff;
}

#infobox2.hasmargin {
    margin-left:10px;
    margin-right:10px;
}


#infobox2 h1 {
    padding:2px;
    padding-left:7px;
    margin:0;
    margin-bottom:13px;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:10px;
    line-height:13px;
    color:#000300;

    background-color:#ffffff;

    border-bottom:1px solid #DDD2CE;
}

#infobox2 h1.gold {
    background-image:url(images/bg_infobox2_gold.gif);
    background-repeat:repeat-x;
}

#infobox2 h1 a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:10px;
    color:#000300;
    text-decoration:none;
}
#infobox2 h1 a:hover {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:10px;
    color:#000300;
    text-decoration:none;
}

#infobox2 h2 {
    margin:0;
    margin-left:6px;
    margin-top:8px;
    font-size:12px;
    font-weight:normal;
}

#infobox2 h2 a {
    color:#000300;
    text-decoration:none;
}
#infobox2 h2 a:hover {
    text-decoration:underline;
}


#infobox2 p {
    margin:0;
    margin-left:6px;
    margin-right:6px;
}

/******************************************* infobox 3 **************************************/
#infobox3 {
    float:left;
    margin-bottom:8px;
    background-color:#EAE2DF;
    padding-bottom:7px;
}

#infobox3 h1 {
    padding:2px;
    padding-left:7px;
    margin:0;
    margin-bottom:13px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:10px;
    line-height:13px;
    color:#000300;
    border-bottom:1px solid #DDD2CE;
}
#infobox3 h1.gold {
    background-image:url(images/bg_infobox2_gold.gif);
    background-repeat:repeat-x;
}

#infobox3 h1 a {
    color:#000300;
    text-decoration:none;
}

#infobox3 p {
    margin:0;
    margin-left:7px;
    margin-right:7px;
}


/****************************************** table zuechterliste ********************************/
#content table.zuechterliste {
    width:600px;
}

#content table.zuechterliste th {
    background-color:#ffffff;
    color:#000300;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:1px;
    padding-left:3px;
    border-bottom:1px solid #DDD2CE;
}

#content table.zuechterliste td {
    background-color:#ECE4E1;
    border-right:1px solid #DDD2CE;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
    padding-left:10px;
    height:25px;
}

#content table.zuechterliste td.icon {
    width:18px;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

#content table.zuechterliste td.lastcolumn {
    border-right:none;
}

#content table.zuechterliste td.lastcolumn a {
    text-decoration:none;
    color:#6666CC;
}

#content table.zuechterliste td.lastcolumn a:hover {
    text-decoration:underline;
}

#content table.zuechterliste_legende {
    width:600px;
    margin-top:15px;
}

#content table.zuechterliste_legende td {
    background-color:#ECE4E1;
    border-right:1px solid #DDD2CE;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    vertical-align:top;
}

#content table.zuechterliste_legende td.icon {
    width:25px;
    text-align:right;
    border-right:none;
    padding-right:5px;
}

/****************************************** tierheim ***********************************/

#content.tierheim table.suchergebnis {
    width:603px;	
    margin-left:15px;
    background-color:#ffffff;
}

#content.tierheim table.suchergebnis td {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
    padding:1px;
}

#content.tierheim table.suchergebnis td.bild {
    text-align:center;
}


#content.tierheim table.suchergebnis td.bild img {
    margin:5px;
    margin-top:7px;
}

#content.tierheim table.suchergebnis td.bild h1 {
    background-color:#ffffff;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
    text-transform: none;
}

#content.tierheim table.suchergebnis td a {
    color:#6666CC;
    text-decoration:none;
    font-weight:normal;
}

#content.tierheim table.suchergebnis td a:hover {
    text-decoration:underline;
}

#content.tierheim table.suchergebnis td.head {
    font-weight:bold;
}

#content.tierheim table.suchergebnis td.padleft {
    padding-left:15px;
}

#content.tierheim table.suchergebnis td span.fett {
    font-weight:bold;
}

#content.tierheim table.suchergebnis td.bggrau {
    background-color:#9CC39C;
    padding-top:4px;
    padding-bottom:4px;
}

#content.tierheim table.suchergebnis td.trennzeile {
    background-color:#C0DFC0;
}

#content.tierheim table.suchergebnis td.linieunten {
    border-bottom:1px solid #C0DFC0;
    width:200px;
}

#content.tierheim table.suchergebnis td.linieunten2 {
    border-bottom:1px solid #C0DFC0;
}

#content.tierheim table.suchergebnis td.linierechts {
    border-right:1px solid #C0DFC0;
}





#content.tierheimadmin table.edit td {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
}

#content.tierheimadmin table.edit input, #content.tierheimadmin table.edit select, #content.tierheimadmin table.edit textarea{
    color:#666666;
    font-size:12px;
    margin:0;padding:0;
    margin-bottom:3px;
    margin-right:2px;
}

#content.tierheimadmin table.error {
    width:100%;
    background-color:#ffffff;
}

#content.tierheimadmin table.error td {
    padding:3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
}

/************************************* g�stebuch **********************************************/

#content table.guestbook {
    width:610px;
}

#content table.guestbook td {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
}

#content table.guestbook td.headline {
    font-weight:bold;
    background-color:#FFFFFF;
    border-bottom:1px solid #C0DFC0;
}

#content table.guestbook td.info {
    width:100px;
    background-color:#ffffff;
    border-right:1px solid #C0DFC0;
}

#content table.guestbook td.formlegend {
    width:10px;
    background-color:#ffffff;
    border-right:1px solid #C0DFC0;
}

#content table.guestbook td.info2 {
    font-size:10px;
    width:100px;
    background-color:#ffffff;
    border-right:1px solid #C0DFC0;
}


#content table.guestbook td.info a {
    text-decoration:none;
}

#content table.guestbook td.info a:hover {
    text-decoration:underline;
}

#content table.guestbook td.body {
    background-color:#9CC39C;
}

#content table.guestbook td.body h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
    font-weight:bold;
    background-color:#9CC39C;
    margin:0;
    padding:0;
    padding-top:5px;
    padding-bottom:5px;
}

#content table.guestbook input {
    border:1px solid #346633;
    width:300px;
}

#content table.guestbook textarea {
    width:300px;
    height:100px;
    border:1px solid #346633;
}

#content table.guestbooklinks {
    background-color:#ffffff;
    width:610px;
    margin-bottom:1px;
}

#content table.guestbooklinks td {
    padding:2px;
    text-align:right;
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
}


#content table.rassesteckbrief td {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000300;
    padding:5px;
    background-color:#ECE4E1;
    border-bottom:1px solid #DDD2CE;
    vertical-align:top;
}

#content table.rassesteckbrief td.title {
    background-color:#ECE4E1;
    border-right:1px solid #DDD2CE;
}


#content table.rassegalerie {
    width:600px;
}

#content table.rassegalerie td {
    padding:10px;
    padding-bottom:0px;
    text-align:center;
}

#content table.rassegalerie td.infotext {
    padding-top:0px;
    padding-bottom:20px;
    vertical-align:top;
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    text-align:center;
}

#content table.tiernamen {
    width:300px;
}

#content table.tiernamen td{
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    width:100px;
}

#content table.hundefreak {
    width:610px;
}

#content table.hundefreak td {
    padding:4px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    background-color:#F0E6E3;
}

#content table.hundefreak td.answer {
    text-align:center;
    vertical-align:middle;
    width:40px;
}

#content table.rezept {
    width:610px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    margin-bottom:10px;
}

#content table.rezept th {
    background-color:white;
    padding:2px;
}

#content table.rezept th span {
    font-size:11px;
    font-weight:normal;
}

#content table.rezept td {
    background-color:#E5DAD6;
    padding:2px;
}

#content table.rezept td.title {
    font-weight:bold;
    background-color:#F0E6E3;
    border-bottom:1px solid #DDD2CE;
    border-top:1px solid #DDD2CE;
}

#content ul.fotografie {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content ul.fotografie li {
    padding-right:10px;
    padding-left:6px;
    margin-left:-10px;
    list-style-image:url(images/topic.gif);
    margin-bottom:5px;
    line-height:15px;
}

#content table.anzeigenform {
    width:600px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.anzeigenform td {
    padding:2px;
    background-color:#F0E6E3;
}

#content table.anzeigenform td.info {
    padding:2px;
    background-color:#E8DEDB;
}

#content table.anzeigenform td.error {
    padding:2px;
    background-color:#F0E6E3;
    border-bottom:1px solid #DDD2CE;
    color:red;
}


#content table.anzeigenform th {
    padding:2px;
    white-space:no-wrap;
    background-color:#ffffff;
    border-bottom:1px solid #DDD2CE;
}


#content table.anzeigenform td input {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.anzeigenform td select {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.anzeigenform td textarea {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.galeriefrontend td {
    background-color:#ECE4E1;
    padding:4px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}
#content table.galeriefrontend td.br {
    border-right:1px solid #ddd2ce;
}

#content table.galeriefrontend th {
    padding:2px;
    text-align:center;
    background-color:white;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    border-bottom:1px solid #ddd2ce;
}

/********************** Allgemeine Fehlertabelle z.B. bei fehlenden Formulareingaben ************************/

#content table.error {
}

#content table.error td {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#dd0000;
}




#content table.zuechteranzeigenauswahl td {
    padding:2px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    background-color:#F0E6E3;
}

#content table.zuechteranzeigenauswahl th h1 {
    background-color:#white;
    margin:0px;
    padding:2px;
    border-bottom:1px solid #ddd2ce;
}

#content table.zuechteranzeigenauswahl input {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.zuechteranzeigenauswahl td.label {
    font-weight:bold;
}




#content table.kleinanzeigen_info td {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.kleinanzeigen_form td, #content table.kleinanzeigen_form td input, #content table.kleinanzeigen_form td select, #content table.kleinanzeigen_form td textarea {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.kleinanzeigen_form td {
    padding:2px;
    vertical-align:top;
}

#content table.kleinanzeigen_form td input.text {
    width:300px;
}

#content table.kleinanzeigen_form td textarea {
    width:300px;
    height:150px;
}

#content table.kleinanzeigen_form td input.plz {
    width:50px;
}

#content table.kleinanzeigen_form td input.ort {
    width:190px;
}




#content table.kleinanzeigen_display {
    width:600px;
}


#content table.kleinanzeigen_display td {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;	
    padding:2px;
}

#content table.kleinanzeigen_display td.image {
    padding:0px;
    width:150px;
    font-style:italic;
    vertical-align:top;
    background-color:#ECE4E1;
}

#content table.kleinanzeigen_display td.headline {
    height:10px;
    background-color:white;
    border-bottom:1px solid #ddd2ce;
}

#content table.kleinanzeigen_display td.bottom {
    height:10px;
}

#content table.kleinanzeigen_display td.content, #content table.kleinanzeigen_display td.bottom {
    background-color:#ECE4E1;
    border-left:1px solid #ddd2ce;
}

#content table.kleinanzeigen_display td.content {
    border-bottom:1px solid #ddd2ce;
    height:40px;
}

#content a.help {
    margin-left:5px;
    text-align:center;
    padding:3px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#aaa09b;
    border:1px solid #ddd2ce;
    color:#ffff00;
    text-decoration:none;
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
}
#content a.help:hover {
    text-decoration:none;
}

#content table.newsletterform td {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;	
}

#content table.newsletterform td input.text {
    width:170px;
}
#content table.newsletterform td input.submit {
    width:88px;
}


/************************************** hundeindex *****************************/
#hundeindex {
    width:610px;
    background-color:#ffffff;
    padding-top:10px;
    padding-bottom:5px;
}

#hundeindex table {
    margin-left:10px;
    margin-right:10px;
}


#hundeindex table td {
    vertical-align:top;
}

#hundeindex h1 {
    background-color:#E9F0E8;
    font-size:10px;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    color:#003200;	
    text-transform:none;
    margin:0;
    margin-bottom:5px;
    padding-left:10px;
    padding-right:10px;
}

#hundeindex p {
    font-size:10px;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    margin:0px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:25px;
    padding-right:10px;
    color:#316233;
}

/************************************ Tierheimliste ******************************/
#content table.tierheimliste {
    width:600px;
}

#content table.tierheimliste td h1 {
    background-color:#E9FAE8;
    margin:0px;
}

#content table.tierheimliste td {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    vertical-align:top;
    width:33%;
    padding:2px;
    padding-bottom:10px;
}

#content table.tierheimliste td.head {
    padding:0px;
    padding-bottom:0px;
}

/************************************ tierheim_anmelden ******************************/
#content table.tierheim_anmelden td {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
    padding:2px;
}

#content table.tierheim_anmelden td input.text, #content table.tierheim_anmelden td textarea {
    width:250px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000300;
}

#content table.tierheim_anmelden td input.plz {
    width:45px;
}

#content table.tierheim_anmelden td input.ort {
    width:197px;
}

#content table.tierheim_anmelden td textarea {
    height:100px;
}

#content table.partnerlinks {
    width:600px;
    margin-bottom:10px;
}

#content table.partnerlinks td {
    background-color:#87b986;
    border-right:1px solid #DDD2CE;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    padding:10px;
    height:25px;
}

#content table.partnerlinks td.image {
    padding-bottom:0px;
}