/*
Theme Name: Dogs
Version: 0.1
Theme URI: http://www.bechti.de
Author: sbDesign (Simone Bechtold)
Author URI: http://www.bechti.de
*/

/*************************** GLOBALE EINSTELLUNGEN ****************************/
*{margin  : 0;
  padding : 0;
 }

html,
body {height : 100%;}

body {font-family : Calibri, Arial, Helvetica, sans-serif;
      font-size   : 100.1%;
      color       : #8aafbc;
	  text-align  : center;
      line-height : 105%;
	 }

/* Absätze */
p {margin-bottom : 10px;
   padding       : 5px 0 15px 0;}

/* Allgemeine Links */
a {font-weight      : normal;
   color            : #0dacde;
   text-decoration  : none;
  }

a:link {color           : #0dacde;
        font-weight     : bold;
		text-decoration : none;
	   }

a:visited {color : #8aafbc;}
a:hover   {color : #A2CFDD;}
a:active  {color : #8aafbc;}

/* sonstige */
em {font-style : normal;
	font       : inherit;
   }

input, textarea {border           : 1px solid #c2bbb2;
	             background-color : transparent;
                 color            : #fff;
                }


/********************** Layout-Hintergrund(bilder) ****************************/
body                { background : #232e34 url('../grafiken/body_bg.jpg') repeat-x bottom left fixed; }
#wrapper            { background : transparent url('../grafiken/wrapper_bg.png') top left; }
#header             { background : transparent url('../grafiken/header.jpg') no-repeat center center; }
#footer             { background : transparent url('../grafiken/footer.png') repeat-x top center; }

/*** Hintergrundbilder Menüsidebar ***/
.blockheader        { background : transparent url('../grafiken/blockheader.png') no-repeat top left; }
li.mainmenu         { background : transparent url('../grafiken/blockbullets1.png') no-repeat top left; }
li a.menu:hover     { background : transparent url('../grafiken/blockbullets2.png') no-repeat top left; }
li a.menuactive     { background : transparent url('../grafiken/blockbullets3.png') no-repeat top left; }
li a.menuactive:hover    { background : transparent url('../grafiken/blockbullets2.png') no-repeat top left; }
li a.submenu:hover       { background : #6ab2c8; }
li a.submenuactive       { background : #255665; }
li a.submenuactive:hover { background : #6ab2c8; }

/******************************* LAYOUT ***************************************/
/*** Page ***/
#wrapper {width            : 915px;
          margin           : 0 auto 50px auto;
          position         : relative;
          text-align       : center;
          border-right     : 3px solid #37505b;
          border-left      : 3px solid #37505b;
          border-bottom    : 3px solid #37505b;
          border-bottom-right-radius : 10px;
          border-bottom-left-radius  : 10px;
         }

/*** Header ***/
#header {position  : relative;
         margin    : 0 auto;
         width     : 890px;
         height    : 225px;
         z-index   : 0;
        }

/*** Logo ***/
#logo {position   : absolute;
       top        : 0px;
       left       : 0px;
       width      : 250px;
       height     : 225px;
       text-align : center;
       z-index    : 1;
      }


/*** Container mit Sidebar und Contentbereich ***/
#container  {width      : 890px;
             margin     : 0 auto;
             background : transparent;
	         text-align : left;
			 clear      : both;
             z-index    : 15;
	         font-size  : 1.0em;
            }

/** Container für Inhalt **/
#content {padding    : 20px 12px 1px 20px;
          margin     : 0 0 0 250px;
          background : transparent;
          min-height : 400px;
	      text-align : left;
          display          : table-cell;
	     }

/** Container linke Seite **/
#leftside {background-color : #36535e;
           padding          : 10px 0 0 0;
           width            : 250px;
		   text-align       : left;
           display          : table-cell;
          }

.left_inner {padding     : 10px 0 0 0;
             width       : 250px;
		     text-align  : left;
            }

/** Blöcke **/
.block-body {padding-bottom : 10px;
             width          : 100%;
             margin         : 0 auto 10px auto;
            }

.blockheader {position       : relative;
              overflow       : hidden;
              height         : 30px;
              line-height    : 31px;
              padding        : 0 7px 7px 7px;
              z-index        : 0;
              color          : #7dbccf;
              font-weight    : bold;
              letter-spacing : 0.2em;
              text-transform : uppercase;
             }

.header-tag {display    : inline-block;
             padding    : 0 0 0 21px;
             min-height : 14px;
             margin     : 0;
            }

/*** BlockContent ***/
.blockcontent {position   : relative;
               overflow   : hidden;
               min-width  : 1px;
               min-height : 1px;
               margin     : 0 auto;
               z-index    : 0;
              }

.blockcontent ul {list-style-type : none;
                  color           : #232622;
                 }

/********************************* MENU ***************************************/
/* Hauptmenüpunkt */
.blockcontent a.menu {padding     : 6px 10px 4px 25px;
		              color       : #93c7d7;
	                  margin      : 0;
	                  font-weight : bold;
                      display     : block;
                     }

ul.mainmenu {margin-bottom : 0;
             margin-left   : -15px;
            }

li a.menu { border-bottom : 1px solid #3F626E;}

li a.menu:hover {text-decoration : none;
                 color           : #22343a;
                }

/* Aktiver Hauptmenüpunkt */
li a.menuactive {padding     : 6px 10px 4px 25px;
	             color       : #93c7d7;
	             text-align  : left;
	             margin      : 0px;
	             font-weight : bold;
                 display     : block;
                }

/* Submenüpunkt */
ul.detailmenu  {margin-left   : -15px;
                margin-bottom : 0px;
                border-bottom : 1px solid #3F626E;
               }

li a.submenu {padding-left : 25px;
              font-size    : 0.9em;
              font-weight  : normal;
              display      : block;
              color        : #fff;
             }

li a.submenu:hover {color : #22343a;}

li a.submenuactive {padding-left : 25px;
                     font-size    : 0.9em;
                     font-weight  : normal;
                     display      : block;
                     color        : #fff;
                    }

li a.submenuactive:hover {color : #22343a;}

/*** Footer ***/
#footer {position    : relative;
         overflow    : hidden;
         height      : 30px;
         margin      : 0px auto 15px auto;
         padding-top : 10px;
         z-index     : 0;
         font-size   : 0.8em;
         width       : 890px;
         color       : #00131a;
        }

.footer a {color : #00131a;}
.footer a:hover {color : #255665;}
.footer a:visited {color : #00131a;}


/********************** Copy, Admin-Login, Credits ****************************/
#disclaimer {height     : 0px;
             padding    : 0;
			 position   : relative;
             top        : -40px;
             width      : 100%;
			 text-align : center;
			 font-size  : 0.8em;
			 color      : #111111;
			 margin     : 0;
			}

#disclaimer a {color : #111;}

#disclaimer a:hover {color : #498DC2;}

/********** http://www.positioniseverything.net/easyclearing.html *************/
.clearfix:after {content    : ".";
                 display    : block;
                 height     : 0;
                 clear      : both;
                 visibility : hidden;
                }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***************************** Suchformular ***********************************/
/* ------------ */
div.search {text-align : center;}

form.searchform {display : block;}

fieldset#searchfieldset {border      : none;
                         margin-top  : 5px;
                         margin-left : 25px;
                         padding     : 0px;
                        }

input.searchtextfield {width  : 100px;
	                   margin : 0px;
	                   margin : 4px 1px;
                      }

input.searchtextfield:hover { }

input.searchbutton {margin           : 5px 0 -3px 7px;
	                border           : none;
	                background-color : transparent;
                   }

/**************************** Typografie, Listen,  ****************************/

h1 {font-size     : 1.3em;
	margin-top    : 10px;
	margin-bottom : 5px;
    color         : #7dbccf;
   }

h2 {font-size     : 1.2em;
	margin-top    : 10px;
	margin-bottom : 5px;
    color         : #a2cfdd;
   }

h3 {font-size     : 1.1em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }

h4 {font-size     : 1.0em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }


ul {margin-top      : 0px;
    margin-bottom   : 10px;
    padding-left    : 15px;
    list-style-type : circle;
   }

ol {margin-top      : 0px;
    margin-bottom   : 10px;
    padding-left    : 29px;
    list-style-type : decimal-leading-zero;
   }

li {margin-top    : 0px;
	margin-bottom : 0px;
   }

/****************************** Bookmarks ********************************/
.social {width  : 200px;
         margin : 10px auto;
        }

.social a {padding : 0;}

/**************************** AB HIER: CMS-SYNTAX ****************************/

/* [link|...]
a.link { } */

/* [mail|...]
a.mail { } */

/* [seite|...]
a.page { } */

/* [kategorie|...]
a.category { } */

/* [datei|...]
a.file { } */

/* [galerie|...]
a.gallery { } */

/* [bild|...] */
img {border : none;}

/* [bildlinks|...] */
img.leftcontentimage {margin      : 2px 8px 8px 0;
	                  border      : none;
	                  max-width   : 100px;
	                  float       : left;
                     }

/* [bildrechts|...] */
img.rightcontentimage {margin    : 2px 0 8px 8px;
	                   border    : none;
	                   max-width : 100px;
	                   float     : right;
                      }

/* [fett|...] */
em.bold {font-weight : bold;}

/* [kursiv|...] */
em.italic {font-style : italic;}

/* [fettkursiv|...] */
em.bolditalic {font-weight : bold;
	           font-style  : italic;
              }

/* [unter|...] */
em.underlined {text-decoration : underline;}

/* [durch|...] */
em.crossed {text-decoration : line-through;}

/* [ueber1|...] */
h1 {font-size     : 1.3em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }

/* [ueber2|...] */
h2 {font-size     : 1.2em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }

/* [ueber3|...] */
h3 {font-size     : 1.1em;
	margin-top    : 10px;
	margin-bottom : 5px;
   }

/* [----] */
hr {border : 1px solid #4d453d;}

/* [tabelle|...] */
table.contenttable {margin          : 5px auto;
	                border          : none;
               	    border-collapse : collapse;
	                width           : 100%;
                   }

th.contenttable {vertical-align   : top;
	             border           : none;
	             background-color : #498dc2;
	             padding          : 2px 5px;
                }

td.contenttable1 {vertical-align   : top;
	              border           : none;
	              background-color : transparent;
	              padding          : 5px 8px;
                 }

td.contenttable2 {vertical-align   : top;
	              border           : none;
	              background-color : transparent;
	              padding          : 5px 8px;
                 }


/*---------------------------------------------------------------------------*/
/******************************* GALLERY LAYOUT ******************************/
/*---------------------------------------------------------------------------*/
div.gallerycontent {width        : 99%;
     	            overflow     : hidden;
	                text-align   : center;
                    font-size    : 0.7em;
                    margin-top   : 10px;
                   }

/* Seiteninhalt Gallery*/
div.gallerypagecontent {text-align : center;
                        margin     : 5px auto;}

/* Menü (Galerie) */
div.gallerymenu {padding     : 11px 8px 0px 0px;
	             line-height : 23px;
	             text-align  : center;
             	 background  : url("../grafiken/details-back.png") repeat-x;
                }

ul.gallerymenu {margin  : 0px;
	            padding : 0px;
}

li.gallerymenu {display       : inline;
                padding-right : 10px;

}

div.gallerynumbermenu {padding     : 6px 8px 0px 8px;
	                   line-height : 20px;
	                   text-align  : center;
                       width       : 100%;
	                   float       : none;
	                   margin      : 2px auto;
                      }

/* Galerie-Tabelle (Übersichtsmodus) */
table.gallerytable {margin          : 0px auto;
                    border          : none;
	                border-collapse : collapse;
                   }

td.gallerytd {vertical-align : top;
              border         : none;
             }

img.thumbnail {margin : 5px;}



/*---------------------------------------------------------------------------*/
/**************************** GALLERY LAYOUT ENDE ****************************/
/*---------------------------------------------------------------------------*/