body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-top: 40px; background-color: #EFEFEF; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-position: top;}

h1 {font-size: 18px; margin-bottom: 15px; color:#000;}
h2 {font-size: 18px; margin-bottom: 15px; color:#fff;}
h4 {margin-top: 15px; color:#fff;}
p {margin-top: 15px; color:#575757;}

a:link { color: #B09F7A;}
a:visited { color: #B09F7A;}
a:active { color: #B09F7A;}
a:hover { color: #D0C7B5;}

.picframe { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 5px; float: left;}

.upp{float: right; padding: 10px; text-transform: uppercase; font-size: 10px;}

/*LAYOUT*/

#container {width: 940px; margin: auto; padding: 0;}
#start {float: left; width: 920px; margin: 0; padding: 10px; height: 400px; background: #000;}
#arena_tavling {float: left; width: 860px; margin: 0; padding: 50px 40px 40px 40px; height: 330px; background: url(../images/bg_tavling.jpg) #000;}
#arena_tavling p {color: #fff; font-size: 11px; margin-top: 10px; line-height: 16px;}
.field {padding: 3px; background: #000; border: 1px dotted #333; width: 260px; color: #fff; font-size: 11px; margin-top: 5px;}
.field2 {padding: 3px; background: #000; border: 1px dotted #333; width: 160px; color: #fff; font-size: 11px; margin-top: 5px;}
#kontakt_bg {float: left; width: 920px; margin: 0; padding: 10px; height: 400px; background: url(../images/kontakt_bg.jpg);}
#mainContainer {float: left; width: 840px; margin: 0; padding: 100px 50px 50px 50px; height: 270px; background: #fff;}

#topdiv {float: left; width: 940px; height: 64px; margin: 0; padding: 0; background: url(../images/header_bg.gif);}

#logo {float: left; width: 190px; height: 64px;}
#logo h1 a {float: left; width: 190px; height: 64px; background: url(../images/gsl_ab.gif) no-repeat; text-indent:-9999px; display:block;}

#menu {float:right; width: 172px; height: 64px; margin: 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top:0; left:0; display:block; height: 64px; background: url(../images/menu.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#startt a {left: 0; width: 53px; background-position: 0 0;}
#menu ul li#om_gsl a {left: 53px; width: 55px; background-position: -53px 0;}
#menu ul li#kontakt a {left: 108px; width: 64px; background-position: -108px 0;}

#menu ul li#startt a:hover {background-position: 0 -64px;}
#menu ul li#om_gsl a:hover {background-position: -53px -64px;}
#menu ul li#kontakt a:hover {background-position: -108px -64px;}

#menu ul li#startt .current {background-position: 0 -64px;}
#menu ul li#om_gsl .current {background-position: -53px -64px;}
#menu ul li#kontakt .current {background-position: -108px -64px;}

#col_left {float: left; width: 360px;}
#col_left2 {float: left; width: 400px; height: 320px; background: #FFFFFF; padding: 40px 20px 40px 40px;}
#col_left3 {float: left; width: 380px; height: 315px; background: #FFFFFF; padding: 0 20px 0 0; overflow: auto;}
#col_left4 {float: left; width: 400px; height: 320px; padding: 40px 20px 40px 40px;}
#col_right {float: right; width: 360px; }
#col_right2 {float: right; width: 440px; height: 380px; background: #FFFFFF; padding: 10px;}
#col_788 {float: left; width: 788px;}

#footer {float: left; width: 940px; height: 51px; margin: 0; padding: 0; background: url(../images/footer_bg.gif);}

#f_l ul {float: left; display: inline; display:block; margin: 18px 0 0 0;}
#f_l ul li {float: left; margin: 0 18px 0 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; color: #494747; list-style-image:url(../images/dot.gif); text-transform: uppercase;}
#f_l ul li:first-child {list-style: none;}

#f_r {float: left; height: 51px; margin: 0; padding: 0;}
#f_r ul li {float: left; display: inline;}
#f_r ul li a {top:0; left:0; display: block; height:51px; background: url(../images/down.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#f_r ul li#d01 a {left: 0; width: 54px; background-position: 0 0;}
#f_r ul li#d02 a {left: 54px; width: 51px; background-position: -54px 0;}
#f_r ul li#d03 a {left: 105px; width: 48px; background-position: -105px 0;}
#f_r ul li#d04 a {left: 153px; width: 105px; background-position: -153px 0;}
#f_r ul li#d05 a {left: 258px; width: 127px; background-position: -258px 0;}
#f_r ul li#d06 a {left: 385px; width: 118px; background-position: -385px 0;}
#f_r ul li#d07 a {left: 503px; width: 100px; background-position: -503px 0;}
#f_r ul li#d08 a {left: 603px; width: 116px; background-position: -603px 0;}
#f_r ul li#d09 a {left: 719px; width: 73px; background-position: -719px 0;}
#f_r ul li#d10 a {left: 792px; width: 148px; background-position: -792px 0;}

#f_r ul li#d01 a:hover {background-position: 0 -51px;}
#f_r ul li#d02 a:hover {background-position: -54px -51px;}
#f_r ul li#d03 a:hover {background-position: -105px -51px;}
#f_r ul li#d04 a:hover {background-position: -153px -51px;}
#f_r ul li#d05 a:hover {background-position: -258px -51px;}
#f_r ul li#d06 a:hover {background-position: -385px -51px;}
#f_r ul li#d07 a:hover {background-position: -503px -51px;}
#f_r ul li#d08 a:hover {background-position: -603px -51px;}
#f_r ul li#d09 a:hover {background-position: -719px -51px;}
#f_r ul li#d10 a:hover {background-position: -792px -51px;}

#f_r ul li#d01 .current {background-position: 0 -51px;}
#f_r ul li#d02 .current {background-position: -54px -51px;}
#f_r ul li#d03 .current {background-position: -105px -51px;}
#f_r ul li#d04 .current {background-position: -153px -51px;}
#f_r ul li#d05 .current {background-position: -258px -51px;}
#f_r ul li#d06 .current {background-position: -385px -51px;}
#f_r ul li#d07 .current {background-position: -503px -51px;}
#f_r ul li#d08 .current {background-position: -603px -51px;}
#f_r ul li#d09 .current {background-position: -719px -51px;}
#f_r ul li#d10 .current {background-position: -792px -51px;}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
/* ----------------- */


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */