.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.left { float: left; }
.right { float: right; }

body {
	padding:0;
	margin:0;
	text-align: center;
	font-family: Arial;
	color:#333;
	font-weight: normal;
	font-size: 12px;
	background: #000 url(../images/sylwester_atrium.jpg) center -200px repeat-x;
}
h3 {font-size: 14px;font-weight: normal}
h1,h2,ul,li,input,p,img { padding:0; margin:0; }
input {border:1px solid #818286; background:#f9f9f9;height:17px}
img { border: 0; }
a { color: #666; }
h2 { font-size: 22px; padding-bottom: 10px;}
ul { list-style: none; }
li { display: inline; }
h1 {padding-bottom: 10px}
div#pagecontainer {
	margin: 0 auto;
	margin-top:20px;
	margin-bottom: 30px;
	width:880px;
	background: #fff url(../images/contentbg.png) no-repeat top left;
	
	text-align: left;
	clear: both;

	
}

div#header {
	height: 239px;
}

div#header div#flashcontent {
	width:579px;
	height:239px;
	float: left;
	position: relative;
}

.pics {  
    width:  579px; 
    height: 239px;  
    padding: 0;  
    margin:  0;  
    cursor: pointer
} 
 
.pics img {  
    padding: 0;  
    border:  none;  
    width:  579px; 
    height: 239px;
    top:  0; 
    left: 0;
    z-index:1
} 


div#header div#logosection {
	width:301px;
	height:239px;
	float: right;
	position: relative;
}

div#header div#logosection a#logo {
	width:108px;
	height:110px;
	float: none;
	margin: 40px auto;
	position: relative;
	text-indent: -9999px;
	background: url(../images/atrium_logo.png) no-repeat top left;
	outline: none;
	
}

div#header div#flashcontent div#menu {
	height:58px;
	position: absolute;
	padding-left: 40px;
	bottom:0px;
	width:539px;
	background: url(../images/menubg.png) repeat ;
	z-index:80
}

div#header div#logosection div#menulang {
	height:58px;
	position: absolute;
	bottom:0px;
	width:301px;
	background: #231f20;
}
div#header div#logosection div#menulang ul {
	padding-left: 60px
}
div#header div#logosection div#menulang #lang_pl {
	background: url(../images/flag_pl.png) no-repeat top left;
	width:59px;
	height:58px;
	display: block;
	text-indent:-9999px;
	float: left;
	outline: none
}

div#header div#logosection div#menulang #lang_en {
	background: url(../images/flag_en.png) no-repeat top left;
	width:62px;
	height:58px;
	text-indent:-9999px;
	display: block;
	float:left;
	outline: none
}

div#header div#logosection div#menulang #lang_de {
	background: url(../images/flag_de.png) no-repeat top left;
	width:64px;
	height:58px;
	display: block;
	text-indent:-9999px;
	float:left;
	outline: none
}



.jquerycssmenu{
z-index: 10000000;

}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
text-decoration: none;height:30px;line-height:30px
}


/*1st sub level menu*/
.jquerycssmenu ul li ul{

position: absolute;
left: 0;
display: block;
visibility: hidden;
	
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
border-top: 1px solid #F3F4F5;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{

background: url(../images/menubg.png) repeat;
padding-left:10px;
padding-right:10px;
color: black;
width:120px;
margin: 0;
border:0 none;
border-top: 1px solid #F3F4F5;
color:#fff;
font-family:Arial;
font-size:12px;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #231F20;
color: #f58220;text-indent: 1px;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;

}

.rightarrowclass{
position: absolute;
top: 5px;

}

div#content {

}

div#contentpage div#contentleft {
	width:469px;
	float: left;
	padding:70px 55px 55px 55px;
	line-height: 18px;

	background: url(../images/line.png) no-repeat top right
}

div#contentpage div#contentright {
	width:210px;
	float: right;
	padding:70px 55px 55px 35px;
	line-height: 18px;
}


/* Formularz */
div#form { width: 460px; text-align: left; }
p.leftcol, p.rightcol { float: left; width: 230px; }
p.rightcol { width: 220px; padding-left: 10px; }
p.leftcol input, p.rightcol input { width: 210px; padding: 0px; border:1px solid #818286; background:#f9f9f9}
div.form_row { padding: 5px 0; }
p.leftcol2 { float: left; padding-top: 13px; color: #fff; font-weight: bold; vertical-align: top;}
p.leftcol2 input { width: 160px; }
a#form_go { display: block; float: left; padding: 4px 7px; background: #fff; margin: 11px 0 0 15px; text-decoration: none; border-bottom: 1px solid #bc6012; border-right: 1px solid #bc6012; }

div.error { font-size: 12px; border: 1px solid red; font-size: 11px; background: #fbe3e4; padding: 5px; font-weight: normal; margin: 5px 0; }

img.ui-datepicker-trigger { margin-left: 5px; }

div#error_container { width: 200px; }


/* Kontakt */
div.contact-form input, div.contact-form textarea { width: 100%; }
div.contact-form textarea { height: 150px;  }
div.contact-form p.submit input { width: auto; float: right; margin: 10px 0; font-size: 10px; height:25px}

.submitreservation {font-size: 14px; height:25px; width: 465px; background: #F97C11; color:#fff}

textarea {font-family: Arial;font-weight: normal;font-size: 11.5px; border:1px solid #818286; background:#f9f9f9}