/* BASIC STRUCTURE */

body{
	font-size: 62.5%; /* Resets 1em to 10px */
	background-color: #3c3c3c; 
}
img{	border:0;}

#base{
	width:1086px;
	height:100%;
	margin: -8px auto 0px auto;
	background: #e9e9e9;
	border:1px solid #202020;
}

#head{
	width:100%;
	height: 244px;
	background: url('../imgs/head.png') no-repeat;
}

#footer {
	width:100%;
	height: 39px;
	background: url('../imgs/footer.jpg') no-repeat bottom left;
}

#twitter, #members {
	overflow:hidden;
	float:right;
	right:0px;
	top:43px;
	margin-top:3px;
	width:205px;
}

#osm_logo {
	position:relative;
	float:left;
	display:block;
	height: 200px;
	width: 220px;
	left:45px;
	top:10px;
}

#content {
	padding:0 20px 40px 41px;
	margin-top:-25px;
	font-family:Verdana;
	color:#202020;
	min-height: 620px;
	z-index:623;
	overflow-y:auto;
}

/* SUBMENU */
#submenu{
	position:absolute;
	margin: 83px 0 0 290px;
}

#submenu a {
	height:30px;
	width:130px;
	display:block;
	float:left;
}
#submenu a:hover {
	border: 1px dashed gray;
	/* border-top: 2px dotted black; */
}

#submenu .concept {width:120px;}
#submenu .team {width:99px;}
#submenu .sponsoring {width:122px;}
#submenu .equipment {width:136px;}
#submenu .register {
	margin-left:145px;
	width:150px;
}


/* STICKER MENU */
#sticker {
	position:relative;
	left:85px;
	top:130px;
	width:604px;
	height:70px;
	z-index:880 !important;
	overflow-y: hidden;
}
#sticker, #sticker img, #sticker area{	cursor:pointer;}
#sticker img{
	float:left;
	border:0;
}
#tooltip p{
	font-family:"Trebuchet MS", "Verdana";
	color:white;
	position:relative;
	font-weight: 100;
	font-size: 11px;
	padding:26px 0 0 30px;
}
#tooltip .title {
	font-size:14px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom:5px;
}
#tooltip {
	position:absolute;
	display:none;
	background: url('../imgs/stickers_overlay.png') no-repeat top right;
	width: 205px;
	height: 118px;
	z-index:999;
	margin-top:0px;
}

/* OSM RSS ICON */
#osm_rss{
	border:none;
	position:relative;
	top:30px;
	left:992px;
}

/* FOOTER MENU */
#footer {	padding-left:45px;}
#footer a{
	height:35px;
	width:100px;
	display:block;
	float:left;
}
#footer .impressum {width:120px;}
#footer a:hover .contact{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/* TWITTER FEED */
#twitter {
	padding-top:80px; 
	background: url('../imgs/twitter_bg.jpg') no-repeat top right;
	height:612px;
}
#twitter div {margin: 0 20px 40px 20px; font-family:Verdana; color:#202020;}
#twitter img {float:left; margin-top:-25px; margin-right:10px;}
#twitter .description, #twitter a {display:inline;}
#twitter .description {font-weight:bold; color: #6f6f6f !important;}
#twitter .timestamp {color:#8d8d8d; margin-top:-8px;}

/* MITMACHBEREICH */
#members {
	font-family:Helvetica,Arial,Verdana;
	padding:16px;
	height:574px;
	background: url('../imgs/members_bg.jpg') no-repeat top right;
	font-size:11px;
}
#members a { 
	color:#c3c3c3;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:40px;
}
#members img{ 
	margin-bottom:8px;
	margin-top:22px;
}
.member{
	text-align:justify;
	border:0;
	clear:both;
	display:block;
	width:160px;
	height: 160px;
	margin-bottom:32px;
	margin-left:24px;
}
.member div, .member img {
	position: absolute;
}

.member div {
	margin-top:46px;
	width: 160px;
}

#members h1{	
	font-size:16px; 
	line-height:0px;
	text-align: center;
}

/* DOCUMENTWIDE STYLES */
a, a:visited, a:active {
	text-decoration: none;
	color:#009212;
	font-weight: bold;
}
a:hover {	text-decoration: underline;}
h2 {
	font-size: 14px;
}
/*
.osmgreen {
	text-decoration: none;
	color:#009212;
}
*/


/* SEARCHFIELD */

#osmSearch{
	position:relative;
	float:right;
	margin-right:-12px;
	width:240px;
	top:141px;	
	vertical-align:middle;
	background:none;
	display:inline;
}
#osmSearchfield{
	width:116px;
	height:15px;
	margin-right:10px;
	border:0;
}
#osmSearch .submit {
	border:1px solid black !important;
	background: white;
	color:black;
	height:20px;
}
.search-result{
	color:white;
	font-weight:bold;
	background-color:#009212;
	padding:2px;
}