* {
margin:0;
padding:0;
}

body {
font:.75em Verdana, Arial, Sans-Serif;
color:#272727;
line-height:1.8em;
background:#666;
}
#pi {
position: absolute;
z-index: 100;
top: 0;
right: 0px;
text-align: center;
}
#pi a { color: #E6E6E6; position: relative; top: -3px; margin-right: 5px; }
#pi a:hover {color: #CCCCCC;}
a {
color:#00AEDB;
text-decoration:none;
}

a:hover {
color:gray;
}
img {
border-style: none;
}

ul#collapse, ul#collapse ul, ul.colimg {
list-style-type:none;
margin: 0;
padding: 0;
width: 98%;
}

ul#collapse a, ul.colimg li a {
display: block;
text-decoration: none;
color: inherit;	
}

ul#collapse li {
margin-top: 1px;
}

ul#collapse li a {
background: #3C3229;
color: #fff;	
padding: 0.5em;
font-size: 1.2em;
}

ul#collapse li a:hover {
background: #000;
}

ul#collapse li ul li, ul.colimg li {
margin: 5px;
border-bottom: 1px #eee solid;
}

ul#collapse li ul li a {
background: #fff;
color: #000;
font-size: 1em;
padding: 0;
}

ul#collapse li ul li img, ul.colimg li img {
float: left;
margin: 10px;
}

ul#collapse li ul li a:hover, ul.colimg li a:hover {
text-decoration: underline;
background: #fff;
color: #000;
}
#rotator {
width: 880px;
height: 250px;
position: relative;
left: 10px;
top: 10px;
margin-bottom: 15px;
}

#rotator ul li {
float: left;
position: absolute;	
list-style: none;
}

#rotator ul li img {
margin-left: -12px;
}

#rotator ul li.show {
z-index: 500;
}

.wrapper {
width:900px;
margin:0 auto;
clear:both;
display:block;
background: #fff;
}

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

.flags {
float: left;
clear: both;
height: 10px;
margin-right: 15px;
}
.flags img {
	margin-right: 5px;
}

ul {
list-style:none;
}

li {
margin-left:1em;
}

.subcat {
margin-left:1em;
}

h1,h2,h3 {
font-weight:400;
margin:0 0 .8em;
margin-left: 5px;
font-family: Georgia, Arial, Sans-Serif;
}

h1,h2 {
color:#00AEDB;
font-size:2em;
}

h3 {
font-size:1.4em;
margin:0em 0 .5em;
}
#header {
height: 110px;
width: 100%;
clear: both;
background: #fff;
}

#header .wrapper {
height: 110px;
background: url("../images/logo.gif") no-repeat 0px 21px;
}

#top {
float:right;
text-align:right;
width:76%;
}

#topmenu {
height:35px;
clear:both;
margin:5px 0 -5px;
}

#topmenu li {
font-size:1em;
display:inline;
float: left;
}

#topmenu li a {
color:gray;
}

#topmenu li a:hover {
color:#FDBF57;
}

#search {
float:right;
clear:both;
text-align:right;
border-top:1px solid #ccc;
margin:0;
padding:10px 0 0;
}

input {
vertical-align:middle;
padding:2px;
}

input.searchfield {
width:255px;
border:1px solid #ccc;
font-size:.9em;
padding:6px;
color: #00AEDB;
font-weight: bold;
}

input.searchbutton {
border:0;
color:#FDBF57;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}

#crumbs {
clear:both;
background:#3C3229;
color: #fff;
padding: 3px;
}

#crumbs .wrapper {
background:#3C3229;	
}

#content {
margin-top: 10px;
width: 100%;
}

#content p.subcat {
margin-left:30px;
}

#main {
width:66%;
float:left;
padding: 5px;
margin-left: 12px;
margin-bottom:40px;
}

#side {
width:29%;
padding: 5px;
float:right;
margin-right: 8px;

}

#footer {
clear:both;
font-size: 0.9em;
border-top: 1px solid #ccc;
text-align: center;
background:#3C3229;
color: #fff;
margin-top: 20px;
}


#main input[type=button] {
border:1px solid #ccc;
color:#000;
font-size:.8em;
line-height:1.5em;
cursor:pointer;
display:block;
float:left;
background:#f9f6f2;
margin:0 .1em;
padding:.2em .8em;
}

.boxgrid {
width:135px;
height:180px;
margin-bottom: 10px;
margin-right: 12px;
float: left;
overflow: hidden;
position: relative;
left: -7px;
}

.boxgrid img {  
position: absolute;  
margin: 0; 
}

.boxgrid .boxheader {
font-size: 0.8em;
float: left;
position: absolute;
background: #3C3229;
height: 100px;
width: 100%;
opacity: 0.9;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.caption .boxheader {  
top: 140px;  
left: 0;  
}
.boxgrid .boxheader h3 {
margin-left: 5px;
color: #fff;
}

#main img {
margin-right: 10px;
clear: both;
}

.right {
float: right;
margin: 1px;
margin-left: 10px;
clear: right;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
border:1px solid #E4DF94;
color:#000;
background:#FFFBC0;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.tiny {
color:gray;
font-size: 0.8em;
}

.clearboth {
clear: both;
}

.comment {
color:gray;
border-top:1px solid #ccc;
background:#F5F6F6;
margin:0 0 10px;
padding:10px;
clear: both;
}

.comment2 {
color:#fb7125;
border-top:1px solid #FDBF57;
background:#ffe9c5;
margin:0 0 10px;
padding:10px;
}

.commentsbox {
color:gray;
background:#f4f4f4;
margin:0 0 10px;
padding:10px;
}

.date {
border-top:1px solid #eee;
margin:0 0 20px;
}
.date a {
font-size: 1.4em;
}

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}

a.boka {
color: red !important;
float: right;
margin: 5px;
font-weight: bold;
padding: 5px 8px 5px !important;
border-top: 1px solid red;
background: #ffc1c0 !important;
}

/* form crap */
#form .formrow {
padding: 10px 0;
clear: both;
}
#form button {
border:0;
color:#FDBF57;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}
#form .label { 
display: block;
float: left;		
margin-right: 10px;
font-weight: bold;
}
#form input.antal {
	width: 25px;
}
#form .resa {
	color:#34BD1B;
	border-top:1px solid #34BD1B;
	background:#E6FFE4;
	margin:0 0 10px;
	padding:5px;
	font-weight: bold;
}
#form label.error {
width: 270px;
display: block;
float: right;
color: red;
padding-left: 10px;

}