body {position: relative; margin: 0; padding: 0px; color: #3b1c00; font-size: 0.75em; 
text-align: center; background: #3b1c00 url('../images/bg.gif') top left repeat-x;}
body, input, select, textarea {font-family: sans-serif;}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('/fonts/graublauweb-webfont.eot');
	src: local('Graublau Web'), local('GraublauWeb-Regular'), url('/fonts/graublauweb-webfont.woff') format('woff'), url('/fonts/graublauweb-webfont.ttf') format('truetype'), url('/fonts/graublauweb-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GraublauWebBold';
	src: url('/fonts/graublauwebbold-webfont.eot');
	src: local('Graublau Web'), local('GraublauWeb-Bold'), url('/fonts/graublauwebbold-webfont.woff') format('woff'), url('/fonts/graublauwebbold-webfont.ttf') format('truetype'), url('/fonts/graublauwebbold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.clear {clear: both;}
/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; color: #3b1c00; font-family: sans-serif;}
h1, h2 {font-size: 2.7em; margin: 0;}
h3 {font-size: 2.2em; margin: 0 0 0.3em;}
h4 {font-size: 1.7em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em; font-weight: normal;}

p {margin: 0 0 0.5em; line-height: 1.6em}

/* link */
a {color: #f77c0d;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* table */
div.table {width: 600px; _clear: both; margin: 0 0 0 1px; @margin-left: 0;}
th.section {background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }

/* image */
img {border: 0;}
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; background: #FFF url('/system/images/bg_img.gif') center center no-repeat;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

hr {display: none;}
.noshow {display: none;}




#cms_header {height: 142px; padding: 38px 0 0 0; width: 964px; margin: 0 auto; text-align: left; position: relative;}
#cms_header h1 {padding: 0; float: left;}
#cms_header h1 a {font-family: GraublauWebRegular, sans-serif; text-decoration: none; color: #FFF;}
#cms_header h1 a span {font-family: GraublauWebBold, sans-serif;}
#cms_header h1 a span.orange {color: #ff800d;}
#cms_header h1 a span.brown {color: #5c2c00;}
#cms_header h2 {float: right; color: #8c4301; font-family: GraublauWebRegular, sans-serif;}
 
#menu {height: 50px; background: url('../images/bg-menu.gif') top left repeat-x; padding: 11px 11px 0 11px;
position: absolute; bottom: -8px; width: 942px; z-index: 10; left: 0;}
#menu ul, #menu li {margin: 0; padding: 0; list-style-type: none; height: 50px;}
#menu ul {background: url('../images/bg-menu-ul.gif') top left repeat-x;}
#menu li {float: left; display: block; width: auto; _width: 1px;}
#menu li a {text-align: center; display: block; text-decoration: none; color: #3b1c00; 
height: 50px; line-height: 50px; padding: 0 15px; font-weight: bold; _white-space: nowrap;
background: url('../images/bg-menu-li.gif') center left no-repeat;}
#menu li.first a {background: 0;}


#cms_banner {height: 305px; width: 1106px; background: url('../images/bg-banner.gif') top left no-repeat; margin: 0 auto; text-align: left;
_overflow: hidden;}
#cms_banner .banner {width: 964px; height: 271px; padding: 21px 71px 13px 71px; position: relative;}
#cms_banner .banner ul, #cms_banner .banner li {margin: 0; padding: 0; list-style-type: none;}
#cms_banner .banner li {display: block; position: relative; width: 964px; height: 271px; overflow: hidden;}
#cms_banner .banner .text {position: absolute; background: url('../images/bg-banner-text.png') top left repeat; right: 0px; top: 24px; height: 163px; width: 338px; padding: 30px;}
#cms_banner .banner .text h3 {font-family: GraublauWebRegular, sans-serif;}
#cms_banner .banner .text h3, #cms_banner .banner .text p {color: #FFF;} 
#cms_banner .banner .text strong {color: #ff800d;}

#cms_content {background: url('../images/bg-content.gif') top center repeat-y; width: 1106px; margin: 0 auto; text-align: left;}
#cms_content .content-bottom {background: url('../images/bg-content-bottom.gif') bottom center no-repeat; width: 1106px;}
#cms_content .content-top {background: url('../images/bg-content-top.gif') top left no-repeat; padding: 30px 92px 40px 92px;}
#cms_content .content-top h2 {font-size: 2em; margin: 0 0 0.6em;}


.content-homepage {float: left; width: 511px; padding: 0 20px 0 0;}

.contact-homepage {float: right; width: 371px; padding: 0 0 0 20px; background: url('../images/bg-contact-homepage.gif') top left no-repeat;}
.contact-homepage h2 {color: #940704;}
.contact-homepage .input {margin: 10px 0 0 0;}     
.contact-homepage label {display: block; float: left; width: 55px; font-weight: bold; color: #000; padding: 7px 5px 0 0;}     
.contact-homepage .submit {float: right; display: block; width: 103px; height: 34px; margin: 0; background: url('../images/bg-submit.gif') 0 0 no-repeat; border: 0; overflow: hidden;
text-align: left; padding: 0 0 0 10px; text-transform: uppercase; font-weight: bold; cursor: pointer; cursor: hand;}     

input {width: 295px; height: 18px; margin: 0; padding: 5px; border-top: #aeaeae solid 1px; border-left: #aeaeae solid 1px;}     
textarea {width: 295px; height: 57px; margin: 0; padding: 5px; border: 0; font-size: 1em; border-top: #aeaeae solid 1px; border-left: #aeaeae solid 1px;}     

#contact_box input, #contact_box textarea  {padding: 5px !important; font-size: 1.1em !important;}
#contact_box label {color: #000;}
#contact_box td, #contact_box th  {padding-top: 10px;}
#contact_box input.submit {display: block; width: 131px; height: 34px; margin: 0; background: url('../images/bg-submit-big.gif') 0 0 no-repeat; border: 0; overflow: hidden; cursor: pointer; cursor: hand;}
#contact_box .error_message {background: #ff800d; border: 1px solid #8b3f01;}

#post_box {padding: 0;}
#post_box .preview_article .tray {color: #3B1C00;}
#post_box .article_content .text {font-size: 1em;}
#post_box .preview_article .tray a {color: #F77C0D;}

#offer {color: #FFF; padding: 10px 0; width: 964px; margin: 0 auto; text-align: left;}
#offer .offer {float: left; width: 552px; _overflow: hidden;}
#offer .offer .item {float: left; margin: 0 20px 0 0; width: 164px;}
#offer .offer .item h3 {color: #ff800d;}
#offer .news {float: right; width: 392px; padding: 0 0 0 20px; background: url('../images/bg-news.gif') left 38px no-repeat;
min-height: 212px; _height: 212px;}
#offer .news h3 {color: #8c4301; text-transform: uppercase;}
#offer .news ul, #offer .news li {padding: 0; margin: 0; list-style-type: none;}
#offer .news li {padding: 0 0 10px 0;}
#offer .news li a {font-weight: bold; color: #ff800d;}
#offer .news li .link a {color: #8c4301; font-size: 0.95em;}
#offer .news .archiv {text-align: right;}

#cms_foot {background: url('../images/bg-foot.gif') top left repeat-y; width: 990px; margin: 0 auto; text-align: left;}
#cms_foot .foot {height: 100px; background: url('../images/bg-foot-top.gif') top left no-repeat; padding: 29px 40px 0 40px; font-weight: bold; color: #FFF;}
#cms_foot .foot p {float: left;}
#cms_foot .foot a, #cms_foot .foot strong {color: #8c4301;}
#cms_foot .foot ul, #cms_foot .foot li {margin: 0; padding: 0; list-style-type: none;}
#cms_foot .foot ul {float: right;}
#cms_foot .foot li {float: left; margin: 0 0 0 55px;}
#cms_foot .foot li.first {font-size: 0.95em; color: #8c4301; }
#cms_foot .foot li.first strong {font-size: 1.05em; color: #FFF;}


ul#lang, ul#lang li {margin: 0; padding: 0; list-style-type: none;}
ul#lang {position: absolute; right: 0; top: 17px;}
ul#lang li {float: left; margin: 0 0 0 10px; display: block;} 
ul#lang a {display: block; height: 11px; width: 16px; text-indent: -9999px; position: relative; z-index: 1000; outline: none;}
ul#lang a.cz {background: url('../images/czech-flag.gif') top left no-repeat;}
ul#lang a.de {background: url('../images/germany-flag.gif') top left no-repeat;}
ul#lang a.sk {background: url('../images/slovak-flag.gif') top left no-repeat;}


#bookmark {position: absolute; right: 11px; top: 101px; z-index: 11;}
#bookmark ul, #bookmark li {margin: 0; padding: 0; list-style-type: none;}
#bookmark li {float: left;}
#bookmark li a {display: block; background: #9a4e08 url('../images/bookmark.gif') top right no-repeat; width: 170px; height: 37px; text-align: center; line-height: 37px;
color: #3b1c00; text-decoration: none; font-size: 1.1em;}
#bookmark li a.active {background: #f97f10 url('../images/bookmark.gif') bottom right no-repeat; font-weight: bold;}