body, html { color: #DDC091; margin:0; padding:0; width: 100%; height: 100%; font-family: Helvetica, Tahoma, Arial, Verdana; font-size: 100%; line-height: 140%; background: #514634; text-align: center;
scrollbar-arrow-color: #9FC847;
scrollbar-3dlight-color: #75654C;
scrollbar-highlight-color: #514634;
scrollbar-face-color: #5B4F3B;
scrollbar-shadow-color: #483E2E;
scrollbar-track-color: #514634;
scrollbar-darkshadow-color: #3A3225;
}
.titul { text-align: left; }
#outer { width: 100%; height: 100%; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
.keywords { display:none; }
#middle { width: 100%; position: absolute; top: 50%; text-align: center; } /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner { margin: 0 auto; width: 770px; height: 400px; text-align: left; position: relative; top: 0; background: url("../images/bird.jpg") no-repeat 0 20px; } /* for explorer only */
/* optional: #inner[id] {position: static;} */
#index { margin: 0; padding:150px 0 0 270px; text-align: center; }
#index h1 { margin: 0 auto; padding: 0; font-size: 70%; color: white; width: 390px; height: 34px; background: url("../images/jan-van-der-veen.gif") no-repeat left top; }
#index strong { margin: 0 auto; padding: 0; font-size: 60%; color: white; width: 235px; height: 43px; display: block; background: url("../images/www.gif") no-repeat left top; }
#index .jazyk { width: 164px; height: 41px; margin: 0 auto; padding: 0; }
#index ul { list-style: none; margin: 0; padding: 0; display: block; }
#index li { float: left; margin: 20px; padding: 0; }
#index .a { margin: 0 5px 0 0; padding: 0; background: url("../images/svenska.gif") no-repeat left top; }
#index .a a { width: 77px; height: 19px; display: block; }
#index .b { margin: 0 0 0 5px; padding: 0; background: url("../images/english.gif") no-repeat left top; }
#index .b a { width: 77px; height: 19px; display: block; }
#index .copyright { margin: 0 auto; padding: 0; width: 260px; background: url("../images/copyright.gif") no-repeat left top; }
#index .copyright a { color: white; width: 260px; height: 25px; display: block; }
#index span { display: none; }
#index .information { width:200px; position:static; float:right; color:#514634; font-size: 1px; line-height: 1px; }
#content { font-family: Tahoma, Arial, Verdana; width: 920px; max-width: 920px; min-width: 920px; margin: 0 auto 0 auto; padding:50px 0 0 0; border:0; }
#content hr { margin: 0; padding:0; border: 0; border-top:1px solid #9FC847; height: 0px; }
#content .logo { margin: 0; padding:0; border: 0; width: 331px; height: 24px; background: url("../images/jan-van-der-veen-2.gif") no-repeat left top; }
#content .logo span { display: none; }
#content .www { margin: 0 0 49px; padding:0; border: 0; width: 331px; height: 12px; background: url("../images/www-2.gif") no-repeat left top; }
#content .www span { display: none; }
#a { margin:0; padding: 0; border: 0; text-align:left; }
#a .a1 { margin: 0; padding:0; border: 0; float: right; width: 77px; }
#a .a1c { margin:0; padding:0; border: 0; }
#a .a2 { margin: 0 77px 0 0 ; padding: 0; }
#a .a2c { margin:0; padding:0; font-size:100%; border:0; text-align:left; }
/* pridano pro zruseni zubu v textu [begin] {MSIE bez IE5-Mac} \*/
* html #a .a2c { height:1%; }
#b { margin:33px 0 0 0; padding: 0; border: 0; min-height: 400px; text-align:left; }
#b .b1 { margin: 0; padding:0; border: 0; float: left; width: 150px; }
#b .b1c { margin:0; padding:0; border: 0; }
#b .b2 { margin: 0 0 25px 150px; padding: 0; }
#b .b2c { margin:0; padding:0; font-size: 70%; border:0; text-align:left; }
/* pridano pro zruseni zubu v textu [begin] {MSIE bez IE5-Mac} \*/
* html #b .a2c { height:1%; }
#b .b1 ul { font-family: Helvetica, Tahoma, Arial, Verdana; list-style: none; margin:0; padding:0; border:0; }
#b .b1 li { list-style: none; margin:0; padding:0; border:0; background: url("../images/li.gif"); }
#b .b1 li.b { margin:12px 0 0 0; padding:0; border: 0; }
#b .b1 li span { width: 130px; height: 20px; display: block; font-size: 80%; }
#b .b1 li a { text-decoration: none; width: 130px; height: 20px; display: block; border-bottom: 2px solid #514634; color: #96BD43; }
#b .b1 li a.aa { border-bottom: 2px solid white; }
#b .b1 li a:hover { background: url("../images/li.gif") 0 22px; border-bottom: 2px solid #9FC847; }
#b .b1 li a span { display: none; }
#b .b1 input.box { margin: 20px 0 0 0; padding: 2px; width: 90px; font-size: 60%; }
#b .b1 input.submit { font-size: 50%; margin: 0 0 0 20px; padding: 0; border:0; background: url(../images/submit.gif) 0px 0px no-repeat; width: 11px; height: 19px; cursor: hand; }
/* pridano pro zruseni zubu v textu [begin] {MSIE bez IE5-Mac} \*/
* html #c .c2c { height:1%; }
#b .b2c h1 { font-family: Helvetica, Tahoma, Arial, Verdana; color: #96BD43; font-size: 120%; margin:0; padding: 1px 0; border: 0; }
#b .b2c h2 { font-family: Helvetica, Tahoma, Arial, Verdana; color: white; font-size: 155%; margin:0 0 9px 0; padding: 0; border: 0; }
#b .b2c h3 { font-family: Helvetica, Tahoma, Arial, Verdana; color: #96BD43; font-size: 120%; margin:0 0 8px 0; padding: 1px 0; border: 0; }
#b .b2c p { font-family: Tahoma, Arial, Verdana; margin:0; padding: 8px 0 5px 0; border: 0; }
#b .b2c ul { font-family: Tahoma, Arial, Verdana; list-style: none; margin:0; padding: 0; border: 0; font-size: 95%; color: white; }
#b .b2c li { font-family: Tahoma, Arial, Verdana; list-style: none; margin:0; padding: 0; border: 0; }
.b2 ul { line-height: 100%; margin: 0; padding: 0; border: 0; list-style: none; display: block; }
.b2 li { float: left; margin:0; padding:0; border:0; display: block; }
.b2 li.special { _height: 250px; }
.b2 li.special_new { min-height:200px; _height: 200px; }
.b2 .special_width { width: 730px; height:20px; }
.b2 li a div { margin:0; padding:8px; border:0; display: block; }
.b2 li a .text { width:130px; line-height: 160%; font-size: 100%; font-weight: bold; margin:0; padding:0 10px 0 10px; border:0; display: block; text-decoration: underline; }
.b2 li .popis { line-height: 130%; font-size: 90%; color: #DDC091; margin:0; padding:0 10px 0 10px; border:0; display: block; }
/* pridano pro zruseni zubu v textu [end]*/
.cleaner { clear:both; height:1px; margin:-1px 0 0 0; padding:0; font-size:1px; line-height:1px; visibility:hidden; }
#d { margin:25px 0 0 0; padding: 0; border: 0; text-align:left; font-size: 60%; line-height: 160%; }
#d .d1 { margin: 0; padding:0; border: 0; float: right; width: 300px; text-align:right; }
#d .d1c { margin:0; padding:0; border: 0; font-size:90%; }
#d .d2 { margin: 0 150px 25px 0 ; padding: 0; }
#d .d2c { margin:0; padding:0; font-size:90%; border:0; text-align:left; }
/* pridano pro zruseni zubu v textu [begin] {MSIE bez IE5-Mac} \*/
* html #d .d2c { height:1%; }
#a ul { width: 77px; list-style: none; margin: 0; padding: 0; border: 0; display: block; }
#a li { margin: 20px; padding: 0; }
#a .a { margin: 0; padding: 0; background: url("../images/svenska.gif") no-repeat left top; }
#a .a a { width: 77px; height: 19px; display: block; }
#a .aa { display: none; }
#a .b { margin: 0; padding: 0; background: url("../images/english.gif") no-repeat left top; }
#a .b a { width: 77px; height: 19px; display: block; }
#a span { display: none; }
a:link { color: #9FC847; text-decoration: none; }
a:visited { color: white; text-decoration: none; }
a:hover { color: #B8E852; text-decoration: underline; }
a:active { color: #8DB732; text-decoration: none; }
#content form { font-family: Tahoma, Arial, Verdana; margin: 0; padding: 0; border: 0; font-size: 100%; font-weight:normal; }
#content input { font-family: Tahoma, Arial, Verdana; margin: 2px; padding: 2px; border: 1px solid #96BD43; font-weight:normal; color: white; background: #473D2E; font-size: 100%; }
#content select { font-family: Tahoma, Arial, Verdana; margin: 2px; padding: 2px; border: 1px solid #96BD43; color: white; background: #473D2E; font-weight: bold; font-size: 100%; }
#content textarea { font-family: Tahoma, Arial, Verdana; margin: 2px; padding: 2px; border: 1px solid #96BD43; font-weight:normal; color: white; background: #473D2E; font-size: 100%; }
#content input.button { background: #96BD43; color:#514634; font-weight: bold; font-size: 10px; width:auto; }
#content .right-panel { position: static; float:right; width: 150px; margin: 0px 0px 0px 0px; border: 0px; }
#content .new-photos { position: static; float:right; width: 315px; margin: 0px 0px 0px 0px; border: 0px; }
#content .vertical-spacer { position: static; float:right; width: 15px; height:400px; margin: 0px 0px 0px 0px; border: 0px; }
#content .vertical-line { position: static; float:right; margin: 0; padding:0; border: 0; border-left:1px solid #9FC847; height:365px; }
#content .vertical-spacer150 { position: static; float:right; width: 15px; height:150px; margin: 0px 0px 0px 0px; border: 0px; }
#content .vertical-line150 { position: static; float:right; margin: 0; padding:0; border: 0; border-left:1px solid #9FC847; height: 150px; }
#content .photos-photograph { margin: 0; padding: 0; border:0; }
#content .photos-information { width:100%; position:static; float:left; margin: 9px 9px 9px 9px; text-align:left; }
#content .minsize { margin: 0; padding: 0; border:0; height:1px; width:250px; }
#content .right-content { position: static; float:right; width: 380px; margin: 0px 0px 0px 0px; border: 0px; }
#content .float-left-three { position: static; float:left; width: 230px; padding:0; margin: 8px; border: 0px; }
#content .photo-jan { margin: 0px 0px 25px 25px; position: static; float:right; }
#content .photo-jan2 { width:auto; margin: 0px 25px 25px 0px; position: static; float:left; }
/* GALLERY */
#g1 ul { margin: 0; padding: 0; border: 0; list-style: none; display: block; }
#g1 li { width:240px; position:static; float: left; margin:0; padding:0; border:0; display: block; }
#g1 .vertical-line-gallery{ background: url("../images/vertical-line.gif"); width:25px; height:480px; position:static; float: left; margin: 0; padding:0; border:0px; display: block; }
#g1 .g2 ul { width:240px; }
#g1 .g2 li { margin:0px 0px 13px 0px; font-size: 110%; width:120px; line-height: 160%;}
#g1 .g2 li a { text-decoration: none; font-weight: bold;}
/* LINKS&EQUIPMENT */
#l1 ul { margin: 0; padding: 0; border: 0; list-style: none; display: block; }
#l1 li { width:236px; position:static; float:left; margin:0; padding: 0; border:0; }
#l1 li.a { padding:0px 12px 0px 0px; }
#l1 li.b { border-left: 1px solid #9FC847; padding: 0px 12px 0px 12px; }
#l1 li.c { width: 770px; height:25px; }
#l1 .l2 li { color:#DDC091; margin:0px 0px 13px 0px; font-size: 100%; line-height: 160%;}
#l1 .l2 li a.title { line-height: 160%; font-size: 110%; font-weight: bold;}
/* CONTACT */
#c-1 ul { margin: 0; padding: 0; border: 0; list-style: none; display: block; }
#c-1 li { font-weight: bold; line-height: 180%; width:140px; position:static; float: left; margin:0; padding:0; border:0; display: block; }
#c-1 li input { width:150px; }
#c-1 li textarea { width:150px; }
/* SEARCH */
#content .input-search { width:220px; }
/* PAGING */
.paging { margin:20px 0px 25px 0px; }
#p1 .margin { width:32px; height:23px; padding:0; border:0; list-style: none; }
#p1 li a { position:static; float: left; background: #9FC847; text-align:center; font-weight: bold; line-height: 22px; width:31px; padding: 0; margin:0px; border: 0; display: block; list-style: none; }
#p1 li a.b { background: white; }
#p1 li a:link { color: #514634; text-decoration: none; }
#p1 li a:visited { color: #514634; text-decoration: underline; }
#p1 li a:hover { background:white; color: black; text-decoration: none; }
#p1 li a:active { color: #514634; text-decoration: none; }
/* // PICTURE FRAMES ///////////////////////////////////////////////////////////////////////////// */
.black-white-frame {
background: white;
padding:1px;
border: 4px solid black;
text-decoration: none;
color: black;
}
a:hover .black-white-frame {
background: black;
padding:1px;
border: 4px solid white;
text-decoration: none;
color: white;
}
.black-white-frame-second {
display: inline;
background: white;
padding:1px;
border: 2px solid black;
text-decoration: none;
color: black;
}
a:hover .black-white-frame-second {
background: black;
padding:1px;
border: 2px solid white;
text-decoration: none;
color: white;
}
/* // VARIOS FRAMES ///////////////////////////////////////////////////////////////////////////// */
.frame1a { background: white; padding: 1px; border: 16px solid black; text-decoration: none; color: black; }
.frame1b { background: white; padding: 1px; border: 2px solid black; text-decoration: none; color: black; }
.frame2a { background: white; padding: 1px; border: 5px solid black; text-decoration: none; color: black; }
.frame2b { background: white; padding: 1px; border: 2px solid black; text-decoration: none; color: black; }
.frame3a { background: white; padding: 0px; border: 3px solid white; text-decoration: none; color: black; }
.frame3b { background: white; padding: 0px; border: 1px solid white; text-decoration: none; color: black; }
.frame4a { background: white; padding: 2px; border: 8px solid black; text-decoration: none; color: black; }
.frame4b { background: white; padding: 1px; border: 2px solid black; text-decoration: none; color: black; }
.frame5a { background: black; padding: 1px; border: 32px solid white; text-decoration: none; color: white; }
.frame5b { background: black; padding: 2px; border: 1px solid white; text-decoration: none; color: white; }
.frame6a { background: white; padding: 1px; border: 64px solid black; text-decoration: none; color: black; }
.frame6b { background: white; padding: 1px; border: 2px solid black; text-decoration: none; color: black; }
.frame7a { background: white; padding: 1px; border: 32px solid black; text-decoration: none; color: black; }
.frame7b { background: white; padding: 1px; border: 2px solid black; text-decoration: none; color: black; }
/* // TEXT ///////////////////////////////////////////////////////////////////////////// */
.normal-text { font-weight: normal; }
.normal-text-white { font-weight: normal; color:white;}
.normal-text-black { font-weight: normal; color:black;}
.underline-text { text-decoration: underline; }
.underline-text-white { text-decoration: underline; color:white;}
.underline-text-black { text-decoration: underline; color:black;}
.bold-text { font-weight: bold; }
.bold-text-white { font-weight: bold; color:white;}
.bold-text-black { font-weight: bold; color:black;}