* {
	margin: 0;
	padding: 0; 
}

body {
	font-size: 62.5%;
	background: #000 url(IMG/bg.jpg) no-repeat center top;
	width: 100%;
	margin: 0;
	padding: 0; 
}

.ekorren-bg {
	background: #000 url(IMG/ekorren-bg/_ekorren.jpg) no-repeat center top;
}
p, li {
	font: 1.2em/1.8em Tahoma, sans-serif;
	margin-bottom: 10px;
}
h1 {
	font: 2.0em Tahoma, sans-serif;
	color: #000;
	height: 0px;
}

h2 {
	font: 2.2em Helvetica, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height: 0.8em;
	text-align:right;
	margin: 0px 20px 0 0;
	padding-top: 20px;
}
h3 {
	font: 3.0em Helvetica, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height: 0.8em;
}

img {
	border: none;
}

#wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	width:750px;
	height:470px;
	margin-top: -285px; /*set to a negative number 1/2 of your height*/
	margin-left: -375px; /*set to a negative number 1/2 of your width*/
	background: transparent url(IMG/frame.png) no-repeat;
	}
#wrapper-outer {
	position:absolute;
	width:100%;
	height:100%;

	}
#maincontent {
	height: 360px;
	margin: 53px 55px 56px 55px;

}



.footer{
border-top: 1px solid #1f1f1f;
height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top: 50px;
padding-top:10px;
text-align: center;
color:#252525;
display:block;

}
.footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#7d7d7d;
display:block;

}
.footer a:hover{
color:#ccc;

}
.footer a{
	text-decoration:underline;
	color:#5e5e5e;
}
.footer a:hover{
	color:#fff;
}


/* SOCIAL LINKS
==============================================================*/

.social{
height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 50px;
margin-left: 100px;
text-align: center;
}
.social ul{
padding: 0px 0px 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
text-align: center; /*set value to "left", "center", or "right"*/
}

.social ul li{
display: inline;
text-align: center;
}
.social ul li img{
vertical-align: middle;
text-align: center;
}
.social ul li a{
color: #555;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-right: 180px; 
text-decoration: none;
}
.social ul li a:hover, .menu ul li a.selected{
color: #fff;
}

a.youtube {
		text-align: center;
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(IMG/youtube_16.png);
	background-position: 0 0;
	margin: 0 auto;
	float:left;
	}
a.youtube:hover {
    background-position: 0 -16px;
}
.youtube_a { 
padding-left: 15px;
display:block;
width: 130px;
	text-align: center;
margin-top: -4px;

}

a.facebook {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(IMG/facebook_16.png);
	background-position: 0 0;
	margin: 0 auto;
	float:left;
	}
a.facebook:hover {
    background-position: 0 -16px;
}
.facebook_a { 

padding-left: 10px;
display:block;
width: 130px;
margin-top: -4px;
}


a.twitter {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(IMG/twitter_16.png);
	background-position: 0 0;
	margin: 0 auto;
	float:left;
	}
a.twitter:hover {
    background-position: 0 -16px;
}
.twitter_a { 
padding-left: 10px;
display:block;
width: 110px;
margin-top: -4px;
}






/******************** login ********************/
#login_wrapper {
z-index: 7;
	font-family: Helvetica, Arial, sans-serif;
text-align: left;
text-align:center;
padding: 30px 0 0 180px;
}

#login_wrapper div  {
float: left;
}


#login_wrapper label, #login_wrapper label span {
color: #fff;
display : block;
	font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
text-align:left;
letter-spacing: 1px;
line-height: 1.5em;
}

#login_wrapper input {
color: #3C556A;
padding: 5px 5px 6px 5px;
border: 2px solid #ccc;
font-size:14px;
margin-right: 5px;
}


#login_wrapper #sign_in_btn {
margin-left: 0px;
border: 0px;
}


#submit {
margin-top: 20px;
}




/* login form
==============================================================*/

.field{
margin-right:10px;
width: 260px;
font-size:16px;
padding: 5px;
margin-bottom: 5px;
margin-left: 0px;
border: 4px solid #dcdcdc;
background:#F4F4F4;
}
.field:hover{
margin-right:10px;
font-size:16px;
padding: 5px;
margin-bottom: 5px;
margin-left: 0px;
border: 4px solid #ccc;
background:#fff;
}
.textfield{
width: 300px;
font-size:16px;
padding: 5px;
margin-bottom: 5px;
margin-left: 0px;
border: 4px solid #dcdcdc;
background:#F4F4F4;
font-size:16px;
}

/* KONTAKT
============================================ */
.x {
display: block;
} 
.metodinfo{
	padding: 4px;
	background:#000;
	text-align:center;
	font-size: 12px;
	float: left;
	height: 15px;
	clear: both;
	}
.metodinfo a{
color:#CCC;	

}
.metodinfo a:hover{
color:#fff;	

}
.contactwrap{
	font-family: Helvetica, Arial, sans-serif;
	height: 360px;
	overflow:auto;
	color: #FFF;
	font-size:12px;
	background: #000;
	float: left;
}
.staffcolumn{
	float: left;
	heigth:93px;
	width: 31%;
	display: block;
	padding: 5px 5px 5px 0px;
	margin: 5px 0 0 9px;
}
.staffcolumn a{
	color: #CCC;
	text-decoration:none;
	padding: 10px 10px 10px 17px;
}
.staffcolumn a:hover{
	background:#333;
}


.staffcolumn h3{
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		letter-spacing:-1px;
		color:#C00;
		font-size: 16px;
		padding: 0 0 5px 0;
		margin: 0;

}
.map{
	float:left;
	height: 55px;
	margin: 20px;
	width: 600px;
	text-align:center;

}
/* NAV
==============================================================*/


.menuwrapper{
height: 36px;
width: 580px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
margin-top: 70px;
background: transparent url('IMG/indentbgbg.gif') no-repeat;
margin-left: 80px;

}
.indentmenu{
font: bold;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
text-transform:uppercase;
text-align:center;

}

.indentmenu ul{
text-align: center;
margin: 0;
padding: 0;
float: left;
margin-left: 19px;

}

.indentmenu ul li{
text-align:center;
display: inline;
}

.indentmenu ul li a{
	text-align:center;
float: left;
color: white; /*text color*/
padding: 5px 24px;
text-decoration: none;
border-right: 1px solid #444444; 
border-left: 1px solid #000;
}

.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .active{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background: black url(IMG/indentbg2.gif) center center repeat-x;
}