@charset "utf-8";
@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; outline: none;}
body, textarea, input, table, select { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#38302b; outline:none;}
option { padding:0 .2em; }
.before, .after { line-height:0; }
ul, ol, dd { margin-left:2em; }
h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin-bottom:1em; }
div {margin: 0; padding: 0;}
a { color:#7b7b7b; text-decoration:underline; }
a:focus, a:hover { text-decoration:none; }
#footer .logo span, #top h1 a span, #top ul li a span { position:absolute; top:0; left:-1000em; }
h1, h2, h3, ul, li {padding: 0; margin:0; border:0}

/* lay */
html, body { height:100%; width:100%; }
body { background: #ffffff url(img/background.png) repeat-x 0 0px; }

#start 					{ position: relative; background: none; width: 960px; font-size: 1em; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -180px auto;}

#top					{ width: 100%; position: relative; height: 109px;}
#top h1 a				{ display: block; width: 134px; height: 70px; background: url(img/logo.png) no-repeat 0 0; position: absolute; left: 0; top: 10px;}

#top ul					{ position: absolute; left: 340px; top: 30px; list-style: none;}
#top ul li				{ position: relative; float: left; clear: none; height: 30px; border-right: 1px solid #ffffff;}
#top ul li.last			{ border: none;}
#top ul li a			{ position: relative; display: block; height: 30px; padding: 0 15px; color: #FFFFFF; font-size: 14px; text-decoration: none; line-height: 30px; text-transform: uppercase;}
#top ul li a.active,
#top ul li a:hover		{ background: #9d0000;}
#top ul li.home	a		{ width: 15px; background: url(img/home.png) no-repeat 50% 0; width: 45px; padding: 0;}
#top ul li.home	a.active,
#top ul li.home	a:hover { background: url(img/home.png) no-repeat 50% -30px #9d0000; }

#content				{ position: relative; width: 100%;}

#content #slideshow					{ position: relative; widthL 100%; height: 301px;}
#content #slideshow .hide			{ display: none;}
#content #slideshow .one img		{ border: 1px solid #a60000; position: relative; float: left;}
#content #slideshow .one .text		{ position: relative; float: left; font-size: 68px; line-height: 72px; color: #b40e0d; width: 377px; padding: 25px 0 0 15px; text-transform:uppercase;}
#content #slideshow .one .text2		{ font-size: 48px; padding: 25px 0 0 15px; margin: 0;}
#content #slideshow #nav			{ position: absolute; left: 871px; top: 280px; z-index: 50;}
#content #slideshow #nav a			{ display: block;  width: 17px; height: 17px; color: #e4b2b2; background: #e4b2b2; margin-right: 5px; position: relative; float: left;}
#content #slideshow #nav a.activeSlide	{color: #a60000; background: #a60000;}

#content .homepage					{ position: relative; width: 100%; padding: 20px 0 0 0;}
#content .homepage .box				{ position: relative; clear: none; float: left; width: 298px; margin-right: 30px;}
#content .homepage .box-last		{ margin-right: 0px;}
#content .homepage .box .content	{ width: 270px; border: 1px solid #f0d9d9; border-bottom: none; padding: 10px 14px 15px 14px; height: 220px;}
#content .homepage .box .content .text { line-height:18px; color:#636363; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#content .homepage .box .content .center { text-align: center;}
#content .homepage .box .content h3	{ font-size: 18px; color: #b40e0d; font-weight: normal; padding-bottom:10px; text-transform:uppercase; line-height:22px; text-align: center; line-height: 2em;}
#content .homepage .box .content h3	a { color: #b40e0d; text-decoration: none;}
#content .homepage .box .content h3	a:hover { color: #000000; text-decoration: none;}
#content .homepage .box .content img	{ float: left; padding: 0 15px 15px 0;}
#content .homepage .box .content img.center { float: none; padding: 0; margin: 0 auto;}
#content .homepage .box .content .image3 { padding-left: 20px; padding-right: 20px;}
#content .homepage .box .content .image2 { padding-top: 20px;}
#content .homepage .box .content .image1 { padding-top: 26px;}
#content .homepage .box1 h3			{ padding-top: 18px;}
#content .homepage .box2 h3			{ padding-top: 18px;}
#content .homepage .box3 h3			{ padding-top: 18px;}
#content .homepage .link			{ width: 298px; height: 21px; background: #b10d0c; border: 1px solid #7b0101; border-top: none;}
#content .homepage .link a			{ font-family: Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; background: url(img/arrow.gif) no-repeat 85px 7px; padding: 0 25px 0 0; float: right; font-size:11px; line-height:21px;}

#content .homepage .image			{ width: 120px; position: relative; float: left; top: 30px;}
#content .homepage .image img		{ padding: 6px 0 0 0;}
#content .homepage .slider			{ position: relative; float: left; width: 800px; padding: 0 20px 0 20px; top: 30px;}
#content .homepage .slider h4		{ color: #B40E0D; font-size: 28px; margin: 0; padding: 0; text-transform: uppercase;}
#content .homepage .slider .wiek	{ position: relative; width: 100%; height: 35px; padding: 8px 0 0 10px;}
#content .homepage .slider .wiek a	{ color: #B40E0D; height: 15px; font-size: 14px; background: url(img/checkbox.gif) no-repeat 0 -16px; text-decoration: none; padding: 0 0 0 20px; display: block; text-transform:uppercase; position: relative; float: left; margin: 0 165px 0 0;}
#content .homepage .slider .wiek a.last { margin: 0;}
#content .homepage .slider .wiek a.selected { background-position: 0 1px;}
#content .homepage .slider #slide	{ width: 740px; margin: 0 auto;}
#content .homepage .slider .numbers { position: relative; width: 785px; margin: 0 auto; padding: 10px 0 0 15px;}
#content .homepage .slider .numbers span { position: relative; float: left; clear: none; display: block; width: 39px; color: #000000; font-size: 12px; text-align: center;}
#content .homepage .slider .result { position: relative; clear: both; width: 100%; color: #B40E0D; font-size: 14px; padding: 20px 0 0 0;}
#content .homepage .slider .result strong { color: #000000;}
#content .homepage .slider .result .info1 { position: relative; float: left; width: 200px; text-align: center; padding: 0 0 0 135px;}
#content .homepage .slider .result .info2 { position: relative; float: left; width: 300px; text-align: center;}

#content #page-text { border:1px solid #f0d9d9; position:relative; width:919px; padding:220px 20px 25px 20px; line-height:22px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#7b7b7b}
#content #page-text .center { text-align: center;}
#content #page-text .links a	{ text-decoration: none;}
#content #page-text .links a:hover	{ text-decoration: underline;}
#content #page-text img.left	{ float: left; padding: 0 20px 0 0;}
#content #page-text #top-img { position:absolute; top:-10px; left:-1px;}
#content #page-text h2.title { color:#b40e0d; font-size:30px; text-transform:uppercase; padding-bottom:20px;}
#content #page-text .normal-img { float:left; padding:0 35px 20px 0;}
#content #page-text h4		{ padding: 0; margin: 0; color: #b40e0d; font-size: 12px;}
#content #page-text h4.blue {color:#0099FF; text-align: center; text-transform:uppercase; padding: 10px 0 5px 0; font-weight: bold;}
#content #page-text ul		{ padding: 0 0px 20px 0px; list-style: none;}
#content #page-text ul li	{ padding: 0 0 5px 28px; background: url(img/jajo.png) no-repeat 0 5px;}
#content #page-text .photos	{ width: 240px; position:relative; float: right; padding-left: 10px; padding-top: 10px;}
#content #page-text .center	{ text-align: center;}
#content #page-text table	{ margin: 0 auto; font-size: 11px; border-collapse:collapse;}
#content #page-text table td, 
#content #page-text table th	{ text-align: center; border: 1px solid #000;}
#content #page-text p.blue		{ color:#0099FF;}
#content #page-text p.blue a	{ color:#0099FF;}

.space-60 { height:60px; overflow:hidden;}
.space-240 { height:240px; overflow:hidden;}

#footer					{ width: 100%; height: 240px; background: url(img/background_footer.gif) repeat-x 0 100%; clear: both; z-index: 50; position: relative;}
#footer .content		{ width: 960px; height: 240px; margin: 0 auto; background: url(img/footer_dogs.gif) no-repeat 0 9px; position: relative;}
#footer .content ul		{ position: absolute; left: -14px; top: 185px; list-style: none;}
#footer .content ul li	{ position: relative; float: left; clear: none; padding: 0 14px 0 14px; background: url(img/line2.gif) no-repeat 100% 3px; font-size: 14px; text-transform: uppercase;}
#footer .content ul li.last	{ background: none;}
#footer .content ul li a { color: #ffffff; text-decoration: none;}
#footer .content ul li a:hover {color: #b10d0c;}
#footer .logo			{ width: 203px; height: 53px; background: url(img/logo2.png) no-repeat 0 0; position: absolute; left: 755px; top: 157px;}
#footer .netmakers		{ position: absolute; left: 785px; top: 219px; color: #FFFFFF; font-size: 10px;}
#footer .netmakers a	{ color: #FFFFFF; text-decoration: none;}
#footer .netmakers a:hover	{ color: #B40E0D; text-decoration: none;}

.clear					{ position:relative; clear: both; height:0px; overflow:hidden;}
}