/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

/* reset css */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* fonts */
@font-face { font-family: Apantasia; src: url("/fonts/Apantasia.eot") /* EOT file for IE */ }
@font-face { font-family: Apantasia; src: url("/fonts/APANRG__.TTF") /* TTF file for CSS3 browsers */ }

/* styles */
html { background: #9F1E1E url('img/body_bg.png'); }
body { margin: 0px 0px; background: url('img/content_bg.png') repeat-y top center; text-align: center; font-family: Verdana,Arial,sans-serif; font-size: 13px; color: #3e3e3e; }
a:link,a:hover,a:active,a:visited {	color: #000000;	text-decoration: underline; }
h1 { font-size: 35px; font-weight: normal; font-family:Apantasia,Verdana,sans-serif; text-shadow: 0px 1px 1px #666; }
h2 { font-size: 24px; font-weight: normal; font-family:Apantasia,Verdana,sans-serif; text-shadow: 0px 1px 1px #666; }
h3 { font-size: 22px; font-weight: normal; font-family:Apantasia,Verdana,sans-serif; text-shadow: 0px 1px 1px #666; }
h4 { font-size: 20px; font-weight: normal; font-family:Apantasia,Verdana,sans-serif; text-shadow: 0px 1px 1px #666; }
div.msg { padding: 5px;	font-family: Arial;	font-size: 9pt;	color: #000000;	background-color: #CCCCCC;	border: #FF0000 1px solid; }

/* classes */
.right { text-align:right; }
.left { text-align: left; }
.center { text-align: center; }
.fright { float:right; }
.fleft { float: left; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.bgrow2 { background: #DCBA88; }

/* layout */
#bdlayout { width: 960px; margin:0 auto; text-align:center; }
div { text-align:left; }
#layout { width:900px; margin:0 auto; background: #EDC893 url('/img/content_bg.png') repeat-y top center; min-height:800px;height:auto !important; }

/* header */
#header { width:900px; height:236px; margin:0 auto; background: url('/img/chow-chows_net_header.jpg') no-repeat top center; cursor: pointer; }
#header img { position:absolute; }
#header img#aibu { margin:0 0 0 -30px; }
#header img#label { margin: 81px 0 0 193px; }

/* footer */
#footer { clear:both; width:900px; height:91px; margin: 0 auto; background: url('/img/footer.png') no-repeat top left; }
#footer div { padding:34px 30px 25px 30px; }
#footer p { float:right; font-size:11px; line-height:32px; }
#footer img#chi_ming { position:absolute; margin: -449px -34px 0 505px;  }

/* navigation */
#navi { width:204px; float:left;margin:-19px 30px 15px 12px; background:url('/img/navi_bg.png') no-repeat top center; }
#navi ul { margin:19px 3px 30px 1px; padding:45px 0 0 0; background: url('/img/navi_vintage.png') no-repeat top right; }
#navi ul ul { background: none; margin: 0 0 0 5px; padding:0; list-style: disc; }
#navi ul li { margin: 7px 0 7px 14px; font-size:15px;color:#edc893; }
#navi ul li a { font-size:15px;color:#edc893; text-decoration:none; }
#navi ul li li,#navi ul li li a { font-size:13px; }
#navi div { margin: 0 0 -19px 0; height:19px; background:url('/img/navi_bg.png') no-repeat bottom center; }
#navi img#siegel { margin: -66px 0 0 90px; position:absolute; }
#navi #lang_chooser { background: none; margin:30px 0 0 16px; position:absolute; }
#navi #lang_chooser img { margin-right:5px; }

/* content */
#content { margin:30px 30px 30px 246px;line-height: 16px;text-align:justify; }
#content h1,#content h2,#content h3 { margin:0 0 15px 0;line-height: 28px; }
#content h2 {line-height: 26px;}
#content h3 {line-height: 24px;}
#content img { max-width:100%; margin:10px; }
#content p {  line-height: 18px; margin: 0 0 16px 0; text-align:justify; }

/* unsere chows */
#content div.uchow_wrap { margin: 0 0 80px; }
#content div.uchow { margin: 0;background: #dcba88; padding:20px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#content div.uchow .panes { min-height:250px;height:auto !important; }
#content div.img { float:right; margin:0 0 0 10px; width:270px; }
#content div.img_left { float:left; margin:0 10px 0 0; width:270px; }
div.img img, div.img_left img { border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px; }
#content h2 { clear:right; }
#content div span { width:100px; height:16px; display:block; float:left; margin:0;  }
#content div span.infocol { margin:5px 0 5px 100px; width:170px; min-height: 16px; height:16px; display:block; float:none; }
#content div.inforight { margin: 0 0 0 300px; }
#content div.inforight p { text-align:left; font-size:12px; }
a.pedigree { display:block; line-height:25px; font-size: 14px; color: #EDC893; background: #5A5A5A url('/img/tapete_grau.jpg'); border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px; width: 134px; text-align:center; margin: 0 auto; text-shadow: #000 1px 0px 1px; text-decoration: none; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); }
#content div.more_pics a { float:left; width:190px; height:200px; display:block; text-align:center; }
#content div.more_pics a img { margin:5px; }
table.shows td { padding:5px; text-align:center; }
.contentWrap table td { padding: 5px 0; }
.contentWrap h2 { margin: 0 0 20px 0; }
.contentWrap h3 { margin: 20px 0 15px 0; }
.contentWrap p { margin: 10px 0; line-height:16px; }
#content div.uchow.unsere_chows p { clear:none; }

/* ueber uns */
.ueber_uns_bilder {	width: 250px; float:right; margin: 0 0 10px 10px; padding:0; }
.ueber_uns_bilder_left {	width: 260px; float:left; margin: 0 10px 10px 0; padding:0; }

/* nachzucht */
#content div.nachzucht { margin: 10px 0; background: #dcba88; padding:10px 10px 40px 10px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#content div.nachzucht h2 { margin:0; }
#content div.nachzucht p { margin:5px 0 0 0; font-size:12px; line-height:140%; }
#content div.nachzucht img { margin: 0; max-width: 100%; }
#content div.nachzucht div { position:absolute; margin:15px 0 0 0px; width:614px; color: #EDC893; font-weight:bold; font-family:Apantasia,Verdana,sans-serif; font-size:30px; text-align:right; }
#content div.chow { min-height:320px;height:auto !important; margin: 0 0 20px;background: #dcba88; padding:20px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#content div.chow span { float: left; width:100px; height:16px; display:block; }
#content div.chow span.infocol { width:180px; height:16px; display:block; }
#content div.chow div.img { float:left; margin:0 20px 0 0; width:270px; }
#content div.nz_list div { clear:right; }
#content div.nz_list div span { float:right; margin: 0 10px; width:160px; }
#content div.nz_list div span.w100 { width:100px; }
#content div.nz_list div span.small { float:right; margin: 0 10px; width:60px; }
#content div.nachkommen { margin:0 0 30px 0; }
#content div.nachkommen span { width: 150px; }
#content div.nachkommen span.infocol { width: 120px; margin:5px 0 5px 150px; }
#content div.nachkommen span.infocol img { margin:0; }
#content div.uchow.deckrueden p { clear:none; margin-top:15px; }
#content div.uchow.nachz p { clear:none; }

/* Regenbogenbrücke */
#content div.regenbogen * { text-align:center; font:15px Verdana,sans-serif; }

/* News */
#content div.news div.news_item { margin: 0 0 70px;border-bottom: #555 2px solid; }
#content div.news div.news_item h2 { font-size:30px; margin: 0px 0 10px 75px; padding:5px; }
#content div.news div.news_item .titel { border-bottom: #555 1px solid; height:70px; margin:0 0 20px; }
#content div.news div.date { margin: 0px 10px 5px 0; width: 65px; height:65px; background: #dcba88; float:left; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; position:relative; }
#content div.news div.date .day { position:absolute; font-size: 35px; margin:0 0 0 3px; line-height:35px; text-shadow:0 1px 1px #555555; }
#content div.news div.date .month { position:absolute; font-size:26px; margin:40px 0 0 5px; text-transform:uppercase;  text-shadow:0 1px 1px #555555; }
#content div.news div.date .year { position:absolute; display:block; font-size:12px; margin:12px 0 0 38px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  }
#content div.news div.bilder div { float:left; margin: 5px 20px; text-align:center;  height:230px; width:230px; }
#content div.news_archiv { margin: 0 0 40px; }

/* welpen */
#content div.uchow p { clear:left; }
#content div.uchow .litterinfo { margin: 0 0 20px; }
#content div.uchow .litterinfo p { margin:0; line-height:150%; width:194px; height:30px; display:block; float:left;clear:none; }
#content div.uchow .litterinfo p.planed { width:580px; }
#content div.uchow .bitch { width:280px; float:left; margin: 0 0 20px; clear:left; }
#content div.uchow .bitch h3 { margin: 0 0 5px; }
#content div.uchow .male { width:280px; float:left; margin: 0 0 20px; }
#content div.uchow .male h3 { margin: 0 0 5px; }
#content div.uchow .images { clear:left; }
#content div.uchow .images a { display:block; width:280px; height:220px; float:left;text-align:center; }
#content div.uchow .puppy_images { clear:left; }

/* links */
#content .links ul li { padding:5px; margin:5px 0; border: #EDC893 1px solid; }
#content .links ul li span {float:right}
#content .links ul li p { margin: 0; }
#content .links ul li a { font-size:15px; }
#content .links ul li:hover { border: #DCBA88 1px solid; }
#content .links div h3 { font:15px Verdana,sans-serif; margin: 0 0 5px; text-shadow:none; }

/* gaestebuch */
#guestbook div.entry { margin: 0 0 10px;background: #dcba88; padding:20px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#guestbook div.entry_name { font-size:16px; padding: 0 0 5px; border-bottom:#555 1px solid; }
#guestbook div.entry_name span { font-size:12px; float:none;display:inline; }
#guestbook div.entry_text { padding: 10px 0; }
#guestbook div.entry_sub { font-size:10px; border-top:#555 1px solid; }
#guestbook div.gb_footer { height:30px; margin: 0 0 20px; }
#guestbook div.gb_footer span { text-align:center; background: #dcba88; padding:5px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; text-shadow: 0px 1px 1px #666; }
#guestbook div.gb_footer span.right { float:right; }
#content div span.captcha_notvalid { color: red; font-weight: bold; float:none;height:auto;width:auto; margin: 5px 0; }

/* album */
#content h2 a { text-decoration: none; }
#content .albumcat { height:150px; margin:0 0 20px 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;	box-shadow: #333 1px 1px 3px; -moz-box-shadow: #333 1px 1px 3px; -webkit-box-shadow: #333 1px 1px 3px; }
#content .albumcat a { height:150px; display:block; }
#content .albumcat a span { position:absolute; color:#EDC893; font:30px Apantasia,Verdana,sans-serif; text-shadow: 1px 1px 1px #555; width:auto;height:auto;margin:118px 0 10px 10px; }
#content .albumgallery { float:left; background:#DCBA88; width:200px; min-height:220px;height:auto !important; margin:0 3px 10px 0; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#content .albumgallery h4 { font-weight:normal; margin: 5px 10px 0px 10px; font:18px Apantasia,Verdana,sans-serif; height:50px; }
#content .albumgallery p { margin: 5px 10px 10px 10px; }
#content .albumgallery p img { margin: 5px 0; }
#content .albumpic { float:left; background:#DCBA88; width:200px; height:200px; margin:0 3px 10px 0; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#content .albumdetails p { clear:none; }

/* amazon books */
#content .book { margin:0 0 10px 0; padding: 15px 15px 15px 220px; min-height:180px;height:auto !important;background: #dcba88; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px; }
#content .book h4 { line-height:25px; }
#content .book h4 a { text-decoration: none; }
#content .book img { position:absolute; margin:5px 0px 0px -180px; }
#content .book .price { font-size:18px; }
#content .book p img { position:static; margin:5px 0; }

/* Tabs */
/* root element for tabs  */
ul.tabs,ul.tabbuttons { list-style:none; padding:0;height:30px;margin: 0;float:left;}
/* single tab */
ul.tabs li,ul.tabbuttons li { float:left;	 text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
/* link inside the tab. uses a background image */
ul.tabs a,ul.tabbuttons a { color: #DCBA88; background: url('/img/tabs.png') no-repeat -420px 0; font-size:12px; display:block; height: 30px;  line-height:30px; width: 134px; text-align:center;	text-decoration:none; padding:0px; margin:0px;	position:relative; top:0px; left:10px;}
ul.tabs a:active,ul.tabbuttons a:active {	outline:none; }
/* when mouse enters the tab move the background image */
ul.tabs a:hover,ul.tabbuttons a:hover {	background-position: -420px -31px; 	color:#DCBA88; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a,
ul.tabbuttons a.current, ul.tabbuttons a.current:hover, ul.tabbuttons li.current a {	background-position: -420px -62px;	cursor:default !important; 	color: #3e3e3e !important; }
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }
/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }
/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }
/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }
/* initially all panes are hidden */
div.panes div.pane {	display:none;		}
#gallery,.overlay { -moz-box-shadow:0 0 90px 5px #000000; background-color:#333333; border:1px solid #666666; display:none; min-height:200px; width:450px; z-index:10000; }
#content .overlay img { margin: 0;max-width:auto; }
/* use a semi-transparent image for the overlay */
#overlay { background-image:url(/img/transparent.png); color:#efefef; height:600px;width:950px;display:none;}
/* container for external content. uses vertical scrollbar, if needed */
#overlay div.contentWrap { height:500px;width:850px;overflow-y:auto;margin:25px; color: #3e3e3e; position:relative; left:25px;top:25px; }
#overlay div.contentWrap table { }
div.overlay div.close, #overlay div.close,div.gallery div.close, #gallery div.close {background:transparent url(/img/close.png) no-repeat scroll 0 0;cursor:pointer;height:35px;position:absolute;right:5px;top:2px;width:35px;}

/* the large image. we use a gray border around it */
#img {	border:1px solid #666; }
/* "next image" and "prev image" links */
.next, .prev {	/* absolute positioning relative to the overlay */ position:absolute;	top:40%;	border:1px solid #666;	cursor:pointer;	display:block;	padding:10px 20px;	color:#fff;	font-size:11px;	/* upcoming CSS3 features */	-moz-border-radius:5px;	-webkit-border-radius:5px;}
.prev {	left:0;	border-left:0;	-moz-border-radius-topleft:0;	-moz-border-radius-bottomleft:0;	-webkit-border-bottom-left-radius:0;	-webkit-border-top-left-radius:0;}
.next {	right:0;	border-right:0;	-moz-border-radius-topright:0;	-moz-border-radius-bottomright:0;	-webkit-border-bottom-right-radius:0;	-webkit-border-top-right-radius:0;}
.next:hover, .prev:hover {	text-decoration:underline;	background-color:#000;}
/* when there is no next or previous link available this class is added */
.disabled {	visibility:hidden;}
/* the "information box" */
.info {	position:absolute;	bottom:0;	left:0;	padding:10px 15px;	color:#fff;	font-size:11px;	border-top:1px solid #666;}
.info strong {	display:block;}
/* progress indicator (animated gif). should be initially hidden */
.progress {	position:absolute;	top:45%;	left:50%;	display:none;}
/* everybody should know about RGBA colors. */
.next, .prev, .info {	background:#333 !important;	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;}