/* Standard-CSS fuer {Projektname} */

/* Einstellung der Abstaende zum Nullpunkt des Browsers und weitere Standards */
html, body, div, p, h1, h2, h3, span, a, table, td, form, img, input, textarea
		 					{ margin: 0px; padding: 0px; font-family:'Myriad Pro Light 1166622'; font-size: 13px; color: #535150; line-height: 15px; }

 
body 						{ background-color: #97bf0d; }  

							  
/* Allgemein gueltige Formatierungen */
h1 							{ font-size: 16px; margin: 10px 0px 10px 0px; color: #97bf0d; font-family:'Myriad Pro 1167301'; font-weight: normal; }
h2 							{ font-size: 15px; margin: 0px 0px 0px 0px; color: #97bf0d; font-family:'Myriad Pro 1167301'; font-weight: normal; }
h3 							{ font-size: 15px; margin: 10px 0px 20px 0px; color: #535150; font-weight: normal; }
h4 							{ font-size: 13px; margin: 5px 0px 15px 10px; color: #97bf0d; font-family:'Myriad Pro Light 1166622'; font-weight: normal; float: left; }
hr						{ background-color: #ffeed4; width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; border: none;}		

a, img						{ border: none; outline: none; }

img		 					{ _behavior: url(iepngfix.htc); }  

.small						{ font-size: 8px; }

.clear						{ display: block; clear: both; height: 1px; overflow: hidden; }

.rounded					{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.shadow						{ -moz-box-shadow: 1px 1px 5px #bbb; -webkit-box-shadow: 1px 1px 5px #bbb; box-shadow: 1px 1px 5px #bbb; } 

a, a:link,	a:active, a:visited	{ text-decoration: underline; cursor: pointer; color: #97bf0d;  }
a:hover						{ text-decoration: none;  }

.versalien					{ text-transform: uppercase; }

.highlight					{ color: #97bf0d; }

.bold						{ font-family:'Myriad W08 Semibold'; }

/* Boxmodell */
#wrapper					{ width: 980px; height: 740px; margin: 25px auto 0px auto; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; overflow: hidden; margin-bottom: 20px; background-color: #fff;}

	#head						{ position: relative; display: block; clear: both; width: 980px; height: auto; margin: 0px; background-color: #fff; }
		.logo						{  margin-top: 50px; float: left; }
		
		a.online_termin				{ display: block; width: auto; height: 21px; padding-top: 5px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #97bf0d; text-decoration: none; color: #fff; text-align: center; font-size: 14px; margin-top: 20px;}
		a.online_termin:hover		{  -moz-box-shadow: 1px 2px 3px #555; -webkit-box-shadow: 1px 2px 3px #555; box-shadow: 1px 2px 3px #555; background-color: #abd12a; }
		
		
		.headgrafik					{ position: relative; float: right; margin-top: -1px; margin-right: -1px; }
		
		.navigation					{ position: relative; width: 720px; height: 35px; float: right; background-color: #fff; margin-top: 20px; margin-right: 6px; }
			.navi					{ position: relative;  display: inline; list-style: none; float: left; padding: 0px; margin: 0px; }
			.navi li				{ position: relative; float: left; display: inline; margin-right: 10px; }
			.navi li a				{ display: block; width: 80px; height: 21px; padding-top: 5px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #97bf0d; text-decoration: none; color: #fff; text-align: center; }
			.navi li a:hover		{ -moz-box-shadow: 1px 2px 3px #555; -webkit-box-shadow: 1px 2px 3px #555; box-shadow: 1px 2px 3px #555; background-color: #abd12a;}
			.active						{ -moz-box-shadow: 1px 2px 3px #555; -webkit-box-shadow: 1px 2px 3px #555; box-shadow: 1px 2px 3px #555; }
	
			.downloads				{ font-size: 11px !important; line-height: 9px !important; height: 23px !important; padding-top: 3px !important; }	
			
			
			
			.subnavigation			{ position: relative; width: auto; height: 35px; float: left; }
			.subnavi					{ position: relative;  display: inline; list-style: none; float: left; padding: 0px; margin: 0px; }
			.subnavi li					{ position: relative; float: left; display: inline; margin-right: 10px; }
			.subnavi li a				{ display: block; min-width: 70px; width: auto; height: 21px; padding: 3px 5px 0px 5px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #97bf0d; text-decoration: none; color: #fff; text-align: center; }
			.subnavi li a:hover			{ -moz-box-shadow: 1px 2px 3px #555; -webkit-box-shadow: 1px 2px 3px #555; box-shadow: 1px 2px 3px #555; background-color: #abd12a;}
			.active						{ -moz-box-shadow: 1px 2px 3px #555; -webkit-box-shadow: 1px 2px 3px #555; box-shadow: 1px 2px 3px #555; }
			
			.back						{ background-image: url(images/xx_btn_back.png); background-repeat: no-repeat; background-position: 9px center; }
	
	
	#content_left					{ position: relative; float: left; padding-left: 25px; padding-top: 20px; width: 235px; height: 390px; background-color: #fff;  }
		#content_left	p			{ line-height: 20px; }
	
	#content_right					{ position: relative; float: left; padding-top: 20px; width: 720px; height: 390px; background-color: #fff; background-image: url(images/xx_bg_content.png); background-repeat: no-repeat; background-position: 595px 210px;  }
		.text_startseite			{ width: 550px; line-height: 20px; }
		
	.footer							{ position: relative; float: left; padding-left: 25px; height: 30px; margin-top: 5px; width: 955px; }	
		
	#content_folgeseite				{ position: relative; float: left; padding-left: 25px; padding-top: 20px; width: 955px; height: 390px; background-color: #fff; background-image: url(images/xx_bg_content.png); background-repeat: no-repeat; background-position: 855px 210px; }
		.text_folgeseite			{ width: 750px; line-height: 20px; }
		
	.close							{ position: relative; float: right; cursor: pointer; margin-right: -30px; margin-top: -30px;  }
	.aertzeinfo						{ position: absolute; width: 400px; height: 450px; background-color: #fff; padding: 10px 50px; padding-top: 50px; z-index:100; border: 1px solid #97bf0d; margin-left: 230px; margin-top: -150px;  -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -moz-box-shadow: 3px 4px 7px #000; -webkit-box-shadow: 3px 4px 7px #000; box-shadow: 3px 4px 7px #000; display: none; }
	.aertzeinfo		ul				{ line-height: 20px; }

	.bilder 						{ position: relative; float: left; width: 225px; height: auto; margin-right: 30px; margin-top: 130px; cursor: pointer; }	
		
	.download_box					{ position: relative; float: left; display: block; width: 121px; height: 40px; text-align: center; text-decoration: none !important; padding: 10px; padding-top: 2px; color: #97bf0d; font-family:'Myriad Pro 1167301'; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; border: 1px solid #97bf0d; margin-right: 30px; margin-top: 30px; line-height: 15px; }
	
	.download_box:hover					{ position: relative; float: left; display: block; width: 121px; height: 40px; text-align: center; text-decoration: none !important; color: #97bf0d; font-family:'Myriad Pro 1167301'; background-color: #abd12a; color: #fff; border: 1px solid #799c01;  -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; border: 1px solid #97bf0d; margin-right: 30px; }
	
	.download_box_zweizeilig				{ position: relative; float: left; display: block; width: 121px; height: 33px !important; text-align: center; text-decoration: none !important; padding: 10px; padding-top: 10px; color: #97bf0d; font-family:'Myriad Pro 1167301'; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; border: 1px solid #97bf0d; margin-right: 30px; margin-top: 30px; line-height: 15px; }
	
	.download_box_zweizeilig:hover					{ position: relative; float: left; display: block; text-align: center; text-decoration: none !important; color: #97bf0d; font-family:'Myriad Pro 1167301'; background-color: #abd12a; color: #fff; border: 1px solid #799c01;  -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; border: 1px solid #97bf0d; margin-right: 30px; }
	
	.home								{ display: block !important; float: right; margin-right: 40px; width: 50px; height: 21px; padding: 3px 7px 0px 7px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #97bf0d; text-decoration: none !important; color: #fff !important; background-image: url(images/xx_btn_home.png); background-repeat: no-repeat; background-position: 42px center;  }
	.home:hover							{ -moz-box-shadow: 1px 2px 3px #555; -webkit-box-shadow: 1px 2px 3px #555; box-shadow: 1px 2px 3px #555; background-color: #abd12a; }
	
	/* --- BILDERGALERIE ---*/
	.galerie						{ position: relative; margin-top: 10px; }
	.pfeil							{ position: relative; float: left; margin-top: 52px; cursor: pointer; width: 24px; height: 100px; display: block; }
	#rechts							{ margin-left: 700px; }
	.bilder_wrapper					{ position: absolute; width: 700px; }
	.galeriebilder					{ position: absolute; width: 700px; height: 200px; overflow: hidden; margin-left: 40px; }
	.galeriebilder	.bilder 		{ margin-right: 0px;  margin-top: 0px; width: 172px; cursor: default; }
	
/* Tabellen, Formulare, Inputs */
table						{ width: auto; height: auto; border-collapse: collapse; padding: 0px; border: 1px solid #000; }
	th							{ font-weight: bold; text-align: left; vertical-align: top; padding-top: 20px;}
	td							{ text-align: left; vertical-align: top; padding-top: 20px;}


form						{ margin: 0px; padding: 0px; } 

input[type=text], input[type=password], textarea 
							{ padding: 4px; border: 1px solid #555; background-color: #fff; }
							
input[type=text]:focus, input[type=password]:focus, textarea:focus 	
							{ border: 1px solid #999; background-color: #eee; }

.error						{ color: #b92e2e; background-color: #e9c4c4; border: 1px solid #b92e2e; }


/* Success-Meldungen */
.message_success			{ position: relative; display: block; clear: both; width: auto; height: auto; margin: 10px 0px 15px 0px; padding: 12px 12px 12px 36px; background-color: #cdecd5; background-image: url(images/icon_success_20px.png); background-repeat: no-repeat; background-position: 10px 8px; color: #00982b; border: 1px solid #00982b; }
.message_success		    { /*IE8 hack*/  border: 1px solid #00982b\9; }


.message_error				{ position: relative; display: block; clear: both; width: auto; height: auto; margin: 10px 0px 15px 0px; padding: 12px 12px 12px 36px; background-color: #ffecde; background-image: url(images/icon_error_20px.png); background-repeat: no-repeat; background-position: 10px 8px; background-color: #ffecde; color: #ea5a18; border: 1px solid #ed7741; }
.message_error		    	{ /*IE8 hack*/  border: 1px solid #ea5a18\9; }
.message_error		    	{ /*IE6 hack*/  _width: 95%; } 
	.message_error a			{ font-size: 13px; color: #ef741a; }
	
	
	
	
	
	
.jcarousel-skin-tango .jcarousel-container {
    
    background: #fff;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 710px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  710px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 170px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 62px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/xx_pfeil_rechts.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}


.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 62px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/xx_pfeil_links.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

	
	
	
	
	
	
	
/* Media-Querys */
@media all and (max-width:1024px) { 
	#id_fuer_mediaquery { border: 1px solid grey; }
} 


