@charset "UTF-8";
/* CSS Document */
body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 100%;
	color: #000000;
	background-image:url(../bilder/bg.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position-x: 50%;
	background-position-y: 100%;
	background-origin: initial;
	background-clip: initial;
	background-color: #DDDCC1;
	margin: 0px auto;
	padding: 0px;
}
#top {
	position:relativ;
	width:960px; 
	height:100px;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:20px;
				      		   }
#ulf {
	position:relativ;
	width:960px; 
	height:38px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:30px;
	 color:#FFF;
	 text-shadow: rgba(0, 0, 0, 0.5) 0 5px 5px; 
	 -webkit-box-reflect: below 2px
  	-webkit-gradient(linear, left top, left bottom, 
                   from(transparent), to(rgba(255, 255, 255, 0.35)));
		 }

.classname {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(3deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(3deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(3deg) scale(1) skew(1deg) translate(10px);
}
.classname:hover{
-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);

				      		   }


#nav {
	position:relative;
	width: 960px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;
}
	a.nav {
		color:#BAA72C;
		font-size:20px;
		font-family:Georgia,Times,serif;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		text-shadow: rgba(153, 102, 51, 0.2) 3px 3px 3px;
		}

		a.nav:link    {
			font-size:20px;
			color:#BAA72C;
			font-family:Georgia,Times,serif;
			text-shadow: rgba(153, 102, 51, 0.2) 3px 3px 3px;
			text-decoration:none;
			text-transform:uppercase;
			text-transform:uppercase;
			}
		a.nav:visited    {
			font-size:20px;
			color:#BAA72C;
			font-family:Georgia,Times,serif;
			text-shadow: rgba(153, 102, 51, 0.2) 3px 3px 3px;
			text-decoration:none;
			text-transform:uppercase;
			}
			
		a.nav:hover   {
			font-size:20px;
			color:#600;
			font-family:Georgia,Times,serif;
			text-shadow: rgba(102, 0, 0, 0.5) 3px 3px 3px;
			text-decoration:none;
			text-transform:uppercase;
			}
		a.nav:active  { 
			color:#600;
			font-size:20px;
			font-family:Georgia,Times,serif;
			font-weight:bold;
			text-decoration:underline;
			text-shadow: rgba(102, 0, 0, 0.5) 3px 3px 3px;
			text-transform:uppercase;
			}	
	a.navaktiv {
		color:#600;
		font-size:20px;
		font-family:Georgia,Times,serif;
		font-weight:bold;
		text-decoration:underline;
		text-shadow: rgba(102, 0, 0, 0.5) 3px 3px 3px;
		}


#content {
	position:relativ;
	width:960px; 
	height:625px;
	margin-left:auto;
	margin-right:auto;
}
	  
	  
	#leftsidebar {
		float:left;
		position:relative;
		width:200px;
		height:550px;
		background-image:url(../bilder/leftsidbar.png);
		background-repeat:no-repeat;
	}

	#right {
		float:right;
		position:relative;
		width:760px;
		height:535px;
		margin-top:15px;
		color:#444444;
		font:12px/1.6em Georgia,Times,serif;
	}
		.h2  {
			color:#BAA72C;
			font-size:16px;
			text-transform:uppercase;
			margin:5px 0 10px 0;
	  	}
	
#footer {
	text-align:center;
	height:30px;
	z-index:2;
	font:12px/1.6em Georgia,Times,serif;
	margin-top:20px;
	margin-bottom:10px;

}
#footer p {
color:#555555;
font:10px/1.4em Verdana,Arial,sans-serif;
}
#footer a {
border-bottom:1px dashed #444444;
color:#444444;
font-weight:bold;
text-decoration:none;
}
#footer a:hover, #footer a:active {
border-bottom:1px solid #801515;
color:#801515;
}