/**
 * 
 * FEINHEIT kreativ studio // www.feinheit.ch
 * 
 */


* html * { position: relative; }

body {
	background: white url('../img/design/bg.gif') repeat-x fixed left top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;

	position: relative;
	top: 0;
	left: 0;
}

#Header {
	width: 950px;
	height: 190px;
	position: relative;
	top: 0;
	left: 0;

}
#Logo {
	height: 125px;
	width: 400px;
	padding: 57px 0 0 0;
	float: left;
}
#Logo a {
	height: 125px;
	background: transparent url('../img/design/logo-midnight.png') no-repeat scroll left top;
	display: block;
	text-indent: -9999px;
}


#Holder {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: transparent url('../img/design/bg-content-top.png') no-repeat scroll center top;
}

#ContentHolder {
	z-index: 50;
	padding: 0 0 130px 0;
	background: transparent url('../img/design/bg-content-bottom.png') no-repeat scroll center bottom;
	position: relative;
	top: 0;
	left: 0;
}

#Content {
	color: white;
	background-color: #182329;
	width: 855px;
	margin: 0 0 0 68px;
}

.ColNormal, .ColTight {
	float: left;
	padding: 0 0 30px 0;
}
.ColWide {
	width: 650px;
/*	padding: 0 250px 30px 0;*/
	padding: 0 0 30px 0;
	
}
.ColNormal {
	width: 500px;
}
.ColTight {
	width: 250px;
}

#HomeFlash {
	margin-top: -200px;
/*	position: relative;
	top: -200px;
	left: 0;
*/
}

#Meta {
	font-size: 17px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: right;
	padding: 10px 29px 0 0;
}

#Meta a {
	text-decoration: none;
	text-transform: uppercase;
}
#Meta a:hover {
	text-decoration: underline;
}
#ten-years-oja {
    background: url("../img/design/10_jahre_oja_logo.png") no-repeat;
    display: block;
    height: 68px;
    float: left;
    width: 94px;
    position: relative;
    left: -10px;
    top: -5px;
}

.SpecialBox {
	height: 200px;
	width: 235px;
	z-index: 150;
	position: absolute;
	top: 55px;
	left: 50%;
	margin: 0 0 0 245px;
}
#HomeSpecial {
	background: transparent url('../img/design/teaser-start-top.png') no-repeat scroll left top;	
}

#GalleryPreview {
	background: transparent url('../img/design/teaser-bildarchiv.png') no-repeat scroll left top;	
}
#GalleryPreview a {
	padding: 0px 0 0 53px;
	text-decoration: none;
	font-weight: bold;
	line-height: 17px;
}
#GalleryPreview a strong{
	padding: 5px 2px 5px 2px;
	margin: -10px 0 0 40px;
	background-color: #39b7e6;
	color: white;
	font-size: 18px;
	display: block;
	text-transform: uppercase;
	width: 160px;
}
#GalleryPreview a span.zeigen{
	padding: 2px 20px 2px 0;
	margin: -15px 0 0 145px;
	color: #fef427;
	font-size: 16px;
	font-weight: bold;
	display: block;
	width: 60px;
	background: #39b7e6 url('../img/design/arrow.gif') no-repeat scroll 57px 4px;
}
#GalleryPreview a:hover strong {
	color: #fef427;
}
#GalleryPreview a:hover span.zeigen {
	background-position:60px 4px;
}
#GalleryPreviewImage {
	display: block;
	width: 170px;
	height: 116px;
	margin: -4px 0 0 53px;
}

#Images {
	margin: 0 0 0 80px;
	width: 660px;
}


#Menu {
	position: relative;
	top: 0px;
	left: 0px;
/*	margin: 30px 0 0 -30px;*/
	margin: 30px 0 0 0;
	width: 168px;
	float: left;
	z-index: 100;
}
#Menu a {
	display: block;
	color: #141b1d;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	line-height: 33px;
	width: 150px;
}
#Menu a span {
	background-color: #cac10a;
	padding: 2px 10px 2px 4px
	
	
}
#Menu .Nav1{
	padding-left: 28px;
}
#Menu .Nav2{
	
}
#Menu .Nav3{
	padding-left: 7px;
}
#Menu .Nav4{
	padding-left: 25px;
}
#Menu .Nav5{
	padding-left: 13px;
}
#Menu .Nav6{
	padding-left: 20px;
}
#Menu .Nav7{
	padding-left: 5px;
}
#Menu .Nav8{
	padding-left: 15px;
}
#Menu #Bilderarchiv{
	padding-left: 18px;
	width: 150px;
}
#Menu #Bilderarchiv span{
	background-color: #39b7e6;
}
#Menu a.mark span, #Menu a:hover span, #Menu a#Bilderarchiv:hover span{
	background-color: #fef427;
}

.clear {
	clear: both;
}

a#oja {
	background: transparent url('../img/design/oja-logo.gif') no-repeat scroll left top;
	padding: 13px 0 0 36px;
	font-size: 10px;
	font-weight: bold;
	display: block;
	width: 280px;
	height: 34px;
	text-decoration: none;
	margin: 0 0 0 100px;
	float: left;
}
a#oja:hover {
	text-decoration: underline;
}
a#netlog {
	background: transparent url('../img/design/teaser-netlog.png') no-repeat scroll left top;
	font-size: 10px;
	font-weight: bold;
	display: block;
	width: 232px;
	height: 162px;
	text-decoration: none;
	float: left;
	text-indent: -8888px;
	margin: -50px 0 0 160px;
	padding: 0;
}


.list {
	margin-top: 20px;
}
.list .item {
	color: black;
	background: transparent url('../img/design/listBG1.png') no-repeat scroll left center;
	height: 72px;
	width: 480px;
	margin: -18px 0 0 0;
/*	line-height: 10px;*/
}
.list .bg2 {
	background: transparent url('../img/design/listBG2.png') no-repeat scroll left center;
}

.list .item .icon {
	width: 45px;
	height: 54px;
	display: block;
	text-indent: -8888px;
	float: left;
	background: transparent url('../img/design/icon-basketball.gif') no-repeat scroll center center;
}
.list .item div {
	float: left;
	margin: 15px 0 0 0;
	line-height: 17px;
}
.list .bg2 div {
	margin: 11px 0 0 0;
}

.list .item .fussball {
	background: transparent url('../img/design/icon-fussball.gif') no-repeat scroll center center;
}
.list .item .volleyball {
	background: transparent url('../img/design/icon-volleyball.gif') no-repeat scroll center center;
}
.list .item .dance {
	background: transparent url('../img/design/icon-dance.gif') no-repeat scroll center center;
}
.list .item .basketball {
	background: transparent url('../img/design/icon-basketball.gif') no-repeat scroll center center;
}
.list .item .event {
	background: none;
}

h1 {
	color: white;
	background-color: #cac10a;
	font-size: 16px;
	padding: 5px 5px 5px 5px;
	display: inline;
}
h2{
	color: #fff201;
}



/* GALLERY */

#GalleryListe {
	width: 160px;
	background-color: #2cb2e4;
	padding: 10px 0 0 6px;
	margin: 2px 0 0 0;
}
#GalleryListe li{
	list-style:none;
	padding: 0;
	margin: 0;
}
#GalleryListe .title {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#GalleryListe .title .dates {
	padding: 0 0 0 10px;
}
#GalleryListe a {
	display: block;
	font-size: 12px;
	line-height: 16px;
}
#GalleryListe a:hover, #GalleryListe a.mark {
	color: #fff200;
}

.GalleryContent .ColWide {
	background: transparent url('../img/design/gallery-background.png') no-repeat scroll 80px 15px;
	width: 820px;
	height: 464px;
	padding: 20px 0 0 40px;
}

.GalleryContent .ColWide a{
	margin: 0 1px 0 0;
	text-align: center;
	width: 171px;
	height: 114px;
}
.GalleryContent .ColWide a img{
	border: 1px solid #e5e6e7;
}
.GalleryContent .ColWide a:hover img{
	border: 1px solid #2cb2e4;
}
.GalleryContent .ColWide h1 {
	background-color: #2cb2e4;
	margin-left: 35px;
}
.pagination {
	text-align: center;
	color: #182329;
	font-size: 14px;
	font-weight: bold;
}

body.home .ColWide{
	margin: 0 0 0 100px;
	width: 460px;
	background-color: #182329;	
	padding: 0 0 0 30px;
}
body.home #Holder {
	width: 960px;
	background: transparent url('../img/design/bg-content-home.png') no-repeat scroll center top;

}
body.home #ContentHolder {
	padding: 0 0 30px 0;
	background: none;
}
body.home #Content {
	background: none;
}

body.feincms h2{
	color: #39b7e6;
}

body.feincms .ColNormal{
	margin: 0 0 0 0px;
	width: 440px;
	padding: 20px 30px 30px 20px;

	background-color: white;
	color: black;
	float: left;
}
body.feincms .ColTight{
	width: 200px;
	float: left;
	background-color: #434c51;
	width: 180px;
	padding: 20px 20px;
	margin: 0 0 0 20px;
	color: #d6bc08;
}
body.feincms .ColTight strong{
	font-size: 16px;
}
body.feincms .ColTight a{
	color: #d6bc08;
}

body.feincms .ColTight img {
	padding: 10px 0 10px 0;
	display: block;
}

body.feincms a:hover {
	color: #39b7e6;
}

body.links a{
	text-decoration: none;
	line-height: 20px;
}
body.links a:hover{
	text-decoration: underline;
}


.location h2 {
	font-size: 16px;
	text-align: right;
	padding: 10px 20px 5px 0;
}

.LocationContent {
	background-color:#434c51;
	margin: 30px 0 0 0;
	padding: 5px 30px 25px 30px;
	color: white;
	width: 420px;
}
.LocationContent .MapHolder {
	width: 420px;
}
.LocationContent a.MapOpen, .LocationContent a.MapClosed{
	color: #fff200;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0 10px 18px;
	display: block;
}
.LocationContent a.MapOpen,  .LocationContent a.MapClosed:hover {
	background: transparent url('../img/design/arrow.gif') no-repeat scroll 0 -23px;
}
.LocationContent a.MapOpen:hover {
	background-position: 0 7px;
}
.LocationContent a.MapClosed, .LocationContent a:hover {
	background: transparent url('../img/design/arrow.gif') no-repeat scroll 0 7px;
}
#loacation_address {
	color: white;
}
.avatar {
	background-color: #434c51;
	width: 230px;
	height: 100px;
}

.avatar .name {
	color: #cac10a;
	font-weight: bold;
	display: block;
	margin-top: 20px;
}
.avatar img {
	float: left;
	margin: 6px;
	border: 2px solid #cac10a;
}
.avatar_infos {
	float: left;
}

.spacer{
	height: 15px;
}


p span {
	color: #434c51;
}

a{ 
	color:#000;
	outline:none;
	border:none;
	text-decoration:none;
}
a:hover{ 
	text-decoration:underline;
}

a#feinheit {
	background:transparent url('/media/img/design/feinheit.gif') no-repeat scroll 0 0;
	display:block;
	height:53px;
	position:fixed;
	right:0;
	text-indent:-7777px;
	bottom:0;
	width:16px;
	z-index:4;
}

a img{border:none;}
@media print {
	*{background: #fff; color: #000;}
	html {font: 100%/1.5 Arial, Helvetica, sans-serif;}
	/*#nav, #about { display: none; }*/
}