/**************************************************************
Farben

anthrazit = #303030

dunkelgrau = #999999 ( Title h2,  Content h3,
dunkelgrau = #777777 ( Schrift News, News h2, Schrift Content
dunkelgrau = #d5d5d5 ( Footer bacckground )
mittelgrau = #D3D3D3 (Hintergrund Menu, Schrift Untertitel Menu)
hellgrau = #eaeaea  (Hintergrund News)
hellgrau = #CCCCCC (Rahmen Extras)
hellgruen= #33cc33; ( Title h1

hellblau= #66b6f0; (Menu hover, News h1, link, Content h1, h2)


Weiß= #FFFFFF (Background, Menu Schrift)
**************************************************************/

body {
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font: 76% Arial,Helvetica,sans-serif;
font-size: 0.7605em;
background: #ffffff;
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 760px;
}

/*--------*/
/* HEADER */
/*--------*/


#header {
margin: 30px 0 10px 0;
width: 760px;
padding: 0;
}


#title {
float: left;
margin: 0 0 0 0;
padding: 0;
}

#title h1 {
margin: 0 0 0 0;
font-weight: 400;
font-size: 3.0em;
width: 400px;
float: left;
color: #33cc33;
}

#title h2 {
clear: left;
float: left;
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: 400;
width: 400px;
color: #999999;
}

#logo {
margin: 0px 0px  0px  -8px ;
width: 760px;
height: 50px;
padding: 0;
background-image : url("../bilder/logo.jpg");
background-position : left;
background-repeat : no-repeat;
}

#christmas {
margin: 15px 0px  0px  714px ;
width: 72px;
height: 75px;
padding: 0;
background-image : url("../bilder/button_schneemann.jpg");
background-position : left;
background-repeat : no-repeat;
}

#christmastitle h2 {
clear: left;
float: left;
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: 400;
width: 295px;
color: #999999;
}

#christmastitle h3 {
margin: 0 0 0 0;
font-size: 1.1em;
font-weight: 100;
width: 710px;
color: #999999;
}



/*--------------*/
/* Content HOME */
/*--------------*/

#bar {
margin: 30px 0 10px 0;
width: 760px;
height: 305px;
padding: 0;
background-image : url("../bilder/bar%20bg.gif");
background-position : left;
background-repeat : repeat-y;
float : left;
}


#bar_content {
margin: 30px 0 10px 0;
width: 760px;
padding: 0;
float: left;
}


.frontphoto {
margin: 0 0 0 0;
border: 0;
width: 340px;
height: 311px;
float: left;
}

.frontphotosmall {
margin: 0 0 0 0;
border: 0;
width: 150px;
height: 311px;
float: left;
}


/*--------------------*/
/* Content HOME  MENU */
/*--------------------*/

#menu_li {
float: left;
width: 150px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;
}


#menu {
float: right;
width: 220px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;
}

#menu ul {	
font-weight: 550;
list-style: none;
width: 220px;
margin: 0 0 0 0;
padding: 0;
}	

#menu li {
font-size: 1.60em;
margin-bottom: 1px;
}

#menu li a {
height: 20px;
text-decoration: none;
color: #FFFFFF;
display: block;
padding: 5px 3px 0 5px;
background: #D3D3D3;
line-height: 1.0em;
}	
	
#menu li a:hover {
background: #66b6f0;
color: #FFFFFF;
}
/*
#menu small {
background: #66b6f0;
color: #FFFFFF;
padding: 0;
margin: 0 0 0px 0;
font-weight: 400;
font-size: 0.7em;
color: #d3d3d3;
}
*/

#menu li.active a {
height: 20px;
text-decoration: none;
color: #FFFFFF;
display: block;
padding: 5px 3px 0 5px;
background: #66b6f0;
line-height: 1.0em;
}	

/*------------------------------*/
/* Content HOME  MENU -> EXTRAS */
/*------------------------------*/


.extras {
float: left;
clear: both;
width: 208px;
margin-top: 20px;
padding: 5px;
color: #777777;
background-color: #FFFFFF;
line-height: 1.5em;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}

.extras h1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 1.1em;
color: #66b6f0;
font-weight: 600;
}

.extras a {
color: #999999;
}

.extras a:hover {
color: #CCCCCC;
}


.extras h1 a {
color: #66b6f0;
}

.extras h1 a:hover {
color: #B2DAF7;
}


.extras_ohneRahmen {
float: left;
clear: both;
width: 208px;
padding: 5px;
color: #777777;
}

.extras_ohneRahmen150 {
float: left;
clear: both;
width: 150px;
padding: 0px;
color: #777777;
}

.extras a img{
border: none; 
}

.extras_ohneRahmen150 a img{
border: none; 
}

.extras a img{
border: none; 
}

.puppy a img{
border: none; 
}


/*--------------------*/
/* Content HOME  NEWS */
/*--------------------*/

#news {
margin: 0 230px 0 350px;
min-height: 296px;
max-height: 296px;
padding: 5px 1px 10px 10px;
background: #eaeaea;
color: #777777;
visibility: visible;
}

#news h1 {
margin: 0 0 0 0;
padding: 0 0 6px 0;
font-size: 1.1em;
color: #66b6f0;
font-weight: 600;
}

#news h2 {
margin: 0 0 0 0;
padding: 10px 0 6px 0;
font-size: 1.1em;
color: #777777;
font-weight: 600;
}



#sub {
clear: left;
margin: 72px 0 0 0;
width: 760px;
padding: 0;
}


/*--------------------*/
/* Content            */
/*--------------------*/


#content {
margin: 0 230px 0 160px;
min-height: 495px;
padding: 15px 5px 0 15px;
background-color: #FFFFFF;
background-image : url('../bilder/fade.jpg');
background-position : top;
background-repeat : repeat-x;
color: #777777;
line-height: 1.5em;
}

#content_images {
margin: 0 230px 0 160px;
min-height: 495px;
padding: 15px 4px 0 15px;
background-color: #FFFFFF;
background-image : url('../bilder/fade.jpg');
background-position : top;
background-repeat : repeat-x;
color: #777777;
line-height: 1.5em;
}

#content_box {
color: #777777;
padding: 10px 5px 10px 10px;
background-color: #FFFFFF;
line-height: 1.5em;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}

#content_box a img{
border: none; 
}

p {
margin: 5px 0 7px 0;
}

img.img_big {
float: left;
margin: 10px 0px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 340px;
heigth: 300px;
}

img.img_small_right {
float: right;
margin: 10px 9px 11px 0px;
padding: 2px;
background-color: #cccccc;
width: 165px;
heigth: 125px;
}

img.img_puppy_small_right {
float: right;
margin: 10px 10px 0px 0px;
padding: 2px 2px 2px 2px;
background-color: #cccccc;
width: 162px;
heigth: 122px;
}

img.img_small_right_solo {
float: right;
margin: 10px 10px 10px 170px;
padding: 2px;
background-color: #cccccc;
width: 165px;
heigth: 125px;
}

img.img_small_left {
float: left;
margin: 10px 0px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 165px;
heigth: 125px;
}

img.img_puppy_small_left {
float: left;
margin: 10px 0px 0px 0px;
padding: 2px;
background-color: #cccccc;
width: 162px;
heigth: 122px;
}

img.img_small_left_text {
float: left;
margin: 5px 10px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 165px;
heigth: 125px;
}


img.img_small_left_solo {
float: left;
margin: 10px 170px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 165px;
heigth: 125px;
}

img.img_small_left_solo_vertical {
float: left;
margin: 10px 170px 10px 105px;
padding: 2px;
background-color: #cccccc;
heigth: 165px;
width: 125px;
}

.img_gallery {
border-style: solid;
border-width: 1px;
border-color: #66b6f0;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 10px;
}

img.img_gallery3 {
float: left;
margin: 0px 6px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 100px;
}

img.img_gallery2 {
float: left;
margin: 0px 107px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 102px;
}

img.img_gallery1 {
float: left;
margin: 0px 209px 10px 0px;
padding: 2px;
background-color: #cccccc;
width: 102px;
}

#content h1 {
margin: 0 0 0 0;
padding: 0 0 6px 0;
font-size: 1.6em;
color: #66b6f0;
font-weight: 600;
}

#content_images h1 {
margin: 0 0 0 0;
padding: 0 0 6px 0;
font-size: 1.6em;
color: #66b6f0;
font-weight: 600;
}


#content h2 {
margin: 3px 0 0 0;
padding: 15px 0 0 0;
font-size: 1.3em;
color: #66b6f0;
font-weight: 600;
}

#content h3 {
margin: 0 0 0 0;
padding: 10px 0 6px 0;
font-size: 1.1em;
color: #999999;
}

#titel h3 {
margin: 5px 0 0 0;
padding: 0px 0 0px 0;
font-size: 0.9em;
color: #999999;
}

#content h4 {
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
font-size: 1.1em;
color: #999999;
}

#content h5 {
margin: 0px 0 6px 0;
padding: 0px 0 0px 0;
font-size: 0.9em;
color: #999999;
}

#content h6 {
margin: 0px 0px 0px 170px;
padding: 0px 0 0px 0;
font-size: 0.9em;
}
/*------------------*/
/* Allgemeine links */
/*------------------*/

a {
text-decoration: none;
color: #339EEB;

}

a:hover {
color: #B2DAF7
}

a.links {
display: block; 
margin: 2px 0 0 0;
}

.hide {
display: none;
}


/*------------------*/
/* Allgemeine links 2*/
/*------------------*/

#header2 {
clear: right;
float: right;
margin: 0 0 0 0;
padding: 0;
}

#header2 h3 {
margin: 25px 0 0 0;
padding: 0;
text-align: right;
font-size: 1.2em;
font-weight: 700;
color: #cc3333;
}

#header2 h4 {
clear: right;
margin: 0 0 0 0;
padding: 0;
text-align: right;
font-size: 1.2em;
font-weight: 400;
color: #999999;
}


/*--------*/
/* Footer */
/*--------*/


#footer {
margin: 30px 0 10px 0;
padding: 2px;
background-color: #d5d5d5;
color: #ffffff;
font-size: 0.9em;
text-align: center;
}

#counter {
font-size: 13;
margin: -18px 0px 0px 722px;
padding: 2px;
}

#counter a {
text-decoration: none;
font-size: 33;
color: #000000;

}

.counter a:hover {
color: #B2DAF7
}

.counter a.links {
display: block; 
margin: 2px 0 0 0;
}

.counter .hide {
display: none;
}


/*--------*/
/* Table */
/*--------*/

th.erg {
	color: #777777;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	font-weight:normal;
	border-style:ridge    ; 
	border-width:1px; 
	border-color:#CCCCCC;
	border-collapse:collapse; 
	border-top-width:0px; 
	border-left-width:0px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	}

th.erg.ort {
	width: 110px;
	font-weight:bold;
	}

th.erg.datum {
	width: 65px;
	}

th.erg.platz {
	width: 50px;
	color: #66b6f0;
	border-left-width:1px; 
	text-align:center;
	}

th.erg.richter {
	/*width: 120px;*/	}


td.erg {
	color: #777777;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	border-style:ridge    ; 
	border-width:1px; 
	border-color:#CCCCCC;
	border-collapse:collapse; 
	border-top-width:1px; 
	border-left-width:0px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	}

td.erg.ort {
	font-weight:bold;
	}
td.erg.datum {
	}
td.erg.platz {
	color: #66b6f0;
	border-left-width:1px; 
	text-align:center;
	}
td.erg.richter {
	}

td.erg.titel {
	color: #33cc33;
	border-left-width:1px; 
	border-top-width:1px; 
	text-align:center;
	}


table {
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
    	vertical-align =top;  
    	border-width:0px;
    	border-collapse:collapse;
    }
    
th.puppy {
	color: #777777;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	font-weight:normal;
	border-style:ridge    ; 
	border-width:1px; 
	border-color:#CCCCCC;
	border-collapse:collapse; 
	border-top-width:0px; 
	border-left-width:0px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	}

th.puppy.name {
	width: 110px;
	}

th.puppy.sex {
	font-weight:bold;
	border-left-width:1px; 
	padding-left:10px;
	width: 80px;
	}

th.puppy.color {
	width: 65px;
	color: #66b6f0;
	border-left-width:1px; 
	text-align:center;
	}

th.puppy.weight {
	width: 65px;
	color: #33cc33;
	border-left-width:1px; 
	padding-right:10px;
	text-align:right;
	}


td.puppy {
	color: #777777;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	border-style:ridge    ; 
	border-width:1px; 
	border-color:#CCCCCC;
	border-collapse:collapse; 
	border-top-width:1px; 
	border-left-width:0px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	}
td.puppy.name {
	width: 110px;
	}

td.puppy.sex {
	font-weight:bold;
	border-left-width:1px; 
	padding-left:10px;
	width: 80px;
	}

td.puppy.color {
	width: 65px;
	color: #66b6f0;
	border-left-width:1px; 
	text-align:center;
	}

td.puppy.weight {
	width: 65px;
	color: #33cc33;
	border-left-width:1px; 
	padding-right:10px;
	text-align:right;
	}
    
th.puppy_b {
	color: #777777;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	font-weight:normal;
	border-style:ridge    ; 
	border-width:1px; 
	border-color:#CCCCCC;
	border-collapse:collapse; 
	border-top-width:0px; 
	border-left-width:0px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	}

th.puppy_b.name {
	width: 132px;
	}

th.puppy_b.sex {
	font-weight:bold;
	border-left-width:1px; 
	padding-left:10px;
	width: 102px;
	}

th.puppy_b.color {
	width: 87px;
	color: #66b6f0;
	border-left-width:1px; 
	text-align:center;
	}
	
td.puppy_b {
	color: #777777;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	border-style:ridge    ; 
	border-width:1px; 
	border-color:#CCCCCC;
	border-collapse:collapse; 
	border-top-width:1px; 
	border-left-width:0px; 
	border-right-width:0px; 
	border-bottom-width:0px; 
	}

td.puppy_b.name {
	width: 132px;
	}

td.puppy_b.sex {
	font-weight:bold;
	border-left-width:1px; 
	padding-left:10px;
	width: 102px;
	}

td.puppy_b.color {
	width: 87px;
	color: #66b6f0;
	border-left-width:1px; 
	text-align:center;
	}


/*--------*/
/* Bilder */
/*--------*/

.thumbnail {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    	outline: none;
}
.thumbnail img {
	border: 2px solid gray;
/*	padding:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:-1px;*/
    	margin-bottom:3px;
}

.thumbnail:hover img {
	border: 2px solid white;
}

#album {
	margin-left:0px;
	margin-top:94px;
	margin-bottom:-5px;
}