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

	stylesheet.css
	
	--
	Alexander Gewessler, ohneworte.net
	Martin Hochreiter, martinhochreiter.at
	
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	GENERAL
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
*{
	margin:0;
	padding:0;
}
option {
	padding-left: 0.4em; /* Das Zur�cksetzen der Innen- und Au�enabst�nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
}
fieldset, img {
	border:0;
}
html, body { 
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
	position: relative; 	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Gr��e des Browser Fensters ge�ndert wird. */
	/*min-height:101%;
	height:auto !important;*/
	height:101%;	
	font-size: 100.01%; 	/* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */
	/*background-color:#F0F0F0;*/
	background-color:#444444;
	font-size:11px;
}
h1 {
    font-weight: normal;
    color: #000000;
    margin:0.8em 0;
    font-size: 120%;
}
h2{
	font-weight: bold;
	font-size: 140%;
	margin:0;
	padding:0;
}
h3{
	font-weight: bold;
	font-size: 110%;
}
p{
	line-height:1.6em;
    margin:0.7em 0;
}
.clear{
	clear:both;
}
.invisible{
	display:none;
}
.line{
	background-color:#333333;
	width:6px;
	height:1px;
	margin:25px 0 4px 0;
}
*html .line{
	background:none;
	padding-top:0;
	margin:5px 0 4px 0;
	border-bottom:1px solid #333333;
}

.lageplan{
	border:1px solid #E1E1E1;
	background-color:#FFFFFF;
	padding:2px;
}
.quads{
	height:5px;
	overflow:hidden;
	background-image:url(../img/quads.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:3px;
	width:100%;
}
.quads2, .quads3, .quads4{
	height:8px;
	overflow:hidden;
	background-image:url(../img/quads2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:3px;
	width:100%;
}
.quads3{
	background-image:url(../img/quads3.gif);
}

.quads4{
	background-image:url(../img/quads4.gif);
}
.bg_right{
	position:absolute;
	right:0;
	top:582px;
	background-image:url(../img/background_right.jpg);
	background-repeat:no-repeat;
	height:166px;
	width:101px;
	overflow:visible;
	z-index:0;
}
.bg_left{
	position:absolute;
	left:0;
	top:412px;
	background-image:url(../img/background_left.jpg);
	background-repeat:no-repeat;
	width:164px;
	height:412px;
	z-index:0;

}
.arrows{
	position:absolute;
	right:242px;
	top:5px;
	background-image:url(../img/arrows.jpg);
	background-repeat:no-repeat;
	width:25px;
	height:7px;
	z-index:0;
}
.fontSize {
	position:absolute;
	left:45px;
	top:5px;
	width:160px;
	height:11px;
}
.fontSizeTitle {
	background-image:url(../img/fontsize.gif);
	background-repeat:no-repeat;
	height:11px;
	width:112px;
	float:left;
}
#fontsize_decrease a, #fontsize_reset a, #fontsize_increase a,
#fontsize_decrease a:hover, #fontsize_reset a:hover, #fontsize_increase a:hover{
	background-image:url(../img/a_s_0.gif);
	background-repeat:no-repeat;
	font-size:0;
	float:left;
	width:8px;
	height:11px;
}
#fontsize_reset a{
	width:10px;
	background-image:url(../img/a_m_0.gif);
}
#fontsize_increase a{
	width:10px;
	background-image:url(../img/a_l_0.gif);
}
#fontsize_decrease a:hover{
	background-image:url(../img/a_s_1.gif);
}
#fontsize_reset a:hover{
	width:10px;
	background-image:url(../img/a_m_1.gif);
}
#fontsize_increase a:hover{
	width:10px;
	background-image:url(../img/a_l_1.gif);
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	IMAGESLIDER
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#slider{
	text-align:center;
}
#clicktoslide{
	background-image:url(../img/clicktoslide.gif);
	background-repeat:no-repeat;
	width:8px;
	height:63px;
	margin-right:2px;
	position:absolute;
	left:156px;
	_left:155px;
}
#imgs-wrapper {
	overflow: hidden; /*auto; Dadurch werden die anderen Bilder versteckt */
	width:594px;
	height:450px;
	position: relative;
	top:0;
	left:0;
}
#imgs {
	position: absolute;
	top:0;
	left:0;
}
#slider_preloader{
	position:relative;
	top:100px;
}
#slider_table .slider_image{
	padding:0;
}
.slider_number,.slider_caption{
	text-align:left;
	width:48%;
	padding:0 4px 0px 8px;
}
.slider_caption{
	text-align:right;
}
#controller{
	width:186px;
	float:right;
	text-align:right;
}
#controller div{
	float:left;
	width:75px;	
	background-color:#E4E4E4;
	margin-left:3px;
	padding:1px 5px;
}
#controller a{
	text-decoration:none;
	color:#a1a0a0;
}
#controller a.prev:hover{
	color:#333333;
	font-weight:normal;
	padding-left:35px;
	background-image:url(../img/arr_back.gif);
	background-repeat:no-repeat;
	background-position:center left;	
}
#controller a.next:hover{
	color:#333333;
	background-image:url(../img/arr_next.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:50px;
}
#controller .next{
	text-align:left;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	CONTAINER
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#container {
	background-image:url(../img/background.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border-right:1px solid #000000;
	min-height:101%;
	height:auto !important;
	width: 980px;
	overflow:hidden;
}
#content_wrapper {
	overflow:hidden;
	width:814px;
	_width:817px;
	float:right;
	margin-top:25px;
}
#content {
	text-align:right;
	margin-right:210px;
	text-align:left;
	margin-bottom:75px;
	width:596px;
}
#content_right {
	width:115px;
	margin-top:2px;
	padding-right:15px;
	float:left;
	height:100%;
}
#content_middle {
	padding-bottom:2.5em;
	margin-left:155px;
	_margin-left:153px;
	min-height:100px;
	position:relative;
	top:-7px;
}
#content_middle li{
	padding-bottom:0.5em;

}
#content_pics div {
	float:left;
	width:291px;
	margin:0 0px 10px 0;
}
#content p, #content_middle{
	text-align:left;
}
#flashMessage, .error, .error_message {
    color:#009900;
    font-size: 120%;
	border:1px solid #444;
	padding:1em;
	width:580px;
    margin: 8px 0px;
    font-weight: bold;
}
#links,#news{
	/*margin-top:40px;*/
}
#artistgallery{
	overflow:hidden;
}
a.artist,a.artist:hover,a.artistHover{
	float:left;
	width:112px;
	height:80px;
	/*border:1px solid #cecdbb;*/
	border:1px solid #E1E1E1;
	padding-top:5px;
	background-color:#FFFFFF;
	margin:0 2px 4px 2px;
	text-align:center;
}
a.artist:hover, a.artistHover{
	/*background-color:#cecdbb;*/
	background-color:#F0F0F0;
}
#artistDetail {
	/*width:450px;*/
	width:100%;
}
#artistDetail .portrait {
	float:left;
	margin:0 10px 10px 0;
}
#login{
	margin:50px 100px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	HEADER
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header{
	padding-top:16px;
	text-align:right;
	overflow:hidden;
	_height:115px;
}
#header h1 {
    position:absolute;
	left:-1000px;
}
#quicklink{
	position:absolute;
	top:0;
	left:0;
}
#logo{
	width:220px;
	float:right;
}
.headerBackend{
	margin-bottom:3em;
}
.headerBackend h1{
	color:#333333;
	font-size:175%;
	padding:0;
	margin:0;
}
.headerBackend h2{
	color:#FFFFFF;
	font-size:120%;
	padding:0;
	margin-bottom:1em;
}

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

	NAVIGATION
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#navigation{
	float:right;
	position:relative;
	top:86px;
}
#navigation li{
	list-style:none;
	display:inline;
}
#navigation li a {
	float:left;
	height:17px;
	margin-right:1px;
}
#subnavigation {
    float: right;
    width: 190px;
	margin-top:6px;
}
#subnavigation li{
	list-style:none;
	/*padding: 0.2em 0;
	_padding: 0;*/
}
#subnavigation li a{
	display:block;
	height:15px;
	width:170px;
	padding: 2px 6px;
}
*+html #subnavigation li a{
	padding: 0px 6px;
}
/******** MAIN NAVI ********/
#nav_home, #nav_home_hover{
	width:50px;
	background:url(../img/nav_home_0.gif) no-repeat;
}
#nav_home:hover, #nav_home_hover{
	background:url(../img/nav_home_1.gif) no-repeat;
}
#nav_cart, #nav_cart_hover{
	width:44px;
	background:url(../img/nav_cart_0.gif) no-repeat;
}
#nav_cart:hover, #nav_cart_hover{
	background:url(../img/nav_cart_1.gif) no-repeat;
}
#nav_news, #nav_news_hover{
	width:78px;
	background:url(../img/nav_aktuell_0.gif) no-repeat;
}
#nav_news:hover, #nav_news_hover{
	background:url(../img/nav_aktuell_1.gif) no-repeat;
}
#nav_hike, #nav_hike_hover{
	width:173px;
	background:url(../img/nav_wandertag_0.gif) no-repeat;
}
#nav_hike:hover, #nav_hike_hover{
	background:url(../img/nav_wandertag_1.gif) no-repeat;
}
#nav_artist, #nav_artist_hover{
	width:93px;
	background:url(../img/nav_kuenstler_0.gif) no-repeat;
}
#nav_artist:hover, #nav_artist_hover{
	background:url(../img/nav_kuenstler_1.gif) no-repeat;
}
#nav_contact, #nav_contact_hover{
	width:79px;
	background:url(../img/nav_kontakt_0.gif) no-repeat;
}
#nav_contact:hover, #nav_contact_hover{
	background:url(../img/nav_kontakt_1.gif) no-repeat;
}
#nav_links, #nav_links_hover{
	width:51px;
	background:url(../img/nav_links_0.gif) no-repeat;
}
#nav_links:hover, #nav_links_hover{
	background:url(../img/nav_links_1.gif) no-repeat;
}
/******** SUBNAVI ********/
#nav_sub_aufgaben, #nav_sub_aufgaben_hover{
	width:143px;
	background:url(../img/nav_aufgaben_0.gif) no-repeat;
}
#nav_sub_aufgaben:hover, #nav_sub_aufgaben_hover{
	background:url(../img/nav_aufgaben_1.gif) no-repeat;
}
#nav_sub_mitglieder, #nav_sub_mitglieder_hover{
	width:156px;
	background:url(../img/nav_mitglieder_0.gif) no-repeat;
}
#nav_sub_mitglieder:hover, #nav_sub_mitglieder_hover{
	background:url(../img/nav_mitglieder_1.gif) no-repeat;
}
#nav_sub_geschichte, #nav_sub_geschichte_hover{
	width:94px;
	background:url(../img/nav_geschichte_0.gif) no-repeat;
}
#nav_sub_geschichte:hover, #nav_sub_geschichte_hover{
	background:url(../img/nav_geschichte_1.gif) no-repeat;
}
#nav_sub_jahresprogramm, #nav_sub_jahresprogramm_hover{
	width:145px;
	background:url(../img/nav_programm_0.gif) no-repeat;
}
#nav_sub_jahresprogramm:hover, #nav_sub_jahresprogramm_hover{
	background:url(../img/nav_programm_1.gif) no-repeat;
}
#nav_sub_rueckblick, #nav_sub_rueckblick_hover{
	width:88px;
	background:url(../img/nav_rueckblick_0.gif) no-repeat;
}
#nav_sub_rueckblick:hover, #nav_sub_rueckblick_hover{
	background:url(../img/nav_rueckblick_1.gif) no-repeat;
}
#nav_sub_lageplan, #nav_sub_lageplan_hover{
	width:77px;
	background:url(../img/nav_lageplan_0.gif) no-repeat;
}
#nav_sub_lageplan:hover, #nav_sub_lageplan_hover{
	background:url(../img/nav_lageplan_1.gif) no-repeat;
}
#nav_sub_gaestebuch, #nav_sub_gaestebuch_hover{
	width:89px;
	background:url(../img/nav_gaestebuch_0.gif) no-repeat;
}
#nav_sub_gaestebuch:hover, #nav_sub_gaestebuch_hover{
	background:url(../img/nav_gaestebuch_1.gif) no-repeat;
}
#nav_sub_impressum, #nav_sub_impressum_hover{
	width:89px;
	background:url(../img/nav_impressum_0.gif) no-repeat;
}
#nav_sub_impressum:hover, #nav_sub_impressum_hover{
	background:url(../img/nav_impressum_1.gif) no-repeat;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	FORMS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

select, input, textarea { 
	font-size: 99% 			/* Anpassung f�r Safari Browser. font-size:100% ist f�r den Safari in Formularen zu gro� */ 
}
label{
	display:block;
	width:100px;
	float:left;
}
.text{
	border:1px solid #CCCCCC;
	padding:1px 3px;
	margin-bottom:5px;
	width:150px;
}
input:focus{
	background-color:#e4e4e4;
}
.button{
	margin-left:100px;
	background-color: #e4e4e4;
	padding:3px 20px 3px 20px;
	border:none;
}
.button:focus{
	background-color:gray;
}
.ta_intro, .ta_content{
	width:450px;
	height:30px;
}
.ta_content{
	height:250px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	LISTINGS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#events ul, #artists ul, #subnav_backend ul{
	padding:2px 0 0 0px;
}
#events li, #artists li{
	width:170px;
	float:left;
	padding:0;
	margin:0;
	margin-bottom:1px;
}
#subnav_backend li{
	float:left;
}
#events a, #artists a{
	color:#a1a0a0;
	text-decoration:none;
	padding-left:6px;
}
#subnav_backend img{
	position:relative;
	top:3px;
}
#subnav_backend .iconlink, #subnav_backend .iconlink:hover{
	color:#333333;
	background-color:#E4E4E4;
	text-decoration:none;
	display:block;
	width:190px;
	padding:7px 15px 12px 15px;
	margin:0;
}
#subnav_backend .iconlink:hover{
	background-color:#fff100;
}
#events a:hover, #artists a:hover, #artists .linkHover{
	color:#333333;
	background-image:url(../img/arr_next.gif);
	background-repeat:no-repeat;
	background-position:center left;
	text-decoration:none;
	padding-left:6px;
}

#artists a:hover, #artists .linkHover{
	/*background-color:#fff100;*/
	/*background-image:url(../img/arr_back.gif);*/
	font-weight:bold;
}
#links li{
	margin-bottom:.85em;
}
#links li a, #artists a{
	text-decoration:none;
	/*background-color:#E4E4E4;*/
	padding:0 5px;
}
#artists a{
	margin-bottom:2px;
	clear:both;
}
#links li a:hover{
	background-color:#fff100;
}
#links .line2{
	padding:0 5px;
}
a.yearBox {
	float:left;
	border:1px solid gray;
	padding:10px;
	width:20px;
	display:block;
	margin-right:10px;
	text-align:center;
	margin-bottom:30px;
}
a.yearBox:hover {
	background-color:#E4E4E4;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	TABLES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
td, th {
    /*padding: 2px;*/
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
.table td, .table th {
    padding: 2px;
}
#backendTable td{
	padding-bottom:15px;
}
.thHeaderBackend th, .thHeader td {
	border-bottom:1px solid #333333;
	padding:0;
	font-size:110%;
	font-weight:bold;
}
.thActions {
    width: 200px;
}
.gbook_table {
	width:600px;
}
.gbook_table td {
	border-top:1px solid gray;
}
.gbook_table .number{
	font-size:180%;
	width:50px;
	vertical-align:middle;
	text-align:center;
}
.gbook_table .entry{
	padding:1em;
	width:550px;
	font-size:100%;
}
.two {		
	background-color:#ffffff;
}
.row_news td, .row_news a{
	height:22px;
	vertical-align:middle;
	color:#666666;
	text-decoration:none;
}
.row_news:hover td, .row_news td a:hover{
	vertical-align:middle;
	cursor:pointer;
}
.row_news:hover td a, .row_news td a:hover{
	font-weight:bold;
	color:#000;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	LINKS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a {
    color: #000000;
    text-decoration: underline;
}
a:hover{
    color: #000000;
    text-decoration: none;
}

a.back, a.back:hover {
    color: #000000;
    text-decoration: none;
	padding-left:5px;
	position:relative;
	left:-5px;
}
a.back:hover{
	background-image:url(../img/arr_back.gif);
	background-repeat:no-repeat;
	background-position:center left;
}