@import url('whitelabel.css');

/*

mywuff-cyan: #49b4e1
mywuff-green: #99c03b
mywuff-linkgreen: #5f830a
mywuff-lightgreen: #dee8b5
mywuff-orange: #ed8606
mywuff-formorange: #f7ca92
mywuff-lightorange: #f5aa5c
mywuff-whiteorange: #fbdabb

*/


/* basic html */

body { 
font-size: 13px; /* see #content for more */
font-family: Verdana, Arial, Helvetica, sans-serif; /* Tahoma, */
background: #fff url(../images/layout-de/bg-knochen.gif);
color: #000;
}

body, textarea { /* no standard, only IE */
scrollbar-3dlight-color: #dee8b5;
scrollbar-arrow-color: #5f830a;
scrollbar-base-color: #dee8b5;
scrollbar-darkshadow-color: #5f830a;
scrollbar-face-color: #dee8b5;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #99c03b;
}

/* links */

a {
color: #5f830a;
}

a:visited {
color: #5f830a;
}

a:hover {
color: #5f830a;
}

/* head-, list and block-elements */

/* headlines */

h1 {
margin: 0;
margin-bottom: 10px;
}

h2 {
font-size: 18px;
color: #99c03b;
margin-top: 0;
margin-bottom: 0.5em;
}

h2 img {
vertical-align: -6px;
}

h3 {
color: #99c03b;
}

h4 {
color: #99c03b;
}

h5 {
color: #000;
}

h6 {
color: #000;
}

/* block elements */

blockquote, .overflowtext {
margin: 0.7em 0;
padding: 4px;
margin: 0;
border: 1px solid #99c03b;
background: #dee8b5;
}

blockquote * {
margin: 0;
}

hr {
height: 2px;
background: #99c03b;
color: #99c03b;
border-width: 0;
}

/* lists */


/* tables */

/* inline */

big, .big {
font-size: 18px;
}

small, .small {
font-size: 11px;
}

/* form elements */

input, button, textarea, select {
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif !important;
}

/* page sizes */

#page {
width: 856px;
background: #fff;
color: #000;
position: relative;
}

/********************************/


#head {
position: relative;
}

#banner1 {
width: 856px;

}

#banner2 {
position: absolute;
left: 856px;
top: 90px;
}

/********************************/

/* head navigation */

#sitemenu {
left: 243px;
top: 30px;
}

#sitemenu a {
background: #ed8606;
color: #000;
}

#sitemenu img, .click {
cursor: pointer;
}

#sitemenu ul, #sitemenu li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

#sitemenu ul ul {
top: 29px;
left: -1px;
width: 602px;
background: #f5aa5c url(../images/layout-de/head/pageMenuLevel2RoundedRight.gif) no-repeat top right;
color: #000;
}

#sitemenu ul li a {
background: #f5aa5c;
color: #000;
}

#sitemenu img {
margin-right: 6px;
}

#sitemenu ul li a img {
margin-right: 5px;
}

#sitemenu li.decoration {
display: block;
width: 13px;
height: 23px;
background: #f5aa5c url(../images/layout-de/head/pageMenuLevel2RoundedLeft.gif) no-repeat top left;
float: left;
}

/* Abweichungen */
#navlist_1 li.decoration {
background: #f5aa5c url(../images/layout-de/head/pageMenuLevel2RoundedLeft2.gif) no-repeat top left;
}

#navlist_5 a img {
margin-right: 3px !important;
}

#navlist_6 {
background: #f5aa5c url(../images/layout-de/head/pageMenuLevel2RoundedRight2.gif) no-repeat top right !important;
}

/********************************/

/* Sidebar */

#sidebar {
width: 246px;
float: left;
clear: both;
padding-left: 12px;
font-size: 11px;
}

html>body #sidebar { 
width: 234px
}

#sidebar .text {
width: 218px;
padding: 0 5px;
}

html>body #sidebar .text {
width: 208px;
}

#sidebar .text.logon {
background: #49b4e1 url(../images/layout-de/sidebar/logonSidebar-bg.gif) repeat-y;
color: #fff;
font-size: 11px;
padding-left: 10px;
}

#sidebar .text.logon input, #sidebar .text.logon select, #sidebar .text.logon textarea {
color: #000;	
}

#sidebar .text.logon h2 {
color: #fff;
background: #49b4e1;
font-size: 13px;
}

html>body #sidebar .text.logon {
width: 203px;
}

#sidebar .text.logon img {
margin-top: 4px;
}

#sidebar .text.logon hr {
height: 2px;
background: #fff;
color: #fff;
border-width: 0;
width: 192px;
}

.sidebarimg {
vertical-align: -3px;	
}

#sidebar .text.logon a {
color: #fff;
background: #49b4e1;
font-weight:bold;
text-decoration: none;
}

#sidebar .text.logon a:visited {
color: #fff;
background: #49b4e1;
font-weight:bold;
}

#sidebar .text.logon a:hover {
color: #fff;
background: #49b4e1;
font-weight:bold;
}

#sidebar .text.logon .input {
width: 195px;
height: 23px;
background: #fff url(../images/layout-de/sidebar/logonSidebar-input.gif) fixed left top;
border-width: 0;
padding: 5px 8px;
padding-bottom: 0;
}

html>body #sidebar .text.logon .input {
background: #fff url(../images/layout-de/sidebar/logonSidebar-input.gif) no-repeat left top;
}

html>body #sidebar .text.logon .input {
width: 179px;
height: 18px;
}

#sidebar .avatar {
text-align: left;
float: left;
}

#passwordbox {
position: relative;
}

#password {
border-width: 0;
background: transparent;
width: 135px;
margin-top: -2px;
}

#loginsubmitbox {
position: relative;
height: 55px;
}

#loginsubmitbox input {
position: absolute;
top: -10px;
left: 147px;
}

#sidebarnav {
padding-top: 12px;
}

#sidebarnav, #sidebarnav li {
padding: 0;
margin: 0;
list-style-type: none;
}

.sidebarValueBox span {
width: 40px;
float: left;
padding-top: 7px;
padding-right: 5px;
text-align: right;
font-weight: bold;
}

html>body .sidebarValueBox span {
width: 35px	
}

.sidebarLogger {
text-align: right;
padding-top: 10px;
padding-right: 10px;
}

/********************************/

/* page content element */

#content {
width: 600px;
float: left;
font-size: 13px;
}

* html #content {
overflow: hidden;
}

*+html #content {
overflow: hidden;
}

/* box basics */

#content .homebanner {
margin-bottom: 10px;
}

#content .box1text{
clear: both;
}
#content .box1, #content .box2, #content .box1dark, #content .box1darktext {
clear: both;
margin-bottom: 10px !important; 
}

#content .box2 {
background: #fff url(../images/layout-de/content/contentBorder-2-bg.gif) repeat-y top left; 
}

#content .box1, #content .box1text, #content .box1border  {
background: #fff url(../images/layout-de/content/contentBorder-1-bg.gif) repeat-y top left; 
}

#content .box1dark, #content .box1darktext {
background: #fff url(../images/layout-de/content/contentBorder-1-dark-bg.gif) repeat-y top left;
}

/* inline-box basics */

#content .box1text .box1, #content .box1text .box1text, #content .box1border .box1, #content .box1border .box1text {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-bg.gif) repeat-y top left;
margin: 0 14px 10px 14px;
}

table.box1darktext, table.box1text {
border-collapse: collapse;
width: 568px;
}

table.box1darktext *, table.box1text * {
margin: 0 !important;
}
 
table.box1darktext td, table.box1text td {
padding: 4px;
}

td.inbox {
padding: 4px;
border-left: 2px solid #99c03b;
font-size: 11px;
width:33%;
}

td.inboxleft {
border-right: 2px solid #99c03b;
padding-left: 14px !important;
font-size: 16px;
width:33%;
}

td.inboxright {
padding: 0 80px 14px 80px;
border-left: 2px solid #99c03b;
padding-right: 14px !important;
font-size: 11px;
width:33%;
}

td.tdrleft, td.tdrmiddle, td.tdrright {
padding: 0 !important;
height: 14px;
}

h2.homebanner2cols {
padding-bottom: 10px;	
}

/* required for IE */

td.tdrleft {
/*background-position: top left !important;*/
border-right: 2px solid #99c03b !important;
}

td.tdrcenter {
/*background-position: top center !important;*/
border-left: 2px solid #99c03b !important;
}

td.tdrright {
/*background-position: top right !important;*/
border-left: 2px solid #99c03b !important;
}

/* Rounded borders, dark */
#content .box1darktext .rtop1,  #content .box1dark .rtop1 {
background: #fff url(../images/layout-de/content/contentBorder-1-dark-top.gif) repeat-y top left;
position: relative;
}

#content .box1text .box1dark, #content .box1text .box1darktext, #content .box1border .box1darktext {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-dark-bg.gif) repeat-y top left;
clear: both;
margin: 0 14px;
}

#content .box1 *, #content .box2 *, #content .box1dark * {
margin: 0;
}

#content .homeIndex {
font-size: 12px;
}

#content .box2 .col1 .text {
margin-left: 14px;
margin-right: 22px;
}

#content .box2 .col2 .text {
margin-left: 22px;
margin-right: 14px;
}

#content .box2.clipleft {
overflow: hidden;
width: 300px;
float: left;
}

#content .box1 .text, #content .box1text .text, #content .box1dark .text, #content .box1darktext .text, .box1border .text {
margin: 0 14px;
}

#content .col1, #content .col2 {
width: 300px;
float: left;
}

#content .rtop1, #content .rbottom1, #content .rtop2, #content .rbottom2 {
height: 14px;
width: 100%;
clear: both;
font-size: 1px;
}

/* Box for text with category */

#content .categorybox {
width: 480px;
float: left;
}

#content .categorybox h2 {
margin-top: 6px;
}

/* Box for gallery */
.homegallery1col {
padding-left: 9px;
}             

/* Rounded borders */

#content .rtop1 {
background: #fff url(../images/layout-de/content/contentBorder-1-top.gif) repeat-y top left;
position: relative;
}

#content tr.rtop1 {
position: static !important;
}

#content .rbottom1 {
background: #fff url(../images/layout-de/content/contentBorder-1-bottom.gif) repeat-y top left; 
}

#content .rtop2 {
background: #fff url(../images/layout-de/content/contentBorder-2-top.gif) repeat-y top left;
position: relative;
}

#content .rbottom2 {
background: #fff url(../images/layout-de/content/contentBorder-2-bottom.gif) repeat-y top left; 
}

/* Rounded borders, dark */
#content .box1darktext .rtop1,  #content .box1dark .rtop1 {
background: #fff url(../images/layout-de/content/contentBorder-1-dark-top.gif) repeat-y top left;
position: relative;
}

#content .box1darktext .rtop1,  #content .box1dark .rbottom1 {
background: #fff url(../images/layout-de/content/contentBorder-1-dark-bottom.gif) repeat-y top left; 
}

/* Rounded borders inside content */
#content .box1text .box1text .rtop1, #content .box1border .box1text .rtop1 {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-top.gif) no-repeat top left;
position: relative;
}

#content .box1text .box1text .rbottom1, #content .box1border .box1text .rbottom1 {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-bottom.gif) no-repeat bottom left;
}

/* Rounded borders, dark, inside content */
#content .box1text .box1darktext .rtop1, #content .box1border .box1darktext .rtop1{
background: #fff url(../images/layout-de/content/contentBorder-inline-1-dark-top.gif) no-repeat top left;
position: relative;
}

#content .box1text .box1darktext .rbottom1, #content .box1border .box1darktext .rbottom1 {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-dark-bottom.gif) no-repeat bottom left; 
}

/* Fix */

#content .box1line {
clear: both;
background: #fff url(../images/layout-de/content/contentBorder-1.gif) no-repeat top left;
height: 28px;
margin-bottom: 10px;
}

#content .box1line.dark {
background: #fff url(../images/layout-de/content/contentBorder-1-dark.gif) no-repeat top left;
}

#content .box1text .box1line {
background: #fff url(../images/layout-de/content/contentBorder-inline-1.gif) no-repeat top left;
clear: both;
margin: 0 14px;
}

#content .box1text .box1line.dark {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-dark.gif) no-repeat top left;
}

#content .box1line .text {
padding: 4px 14px;
}

#content .box1line * {
margin: 0;
}

/* Links for multiple pagenavigation */

#content .pagenumlinks {
padding: 2px 14px  2px 14px;
}

#content .pagenumlinks ul {
float: right;
}

#content .pagenumlinks ul, #content .pagenumlinks li {
list-style-type: none;
display: inline;
}

#content .pagenumlinks li {
display: inline;
float: left;
}

#content .pagenumlinks a, #content .pagenumlinks span {
display: block;
margin-top: 3px;
width: 2.6em; /* using padding instead */
}

#content .pagenumlinks a, #content .pagenumlinks span {
background: #dee8b5;
color: #5f830a;
text-decoration: none;
margin-right: 2px;
text-align: center;
border-left: 2px solid #fff;
}

#content .pagenumlinks span {
color: #000;
}

#content .pagenumlinks a:hover {
background: #fff;
color: #ed8606;
}

/* images for startpage */

#content .col1 .decobutton, #content .col2 .decobutton {
float: left;
}

#content .col1 .decobutton {
margin-left: 10px;
}

#content .col2 .decobutton {
margin-left: 20px;
}

#content .withdecobutton {
float: left;
width: 210px;
margin-right: 0 !important;
margin-left: 10px !important;
}

#content .withdecobutton h2 {
margin-bottom: 5px;	
}

/* link for startpage */

.fulllink, .fulllink:visited {
color: #000;
background: #fff;
text-decoration: none;
}

.fulllink:hover {
color: #000;
background: #fff;
}

a.fulllink strong, a.fulllink:visited strong {
color: #99c03b;
background: #fff;
}

a.fulllink:hover strong {
color: #99c03b;
background: #fff;
}

/********************************/

#foot {
clear: both;
width: 856px;
}

#foot .text {
margin-left: 256px;
padding: 10px;
}

/********************************/

.form label {
color: #5f830a;
background: #fff;
line-height: 1.1em;
}

.twocols label {
width: 100px;
float: left;
color: #5f830a;
background: #fff;
}

/* set the width for text without label */
.likelabel {
width: 100px;
float: left;
color: #5f830a !important;
}

.forradiobuttons {
padding-top: 4px;
}

label.wide {
width: 12em;
}

textarea.wide {
width: 535px;
}

fieldset.form, .form fieldset {
border: 2px solid #99c03b !important;
}

.form legend {
color: #99c03b;
}

#content .form .input {
border: 1px solid #99c03b;
background: #dee8b5;
color: #000;
}


#content .form input.required {
background: #f7ca92;
border-color: #ed8606;
color: #000;
}

.inlinesubmitimg {
vertical-align: -6px;
}
.inlinetextimg {
vertical-align: -5px;
}

.twocols {
float: left;
width: 49%; 
}

.twocols .input, .inputfixedwidth {
width: 150px;
}

.twocols p {
margin-right: 5px;
}

.twocols fieldset {
margin-right: 5px;
}

.twocols fieldset p {
margin-right: 0 !important;
}

.twocols fieldset label {
width: 6.6em;
}

.twocols fieldset .input {
width: 150px;
}

.twocols .date {
width: 90px !important;
}

.lowwidth {
width: 55px !important;
}

.smallwidth {
width: 1.8em !important;
text-align: center;
}

.smallfield {
padding: 0;
}

.intwidth {
width: 3em !important;
}

.floatlablewider {
width: 10em !important;
}


.twocols select.input, select.inputfixedwidth {
overflow: hidden;
}

/* to skip steps in registration and other */
.formskipstep {
border: 2px solid #ed8606;
padding: 4px 14px;
margin-bottom: 1em;
}

.formskipstep div {
width: 375px;	
}

/*****************************/

/* MODULE personal message */

.pmFolder .layouttable {
font-size: 12px;
}

.pmFolder .layouttable a {
color: #000;
text-decoration: none;
}

.pmFolder .layouttable td, .pmFolder .layouttable th {
padding: 5px 1px;
}

.pmFolder .layouttable div.td1 {
width: 130px;
overflow: hidden;
}

.pmFolder .layouttable div.td2 {
width: 318px;
overflow: hidden;
}

.pmFolder .layouttable div.td3 {
}

.pmpagenav {
padding-top: 40px;	
}

.pmpagenav strong {
padding-top: 8px;	
}

.read {}

.notread {
font-weight: bold;	
}

.composeShow .form label {
color: #000;
font-weight: bold;
display: block;
margin-bottom: 5px;
}

.composeShow .layouttable {
margin-bottom: 1em;
font-size: 12px;
}

.composeShow .layouttable td {
vertical-align: middle;
}

.composeShow .td1 {
padding-left: 10px;
width: 30px;
}
html>body .composeShow .td1 {
width: 20px;
}

.composeShow .td2 {
padding-right: 5px;
width: 185px;
}

html>body .composeShow .td2 {
width: 175px;
}

.composeShow .pmsumbit {
margin-top: 1em;	
}

/* toolbox */

.boximagehead {
margin-bottom: 10px !important;
}

.dark, .darkbg {
background: #dee8b5;
}

.light {
background: #fff;
}

/********************************/

/* MODULE dog, homepage */

.dogoftheday {
float: right;
position: relative;
height: 152px;
width: 292px;
background: #fff url(../images/layout-de/content/wuff-des-tages.gif) no-repeat top left;
}


.dogoftheday_textbox {
position: absolute;
top: 38px;
left: 22px;
}

.dogoftheday_text {
float: left;
width: 150px;
overflow: hidden;
}

.dogoftheday_text * {
background: transparent !important;
}
.dogoftheday_text p {
margin: 0 0 8px 0;
}

.dogoftheday_img {
float: left;
width: 110px;
text-align: center;
padding-left: 10px;
}

html>body .dogoftheday_img {
width: 100px;
}

/* MODULE dog */

.dogsearch {
position: relative;	
}

.dogsearch .linkbox {
position: absolute;
right: 19px;
top: 2px;
text-align: right
}

html>body .dogsearch .linkbox {
right: 5px;
top: 2px;
}

.dogsearch a {
color: #000;
text-decoration: none;
}

.dogsearch a:hover {
color: #000;
text-decoration: underline;
}

/* MODULE dog-profile */

.dogprofile .box1text {
margin-bottom: 0 !important;
}

.avatarbox .avatar {
height: 100px;
}

html>body .avatarbox .avatar {
height: auto;
min-height: 100px;
}

.rider_mywuff {
position: relative;
}


.dogbuttonline {
padding-bottom: 10px;
}

#dogaccess {
position: absolute;
right: 2px;
top: 33px;
width: 230px;
text-align: right;
}

#dogaccess img {
margin-bottom: 4px;
}

#dogaccess img.button {
margin-right: 30px;
}

#content .dogprofilebox2 {
background: transparent url(../images/layout-de/dog/dog-profile-wuff-o-meter-bg.gif) repeat-y top left; 
}

#content .dogprofilebox2 .rbottom2 {
background: #fff url(../images/layout-de/dog/dog-profile-wuff-o-meter-bottom.gif) repeat-y bottom left; 
height: 16px;
}

.dogprofileleft_head {
background: transparent url(../images/layout-de/dog/dog-profile-wuff-o-meter-top-left.gif) no-repeat top left;
height: 54px;
}

.dogprofileright_head {
background: transparent url(../images/layout-de/dog/dog-profile-wuff-o-meter-top-right.gif) no-repeat top right;
height: 107px;
}

.dogprofileleft {
float: left;
width: 292px;
}

.dogprofileleft div {
line-height: 14px;
font-size: 11px;
}

.dogprofileright {
float: right;
width: 298px;
}

.dogprofileleft .text { 
padding-left: 30px;
padding-right: 0px;
}

.dogprofileright .text { 
padding-left: 26px;
padding-right: 8px;
}

.dogcharaktertitle {
clear: both;
padding-top: 12px;
padding-bottom: 6px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}

.dogcharakterimg {
padding-bottom: 5px;
}

.dogcharakter-l {
width: 125px;
float: left;
font-size: 11px;
}
.dogcharakter-r {
width: 125px;
float: left;
text-align: right;
font-size: 11px;
}

#dogprofileleft {
display: none;
}

#dogprofileright {
display: none;
}

#dogprofileleft div {
margin-bottom: 6px;
}

.dogprofile .layouttable {
width: 300px;
}

/* dog breed mixer */

.hybrid_race_text {
width: 120px !important; /* width for IE with padding and border */
height: 3em;
float: left;
padding: 1px;
}

html>body .hybrid_race_text { /* inner width */
width: 116px !important;
}

.hybrid_race_percent {
width: 120px !important; /* width for IE with padding and border */
float: left;
height: 1em;
padding: 1px;
margin-right: 4px;
}

html>body .hybrid_race_percent { /* inner width */
width: 116px !important;
height: 14px;
}

.dogbreedlevelindicator {
background: #ed8606;
height: 14px;
width: 0;
float: left;
}

.line5px {
height: 5px;
font-size: 1px;
clear: both;
}

/* MODULE dog pedigree */

.mywuffPedigree {

}

#pedigree {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-3-hg.gif) repeat-y top left;
width: 184px;
float: right;
}

.mywuffPedigreeGraphics {
width: 340px; /*297px;*/
text-align: center;
float: left;
}

.rtop13inline {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-3-top.gif) no-repeat bottom left;
width: 184px;
height: 14px;
display: block;
}

.rbottom13inline {
background: #fff url(../images/layout-de/content/contentBorder-inline-1-3-bottom.gif) no-repeat top left;
width: 184px;
height: 14px;
display: block;
}

#pedigree div {
padding: 0 8px;
}

#pedigree * {
margin: 0;
}

/********************************/

.networkIndex .floatrightbox img {
margin-bottom: 2px;	
}


/********************************/

#content .listAsLines {
list-style-type: none;
}

#content .previewlinklist, #content .listAsLines {
margin: 0;
padding: 0;
}

#content .listAsLines span {
float: left;
display: block;
width: 24px;
height: 24px;
overflow: hidden;
text-align: center;
background-color: #dee8b5;
margin-right: 12px;
}

#content .previewlinklist li {
margin-left: 2.2em;
margin-bottom: 5px;
}

#content .listAsLines li {
margin-left: 0;
padding-left: 0;
margin-bottom: 5px;
overflow: hidden;
}

#content .previewlinklist a, #content .listAsLines a {
text-decoration: none;
}

#content .listAsLines a {
display: block;
overflow: hidden;
width: 264px;
}

#content .col1 .homegallery {
margin-left: 18px;
}

#content .col2 .homegallery {
margin-left: 25px;
}

#content .col1 .homegallery, #content .col2 .homegallery {
width: 255px;
}

#content .col1 .homegallery .avatar, #content .col2 .homegallery .avatar {
float: left;
}

#content .homegallery .avatarimgage {
height: 100px;
vertical-align: middle;
}

/********************************/

/* MODULE locations */

.locationlist {
font-size: 11px;
}

.locationlist a, .locationlist a:visited  {
text-decoration: none;
color: #000;
}

.locationlist a:hover {
text-decoration: underline;
color: #000;
}

.locationlist td.big  {
vertical-align: middle;
font-weight: bold;
font-size: 14px;
}

.locationlist td div {
overflow: hidden;
width: 165px;
}

.locationlist div.mailhpbox {
width: 140px;
float: left;
}

.locationlist .inboxright a {
text-decoration: underline;
}

.locationSelector * {
margin: 0;
}

/********************************/

/* MODULE userprofile */

.userprofilebar {
width: 152px;
padding-right: 10px;
}

.userprofilebar .avatar {
width: 150px !important;
margin: 0 !important;
padding: 0 !important;
}

html>body .userprofilebar {
width: 142px;
}

.userprofile .paddingright {
width: 100px !important;
}

.userprofiletable {
width: 568px;
}

.userprofiletable table td {
padding-bottom: 10px;
}

/* user list */

.az_nav {
width: 600px;
height: 120px;
background: #cff url(../images/layout-de/content/mitglieder-a-z2.gif) no-repeat top left;
position: relative;
margin-bottom: 1em;
}

.az_list {
width: 600px;
position: absolute;
top: 97px;
text-align: center;
}

.az_list table {
width: 580px;
margin: auto;
}

/* Attention: relevant to language / culture */
.az_active_de {
position: absolute;
top: 21px;
left: 128px;
}

/********************************/

/* Popup */

body.popup {
background: #fff;
}

body.popup #content {
width: 610px;
margin-left: 10px;
}

body.popup #content .text {
width: 570px;
}


body.popup h1 {
padding: 12px;
font-size: 18px;
color: #99c03b;
}

.borderrightbox {
margin-left: 1em;
padding:  4px;
clear: both;
border: 2px solid #99c03b !important;
width: 200px;
float: right;
}

html>body .borderrightbox {
width: 188px;
}

/*************************************************/

/* Error handling */

.error {
color: #a00;
}

div.error, p.error, ul.error, ol.error {
background: #fefefe;
padding: 3px;
border: 1px solid;
}

div.error {
margin-bottom: 1em;
}

/* Image list in admin tools */

ul.admin_image_overview, ul.admin_image_overview li {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.admin_image_overview {
margin-bottom: 2em;
overflow: auto;
width: 100px;
height: 30em;
float: right;
}

div.admin_image_upload {
float: left;
}

/* MODULE gallery */

.gallerynav {
padding: 5px;
}

.gallerynavleft, .gallerynavright {
width: 58px;
padding-top: 4px;
}

.gallerynavleft img {
padding-right: 4px;
}

.gallerynavright img {
padding-left: 4px;
}

.gallerynavleft, .galleryscroll {
float: left;
}

.gallerynavleft {
text-align: left;
}

.gallerynavright {
float: right;
text-align: right;
}

.galleryscroll {
width: 446px;
height: 50px;
overflow: hidden;
position: relative
}

.galleryscrollbox {
position: absolute;
left: 0; /* See inline style, calculated: (imgx * -44)  */

height: 50px;
width: 5500px; /* calculated by image number: (n * 44) */
}

#animalShelterHead {
width: 600px;
height: 93px;
background: #fff url(/images/layout-de/content/gallery-head-sorgenwuff.gif) no-repeat top left;
}

#animalShelterHead * {
visibility: hidden;
}

#puppiesHead {
width: 600px;
height: 86px;
background: #fff url(/images/layout-de/content/gallery-head-welpen.gif) no-repeat top left;
}

#puppiesHead * {
visibility: hidden;
}

#ancestorsHead {
width: 600px;
height: 86px;
background: #fff url(/images/layout-de/content/gallery-head-ahnen.gif) no-repeat top left;
}

#ancestorsHead * {
visibility: hidden;
}

#newdogsHead {
width: 600px;
height: 86px;
background: #fff url(/images/layout-de/content/gallery-head-neuewuffs.gif) no-repeat top left;
}

#newdogsHead * {
visibility: hidden;
}



/* comments */

.commenttitle {
font-size: 14px;
}

.commententry * {
font-size: 11px !important;
}

.commententry big {
font-size: 13px !important;
}

.commentavatar {
width: 80px; 
float: left;
}

.commentbody {
width: 360px; 
float: left;
}
.commentbody hr {
height: 1px;
}
.commentbody p {
width: 360px; 
overflow: hidden;

}

.commentform {
padding-left: 90px;
padding-top: 10px;
padding-bottom: 10px;
}

.commentbody textarea {
width: 358px;
}

.commentinfo {
padding-top: 10px;
width: 95px; 
float: left; 
padding-left: 10px;
}
html>body .commentinfo {
width: 85px;
}
.commentinfo img {
margin-bottom: 4px;
}

/********************************/

/* colors */

.greentext, td.greentext  { /* td.greentext is an IE-fix */
color: #5f830a;
}

.required span, .required label {
color: #ed8606 !important;
font-weight: bold;
}

strong.mywufflogo {
font-weight: normal;
}

strong strong.mywufflogo, b strong.mywufflogo, h2 strong.mywufflogo, h3 strong.mywufflogo, h4 strong.mywufflogo {
font-weight: bold;
}

.biggreentext, .big.greentext, .greentext.big, .greentext big, h2 big, h3 big, .greentext strong, th.greentext {
color: #99c03b !important;
}

.backtext {
color: #000;
}

/* image boxes */

.imgboxsmallthumb {
width: 50px;
padding: 5px;
overflow: hidden;
}

html>body .imgboxsmallthumb {
width: 40px;
}

.imgboxthumb, .avatar {
width: 85px;
padding: 5px;
overflow: hidden;
/*text-align: center;*/
}

.avatarhome {
width: 80px;
height: 100px;
padding-right: 5px;
float: left;
overflow: hidden;
}

html>body .imgboxthumb, html>body .avatar, html>body .avatarhome {
width: 75px;
}

.previewList .avatar {
float: left;
}

td.imgboxthumb {
width: 75px;
padding: 0 5px;
overflow: hidden;
text-align: right;
}

html>body.imgboxthumb {
width: 85px;
}

/* Avatar for upload fields */

.uploadwithpreview .avatar {
float: left;
}

.uploadwithpreviewbox {
float: left;
}

.uploadwithpreview .input, .uploadwithpreview label {
margin-top: 10px;
}

.imgboxbigimage {
text-align: center;
}

.paddingright {
padding-right: 8px;
}

.submitimg {
margin-right: 10px;
}

.InvitationsIndex table .input {
width: 250px;
}

/* MODULE ratings */


div.ratingbox {
padding: 6px;
padding-top: 9px;
width: 164px;
height: 77px;
background: #fff url(../images/layout-de/content/ratingbox.gif) no-repeat 0 0;

float: right;
margin-bottom: 10px;
margin-left: 10px;
}

.locationShow div.ratingbox {
margin-top: 1.4em;
}

html>body div.ratingbox {
width: 152px;
height: 62px;
}

div.ratingbox p {
margin: 0;
font-weight: bold;
padding: 0 3px;
}

.rating {
position: relative;
height: 42px;
width: 153px;
font-size: 11px;
color: #5f830a;
background: #fff;
float: left;
}

html>body .rating {
width: 152px;
}

.rating img {
position: absolute;
top: 16px;
}

.rating .ratingchart {
height: 24px;
width: 2px;
background: #dde9b3;
float: left;
text-align: left;
}

.rating .ratingtext {
height: 16px;
width: 90px;
padding-left: 3px;
display: block;
overflow: hidden;
text-align: left;
}

html>body .rating .ratingtext {
width: 89px;
}

.rating .ratingcount {
width:  60px;
float: right;
overflow: hidden;
text-align: right;
padding-right: 3px;
}

html>body .rating .ratingcount {
width: 57px;
}

.right .rating, .left .rating {
float: right;
}

p .rating {
margin-right: 10px;
}

/* design-classes, tables */

.designtable {
border-collapse: collapse;
}

.designtable caption {
font-weight: bold;
padding: 5px 0;
}

.designtable th, .designtable td {
font-size: 11px;
text-align: left;
padding: 2px;
margin: 0;
border: 1px solid #99c03b;
}

.designtable th {
background: #dee8b5;
}

/* design-classes */

.overflowtext {
overflow: auto;
height: 12em;
font-size: 11px;
}

.overflowtext * {
margin-top: 0;
}

.overflowhidden {
overflow: hidden;
}

/* Fix */

/* Rounded borders inside content */

.rtop1 td, .rbottom1 td, .rtop2 td, .rbottom2 td {
padding: 0 !important;
height: 14px;
font-size: 1px;
line-height: 1px;
}

/* Fix for IE and Safari */

.box1text .rtop1 td.tdrleft {
background: #fff url(../images/layout-de/content/contentBorder-1-top.gif) repeat-y top left; 
}
.box1text .rtop1 td.tdrcenter {
background: #fff url(../images/layout-de/content/contentBorder-1-top.gif) repeat-y top center; 
}
.box1text .rtop1 td.tdrright {
background: #fff url(../images/layout-de/content/contentBorder-1-top.gif) repeat-y top right; 
}

.box1darktext .rtop1 td.tdrleft {
background: #dee8b5 url(../images/layout-de/content/contentBorder-1-dark-top.gif) repeat-y top left; 
}
.box1darktext .rtop1 td.tdrcenter {
background: #dee8b5 url(../images/layout-de/content/contentBorder-1-dark-top.gif) repeat-y top center; 
}
.box1darktext .rtop1 td.tdrright {
background: #dee8b5 url(../images/layout-de/content/contentBorder-1-dark-top.gif) repeat-y top right; 
}

.box1text .rbottom1 td.tdrleft {
background: #fff url(../images/layout-de/content/contentBorder-1-bottom.gif) repeat-y top left; 
}
.box1text .rbottom1 td.tdrcenter {
background: #fff url(../images/layout-de/content/contentBorder-1-bottom.gif) repeat-y top center; 
}
.box1text .rbottom1 td.tdrright {
background: #fff url(../images/layout-de/content/contentBorder-1-bottom.gif) repeat-y top right; 
}

.box1darktext .rbottom1 td.tdrleft {
background: #dee8b5 url(../images/layout-de/content/contentBorder-1-dark-bottom.gif) repeat-y top left; 
}
.box1darktext .rbottom1 td.tdrcenter {
background: #dee8b5 url(../images/layout-de/content/contentBorder-1-dark-bottom.gif) repeat-y top center; 
}
.box1darktext .rbottom1 td.tdrright {
background: #dee8b5 url(../images/layout-de/content/contentBorder-1-dark-bottom.gif) repeat-y top right; 
}

/*
.box1text .rtop2 {
background: #fff url(../images/layout-de/content/contentBorder-2-top.gif) repeat-y top left;
position: relative;
}

#content .rbottom2 {
background: #fff url(../images/layout-de/content/contentBorder-2-bottom.gif) repeat-y top left; 
}
*/

/*

mywuff-cyan: #49b4e1
mywuff-green: #99c03b
mywuff-linkgreen: #5f830a
mywuff-lightgreen: #dee8b5
mywuff-orange: #ed8606
mywuff-formorange: #f7ca92
mywuff-lightorange: #f5aa5c
mywuff-whiteorange: #fbdabb

*/