body {margin: 0; padding: 0;
     background:#ffffff url(images/img04.gif) repeat-x;
	 font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color: #200;}

h1, h2, h3 {margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #220;}

h1 {font-size:197%;}
h2 {font-size:136%;}
h3 {font:bold 100%;}
h4 {font:bold 100%; color:#BF791A; margin-bottom:0;}

p, ul, ol {margin-bottom:1.6em;}

blockquote {font-style:italic;}

.red {color:#FF0000;}

a {color:#BF791A; font-weight:bold; text-decoration:underline;}
a:hover {color: #200; text-decoration: none;}

.lank_ruta, .lank_ruta a, .lank_ruta:visited {display:inline-block; font-weight:bold; text-align:center; padding:0.7em; margin:0.5em 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; color:#ffffff; background-color:#BF791A; text-transform:uppercase; cursor:pointer;}
.lank_ruta:hover, .lank_ruta:active {color:#ffffff; opacity:0.5; filter:alpha(opacity=50); 
-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} 

hr {display: none;}


/* Images */

img.left {float: left; margin: 0 15px 0 0;}
img.right {float: right; margin: 0 0 0 15px;}

.login {width: 27px; height: 27px; margin-left:5px; float:right; top:0;}


/* header */

#header {width: 900px; height: 100px; margin: 0 40px;}


/* Logo */

#logo {background:transparent url(images/kalmarunionen_logo.jpg) no-repeat scroll left bottom; float:left; width:240px; height:150px; padding-top:7.5px; padding-left:0;}
#logo h1, #logo h2 {margin: 0; text-transform: lowercase; text-align: center;}
#logo h1 {padding-top: 15px; font-size: 36px;}
#logo h2 {font-size: 12px;}
#logo a {text-decoration: none; color: #FFFFFF;}


/* Search */

#search {color:#333; font:50px Georgia, "Times New Roman", Times, serif; float:left; width:auto; padding-top:8px; }

#search form {margin: 0; padding: 0;}

#search fieldset {margin: 0; padding: 0; border: none;}

#search legend {display: none;}

#searchinput, #searchsubmit {border: 1px solid #EDEBD5; font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7F7772;}

#searchinput {padding: 2px 5px; width: 198px; background: #FFFFFF url(images/img02.gif) repeat-x;}

#searchsubmit {background: #FFFFFF url(images/img03.gif) repeat-x left bottom;}


/* Menu */

#menu {width: auto; height: 70px; margin: 0 auto 0; margin-left:240px;}

#menu ul {float: left; margin: 0; padding: 0; list-style: none;}

#menu li {float: left; display: block; height: 40px;}
#menu li:hover {background: #F9F8F1;}

#menu a {display: block; width: 60px; height: 35px;	padding: 5px 20px 0; text-align: center; text-decoration: none;	font-weight: bold; color: #7f7772;}

html>body #menu a {width: auto;}

#menu li.active {background: #EDEBD5 url(images/img05.gif) no-repeat;}
#menu li.active a {background: url(images/img06.gif) no-repeat right top;}


/* Page */

#page {width: 770px; margin: 0 auto 20px auto; background: url(images/img07.gif) repeat-y 260px 0;}


/* Content */

#content {float: right; width: 490px;}

.title {padding-bottom: 5px; border-bottom: 1px solid #EDEBD5;}

.twocols  {min-height:125px;}
.twocols .col1 {float: left; width: 235px;}
.twocols .col2 {float: right; width: 235px;}

.threecols  {display:block; min-height:125px;}
.threecols .col3 {text-align: center; width: 33%; float:left; vertical-align: middle;}

.list {margin-left: 0; padding-left: 0; list-style: none;}
.list li {padding-left: 10px; background: url(images/img10.gif) no-repeat left center;}


/* Sidebar */

#sidebar {float: left; width: 240px;}

#sidebar ul {margin: 0; padding: 0; list-style: none;}

#sidebar li {padding: 20px; background: url(images/img11.gif) no-repeat;}
#sidebar li li {padding: 5px 0; background: url(images/img12.gif) repeat-x left bottom;}

#sidebar h2 {border-bottom: 1px solid #EDEBD5; font-size: 114%;	font-weight: bold;}
#sidebar h3 {margin: 0;}

#sidebar p {margin: 0; line-height: normal;}

#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}


/* Footer */

#footer {clear: both; height: 100px; padding-top: 20px; background: #EDEBD5 url(images/img08.gif) repeat-x;}
#footer p {margin: 0; text-align: center; font-size: 85%;}


h2s {font: 136% Georgia, "Times New Roman", Times, serif;}
.bildram { border: solid 1px #cccccc; }
#invite { width: 95%; height: 620px; padding-right: 5px; padding-left: 5px; border-top: 2px dotted #cccccc; border-bottom: 2px dotted #cccccc; }
.day {font-size: 14px; background-color: #FF9B06; padding:5px; width:480px;}