/* CSS Reset */
/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* Responsive images */
img {
  max-width: 100%;
  height: auto;
  width: auto;
}

body {
  font-family: Fenix, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 1.3;
  letter-spacing: 1px;
  text-align: center;
  overflow: auto;
  background: transparent url(img/bg_body.png) top center repeat-y;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

h1, h2 { font-family: Qwigley; font-size: 48px; font-weight: 400; color: #1B2A1A; }
h3 { font-family: Fenix; font-size: 22px; font-weight: 400; color: #1B2A1A; margin-left: 50px;}
h1.welcome { font-size: 60px; }


a { color: #FFFFCC; text-decoration: none; }
a:hover { color: #1B2A1A;}

input, textarea {   
    border: solid 1px #B3B3B3;  
    outline: 0;  
    width: 180px;  
    background: #FFFFFF;
    color: #4D4D4D;
    text-indent: 5px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 0;
    }  
  
textarea {   
    width: 180px;  
    max-width: 180px;  
    height: 150px; 
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color: #B3B3B3;   
    }  
    
  
input.submit {  
    width: 182px; 
    background: #B3B3B3;  
    color: #4D4D4D;
    text-align: left; 
    line-height: 1.5;
    }  

#head {
  width: 980px !important; 
  height: 150px !important;
  text-align: left;
  margin: 0 auto;
  border: 0;
}

#head div.logo { 
  float: left; 
  margin-left:20px;
  margin-top: 10px;

}

#head, #head a {
 font-family: Qwigley;
 color: #FFFFCC;
}

#head div.logo h1, #head div.logo h2 {
  color: #FFFFCC;
  font-size: 62px;
  padding:0;
  font-weight: normal;
  letter-spacing: 3px;
}

#head div.logo h2 {
  font-size: 38px;
  margin: -20px 0 0 0;
}

#head div.contact { 
  float: right; 
  font-size: 26px;
  margin: 40px 30px 0 0;
  line-height: 30px;
}

#page {
  width: 980px !important; 
  text-align: left;
  margin: 0 auto;
  border: 0;
  background: transparent url(img/bg_page.png) left top repeat-y;
}

#page_end {
  width: 980px !important;
  height: 45px;
  text-align: right;
  margin: 0 auto;
  background: transparent url(img/bg_footer.png) left top  no-repeat;
  border: 0;
  line-height: 50px;
  vertical-align: bottom;

}

#page_end a {
  display: inline-block;
  margin-right: 30px;
}


#content { width: 960px !important; min-height: 600px; margin: 0 10px 0 10px; padding-bottom: 20px;}

#menu { height: 90px; letter-spacing: 1px; margin: 0 20px 0 20px; width: 920px; border: 0; border-top: 1px solid transparent; border-bottom: 1px solid #927f55;}
#menu a {display: inline-block; height: 80px; width: 110px; line-height: 70px; color: #1b2a1a; text-decoration: none; font-size: 17px; font-weight: 400; text-align: center; vertical-align: middle; background: url(img/menubtn.png) center top no-repeat; margin-right: 20px;}
#menu a.current {color: #FFFFCC; background-position: center -80px;}
#menu a:hover {background-position: center -80px;}

#mainHome, #mainStd {clear: both; width: 960px; margin: 20px 0; }

.clear { clear: both; }

p.bodytext,
csc-default,
h1.welcome,
.csc-textpic-imagewrap,
.csc-header {
   max-width: 760px;
   color: #1b2a1a;
   margin-left: 50px; 
   text-align: justify;
}

.csc-textpic {
   max-width: 870px;
}

.csc-default hr { 
  width 900px; 
  height: 90px; 
  background: transparent url(img/hr.png) 5px 0 no-repeat; 
  border:0;
}

div#puppies {
  position: absolute;
  text-align: right;
  width: 900px;
  top: 630px;
  left: 50%;
  margin-left: -520px;
}

div#announcement {
  position: absolute;
  text-align: right;
  width: 900px;
  top: 250px;
  left: 50%;
  margin-left: -450px;
  font-size: 14px;
  color: black;
}

a.puppies {
  display: inline-block;
  width: 200px;
  height: 105px;
  margin: 0;
  background: transparent url(img/welpen2.png) 0 0 no-repeat;
}

a.toborder,
a.totoy {
  display: inline-block;
  width: 90px;
  height: 64px;
  margin: 0 10px;
  background: transparent url(img/toborder.png) 0 0 no-repeat;
}

a.totoy {
  background: transparent url(img/totoy.png) 0 0 no-repeat;
}

a.toborder:hover,
a.totoy:hover {
  background-position: 0 -64px;
}

div.tx-wtgallery-pi1 {
  margin-left: 30px;
}

div.tx-wtgallery-pi1 h2 {
  display: none;
}

div.wtgallery_single_browser {
 display: none;
}

div.wt_gallery_single_inner_pic a img {
    border: 2px solid #1a2a1b;
}
div.wtgallery_list {
    background-color: #444;
}

div.wtgallery_list_pagebrowser_area {
   font-size: 14px;
  margin-left: 10px;
}

div.wtgallery_list_current a img {
    border: 1px solid #FFFFCC;
}


/* Workaround tel-links */
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
    text-decoration:none;
    color: #4D4D4D;
}

@media only screen and (max-device-width: 980px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
      text-decoration: none;
      color: #00519E;
   }
}