@charset "utf-8";
/* 
**
**
**	00 Reset Standard Styles
**	01 General Declarations & Typography
**  02 Structural Markup
**  03 Class Definitions
**  04 Content sepecific altering
**  05 Javascript/Dynamic Elements
*/

/* 
** 00 Reset standard html styling 
**--------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
table {	border-collapse: collapse;	border-spacing: 0; }

/* 
** 01 General Declarations & Typography
**--------------------------------------------------------------------------------------------------------------------------------*/
	body{
		background:url(../img/bg/bg.jpg) no-repeat top center;
		font-family: Arial, Helvetica, Tahoma, Verdana;
		font-size:12px;
		line-height:16px;
		color:#000;
	}

/* 
** 02 Structural Markup
**--------------------------------------------------------------------------------------------------------------------------------*/
	#site{
		width:950px;
		margin:0 auto;
		position:relative;
	}
	
	#placeholder 
	{
	    position:absolute; z-index:2; width:455px;height:256px;
	    top:90px;left:60px;overflow:hidden;text-indent:-9999px;
	    background:url(../img/icon/i.png) no-repeat 300px 70px;
	}
	#gemaelde 
	{
	    display:none;
	    position:absolute;
	    z-index:3;
	    width:455px;
	    padding:0px;
	    height:256px;
	    top:40px;left:60px;
	    background:url(../img/bg/gemaelde.png);
	    overflow:hidden;
	}
	#gemaelde img
	{
	    float:left;
	}
	#gemaelde span
	{
	    font-family: 'Yanone Kaffeesatz', "Arial Narrow", Helvetica, Arial, sans-serif;
	    /* font-family:"HelveticaNeueLT Std Lt Cn", "Arial Narrow", Helvetica, Arial, sans-serif; */
	    font-size:18px;
	    float:left;
	    margin:10px;
	    width:170px;
	    height:100px;
	    font-weight:300;
	}
	
	#left 
	{
	    clear:left;
	    float:left;
	    width:205px;
	    margin:28px 40px;
	    font-size:11px;
	    }
	    
	ul#nav 
	{
	    width:205px;
	    margin-bottom:70px
	    }	
	ul#nav li 
	{
	    list-style-type:none !important;
	    margin:0;padding:0;
		}
	ul#nav li a
	{
	    font-family: 'Yanone Kaffeesatz', "Arial Narrow", Helvetica, Arial, sans-serif;
	    /* font-family:"HelveticaNeueLT Std Lt Cn", "Arial Narrow", Helvetica, Arial, sans-serif; */
	    font-size:18px;
	    color:#000;
	    font-weight:400;
	    display:block;
	    width:185px;
	    height:auto;
	    padding:8px 0 8px 20px;
	    line-height:normal;
	    margin:0;
		}
	ul#nav li a:hover
	{
	    color:#a56f07;
		}
	ul#nav li a.active
	{
	    color:#a56f07;
	    background:url(../img/bg/navbar.png) no-repeat 2px bottom;
		}
	 
	.left  
	{
	    width:155px;
	    border-right:1px solid #000;
	    padding:10px 20px;
	    text-align:right;
	    margin:20px 0;
	    overflow:hidden;
	        }
	        
	.gold  
	{
	    border-right:1px solid #a56f07;
	        }
	
	.left img
	{
	    float:left;
	    margin-right:5px;
	        }
	                
	.left a
	{
	    text-decoration:none;
	    font-size:11px
	        }
	
	#content
	{
	    float:right;
	    width:665px;
	    position:relative;
	    z-index:2;
	}

    #suche 
    {
        background:#000;
        position:absolute;
        top:-32px;
        width:665px;
        height:35px;
        }
        #suche a
        {
            color:#8f8f8f;
	        font-family: 'Yanone Kaffeesatz', "Arial Narrow", Helvetica, Arial, sans-serif;
	        /* font-family:"HelveticaNeueLT Std Lt Cn", "Arial Narrow", Helvetica, Arial, sans-serif; */
            font-size:20px;
            font-weight:400;
            line-height:32px;
            padding: 0 10px 0 15px;
            text-decoration:none;
            }
            #suche a:hover{ color:#fff; }
            #suche a.current{ color:#a56f07;}
            
            
	#content .pane
	{
	    width:635px;
	    color:#fff;
	    padding: 13px 15px 15px 15px;
	    background:#000 url(../img/bg/kiki.png) no-repeat bottom right;
	    min-height:125px;
	    overflow:hidden;
	}
	
	    #content .pane_blank
	    {
	    background:#000;
	    min-height:10px;
	    font-style:italic;
	    color:#8f8f8f;
	    }
	    #content .pane_blank a
	    {
	    font-style:normal;
	    text-decoration:none;
	    font-weight:bold;
	    color:#fff;
	    }
	    #content .pane_blank a:hover
	    {
	    color:#a56f07;
	    }
	    
	    #content .pane form button
	    {
	        background:none;
	        border:0;
	        cursor:pointer;
	        padding: 5px 0 5px 7ox;
	        margin:0; color:#fff;
	        text-align:left;
	        background:url(../img/icon/arr_white.gif) no-repeat left center !important; 
	    }
	    #content .pane form button:hover
	    {
	        color:#a56f07;
	        background:url(../img/icon/arr_gold.gif) no-repeat left center !important; 
	    }
	    #content .pane form p
	    {
	        font-style:italic;
	        margin:5px 0 0 0;
	        color:#a56f07;
	    }
	    #content .pane ul
	    {
	        width:510px;
            overflow:hidden;
	        padding:10px 20px 0 20px;
	        float:left;
	    }
	    #content .pane ul li
	    {
	        width:170px;
	        float:left;
	    }
    	
	.event_item { clear:both; padding:15px 0; overflow:hidden; width:635px }
	.event_blank { margin-left:60px; }
	.event_date 
	{
	    position:relative;
	     width:105px;
	     margin-right:10px;
	     text-align:right; 
	     float:left; 
	     font-family: 'Yanone Kaffeesatz', 'Arial Narrow', Helvetica, Arial, sans-serif;
	     }
	
	    .date_day {  font-weight:300;line-height:normal;color:#a56f07;font-size:36px; position:absolute; bottom:22px; right:-4px;z-index:9; }
	    .date_day2 { font-weight:300;line-height:normal;color:#000;font-size:36px; position:absolute; bottom:16px; right:-4px;z-index:9; }	    
	    .date_day3 { font-weight:300;line-height:normal;color:#a56f07;font-size:36px; position:absolute; bottom:62px; right:-4px;z-index:9; }
	    .date_day4 { font-weight:300;line-height:normal;color:#a56f07;font-size:36px; position:absolute; bottom:40px; right:-4px;z-index:9; }

	    .date_month { line-height:normal;color:#000;font-size:40px; position:absolute; bottom:-8px; right:0;z-index:10; }
	    .date_month2 { line-height:normal;color:#a56f07;font-size:40px; position:absolute; bottom:38px; right:0;z-index:10; }
	    .date_space { line-height:normal;color:#a56f07;font-size:14px; position:absolute; bottom:32px; right:28px; }

    .event_pic { float:left; margin-right:10px; border-left:6px solid #000;width:130px; line-height:normal;overflow:hidden; }
    .event_pic a  
    {
	    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	    /* font-family:"HelveticaNeueLT Std Lt Cn", "Arial Narrow", Helvetica, Arial, sans-serif; */
        font-size:60px;
        font-weight:300;
        color:#fff !important; 
        letter-spacing:0px; 
        line-height:45px; 
        text-decoration:none;
        
        background-color:#000 !important; 
        display:block;
        width:130px;
        min-height:85px;
        margin:0 0 0 10px;
        padding:0;
        text-indent:-9999px;
        }
        .event_pic a:hover { background-image:none !important; background-color:#000; text-indent:0px; }
	    .event_pic_gold { border-left:6px solid #a56f07; }
	    .event_pic_gold a { background-color:#a56f07 !important; }
	    .event_pic_gold a:hover { background-color:#a56f07; }

	.event_desc { float:left;width:370px;padding:3px 0 0 0 }

	.event_desc span, .detail_desc span { color:#666666; }
	.event_desc span em, .detail_desc span em { color:#aaa;font-size:10px }
	
    .detail_pic { float:left; margin:0 10px 0 0; overflow:hidden; width:200px; }
    .detail_pic img {  width:200px;margin-bottom:10px; }
    .detail_desc { float:left;width:390px; line-height:19px}
	
	.gallery { overflow:hidden; width:200px; margin: 0 0 20px 0; }
	.galleryimage 
		  {
		      display:block;
		      float:left;
		      margin:6px 6px 0 0;
		      overflow:hidden;
		      border:0; 
		      }
		      .galleryimage img{width:auto}
	
	#footer
	{
	    clear:both;
		border-top:1px solid #bdbdbd;
		padding:20px 60px;
		overflow:hidden;
		font-size:11px;
	}
	
	#footer a
	{
	    color:#000;
	    text-decoration:underline
	}
	#footer a:hover
	{
	    color:#a56f07;
	    text-decoration:none
	}
	
	#footer ul
	{
	    width:300px;
	    height:30px;
	    float:left;
	}
	
	#footer ul li
	{
	    width:100px;
	    float:left;
	}
	
	
/* 
** 03 Class Definitions
**--------------------------------------------------------------------------------------------------------------------------------*/

	.morelink{ padding-left:7px; background:url(../img/icon/arr_brown.gif) no-repeat left center; text-decoration:none; }
	a.morelink:hover { background:url(../img/icon/arr_gold.gif) no-repeat left center;  }

	.backlink{ padding-left:7px; background:url(../img/icon/arr_brown2.gif) no-repeat left center; text-decoration:none;}
	a.backlink:hover { background:url(../img/icon/arr_gold2.gif) no-repeat left center; }

	.goldlink{ padding-left:5px; background:url(../img/icon/arr_gold.gif) no-repeat left center; text-decoration:none; }
	a.goldlink:hover { background:url(../img/icon/arr_brown.gif) no-repeat left center;  }
	
	.goldbacklink{ padding-left:7px; background:url(../img/icon/arr_gold2.gif) no-repeat left center; text-decoration:none; }
	a.goldbacklink:hover { background:url(../img/icon/arr_brown2.gif) no-repeat left center;  }
	
	.whitelink{ padding-left:7px; background:url(../img/icon/arr_white.gif) no-repeat left center; text-decoration:none; }
    a.whitelink:hover {background:url(../img/icon/arr_gold.gif) no-repeat left center;  }

	hr{ clear:both; padding:0; height:1px; margin:20px 0 12px 0; color:#ffffff; border:0; border-bottom :1px solid #533524; background:none; }
	
/* 
** 04 Content Spedific altering
**--------------------------------------------------------------------------------------------------------------------------------*/

	h1, h1 a{ display:block; width:950px; height:340px; position:relative; z-index:1;}
	h1 a{ text-indent:-9999px; background:url(../img/header.jpg) no-repeat top left}

    #content h2  
    {
        font-size:22px;
        padding:8px 0;
        line-height:normal;
        font-family:'Yanone Kaffeesatz', "Arial Narrow", Helvetica, Arial, sans-serif;
        font-weight:400;
        color:#a56f07; 
        border-bottom: 8px solid #000;
        margin:25px 0 20px 0 ;
        position:relative;
        }
    #content h2 span
    {
        font-size:12px;
        font-family: Arial, Helvetica, Tahoma, Verdana;
        position:absolute;top:10px;right:0px;width:200px;
        text-align:right;
        }
	
    #content h3  
    {
        font-size:14px;
        padding:7px 0;
        line-height:normal;
        font-weight:normal;
        font-family: Helvetica, Arial, sans-serif;
        color:#000; 
        }
    #content h3 a
    {
        text-decoration:none;
        color:#000; 
        }
    #content h3 a:hover
    {
        color:#a56f07; 
        }
    .event_desc h3  
    {
        padding:2px 0 !important;
        }
	
	h4 {color:#533524; font-weight:normal; font-size:24px; line-height:24px; margin:5px 0 15px 0}
	
	a:link, a:visited{ color:#a56f07;}
	a:active, a:hover{ text-decoration:none;color:#000}
	ul a{ text-decoration:none;}

	p{margin-bottom:16px;}
	
	#morelinks a{ line-height:24px; font-size:18px; padding-left:12px; background:url(../img/icon/arr_brown.gif) no-repeat left center; }

/* PAGINATION */
div#pagination {
	text-align:center;
	margin:10px 0 20px 0;
	overflow:hidden;
	width:635px;
	font-size:11px;
}

#pagination a {
	color:#000;
	padding:1px 5px 2px;
	text-decoration:underline;
	display:inline;
}

#pagination a:hover,#pagination a:active {
	color:#a56f07;
}

#pagination  a.aktuell {
	color:#a56f07;
	text-decoration:none;
}

#pagination  a.morelink, #pagination  a.backlink {
	padding: 0 20px 0 7px;
}
#pagination  a.morelink {
	padding: 0 0 0 7px;
	margin-left:20px;
}

/* 
** 05 Javascript/Dynamic Elements
**--------------------------------------------------------------------------------------------------------------------------------*/

	#gallery{
		padding:10px 10px 30px;
		background:#fff;
		display:none;
		overflow:hidden;
	}
	/*div.info{ background:#fff; opacity:1 !important; padding:10px 0;}*/
	
	#gallery .next, #gallery .prev { 
		background:#fff;
		
		line-height:25px;
		font-size:18px;
	    position:absolute; 
	    top:15%; 
	    cursor:pointer;
	} 
	.prev{left:0; padding:10px 20px 10px 30px;}
	.next{right:0; padding:10px 30px 10px 20px;}
	a.close{right:10px;position:absolute; bottom:10px}
	.disabled{cursor:default;}
	.progress { 
	    position:absolute; 
	    top:45%; 
	    left:50%; 
	    display:none; 
	} 
	
	#exposeMask{
	  		background:#606060;
	  	}