* {margin:0; padding:0; border:0}
.clear{clear:both; font-size:0; line-height:0; height:1px}
.clear_main{clear:both; height:3em}
.clear_margin{clear:both; margin-bottom:30px}
.clear_left{clear:left}
/*.clear_both{clear:both}*/
hr{display:none}
.clearfix:after{
    content:"."; 
    display:block; 
    height:20px; 
    clear:both; 
    visibility:visible;
    background:green}
.clearfix_left:after{
    content:"."; 
    display:block; 
    height:20px; 
    clear:left; 
    visibility:hidden}
.clearfix, .clearfix_left{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix, * html .clearfix_left{height:1%}
.clearfix,  .clearfix_left{display:block}
/* End hide from IE-mac */
img{display:block}

/*******main textstyles*******/
#maincol h1{margin:0 0 18px 19px; height:36px; font:1.3em/1 "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica, sans-serif normal}
#maincol h1 img{display:inline}
#maincol p{font-size:.84em; margin:0 50px 14px 26px; line-height:1.5; text-align:justify}
#maincol h2{font-size:.84em; margin:0 20px 0 26px; line-height:1.5}
#maincol a.textlink{color:#435B2E; font-weight:bold; text-decoration:none; background:url(img/bg_textlink.gif) no-repeat 2px center; padding:0 0 0 20px}
#maincol a.textlink:hover{text-decoration:underline}
#maincol a.zurueck{float:right; margin:10px 19px 0 auto; padding:10px}
#maincol td a.zurueck{float:right; margin:0 0 2px 0; padding:0}
#maincol img.logo{margin:0 0 10px 26px; float:left}

#subcol h2{margin:36px 0 5px 15px; height:31px; color:#BDC7E4; font-size:1.1em; font-weight:normal}
#subcol h2 img{display:inline}
#subcol h3{font-size:.75em; margin:0 10px 2px 21px}
#subcol p{font-size:.75em; margin:0 10px 20px 23px; line-height:1.3}
#subcol img.news{display:block; margin:0 0 5px 23px}
#subcol a.subtext{color:#BDC7E4; text-decoration:none}
#subcol a.subtext:hover {color:#DCE1F1; text-decoration:underline}
#subcol a.zurueck{float:right; margin:10px 15px 0 auto; padding:10px}
/******blocks*******/
html, body{height:100%}
html[xmlns]{padding:0 0 0.005em 0}
body{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100.01%;
	background:#698F49 url(img/bg_body.gif) repeat-x}
/*#container{display:table; height:100%} in extra stylesheet für safari*/
#container{
	position:relative;
	margin:0 0 0 38px;
	background:url(img/bg_container.jpg) repeat-y;
	width:816px;
	min-height:100%}
/* Hides from IE-mac \*/
* html #container{height:100%}
/* End hide from IE-mac */
#header{
	position:relative;
	display:block;
	background:url(img/header.jpg) left bottom no-repeat;
	height:188px}
#subcol{
	float:left;
	width:223px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, tahoma, sans-serif;
	color:#F3F1E9}
#maincol{
	width:580px;
	float:right;
	color:#333333;
	margin:0 0 180px 0}
	
/******specific elements*******/	
ul.nav{
	position:absolute;
	bottom:67px;
	left:223px;
	font-size:.75em;
	width:495px;
	height:33px}
.nav li{display:inline; list-style:none}
.nav a{float:left; height:15px; text-indent:-1000px; overflow:hidden; margin:18px 0 0 0}
.nav a#home{Width:45px; background:url(img/nav_home.jpg) bottom}
.nav a#rasse{Width:52px; background:url(img/nav_rasse.jpg) bottom}
.nav a#hunde{Width:60px; background:url(img/nav_hunde.jpg) bottom}
.nav a#welpen{Width:64px; background:url(img/nav_welpen.jpg) bottom}
.nav a#galerie{Width:63px; background:url(img/nav_galerie.jpg) bottom}
.nav a#videos{Width:60px; background:url(img/nav_videos.jpg) bottom}
.nav a#kontakt{Width:70px; background:url(img/nav_kontakt.jpg) bottom}
.nav a#gaestebuch{Width:81px; background:url(img/nav_gaestebuch.jpg) bottom}
.nav a:hover, .nav a:focus, .nav a.aktiv{height:33px; margin:0}

#monatsfoto{float:right; margin:0 -25px 10px 30px; z-index:1; position:relative}

.reihe{margin:0 0 14px 26px; overflow:hidden}
.reihe img{float: left; margin:0 8px 0 0}

#fontsize{
	position:relative;
	width:215px;
	background:#2E3750 url(img/bg_nav_hover.gif) repeat-x left center;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #22293C;
	margin:0 3px 0 5px}
#fontsize p{font-size:.75em !important; line-height:2.4 !important; padding:0 0 0 10px !important; margin:0 !important}
#fontsize p span.invisible{display:none}
/*im opera etwas zu weit unten positioniert -> lösung finden*/
#fontsize ul{
	position:absolute;
	top:0px;
	right:0px;
	font-size:.75em;
	line-height:2.4;
	padding:0 10px 0 0;
	color:#EBF0EB;
	list-style:none}
#fontsize li{display:inline}
#fontsize a{
	color:#F3F1E9;
	text-decoration:none;
	text-transform:uppercase}
#fontsize a:hover, #fontsize a:focus{background:#4B526E}

#footer{
	position:relative;
	width:586px;
	color:#B2C99C;
	text-align:center;
	background:#40572D url(img/bg_footer.gif);
	padding:0 0 0 230px;
	margin: -3em 0 0 38px;
	font-size:.75em}	
* html #footer{width:816px; widt\h:586px}
#footer p{padding:15px 0 10px 0; line-height:1.6em}
#footer a{color:#F4F1DE; text-decoration:none}
#footer a:hover{color:white; text-decoration:underline}
#frei{
	position:absolute;
	top:-137px;
	left:265px;
	height:139px;
	width:540px;
	background:url(img/captain.jpg) no-repeat right}
	
/************** hauptinhalt ********************/

#maincol .vid_obj{margin:0 20px 14px 25px}
#maincol #player{margin:0 20px 14px 25px}

img.norm{margin:0 0 14px 25px;}

#maincol ul.schipps{
	font-size:.75em;
	margin:0 0 15px 26px;
	list-style:none}
#maincol .schipps a{
	background:url(img/bg_textlink.gif) no-repeat left center;
	padding:0 0 0 20px;
	height:1%;
	text-decoration:none;
	color:#435B2E;
	line-height:1.6}
#maincol .schipps a:hover{text-decoration:underline}

/*gaestebuch*/
ul#smileys{margin:5px 0 0 25px}
#smileys li{
	display:inline;
	margin: 10px 0 0 0;
	list-style:none}
#smileys a{}
#smileys img{display:inline}

#gbtext{margin:10px 83px 0 26px; background:url(img/bg_tr1.gif) repeat-y}

ul#prev_next_gb{font-size:.84em; margin:10px 0 10px 26px; line-height:1}
ul#prev_next_gb li{display:inline; list-style:none; padding:0 2px}
ul#prev_next_gb a{color:#435B2E; font-weight:bold; text-decoration:none}
ul#prev_next_gb a:hover{text-decoration:underline}
ul#prev_next_gb a.gal_prev{background:url(img/bg_textlink2.gif) no-repeat left center; padding:0 5px 0 20px; border-right:1px solid #AFB6A3}
ul#prev_next_gb a.gal_next{background:url(img/bg_textlink.gif) no-repeat right center; padding:0 20px 0 5px; border-left:1px solid #AFB6A3}
ul#prev_next_gb a.no_border{border:0; padding:0 0 0 20px !important}

#gbtext h3{font-size:.75em; line-height:1.6; padding:2px 2px 2px 6px; background:url(img/bg_gb.jpg) no-repeat; border-bottom:1px solid #D6D6CA}
#gbtext h3 span{font-size:0.9em; font-weight:normal}
#gbtext h3.first{background:url(img/bg_th.jpg) no-repeat}
#gbtext p{margin:0; padding:2px 6px 10px 6px}
#gbtext p.last{background:url(img/bg_gb_bottom.jpg) no-repeat left bottom}
#gbtext img{display:inline}

/*formular*/
form{margin:0 0 35px 26px}
input, textarea{
	display:block;
	margin:0 0 7px 0;
	font-size:.75em;
	font-family:arial, tahoma, sans-serif;
	padding:.2em;
	color:#333333;
	border:1px solid #CAC8C4;
	background:white}
#submit, #reset{display:inline; padding:2px 5px; margin:0}
input:hover, textarea:hover, input:focus, textarea:focus{border:1px solid #B5B3B0}
label{display:block; font-size:.74em}
label.right{display:none}
input.right{display:none}

p.error{color:#FF5A00}

/************** linke spalte ********************/

#subcol .hr{background:url(img/bg_hr_subcol.gif); width:186px; height:7px; margin:0 0 20px 12px}
/***/

#subcol ul.schipps{
	line-height:2em;
	font-size:0.75em;
	margin:0 0 20px 23px;
	list-style:none}
#subcol .schipps a{
	position:relative;
	display:block;
	color:#F3F1E9;
	text-decoration:none;
	background:url(img/ul_pfote.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	height:1%}
#subcol .schipps a:hover{text-decoration:underline}
#subcol .schipps a.aktiv{font-weight:bold}

/*******galerie*********/
#subcol ul.schipps a span{display:block; position:absolute; top:0; right:27px; cursor:pointer}

a#uebersicht{
	display:block;
	text-decoration:none;
	margin:0 0 10px 26px;
	color:#435B2E;
	font-weight:bold;
	background:url(img/bg_textlink2.gif) no-repeat 2px center;
	padding:0 0 0 20px;
	font-size:.84em}
a#uebersicht:hover{text-decoration:underline}
	/*kategorienübersicht*/
ul#gallerynav{margin:0 25px 0 7px}
ul#gallerynav li{float:left; margin:0 0 17px 17px; display:inline; list-style:none; width:155px; background:white; border:1px solid #ECEAE5}
ul#gallerynav h2{
	padding:0;
	margin:0;
	font-size:.75em;
	line-height:1.5;
	text-align:center}
ul#gallerynav h2 a{padding:5px 0 5px 0; text-decoration:none; color:#435B2E}
ul#gallerynav h2 a:hover{font-weight:bold}
ul#gallerynav a{display:block; text-align:center; padding:10px 0 0 0}
ul#gallerynav img{margin:0 auto; color:#333333; font-size:.75em}

	/*kategorie thumbübersicht*/
p.thumbnavi {}
ul#prev_next{float:right; font-size:.84em; margin:-31px 52px 0 0; line-height:1; display:inline}
ul#prev_next li{display:inline; list-style:none}
ul#prev_next a{color:#435B2E; font-weight:bold; text-decoration:none; float:left}
ul#prev_next a:hover{text-decoration:underline}
ul#prev_next a.gal_prev{background:url(img/bg_textlink2.gif) no-repeat left center; padding:0 5px 0 20px; border-right:1px solid #AFB6A3}
ul#prev_next a.gal_next{background:url(img/bg_textlink.gif) no-repeat right center; padding:0 20px 0 5px}
ul#prev_next a.no_border{border:0; padding:0 0 0 20px !important}

ul#thumbnav{margin:0 25px 0 7px}
ul#thumbnav li{float:left; margin:0 0 17px 17px; display:inline; list-style:none; width:157px; background:white}
ul#thumbnav a{display:block; text-align:center; font-size:.75em; padding:10px 0; border:1px solid #ECEAE5}
ul#thumbnav a:hover{border:1px solid #B5B3B0}
ul#thumbnav img{margin:0 auto; color:#333333}

/*bildergroßansicht*/
#img_container{text-align:center; margin:0 35px 0 26px}
/*fotos vor/zurueck -- kein u-umlaut benutzen, da sonst der ie aussteigt*/
ul.imgnav{margin:30px 0 15px 0}
ul.imgnav li{list-style:none; display:inline; font-size:.76em}
ul.imgnav a{text-decoration:none; color:#435B2E}
ul.imgnav a.kategorie{font-weight:bold; border-right:1px solid #AFB6A3; padding:0 5px 0 5px}
ul.imgnav a:hover{text-decoration:underline}
ul.imgnav a.gal_prev{background:url(img/bg_textlink2.gif) no-repeat left center; padding:0 5px 0 20px; border-right:1px solid #AFB6A3}
ul.imgnav a.gal_next{background:url(img/bg_textlink.gif) no-repeat right center; padding:0 20px 0 5px}
ul.imgnav a.no_border{border:0; padding:0 0 0 5px !important}

	/*großes bild horizontal*/
dl#hori{margin:0 auto 0 auto; background:white; width:475px; border:1px solid #ECEAE5}
dl#hori dt{padding:15px 15px 0 15px; display:block}
	/*großes bild vertikal*/
dl#verti{margin:0 auto; background:white; width:363px; border:1px solid #ECEAE5}
dl#verti dt{padding:15px 15px 0 15px; display:block}
dl dd{font-size:.75em; text-align:center; padding:8px 0}

/*****************************Bilder****************************/
.bili{margin:6px 30px 25px 0; float:left}
.bire{margin:6px 0 25px 30px; float:right}
.bire_intext{margin:25px 0 25px 30px; float:right}
.bimi {margin:0}  /*für bilder, die einen Link enthalten und über die gesamte Breite eines divs gehen => border:0*/

/*******************gewichte**********/

#maincol table{border-collapse:collapse; width:471px; margin:10px 24px 15px 25px; font-size:.84em; line-height:1.6; color:#333333}
#maincol table h2{font-size:1em; margin:0; text-align:left}
#maincol table cite{font-size:.9em; margin:0}
#maincol table cite a{color:#5B7C3F}
#maincol table cite a:hover{color:#435B2E}
#maincol table i{display:block; margin:0 0 0 20px; font-style:italic}

#maincol table thead tr.bg{background:url(img/bg_th.jpg) left top no-repeat}
#maincol td, #maincol th{padding:0px 7px 0px 7px; vertical-align:top; border-bottom:1px solid #D4D2C6}
#maincol tbody tr.bg{background:url(img/bg_trans.gif)}
#maincol tbody td, #maincol tfoot td{background:url(img/bg_border.gif) left repeat-y}
#maincol td.td2{border-left:1px solid #D4D2C6; background:url(img/bg_border.gif) right repeat-y}
#maincol tr.colspan td{background:url(img/bg_tr1.gif) repeat-y}
#maincol td img{margin:0 auto}

.magma{display:none}