@charset "utf-8";
/* CSS Document */
@media tty, screen, projection, print, handheld, tv{
	a{
		color:#333;
	}
	.printOnly{
		display:none;
	}
	body{
		margin:0;
		padding:0;
		background-color:#EBEBEB;
		color:#000;
		text-align:center;		
		width:100%;
		height:100%;
	}
	body, td, table, th, dd, dl, input, select, textarea {
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif;
	}
	form, div, label, fieldset, input, select, textarea{
		margin:0;
		padding:0;
	}
	.barriereOnly{
		display:none;
		overflow:hidden;
	}
	.barriereOnly *{
		margin:0;
		padding:0;
		height:0;
	}
	

	
	#pageOverOver{
		width:955px; /* 955px */
		margin:auto;
		text-align:left;
		background:url(../images/page-rechts.jpg) right top no-repeat;
	}
	#pageOver{
		background:url(../images/page-links.jpg) left top no-repeat;
		padding-left:24px;
		padding-right:24px;
	}
	#page{
		background-image:url(../images/page-bg.jpg);		
		padding-left:1px;
		padding-right:1px;
		position:static;
		
	}
	#headerOver{
		background:url(../images/top-bg.jpg) repeat-x;
		width:100%;
	}
	#headerOver dl,
	#headerOver dd,
	#headerOver dt{
		margin:0;
		padding:0;
	}
	#headerOver dt{
		display:none;
	}
	#headerOver a{
		font-weight:bold;
		text-decoration:none;
	}
	#headerOver a.act{
		text-decoration:underline;
	}

	
	#websiteMenue{
		display:block;
		float:right;		
		width:auto;		
		padding-right:15px;
	}	
	#websiteMenue dd{
		border-left-color:#00990 !important;
	}	

	#bigBanner{
		/*background-image:url(../images/banner-overlay.png);*/
		height:27px; /* 212px */
		padding-top:185px;
		padding-left:20px;
		clear:both;
	}
	#headerOver dd{
	 	display:inline;
		padding-left:7px;
		border-left:5px solid #009900;
		padding-right:10px;		
		padding-top:3px;
		padding-bottom:3px;
	}
	.clearDiv{
		clear:both;
		height:0px;
		font-size:0px;
		margin:0;
		padding:0;
		visibility:hidden;
		overflow:hidden;
		width:100%;
	}
	#gemeinde{
		display:block;
		float:left;
		width:400px;
		height:65px;
		background:url(../images/puergg-trautenfels.jpg) 18px 6px no-repeat;
	}
	#gemeinde h2{
		display:none;
	}
	#home{		
		float:left;
		background:url(../images/vr-top.jpg) 0px 40px no-repeat;
	}
	#home a{
		display:block;
		width:120px;
		text-align:center;
		padding-top:45px;
		height:20px;
		background:url(../images/vr-top.jpg) right 40px no-repeat;
		color:#009900;
	}
	#suchfeld{
		float:left;
		width:370px;
		background:url(../images/puergg-trautenfels-wappenlogo.png) right 12px no-repeat;
		height:65px;
	}
	#suchfeld fieldset{
		background:url(../images/search-input.jpg) 50px 32px no-repeat;
		border:0px solid white;
		height:24px;
		padding-top:38px;
		padding-left:60px;
	}
	#suchfeld label{
		display:none;
		
	}
	.suchTextfeld,
	.suchTextfeldAct{
		border:0px solid white;
		width:205px;				
		color:#333;
		background-color:transparent;
		background:url(../images/search-content.gif) 3px 2px no-repeat;
	}
	.suchTextfeldAct{
		background-image:none;
	}
	.searchSubmit{
	position:relative;
	top:3px;
	}
	#subMeunue{
		width:180px; /* 225 */
		padding:18px;
		padding-right:28px;
		float:left;
		background:url(../images/vr-nav.jpg) right top no-repeat;
		min-height:373px;
	}
	#subMeunue h3{
		margin:0;
		padding:0;
		font-size:16px;
		font-weight:bold;
		margin-bottom:10px;
	}
	#subMeunue ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#subMeunue ul a{
		display:block;
		margin-left:0px;
		border:0px solid white;
		border-left:5px solid #009900;
		margin-bottom:4px;
		padding-left:7px;
		line-height:12px;
		text-decoration:none;
		font-weight:bold;
	}
	#subMeunue ul{
		
		margin-bottom:5px;
	}
	#subMeunue ul a.act{		
		text-decoration:underline;
		color:#000;
	}
	#subMeunue ul ul a{		
		margin-left:15px;
		border:0 solid white;
		font-weight:normal;
	}
	#subMeunue ul ul ul a{		
		margin-left:25px;
		font-size:11px;
	}
	#subMeunue ul ul ul ula{
		
		margin-left:45px;
	}
	#subMeunue fieldset{
		border:0 solid white;
	}
	.color1 h3{
		color:#009900;
	}
	#subMeunue h4{
		font-size:14px;
		color:#666666;
		margin:0;
		padding:0;
	}
	#subMeunue .hr{
		background:url(../images/hr-small.jpg) center center no-repeat;
	}
	.hr{
		height:28px;
		clear:both;
	}
	.hr hr{
		display:none;
		margin:0;
		padding:0;
	}
	.newsletterField{
		background:url(../images/newsletter-input.jpg);
		width:165px; /*185*/
		height:21px; /* 31 */
		border:0px solid white;
		color:#333;
		padding-top:7px;
		padding-left:10px;
		padding-right:10px;
	}
	.submit,
	.csc-mailform-submit,
	.tx-srsendcard-pi1-submit,
	input[type="submit"]
	{
		padding-right:15px !important;
		background:transparent url(../images/button-bg.gif) right 2px no-repeat !important;
		font-weight:bold;
		border:0px solid white !important;
		border-bottom:1px solid #009900 !important;
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif !important;
	}
	#mainContent{
		float:left;
		width:452px;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
	}
	
	#mainContent .my-news-list-date{
		text-align:right;
		color:#999;
		display:block;
	}
	
	#mainContent div.hr{
		background:url(../images/hr.jpg) center center no-repeat;
	}
	.abstand50{
		clear:both;
		height:50px;
	}
	#mainContent h1,
	#mainContent h2,
	#mainContent h3{
		font-size:15px;
		color:#009900;

	}
	#newsCol{				
		width:201px;
		float:left;	
		padding-top:5px;
		font-size:11px;		
	}
	#newsCol dd, 
	#newsCol dt, 
	#newsCol dl{		
		margin:0;
		padding:0;
		display:block;
	}
	#newsCol dt,
	#newsCol h3
	{
		color:#009900;
		font-size:14px;
		font-weight:bold;
		margin-bottom:5px;
	}
	#newsCol h4 a{
		color:#000;
	}
	#newsCol dt{
		margin-left:10px;
	}
	#newsCol h4{
		font-size:12px;
	}
	#newsCol dd a{		
		display:block;
		padding-top:5px;
		height:19px; /* 23*/
		background:url(../images/links-bg.jpg) 0px 0px no-repeat;
		padding-left:25px;
		text-decoration:none;
	}
	#newsCol dd a[target="_blank"]{		
		background-image:url(../images/links-bg-ext.jpg) !important;
	}
	#newsCol dd a:hover,
	#newsCol dd a.act{		
		background-position: 0px -24px;
		color:#009900;
	}
	#newsCol .hr{
		background:url(../images/hr-news.jpg) center center no-repeat;
	}
	#newsBottom{
		min-height:300px;
		background:url(../images/news-bottom.jpg) center bottom no-repeat;
		padding:5px;
		padding-top:10px;
	}
	#newsTop{
		background:url(../images/news-top.jpg) center 0px no-repeat;
	}
	#newsBg{
		background:url(../images/news-bg.jpg) center 0px repeat-y;
	}
	.padding-10{
		padding-left:10px;
		padding-right:10px;
	}
	#ende{
		background:url(../images/page-bottom.jpg) center bottom no-repeat;
		padding-bottom:42px;
	}

	.abstand-10{
		height:10px;
		clear:both;
	}
	#path{
		font-size:9px;
		color:#999;
		margin-top:-5px;
		padding-bottom:10px;
	}
	#path{
		color:#4E6C9A;
	}
	#path a{
		color:#999;
	}
	#path strong{
		color:#999;
	}
	
	#coyright{
		clear:both;
		padding-top:10px;
		text-align:right;
		margin-bottom:0px;
		padding-right:15px;
		color:#999;
	}
	
	.textScroller{
		height:300px;
		overflow:auto;
		border: 1px solid #CEDDC8;
		padding:3px;
	}
	.openScroller a{
		display:block;
		text-align:right;
		color:#666;
		font-size:11px;
		margin-bottom:15px;
		/*margin-right: 160px;*/
	}
	.openScrollerNone{
		display:block;
		visibility:hidden;
		margin-bottom:10py;
	}
	#newsCol .my-news-list-date{
		display:none;
	}
	
	/*###
	
		Typo3 
		
	####################################################*/
	
	.newsImage{
		float:right;
		width:auto;
	}
	
   p.csc-searchResult{
	   padding-bottom:20px;
	   background:url(../images/hr.jpg) center bottom no-repeat;
	   margin-bottom:20px;
	}

	.tx-srsendcard-pi1 input,
	.tx-srsendcard-pi1 select,
	.tx-srsendcard-pi1 textarea
	/*,
	.tx-srsendcard-pi1-card-caption,
	.tx-srfreecap-pi2-cant-read a,
	.tx-srsendcard-pi1-field *,
	.tx-srsendcard-pi1-image-selector-column dd *,
	.tx-srsendcard-pi1-card-selection-prompt
	*/
	{
	color:#000 !important;
	}
	

	.tx-srsendcard-pi1 *{
		color:#000;
	}
	.tx-srsendcard-pi1 a{
		color:#000;
	}
	
	.tx-srsendcard-pi1-error-message,
	.tx-srsendcard-pi1-error-message *
	{
		color:#F00 !important;
	}
	.tx-srsendcard-pi1-card,
	.tx-srsendcard-pi1-card *
	{
		/*background-color:#FFF !important;*/
	}
	.tx-srsendcard-pi1-card-buttons{
		padding-bottom:30px !important;
	}
	.tx-srsendcard-pi1-image-wide-left-margin,
	.tx-srsendcard-pi1-image-wide-left-margin form{
		margin:0 !important;
		display:block !important;
		clear:both !important;
	}
	.tx-srsendcard-pi1-card-title{
		font-weight:bold !important;
		font-size:14px !important;
	}
	
	.tx-srsendcard-pi1-field input,
	.tx-srsendcard-pi1-field select,
	.tx-srsendcard-pi1-field textarea,
	#tx_srsendcard_pi1_captcha_response	{
		background-color:#EFEFEF !important;
		border:0;
		border-bottom:1px solid #900 !important;
		color:#000 !important
		
	}
	
	
	.csc-mailform {
	border: none; /* Rand ausschalten */
	}
	
	.csc-mailform-field label {
	float:left;
	clear:both;
	display:block;
	width:100px;
	padding-left:10px;
	margin-bottom:10px;
	
	}
	
	.csc-mailform-field input,
	.csc-mailform-field textarea,
	.csc-mailform-field select {
		float:left;
		display:block;
		width:250px;
		border: 1px solid #333;
		background-color:#F4F4F4;
		padding:1px;
		margin-bottom:10px;
	}
	.csc-mailform-field input[type="checkbox"]{
		width:auto;
		border:0px solid white;
		background-color:transparent;
	}
	.csc-mailform-field input:hover,
	.csc-mailform-field textarea:hover,
	.csc-mailform-field select:hover {
		border:1px solid #900;
		background-color:white;
	}
	
	.csc-mailform-submit {
		/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
		margin-left: 110px;
		/* Float wieder abschalten */
		clear: both;
			/*background-color:#CC3333  !important;*/
		border:0px solid white;
		/* color:#F8AE00; */ 
		font-weight:bold;
		padding:2px;
		vertical-align:middle;
	}
	h4{
		margin:0;
		margin-bottom:3px;
	}
	/*### formular ende ###*/
	.csc-frame-rulerBefore,
	.csc-frame-rulerAfter{
		border-bottom:1px solid #060;
		padding-top:5px;
		margin-bottom:7px;
		display:block;
		clear:both;
	}

	
	.csc-textpic-caption{
		clear:both !important;
		display:block !important;
		visibility:visible !important;
		color:#666666 !important;
	}
	
	.news-list-container *,
	.news-list-container 
	{
		background:none !important;
		border:0px solid white !important;
		
	}
	p{
	margin:0;
	padding:0;
	padding-bottom:5px;
	}
	.csc-textpic-image{
		margin-bottom:0px !important;
		padding-bottom:4px !important;
	}
	
	
	.preise2{
		border:2px solid #F8AE00;
		border-collapse:collapse;
		margin-top:10px;
		font-size:10px;
		width:100%;
	}
	.preise2 .tr-odd{
		background-color:#FFEFD5;
	}
	.preise2 th{
		text-align:center;
		background-color:#F8AE00;
		padding:2px;
	}
	.preise2 td{
		border:1px solid #F8AE00;
		border-collapse:collapse;
		padding:0;
		margin:0;
		padding:2px;
		text-align:center;	
	}
	.my-news-nav{
		text-align:center;
		
	}
	.tx-ttnews-browsebox{
		border:0 solid white;
		background-color:transparent;
	}
	.tx-ttnews-browsebox a img{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.tx-ttnews-browsebox img{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
		opacity: .4;
	}
	.news-single-img{
		float:right;
		margin-left:5px;
		margin-bottom:5px;
		display:inline;
	}
	
	.tx-gooffotoboek-pi1 table{
		border-spacing: 5px;
		empty-cells:hide; 
	}
	.tx-gooffotoboek-pi1 tr+tr td{
		background-color:#E4E4E4;
		border:1px solid #CCCCCC;
		padding:2px;
		text-align:center;
		vertical-align:middle;
	}

	/*
	########################################################
	ende typo3
	########################################################
	*/	


}

@media aural, braille, tv{
	.barriereOnly{
		display:inline;
	}
	#gemeinde h2{
		display:inline;
	}
	.visualOnly{
		display:none;
	}
	.printOnly{
		display:none;
	}
}
@media print{
	.printOnly{
		display:inline !important;
		clear:both;
	}
}