/**            CLIENT: OSLO10            **/
/**             ALL CODE BY              **/
/**                 [tm]                 **/
/**           thomas-martin.ch           **/
/**                 @2011                **/
html,
body {
	margin: 0;
	padding: 0;
}

body {
    font-family: Arial,Helvetica, Geneva, SunSans-Regular, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background-color: #fff;
}
a{color: #000;text-decoration:none}
a:hover{color:#64e519}


strong,
em {
	/*color: #6e6f7b;*/
}
.upper{text-transform:uppercase;}

input:focus,
textarea:focus,
select:focus,
img:focus,
a:focus {
	outline: 0 none;
}

img {
	border: none;
}
.noborder{border-width: 0 !important;}
.clearfix {
	height: 1px;
	font-size: 1px;
	clear: both;
}
br {
	letter-spacing: normal;
}
table, tr, td {
	border-collapse: collapse;
}

.spacerAfter1{height: 20px !important;}
.spacerAfter2{height: 40px !important;}
.spacerBefore1{margin-top: 15px !important;}
.spacerBefore2 {margin-top: 30px !important;}
.clear,.clearer{clear: both; overflow: hidden; display: block; margin: 0; padding: 0; border: none; height: 1px; line-height: 0;}
hr{
    clear:both;
    display:block;
    height:1px;
    margin-bottom:10px;
    margin-top:10px;
    color: #fff;
    border: 0px;
    border-top:1px solid #000;
    width: 100%

}
.withicon{
    background-repeat:no-repeat;
    display:block;
    line-height:18px;
    padding-left:25px !important;
}



#mainWrapper {
	margin: 0;
	padding: 0;
	text-align: left;
    border: 0;
    position: relative;
}



#logo{position:absolute;left:15px;top:15px;}
#header{font-size: 15px; position:relative;height: 102px}

#metaNav{position:absolute; top:10px; right:10px; color: #64e519; font-size: 11px;}

#metaNav ul{
    position: relative;
    display: block;
    margin:  0;
    padding:  0;
}
#metaNav li{
	list-style-type: none;
    position: relative;
    float: left;
    padding-top: 1px;
}

#metaNav a{color: #64e519; text-transform: uppercase;}
#metaNav a:hover,#metaNav a.on{color: #000 !important;}

#metaNav .nav_sep {
    color: #64e519;
    font-size: 11px;
    margin: 0 10px;
}

address{
    color: #000000;
    font-size: 11px;
    font-style: normal;
    left: 140px;
    position: absolute;
    top: 90px;
}

#contentWrapper {
	margin: 0;
	padding: 0;
	/*width: 940px;*/
	text-align: left;
}
#mainContent {
	width: 850px;
    height: 495px;
    border:  1px solid #000;
    position: absolute;
    overflow: hidden;
    top: 120px;
    left: 20px;
    background-image: url('../images/clear_bg.png');
    z-index: 20;
}

#content{
    margin:0;
    padding:0 10px;
    color: #181818;
    height: 452px;
    width: 825px;
    overflow: auto;
}

h1 {
	margin: 0 0 1em 0;
	padding: 0;
    font-size: 22px;
    font-weight: bold;
    color: #64e519 !important;
    text-transform: uppercase;
    border-top:  1px solid #000;
    border-bottom:  1px solid #000;
}
h2 {
    font-size: 22px;
    font-weight: bold;
    color: #64e519 !important;
    border-top:  1px solid #000;
    border-bottom:  1px solid #000;
    margin: 0 0  15px 0;
    padding: 0;
}
h3, h3 a{
	font-size: 100%;
    color: #000;
    margin: 0 0 1em 0;
    padding: 0;
}
h4,h5 {
	font-size: 13px;
    color: #64e519;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}
h4{margin-bottom: 1em;}




.image img {
	height: auto;
}

.iright{float:left}
.ileft{float:right}
.tright{float:right}
.tleft{float:left}
.ttop{clear: both; width: 810px}

.noImage{width: 540px;margin-left:260px;}
.textAndImage{}

.textAndImage ul{
    padding-left: 15px;
}
.discreeet{color: #545454 !important;font-size:10px;}
.discreeet a{color: #545454 !important;}
.discreeet a:hover{color: #fff !important;}
.image .caption {
	text-align: center;
	padding: 15px;
	font-style: italic;
	font-size: 13px;
	line-height: 16px;
	background-color: #e3e8ec;
}

/* normale inhalte */
.contententry {
    display: block;
    clear: both;
}
.contententry a{
    color: #64e519 !important;
}
.contententry a:hover{
    color: #000 !important;
}




/* eventdetails */
.eventdetails{

}
.eventdetails img{float: left;}
.eventdetails .description{width: 540px;margin-left:260px;}

.moreLink,.backLink{
    text-transform: uppercase;
    display: block;
    margin-bottom: 1em;
    font-size: 11px;
}

/* eventlist */
.eventlist{clear: both;}
.eventlist img{float: left;}
.eventlist .description{width: 540px;margin-left:260px;}


/* gallery */
.gallery{margin-bottom: 20px;}
.gallery_detail{width: 100%; height: 420px;background-repeat: no-repeat; background-position: center; background-image: url('../images/loader.gif');position: relative;display:none;margin-bottom: 40px}
.gallery_detail_prev,.gallery_detail_next{position: absolute; width: 50%;top:0;height: 420px;background-repeat: no-repeat;}
.gallery_detail_prev{left:0;background-position: bottom left}
.gallery_detail_next{right:0;background-position: bottom right}
.gallery_detail_prev,.gallery_detail_next,.gallery img{cursor: pointer}
.gallery_detail_prev:hover{background-image: url('../images/prev.gif')}
.gallery_detail_next:hover{background-image: url('../images/next.gif')}


/* form */
input:focus,
textarea:focus {
	background: #efefef;
	color: #7b7c7e;
}

#formChSp {
    display:none;
}



/* main navigation */

#mainNav{
	margin: 0;
	padding: 0;
	width: 100%;
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 10;
}
#mainNav:hover{
    /*z-index: 30;*/
}
#mainNav li{
	list-style-type: none;
    position: relative;
}

#mainNav a {
    color: #000;
    font-weight: bold;
	font-size: 100px;
	line-height: 0.85em;
    width: auto;
    height: auto;
    position: relative;
    clear:both;
    display: inline-block;
    text-decoration:none;
    text-transform: uppercase;
    white-space:nowrap;
}
.grid{
    background-image:url('../images/grid.gif');
    position: absolute;
    top: 0;
    left: 0;
}

.shadow{
    color: #64e519;
    position: absolute;
    left: 5px;
    top: 4px;
    z-index: -10;
}
/* footer navigation  */

#footerNav{
	margin: 0;
	padding: 0;
    position: absolute;
    left: 18px;
    bottom: 10px;
    z-index: 10;
}
#footerNav ul{
    margin: 0;
    padding: 0;
}

#footerNav a:hover, #footerNav .active a{
    color: #000;
}
#footerNav li{
	list-style-type: none;
    position: relative;
    float: left;
}
#footerNav .nav_sep{
    margin: 0 10px;
    color: #ccc;
    font-size: 11px;
}

#footerNav a {
    color: #ccc;
    font-weight: normal;
	font-size: 10px;
	line-height: 0.85em;
    width: auto;
    height: auto;
    position: relative;
    clear:both;
    display: inline-block;
    text-decoration:none;
    text-transform: uppercase;
    white-space:nowrap;
}





#closeContent{
  color: #64e519;
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 4px;
    z-index: 50;
    cursor: pointer;
}
#subNav{
    width: 822px;
    clear:both;
    position: relative;
    background-image: url('../images/grid_nav.png');
    height: 17px;
    display: block;
    margin:  2px 4px 24px;
    padding:  0 10px;
}
#subNav ul{
    position: relative;
    height: 17px;
    display: block;
    margin:  0;
    padding:  0;
}
#subNav li{
	list-style-type: none;
    position: relative;
    float: left;
    padding-top: 1px;
}
#subNav .nav_sep{
    margin: 0 10px;
    color: #64e519;
    font-size: 11px;
}
#subNav a {
    color: #64e519;
    width: auto;
    height: auto;
    position: relative;
    text-decoration:none;
    text-transform: uppercase;
    white-space:nowrap;
    font-size: 11px;
}
#subNav .active a, #subNav a:hover {
    color: #000;
}
#dragHandle{
    position: absolute;
    top: 17px;
    z-index: 10;
    width: 100%;
    height: 25px;
    cursor: move;
}

sub {vertical-align: -3px;}
sup {vertical-align: 7px;}




.signature{
    bottom: 10px;
    position: fixed;
    right: 10px;
}
.signature, .signature a{
    color: #ddd;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.signature a:hover{color: #666}