/*******************************************************************************
Title:	 Stylesheet for markuscamenzind.ch
Media:   Screen
Author:	 ability-webdesign.ch
Created: 03.09.2009
Update:
*******************************************************************************/

html {
overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font:small verdana, helvetica, arial, sans-serif;
	color:#7c7c7c;
	font-size:11px;
	background:url(../images/body-bg.jpg) center 0 repeat-y;
	text-align: center;
}

a {
	text-decoration: none;
	color:#5d6724;
}

a:focus {
	outline:none
}

h1, h2, h3, h4, h5, h6 {
	color:#5d6724;
}

h1 {
	font-size:14px;
	margin:0 0 10px 0;
}

h2 {
	font-size:12px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #000;
}

h3 {
	font-size:11px;
	margin:10px 0 0 0;
}

h4 {
	font-size:12px;
	color:#7c7c7c;
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px solid #7c7c7c;
}

a img {
	border:0;
}

table {
	font-size:11px;
}

table p.bodytext {
	margin:0;
	padding:0;
}

hr {
	height:1px;
	border:none;
	border-top:1px solid #606072;
}


/**********************************************************

                  Wrapper

***********************************************************/

#wrapper{
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding:0 12px;
	width: 972px;
	background:url(../images/wrapper-bg.png) 0 0 repeat-y;
}


#shadow-bottom {
	position:absolute;
	bottom:-22px;
	left:0;
	height:22px;
	width:996px;
	background:url(../images/shadow-bottom.png) 0 0 no-repeat;
}


/**********************************************************

                Header

***********************************************************/

#header{
	position:relative;
	padding:0;
	height:145px;
	background:url(../images/header/frontpage.jpg) 0 0 no-repeat;
	margin:0 20px;
}

#header h1{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#header h1 a{
	display: block;
	width:610px;
	height:134px;
	text-decoration: none;
}

#logo {
    position:absolute;
    top:60px;
    left:520px;
    width:298px;
    height:33px;
}


#header-nav{
	position:absolute;
	top:27px;
	right:0;
	font-size:10px;
}

#header-nav ul, #header-nav li{
/*	display:inline;*/
	padding:0;
	margin:0;
	list-style-image:url(../images/bullet.png);
}

#header-nav li{
	padding:2px 0;
}

#header-nav li a{
	text-decoration:none;
	color:#5b5b5b;
}

#header-nav li a:hover{
	text-decoration: underline;
	color:#5d6724;
}


#flash-container {
	position:absolute;
	left:0;
	top:0;
	width:610px;
	height:134px;
}

#print {
	position:absolute;
	bottom:11px;
	right:0px;
	width:20px;
}


/***********************************************************

                Main navigation

***********************************************************/

#nav-container {
	position:relative;
	height: 26px;
	z-index:300;
	margin:0 10px;
}

#nav-border {
	clear:both;
	height:3px;
	border-top:1px solid #fff;
	background:url(../images/nav-line.png) 0 0 repeat-y;
}

#nav {
	position:relative;
	font-size:12px;
	margin:0 10px;
	padding:0;
	z-index:9999;
}

#nav li{
	float: left;
	list-style:none;
	padding:0;
	margin:0;
}

#nav li.first a{
	border-left:none;
}

#nav li:hover,
#nav li a:hover,
#nav li.current a,
#nav li ul li a,
#nav li.current ul li a {
	background-color:#a4b07b;
	color:#fff;
}
/*
#nav li.item2:hover,
#nav li.item2 a:hover,
#nav li.item2-current a,
#nav li.item2 ul li a,
#nav li.item2-current ul li a,
#nav .item2-selected, #nav .item2-selected:hover {
	background-color:#e9c289;
	color:#fff;
}

#nav li.item3:hover,
#nav li.item3 a:hover,
#nav li.item3-current a,
#nav li.item3 ul li a,
#nav li.item3-current ul li a {
	background-color:#c899a4;
	color:#fff;
}

#nav li.item4:hover,
#nav li.item4 a:hover,
#nav li.item4-current a,
#nav li.item4 ul li a,
#nav li.item4-current ul li a {
	background-color:#e3b5d4;
	color:#fff;
}

#nav li.item5:hover,
#nav li.item5 a:hover,
#nav li.item5-current a,
#nav li.item5 ul li a,
#nav li.item5-current ul li a {
	background-color:#eebeb0;
	color:#fff;
}

#nav li.item6:hover,
#nav li.item6 a:hover,
#nav li.item6-current a,
#nav li.item6 ul li a,
#nav li.item6-current ul li a {
	background-color:#bdd57e;
	color:#fff;
}

#nav li.item7:hover,
#nav li.item7 a:hover,
#nav li.item7-current a,
#nav li.item7 ul li a,
#nav li.item7-current ul li a {
	background-color:#facb75;
	color:#fff;
}

#nav li.item8:hover,
#nav li.item8 a:hover,
#nav li.item8-current a,
#nav li.item8 ul li a,
#nav li.item8-current ul li a {
	background-color:#e4d788;
	color:#fff;
}
*/


#nav li.current ul li a {
	color:#fff;
}
#nav li.current ul li a:hover {
	/*color:#fff;*/
}

#nav li a{
	display: block;
	padding:4px 11px;
	width: auto !important;
	width: 1px;
	height: auto !important;
	height: 1px;
	line-height: 12px;
	color:#5b5b5b;
	white-space: nowrap;
	/*border-left:1px solid #fff;*/
}

#nav li ul{
	font-size:11px;
	position: absolute;
	top: 17px;
	left: -9999px;
	width: 188px !important;
	width: 210px;
	margin-left: -30px;
	padding: 3px 30px 30px 30px;
	text-transform:none;
}

#nav li ul li{
	clear: left;
	width: 186px !important;
	width: 188px;
	border: none;
	/*background-color:#b18f83;*/
	opacity: 0.90;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	filter: alpha(opacity=90);
}

#nav li li:hover{
	height: 100%;
	opacity: 1.0;
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	filter: alpha(opacity=100);
	background-color: #fff;
}

#nav li ul li a{
	width: 186px;
	line-height: 16px;
	padding: 2px 10px 2px 20px;
	background: url(../images/bullet-white.png) 8px 8px no-repeat #a4b07b;
	white-space: normal;
	border-bottom: 1px solid #ccc;
	margin:0;
	border-left:none;
	color:#fff;
}

#nav li ul li a:hover/*,
#nav li.item1 ul li a:hover,
#nav li.item2 ul li a:hover,
#nav li.item3 ul li a:hover,
#nav li.item4 ul li a:hover,
#nav li.item5 ul li a:hover,
#nav li.item6 ul li a:hover,
#nav li.item7 ul li a:hover,
#nav li.item8 ul li a:hover,
#nav li.item9 ul li a:hover,
#nav li.item10 ul li a:hover*/ {
	background-image: url(../images/bullet.png);
	background-color:#fff;
	color: #000;
}

#nav li:hover ul, #nav li.menuHover ul{
	left: auto;
}







/***********************************************************

                Sub navigation

***********************************************************/

#subnav {
	position:relative;
	font-size:11px;
	margin:8px 0 5px 0;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

#subnav li {
	display:inline;
}

#subnav a {
	text-decoration: none;
	color:#5d6724;
}

#subnav ul a {
	text-align:center;
	padding:0px 10px;
	border-left:1px solid #5d6724;
}

#subnav a:hover {
	text-decoration:underline;
	/*color:#7c7c7c;*/
}

#subnav .first a {
	border-left:none;
}

#subnav .current a {
	text-decoration:underline;
}


/**************************************************************

                  Language Navigation

**************************************************************/

#lang-nav{
	position:absolute;
	top:3px;
	right:10px;
	font-size:12px;
	padding:0;
	margin:0;
}

#lang-nav li{
	display:inline;
	padding:0;
	margin:0;
}

#lang-nav li{
	padding:0 2px;
}

#lang-nav li a{
	text-decoration:none;
	color:#5b5b5b;
}

#lang-nav li a:hover{
	text-decoration: underline;
	color:#b062b3;
}

#lang-nav li a.current {
	font-weight:bold;
}


/**************************************************************

                  Container

**************************************************************/

#container {
	position: relative;
	margin:40px 0 0 0;
	line-height:1.5;
	min-height:400px;
}

#container a:hover {
	text-decoration:underline;
}

#footer-clearer {
	clear:both;
	height:180px;
}


/*************************************************************

               Content

*************************************************************/

#content {
	position:relative;
	float:left;
	margin:0 0 0 0;
	width:580px;
}

#content-top-left {
	width:580px;
	float:left;
	margin-bottom:10px;
}

#content-inner {
	padding:10px 40px 20px 180px;
	clear:both;
}

#content-inner p {
	margin:0;
	padding:0 0 10px 0;
	/*clear:both;*/
}

.introbox {
	min-height:75px;
	background:url(../images/introbox/introbox1.png) 0 0 repeat-y;
}

.introbox h1 {
	float:right;
	padding:10px;
	text-align:right;
	width:200px;
}

.introbox-content {
	padding:30px 20px 5px 20px;
}

.introbox-content h1 {
	float:none;
	text-align:left;
	padding:0 0 5px 0;
	margin:0;
}

.introbox-content p {
	margin:0;
	padding:0 0 5px 0;
}


#flower-box {
	position:relative;
	width:522px;
	height:130px;
	background:url(../images/flower-box.png) 0 0 no-repeat;
	margin:10px 0 0 -150px;
}

#flower-box .flower-box-content {
	padding:13px 10px 10px 100px;
}

#flower-box .flower-box-content p {
	padding:0;
}


/***********************************************************
                Content Right
***********************************************************/

#content-right {
	position:relative;
	float:right;
	margin:0 20px 0 0;
	border-left:30px solid #fff;
	width:342px;
}



/******************************************************

                Footer

******************************************************/

#footer {
	position:relative;
	clear:both;
	/*

	position:absolute;
	bottom:0;
	clear:both;*/
	margin:5px 0 0 0;
	padding-bottom:14px;
	/*text-align:left;*/
	color:#aaacaf;
	font-size:10px;
	background:#fbf8f8;
	/*border-top:1px solid #dfdfdf;*/
}

#footer a:hover {
    text-decoration:underline;
}

#footer .left {
	float:left;
	margin-left:30px;
	padding:5px 0 0 20px;
	margin:0;
}

#footer .right {
	float:right;
	padding:5px 20px 0 0;
	margin:0;
}
/*
#footer .line {
    border-bottom:1px solid #dfdfdf;
    margin:0 30px;
    padding:0;
}
*/

/******* Footer Sitemap *******/

#footer-sitemap {
	margin: 0 30px;
	padding: 10px 0 10px 0;
}

#footer-sitemap ul {
	width:148px;
}

#footer-sitemap li {
	display:inline;
	list-style:none;
	float:left;
    /*margin-right:20px;*/
    margin-right:5px;
    padding:2px 0;
    width:111px;
}

#footer-sitemap li.last, #footer-sitemap li.last ul li {
	margin-right:0;
}

#footer-sitemap li a {
	color:#b4be91;
	font-weight:bold;
}

#footer-sitemap a:hover {
	text-decoration:underline;
}

#footer-sitemap li ul {
    padding:0;
    margin:0;
}

#footer-sitemap li ul li {
    float:none;
    display:block;
    margin-right:none;

}

#footer-sitemap li ul li a {
    font-weight:normal;
    font-size:10px;
    color:#b7b6b6;
}

.footer-sitemap-box {
    float:left;
    display:inline;
    margin-right:20px;
}


/**************************************************************

               Form elements

***************************************************************/

/*
input.button, input.text{
border:1px solid #697883;
}
*/
input.button, input.submit{
color:#000;
background-color:#DFDFDF;
border:1px solid #697883;
cursor:pointer;
}

input.text{
width:240px;
}

.submit_button{
text-align:right;
}


/**************************************************************

               Site elements

***************************************************************/

.error{
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
}

.clear {
	clear:both;
}

.align-right {
	text-align:right;
}

.align-center {
	text-align:center;
}

.line {
	position:relative;
	clear:both;
    height:1px;
	background:url(../images/content-line-left.png) 0 0 no-repeat #d9d9d9;
    margin:0px 20px;
    padding:0 0 0 0;
}

.line .right-line {
	position:absolute;
	right:0;
	width:40px;
	height:1px;
	background:url(../images/content-line-right.png) 0 0 no-repeat #d9d9d9;
}

.line2 {
	position:relative;
	clear:both;
    height:1px;
    margin:10px 0;
    border-top:1px dotted #000;
}


/**************************************************************
               Highlighted Tables
***************************************************************/

.row-selected td {
	background-color:#e3e3e3;
}

.row-odd td {
	background-color:#f5f5f5;
}

.row-even td {
	background-color:#fff;
}


/**************************************************************
               Calendar
***************************************************************/

#calendar-mini-container .calendar-mini-table {
	width:100%;
	border-collapse:collapse;
	cursor:pointer;
	border-top:1px dotted #000;
}

#calendar-mini-container .calendar-mini-table td, #calendar-mini-container .calendar-mini-table th {
	vertical-align:top;
	border-bottom:1px dotted #000;
}

#calendar-mini-container .calendar-mini-table th {
	background-color:#eee;
}
/*
#calendar-mini-container .calendar-mini-selected td {
	background-color:yellow;
}

#calendar-mini-container .calendar-mini-odd td {
	background-color:#f5f5f5;
}

#calendar-mini-container .calendar-mini-even td {
	background-color:#000;
}
*/

/**************************************************************
               Extensions
***************************************************************/

/**** Map ****/

.tx-wecmap-pi3, .tx-wecmap-pi1, .tx_lumogooglemaps_pi1_maps_table {
	border:4px solid #A7A4A5;
}

.tx_lumogooglemaps_pi1_maps_table, .tx_lumogooglemaps_pi1_maps_table td, .tx_lumogooglemaps_pi1_maps_table tbody {
    padding:0;
    margin:0;
    boder-collapse:collapse;
    vertical-align:top;
}

.tx-wecmap-pi3 table, .tx-wecmap-pi3 table td, .tx-wecmap-pi1 table, .tx-wecmap-pi1 table td {
	padding:0;
	margin:0;
	border-collapse:collapse;
}

.sidebar {
    border-left:4px solid #A7A4A5;
}

.sidebar ul, .sidebar li {
    padding:0 0 0 5px;
    margin:0 0 0 5px;
}

.tx_lumogooglemaps_pi1_sidebar {
    padding:5px;
}


/**** Cal ****/

#calendar-event-backlink {
	border-top:1px dotted #000;
	padding:5px 0 0 0;
}

/**** Event Registration ****/

.tx-skanimaregistration-pi1-border {
	border:1px solid #ccc;
	padding:10px;
}



/**************************************************************
               Forms
***************************************************************/

.form_wrapper {
	border:1px solid #ccc;
	padding:10px;
}

input, textarea, select {
	font:small verdana, helvetica, arial, sans-serif;
	font-size:11px;
}



.mapbottom {
    float:right;
}