/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,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-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
body {line-height: 1;color: black;background: #0F6E00 url(../img/bckg.png) repeat-x; text-align: center;font-family: sans-serif; position: relative;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

#center {width: 940px; text-align: left; margin: 0 auto; background: #fff url(../img/center.jpg); overflow: hidden; }

#header {position: relative; background: url(../img/header.jpg); height: 210px;}
#header h1 {position: absolute; left: 645px; top: 172px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight: bold; font-size: 17px; background: #AF660F; padding: 5px; text-transform: uppercase;}
#header h1 a {text-decoration: none;color: #fff;}
#header h1 a span {color: #FEDB09;}
#header #transkemp { position: absolute; left: 325px; top: 122px; }

.info #header { background-image: url(../img/header-info.jpg); }
.accom #header, .accomsub #header, .price #header { background-image: url(../img/header-accom.jpg); }
.ferry #header { background-image: url(../img/header-ferry.jpg); }
.entert #header, .sport #header, .interest #header { background-image: url(../img/header-entert.jpg); }
.food #header { background-image: url(../img/header-food.jpg); }

#skip { position: absolute; left: -1000px; }
#skip:hover, #skip:focus, #skip:active { position: absolute; top: 10px; left: 20px !important;  float: left; padding: 10px; background: #B7772F; color: #fff; font-size: 83%; }

#lang { text-align: right; padding: 24px 17px 0 0; }
#lang img { margin-right: 4px; }

/* main menu */
#menu {float: left;width: 290px; overflow: hidden; background: #AE650E url(../img/menu.jpg) no-repeat;font-size: 83%; }
#menu hr { display: none; }
#menu ul {background: url(../img/menu2.jpg) no-repeat bottom;padding: 15px 0 40px 6px; font-weight: bold;}
#menu li {padding: 7px 0 7px 0;background: url(../img/menu-li.gif) no-repeat bottom;margin: 0 115px 0 0;}
#menu a { color: #fff; text-decoration: none; background: url(../img/arrow1.gif) no-repeat left center;display:block; padding: 3px 0 3px 15px; _height:1%; line-height: 130%;}
#menu a:hover, #menu a:active, #menu .curr a {color: #EEE276; background-image: url(../img/arrow2.gif);}

/* submenu */
#menu ul ul { background: none;padding: 0;}
#menu ul ul a, #menu ul ul li { padding: 0; margin: 0; background: none; font-weight: normal; }
#menu ul ul li { padding: 0 0 0 25px; }
#menu ul ul a { color: #EEE276; padding: 3px 0; background: none !important; }
#menu ul ul a:hover, #menu ul ul a:active { text-decoration: underline; }

#content {float: right;width: 650px; padding: 50px 0 0 0 ; background: url(../img/content.jpg) no-repeat;font-size: 83%; line-height: 150%;}
#content h1 { color: #3D8B03; font-weight: bold; font-size: 160%; padding: 0 0 0.5em 0;  }
#content h2 { color: #3D8B03; font-weight: bold; font-size: 130%; padding: 0.5em 0 0.2em 0; }
#content h3 { color: #3D8B03; font-weight: bold; font-size: 105%; padding: 1em 0 0.1em 0;  }
#content p { padding: 0.2em 0 0.4em 0; }
#content table { width: 100%; font-size: 85%; line-height: 130%; clear: right;  }
#content a:link, #content a:visited { color: #008BBF; }
#content a:hover { color: #0F6E00; }
#content ul li { padding: 0 0 0 12px; background: url(../img/li.gif) no-repeat 0 0.6em; }
#content th a { color: #fff !important; }

th { background: #23770F url(../img/th.jpg) no-repeat; vertical-align: middle; color: #fff; font-weight: bold; text-align: center; border-right: 1px solid #77B169; }
td, th { padding: 0.5em 0.5em; }
td { border: 1px solid #AFAFAF; }
tr { background: #F9F9F9; }
tr.even { background: #E6E6E6; }
.tr_over td { background: #ffc; }
.article {margin: 0 50px 0 0; clear: right; padding: 0 0 0.7em 0;}
.imp { color: #0F6E00; }
.imgs { width: 246px; float: right; background: #ddd; padding: 3px 0 0 0; position: relative; left: 10px; clear: right; margin: 0 0 0.6em 0; }
.imgs img { float: left; margin: 0 0 3px 3px; display: inline;}
.imgr { float: right; background: #ddd; padding: 3px; position: relative; left: 10px; clear: right; margin: 0 0 0.6em 0;}
.table { background: url(../img/table.gif) no-repeat bottom; padding: 0 0 10px 0; margin: 0 0 0.7em 0;  width: 100%; }
.money { background: url(../img/money.gif) no-repeat left; padding-left: 20px; font-size: 85%; }

.jsOK .popup { position: relative;}
.jsOK .popup div { display: none; position: absolute; top: 0; width: 200px; left: -210px; top: 0;}
.jsOK .popup ul { padding: 5px 10px; background: #ffc; border: 1px solid #fc0;}

#footer { clear: both; height: 120px; background: #0F6E00 url(../img/footer.jpg) no-repeat; font-size: 70%; }
#footer address { line-height: 120%; padding: 30px 0 15px 75px; }
#footer address a { color: #000; }
#footer p { text-align: right; padding: 0 10px 0 0; color: #69A875; }
#footer a { color: #fff;text-decoration: none;}
#footer a:hover { text-decoration: underline; }

/* forms */
form { background: #F2F2F2; padding: 10px; border: 1px solid #AFAFAF; }
form dt, form dd { margin-bottom: 8px; }
form dt { float: left; font-weight: bold; }
form dd { padding-left: 0.5em; }

input, select, textarea { width: 160px; }
.check { width: auto; }
#note { width: 480px; height: 80px; }
.button { width: auto; background: #92C9D2 url(../img/button.gif) repeat-x; color: #fff; font-weight: bold; border: 1px solid #0F93A7; padding: 2px 10px; _padding: 0 10px;}
.form1cz dt { width: 6em; }
.form2cz dt { width: 10em; }
.form1de dt { width: 7em; }
.form2de dt { width: 6em; }

.kemplogo {text-align: right; width: 55%; height: 0.5em; margin-top: -2px;}
.kemplogo img {padding: 0px; margin: 0px; }

.moveup {position: relative; top: -5em}
.resize {height: 11em; margin-bottom: 4em;}
/* main menu - current */
.intro .intro a,.info .info a,.accom .accom a, .accomsub .accom a, .price .accom a,.food .food a,.entert .entert a, .sport .entert a, .interest .entert a,.ferry .ferry a,.contact .contact a, .form .contact a, .map .contact a
 { color: #EEE276 !important; background-image: url(../img/arrow2.gif) !important; }
/* submenu - current */
.accomsub .accomsub a,.price .price a,.entert ul ul li.entert a,.sport .sport a,.interest .interest a,.form .form a,.map .map a
{ font-weight: bold !important; text-decoration: underline !important; }

#content .new { background: #ffc; border: 1px solid #ffcc01; padding: 10px 10px 10px 10px; margin: 1.5em 0 0 0; position: relative; }
#content .new h2 { color: #000; font-size: 120% }
#content .new .more { text-align: right; padding: 0 12px 0 0; background: url(../img/more.gif) no-repeat right;}
#content .new .more a { color: #F66210; text-decoration: none; font-size: 90%; font-weight: bold; }
#content .new .more a:hover { text-decoration: underline; }
.badge { float: left; padding: 15px 10px 0 0;}
.shadow { background: url(../img/table.gif) no-repeat bottom; padding: 0 0 10px 0 }

#player { border: 5px solid #DDD; margin: 0 auto; width: 400px; }