* { margin:0; padding:0; border:0; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

body, html {
    height: 100%;
	min-width:900px;
	background:url(../images/header.jpg) center top no-repeat;
}

html{
	min-height:100%;
	background:url(../images/bg.jpg) repeat-x #272727;
	color: #ffffff;
	font-family:Tahoma;
	line-height: 1.7em;
	font-size: 13px;
}

p{
	margin-bottom:8px;
	margin-top:3px;
}

h1{
	font-family:"Trebuchet MS";
	font-size:19px;
	color:#ffffff;
	letter-spacing:-1px;
	font-weight:lighter;
	margin-top:-21px;
	margin-bottom:20px;
}

h2{
	font-family:"Trebuchet MS";
	font-size:33px;
	color:#565656;
	letter-spacing:-1px;
	font-weight:lighter;
}

h3{
	font-family:"Trebuchet MS";
	font-size:17px;
	color:#CC0000;
	letter-spacing:-1px;
	font-weight:lighter;
}
/* =Links
---------------------------------------------------------------------*/
a:link, a:visited { font-size:11px; color:#ffffff; font-weight:bold; text-decoration:none; border-bottom:1px #ffffff dotted; padding-bottom:4px; }

a:hover { color:#CC0000; }

a.else:link, a.else:visited { font-style: normal; font-size:11px; color:#FFFF00; text-decoration: none; border:none; font-weight:500; }

a.else:hover { font-style: normal; color:#CC0000; font-size:11px; text-decoration: none; border:none; font-weight:500; }

/* =Menu
-----------------------------------------------------------------------------*/
#nav-bar{
	padding-top:245px;
	float:left;
	height:44px;
	margin-bottom:20px;
}

#nav{
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	height:44px;
}

#nav li{
	display:inline;
	height:44px;
}

a.menu:link, a.menu:visited { font-family:"Trebuchet MS"; font-size:13px; color:#FFFFFF; display:block; width:150px; text-align:center; float:left; border-bottom:none; height:44px; line-height:44px; padding-bottom:0px;}

a.menu:hover{ color:#CC0000; height:44px; line-height:44px; padding-bottom:0px; }

a.katigories:link, a.katigories:visited { font-family:"Trebuchet MS"; font-size:13px; color:#FFFFFF; text-align:left; border-bottom:none; line-height:44px; padding-bottom:2px; border-bottom:#FFFFFF 1px dotted;}

a.katigories:hover{ color:#CC0000; height:44px; line-height:44px; padding-bottom:2px; border-bottom:#CC0000 1px dotted; }

a.menu-on:link, a.menu-on:visited, a.menu-on:hover { font-family:"Trebuchet MS"; font-size:13px; display:block; width:150px; text-align:center; float:left; border-bottom:none; height:44px; line-height:44px; color:#CC0000; padding-bottom:0px; background:url(../images/Csplelis_03.jpg) 1px bottom no-repeat;}

#katigories li{
	display:block;
}

#katigories {
	list-style-type:none;
	list-style-position:inside;
	float:left;
	margin-left:-17px;
}

#eikones{
	float:left;
	margin-left:15px;
}

img{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	border:1px #FFFFFF dotted;
}

img:hover{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	border:1px #CC0000 dotted;
}

/* =Content
-----------------------------------------------------------------------------*/
#wrapper{
	width:900px;
	min-width:900px;
	margin-left:auto;
	margin-right:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#container {               
	width:900px;
}

.index-text{
	width:390px;
	height:180px;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
	background:url(../images/bullet.jpg) 0px 8px no-repeat;
	padding-left:20px;
	margin-left:25px;
}

.new{
	width:390px;
	height:180px;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
	background:url(../images/new.jpg) top left no-repeat;
	padding-left:20px;
	margin-left:25px;
	padding-top:100px;
}

#profil{
	width:800px;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
	background:url(../images/bullet.jpg) 0px 8px no-repeat;
	padding-left:20px;
	margin-left:35px;
}	

.left{
	float:left;
	margin-right:20px;
	border:1px #FFFFFF solid;
}
	
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	height:27px;
	color:#FFFFFF;
	width:100%;
	min-width:920px;
	line-height:27px;
	text-align:center;
	font-size:11px;
	background-color:#000000;
}

/* =Contact only
-----------------------------------------------------------------------------*/
#contact-box{
	margin-right:20px;
	width:350px;
	float:left;
	height:auto;
}

#contact-sxolia{
	width:320px;
	float:left;
	height:auto;
}

#comments{
	margin-right:15px;
	width:450px;
	float:left;
	height:auto;
}

#map{
	width:400px;
	height:390px;
	float:left;
	margin-bottom:10px;
	border:#ffffff 4px solid;
	font-size:13px;
	text-transform:uppercase;
	margin-left:20px;
	color:#333333;
	font-family:"Trebuchet MS";
}

input, textarea{
   font-style:italic;
   font-family:"Trebuchet MS";
   font-size:14px;
   color:#333333;
   padding:4px;
   margin-bottom:5px;
   border:dotted 1px #CC0000;
   background-color:#FFFFFF;
}