@charset "utf-8";
/* 
** 00 Reset standard html styling 
** 01 General Declarations & Typography
** 02 Global Class Declerations & Combinations
** 03 Top Menus
**    03.1 bigMenu (große Navigation im Top-Menü)
**    03.2 smallMenu (kleine Navigation im Top-Menü)
** 04 Banner
** 05 Content
**	  05.1 Left Area
**    05.2 Center Area
** 06 Footer
*/

/* 
** 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, font, cite, code, del, dfn, em, 
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, li { 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
**--------------------------------------------------------------------------------------------------------------------------------*/
html, body {
	width:100%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
	background:#fff;
	background:url(images/bg/bg.png) repeat-x;
}
	
h1,h2,h3,h4,h5,h6{color:#0066cc}
h1{margin:0px;}
h2{font-family:Arial, Charcoal, sans-serif; font-size:1.8em; font-weight:normal;  margin: 0px 0 10px 0; }
h3{font-weight:bold; font-size:1.2em; margin-bottom:8px;}
h4{font-size:18px;}
	
p{ padding-bottom:18px;}
	
a:link, a:visited{ color:#0066cc; text-decoration:none;}
a:hover, a:active{ color:#666666; text-decoration:underline;}

/* 
** 02 Global Class Declerations & Combinations
**--------------------------------------------------------------------------------------------------------------------------------*/
.clear{
	clear:both;
	height:0px;
	width:100%;
}
.floatLeft{float:left;}
.floatRight{float:right;}
#wrapper{
	width:950px;
	margin:0 auto;
}
.white {
	background:#fff;
}

.grey {
	color:#666666;
}

.printlink {display:none;}

a.whiteArrow{
			background:url(images/menu_arrow.png) no-repeat 7px 4px;
			padding-left:14px;
			margin-left:3px;
			color:#fff;
		}
		
	          a.pdf, a.audio, a.zip, a.blank, a.img  { display:block;padding:1px;text-decoration:none !important;padding-left:22px; }
              a.pdf{ background:url(images/icon/page_white_acrobat.png) no-repeat left center;}
              a.audio{ background:url(images/icon/page_white_cd.png) no-repeat left center;}
              a.zip{ background:url(images/icon/page_white_compressed.png) no-repeat left center;}
              a.blank{ background:url(images/icon/page_white_blank.png) no-repeat left center;}
              a.img{ background:url(images/icon/page_white_img.png) no-repeat left center;}
              
              .options { border-top:1px solid #ccc; padding-top:10px; margin-top:20px; }
              a.options 
	          {
	              float:right;
	              display:block;
	              width:16px;
	              height:15px;
	              text-indent:-9999px;
	              margin:0 5px;
	              border:0;
	          }
              a.optionstwitter { background:url(images/icon/twitt.png) no-repeat 0px 0px; }
	          a.optionstwitter:hover { background:url(images/icon/twitt_over.png) no-repeat 0px 0px; }
	          a.optionsfacebook { background:url(images/icon/fb.png) no-repeat 0px 0px; }
	          a.optionsfacebook:hover { background:url(images/icon/fb_over.png) no-repeat 0px 0px; }
	          a.optionsdigg { background:url(images/icon/digg.png) no-repeat 0px 0px; }
	          a.optionsdigg:hover { background:url(images/icon/digg_over.png) no-repeat 0px 0px; }
	          a.optionsdelicious { background:url(images/icon/del.png) no-repeat 0px 0px; }
	          a.optionsdelicious:hover { background:url(images/icon/del_over.png) no-repeat 0px 0px; }
	          a.optionswong { background:url(images/icon/wong.png) no-repeat 0px 0px; }
	          a.optionswong:hover { background:url(images/icon/wong_over.png) no-repeat 0px 0px; }
	          a.optionsgoogle { background:url(images/icon/google.png) no-repeat 0px 0px; }
	          a.optionsgoogle:hover { background:url(images/icon/google_over.png) no-repeat 0px 0px; }
	          a.optionsprint { background:url(images/icon/drucken.png) no-repeat 0px 2px; }
	          a.optionsprint:hover { background:url(images/icon/drucken2.png) no-repeat 0px 2px; }
		      a.optionsversenden { background:url(images/icon/versenden.png) no-repeat 0px 3px; }
		      a.optionsversenden:hover { background:url(images/icon/versenden2.png) no-repeat 0px 3px; }
		      
		      a.back  { padding:1px;text-decoration:none !important;padding-left:12px;background:url(images/arrow_blue2.png) no-repeat 2px 0.6em; }
              a.back{ }
              
              a.link{ display:block;padding:1px;text-decoration:none !important;padding-left:12px; background:url(images/arrow_blue.png) no-repeat 2px 0.6em;}

                

	
div.bild1 { width:128px;text-align:right;float:left; margin: 0 10px 5px 0; padding:4px; background:#fff }    
img.bild2 { float:left; margin: 0 10px 5px 0; padding:4px; background:#fff }     
div.trenner { padding:8px 0}

	.paging
	{
	    clear:both;
		display:block; text-align:center;
		margin:10px 0 0 0 !important;
		}
		.paging li{
			display:inline-block;
			margin:0 1px;
			padding:0 !important;
			background:0;
			}
		.paging li a,
		.paging li span{
			text-decoration:none !important;
			padding: 5px 10px !important;
		}
		.paging li span{ color:#fff;background:#3399ff; width:100% }
		
		.paging li a.vor { padding:0 10px; background:url(images/arrow_blue.png) no-repeat right 0.5em; }
		.paging li.vor { color:#999; padding:0 10px; background:url(images/arrow_grey.png) no-repeat right 0.5em; }
		.paging li a.zuruck { padding:0 10px; background:url(images/arrow_blue2.png) no-repeat 2px 0.5em; }
		.paging li.zuruck { color:#999;padding:0 10px; background:url(images/arrow_grey2.png) no-repeat 2px 0.5em; }

/* 
** 03 Top Menus
**--------------------------------------------------------------------------------------------------------------------------------*/
#menu{
	color:#fff;
}
	/* 03.1 bigMenu*/
	#menu #bigMenu {
		float:left;
		position:relative;
		z-index:100;
	}
	#menu #bigMenu li {
		float:left;
		height:51px;
		background:url(images/menu_spacer.png) no-repeat top left;	
	}
	#menu #bigMenu a {
		display:block;
		height:32px;
		color:#fff;
		font-size:bigger;
		padding:19px 12px 0 15px;
	}
		#menu #bigMenu a:hover, #menu #bigMenu li.sfHover {
			background:url(images/menu_hover.png) repeat-x top left;
			text-decoration:none;
		}
		

/* 
** 04 Banner
**--------------------------------------------------------------------------------------------------------------------------------*/
h1 a 
{
    z-index:3;
	display:block;
	position:absolute;
	width:950px;
	height:300px;
	text-indent:-99999em;   
    }
h1#logoGem a {background:url(images/overlay_banner.png) no-repeat top;}
h1#logoVS a {background:url(images/overlay_banner_vs.png) no-repeat top;}

/* 
** 05 Content
**--------------------------------------------------------------------------------------------------------------------------------*/
#printheader { display:none; }

#left, #center {
	padding-top:28px !important;
}
/* 05.1 Left Area*/
#left{
	width:200px;
	min-height:371px;
	padding: 0 10px;
	margin:0 20px 60px 0;
	background-color:#fff;
	position:relative;
	z-index:1;
}
	#left li.seperator{
		width:200px;
		padding-bottom:9px;
		margin-bottom:9px;
		border-bottom:1px solid #ccc;
		color:#666;
	}
	#left h2 {
		font-size:24px;
		color:#666;
		font-weight:normal;
		display:block;
		width:200px;
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
		line-height:0.9em;
	}
	#left h3{
		font-size:inherit;
		color:#0066cc;
		margin:0;
	}
	#left span.date{
		color:#999;
		font-size:smaller;
	}
	#left a.archiv
	{
		display:block;
		width:180px;
		margin:0px 0 10px 0;
		padding-left:14px;
		background:url(images/arrow_blue.png) no-repeat 7px 0.5em;
	}
	#left #barrier {
		background:#0066cc;
		color:#fff;
		position:absolute;
		width:200px;
		margin:0 0 0 -10px;
		padding:7px 10px;
		bottom:-37px;
		height:23px;
	}
	
	#left ul.subnav li a 
	{
	    background:url(images/arrow_blue.png) no-repeat 10px 0.7em;
	    display:block;
	    color:#666666; 
	    padding:4px 0 4px 20px;
	    text-decoration:none;
	}
	#left ul li.subnav2 a 
	{
	    background:url(images/arrow_blue.png) no-repeat 22px 0.5em;
	    display:block;
	    color:#666666; 
	    padding:1px 0 1px 30px;
	    text-decoration:none;
	}
	#left ul li.subnav3 a 
	{
	    background:url(images/arrow_blue.png) no-repeat 32px 0.5em;
	    display:block;
	    color:#666666; 
	    padding:1px 0 1px 40px;
	    text-decoration:none;
	}
	#left ul li a:hover, #left ul li a.active
	{
	    color:#0066cc; 
	}

		#left #barrier a{
			color:#fff;
			font-size:13px;
		}
		#Schrift 
		{
		    display:inline;
	
		    }
		#Schrift button
		{  
		    color:#fff;
		    background:none;
		    border:0;
		    padding:0;
		    margin:0;
		    cursor:pointer;
		    }
		#left #barrier .small {
			font-size:11px;
			width:10px;
		} 
		#left #barrier .medium {
			font-size:14px;
			width:12px;
		}
		#left #barrier .big {
			font-size:18px;
			width:15px;
		}
		#Schrift button:hover
		{  
		    color:#3399ff;
		    }

/* 05.2 Center Area*/ 
#center {
	width:490px;
	min-height:420px;
	
}
    div.innercontent {
	    background: url(images/bg/centerfade.png) repeat-x;
	    padding:15px 20px;
	    overflow:hidden;
	    position:relative;
    }

    #center h3 {
	    margin-top:6px;
    }
	#center a {
		text-decoration:underline;
	}	
	
	#center ul {
		margin:10px 20px;
	}	
	#center ul li {
		list-style-type:circle;
		padding: 3px 10px;
	}	
	
	.liste { margin: 0 !important; padding:0 !important;}
	.liste li { clear:left; list-style-type:none !important; margin:0 0 20px 0 !important;  padding:0 !important;}
	
	.gallery { overflow:hidden; width:440px; margin: 0 0 20px 0; }
	.galleryimage 
		  {
		      display:block;
		      float:left;
		      height:65px;
		      margin:8px 8px 0 0;
		      overflow:hidden;
		      border:0;
		      }
		      
	ul.article { width:200px; float:left;margin:0 !important; }
	ul.article li { list-style-type:none !important; padding:0 !important; width:200px; float:left; }
	
	#center #eventsHome {
		padding:15px;
	}
	#center #eventsHome h2 {
		margin-bottom:25px;
		font-size:18px
	}
		#center #eventsHome ul {
		
		margin:0 !important;
	}
	#center #eventsHome ul li{
		width:230px;
		list-style-type:none !important;
		padding-left:0 !important;
		margin-bottom:16px;
		float:left;
	}
		#center #eventsHome ul li img {
			margin-right:6px;
			float:left;
			width:90px;
		}
		#center #eventsHome ul li .eventDate {
			display:block;
			color:#333;
		}
		#center #eventsHome ul li a {		
			text-decoration:none;
		}
		
		#map { width: 490px; height: 320px; z-index:10; overflow:hidden; }
		#map2 { width: 470px; height: 20px; background:#f9f9f9; margin-top:1px; padding:10px; }
		
		#flickrphotos { padding:15px 0 15px 20px !important; }
		#flickrphotos div { float:left; width:214px; height:140px; margin:0 20px 20px 0; line-height:normal; overflow:hidden; position:relative; z-index:1; } 
		#flickrphotos img { width:214px; }
		#flickrphotos h6 { width:200px; padding:0 5px; position:absolute; top:122px; color:#fff; font-weight:normal; }

		
#right{
	width:200px;
	min-height:398px;
	padding: 0 0 0 20px;
	margin:0px;
	position:relative;
	z-index:10;
	background: url(images/bg/right.png) no-repeat 0 -51px;
}
    
    #suchen
    {
        position:absolute;
        z-index:10;
        top:-51px;
        right:0;
	    width:200px;
	    height:51px;
	    padding: 0 0 0 20px;
	    margin:0px;
	    background: url(images/bg/right.png) no-repeat;
    }
    #suchen form 
    {
        position:relative;
        width:200px;
        height:50px;
        background: url(images/bg/suchen.png) no-repeat 12px 10px;
        border-bottom:1px solid #1a74f7;
    }
    #suchen form input, #suchen form button
    {
        background: none;
        border:0;
    }
    #suchen form input
    {
        position:absolute;
        margin:14px 0 0 10px;
        width:135px;
        padding: 5px 0 0 10px;
        height:23px;
        color:#999999;
    }
    #suchen form input:hover
    {
        color:#3399ff;
    }
    #suchen form button
    {
        position:absolute;
        right:0;
        display:block;
        float:right;
        background: url(images/suchen_submit.png) no-repeat center ;
        height:23px;
        width:23px;
        margin:15px 15px 0 0;
        cursor:pointer;
    }
     #suchen form button.active, #suchen form button:hover { background: url(images/suchen_submit2.png) no-repeat center; }
    
    #right ul
    {
        border-top:1px solid #4cabfb;
        border-bottom:1px solid #0957ce;
        padding: 4px 0;
        }
        
	    #right ul li a 
	    {
	        background:url(images/menu_arrow.png) no-repeat 10px 0.7em;
	        display:block;
	        color:#fff; 
	        padding:0.3em 0 0.3em 20px;
	        text-decoration:none;
	    }
	    #right ul li a:hover
	    {
	        color:#0066cc; 
	        background:url(images/arrow_blue.png) no-repeat 10px 9px;
	    }
    
    a.web20 
    {
        display:block;
        color:#fff;
        padding:0 0 0 13px;
        height:30px;
        line-height:30px;
        border-top:1px solid #0385da;
        border-bottom:1px solid #0148b9;
        font-size:10px;
        }
    a.web20:hover
    {
        text-decoration:none;
        color:#3399ff;
        }
    a.facebook {background: url(images/icon/web20.png) no-repeat  right 0;}
    a.facebook:hover {background: url(images/icon/web20.png) no-repeat   right -30px;}  
    a.youtube {background: url(images/icon/web20.png) no-repeat  right -60px;}
    a.youtube:hover {background: url(images/icon/web20.png) no-repeat   right -90px;}   
    a.flickr {background: url(images/icon/web20.png) no-repeat  right -120px;}
    a.flickr:hover {background: url(images/icon/web20.png) no-repeat   right -150px;}
    
    a.newsletter 
    {
        display:block;
        color:#fff;
        padding:0 0 0 13px;
        height:50px;
        line-height:50px;
        font-size:medium;
        border-top:1px solid #3399ff;
        border-bottom:1px solid #0047b7;
        background:#3399ff url(images/icon/newsletter.png) no-repeat  right 0;
        }
    a.newsletter:hover
    {
        text-decoration:none;
        color:#3399ff;
        background:#0066cc url(images/icon/newsletter.png) no-repeat  right -51px;
        }
        
	#miniinfo { min-height:240px }
	#miniinfo .pane{ padding:10px; width:180px; background:#0066cc; color:#fff; overflow:hidden; position:relative;}
	#miniinfo .tabs{  overflow:hidden; width:200px; border-top:1px solid #0084d8; }
	#miniinfo .tabs a{ font-size:12px; display:block; height:20px; width:92px; color: #fff; padding:8px 0 0 8px; }
	#miniinfo .tabs a{ float:left; background:url(images/bg/miniinfo2.png) repeat-x;}
	#miniinfo .tabs a.current{float:left; background:url(images/bg/miniinfo1.png) repeat-x;}

    #pamhagen, #vs_krumpendorf {display:block;overflow:hidden;clear:both;text-decoration:none; margin-top:10px; width:180px; background:#fff; padding:10px;}
    #pamhagen img, #vs_krumpendorf img { float:left;margin:0 10px 0 0; }
    #vs_krumpendorf{margin-top:0; padding-top:0;}
        
/* 
** 06 Footer
**--------------------------------------------------------------------------------------------------------------------------------*/
#footer{
	border-top:1px solid #ccc;
	padding-top:12px;
	margin-top:20px;	
	font-size:1em;
	color:#999999;
}
    #footer a {text-decoration:none;color:#999999;}
    #footer a:hover {color:#0066cc;}
    .footer_copy {float:left;margin-right:10px;}
    .footer_kontakt {width:270px;float:left;}
    .footer_nav {width:510px;float:right;text-align:right;height:10em}
    .footer_nav a {padding-left:20px; line-height:2em}


/* 
** 07 jquery und solche sachen
**--------------------------------------------------------------------------------------------------------------------------------*/

	#gallery{
		padding:10px 10px 30px;
		background:#fff;
		display:none;
		overflow:hidden;
	}
	
	#sitesend{
		padding:10px 10px 30px;
		width:330px;
		height:280px;
		background:#fff;
		display:none;
		overflow:hidden;
	}
	#sitesend label, #sitesend input {
		width:161px;
		float:left;
		margin:7px 0;
	}
	#sitesend textarea {
		width:322px;
	}
	#sitesend fieldset {
		margin:7px 0;
	}
	#sitesend div { background:#0066cc; clear:both; padding:5px; margin:0}

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