html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 0.75em;
	line-height: 1.50em;
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url('../_gfx/bg-main.gif');
	background-position: center;
	background-repeat: repeat-y;
}


/* Standard-Formate */

table {
	width: 100%;
}

td, div {
	text-align: left;
}

img {
	border-style: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: square;
} 

ul li ul, ul li ul li ul {
	margin: 0;
}

a {
	color: #ec9e00;
	text-decoration: none;
}

a:hover {
	color: #974b32;
	text-decoration: underline;
}

h1, h2 {
	font-size: 1.17em;
	font-weight: bold;
	color: #4c4c4c;
	margin-top: 0px;
	margin-bottom: 10px;
}

h3, h4, h5 {
	font-size: 1em;
	font-weight: bold;
	color: #4c4c4c;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4, h5 {
	font-weight: normal;
	color: #4c4c4c;
}


p {
	margin-top: 0px;
	margin-bottom: 15px;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.indent {
	margin-left: 25px !important;
}

blockquote {
	color: #FFF;
	margin-left: 25px;
	margin-bottom: 0;
}



hr {
	height: 1px;
	border: 0px;
	color: #999999;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border: 1px solid #999999;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input.checkbox {
	border-style: none;
}


/*
### Formate für den Seitenaufbau
*/

#pageframe {
	width: 970px;
	height: 100%;
	margin: 0 auto;
}

	#headframe {
		display: inline;
		position: relative;
		float: left;
		width: 950px;
		height: 34px;
		margin-left: 10px;
		overflow: hidden;
		background-color: #fff8ec;
	}

		#metanav {
			position: absolute;
			right: 17px;
			top: 6px;
			z-index: 50;
			width: 800px;
		}
		
			#metanav ul {
				float: right;
				height: 15px;
				margin: 0;
				padding: 0;
				font-size: 0.75em;
				list-style-type: none;
			}
			
				#metanav ul li {
					float: left;
					margin: 0 17px 0 0;
					padding: 0;
					background: none;
					list-style-type: none;
				}
				
					#metanav ul li a {
						color: #808080;
					}
					
						#metanav ul li a:hover,
						#metanav ul li a:active,
						#metanav ul li.act a
						{
							color: #000000;
						}

			#quicksearchform {
				float: right;
				width: 67px;
				margin: 0;
				padding: 0;
				border: none;
			}
			
				#quicksearchform fieldset {
					width: 0;
					margin: 0;
					padding: 0;
				}

				#quicksearchform input {
					float: left;
					font-size: 0.75em;
					color: #808080;
					width: 61px;
					border: 1px solid #dadada;
					margin: 2px 0 0 0;
					padding: 0px 1px 2px 3px;
				}

				#quicksearchform .quickformsubmit {
					display: none;
				}
				

	#maincontent {
		display: inline;
		float: left;
		width: 950px;
		margin: 0 10px 0 10px;
		background: transparent url('../_gfx/bg-inner.jpg') repeat-x top left;
	}

		#leftmargin {
			display: inline;
			float: left;
			width: 266px;
		}

			#mainnav {
				float: left;
				width: 221px;
				margin-bottom: 35px;
				padding: 0;
			}
			
			#mainnav ul {
				float: left;
				width: 221px;
				list-style-type: none;
			}
	
			#mainnav ul li {
				float: left;
				margin: 0;
				width: 191px;
				padding: 0 0 1px 0;
				font-size: 1.16em;
				background: transparent url('../_gfx/mainnav-trenner.gif') no-repeat bottom left;
				list-style-type: none;
			}
			
				#mainnav ul .red {
					/* background: transparent url('../_gfx/bg-navi-highlight.gif') no-repeat top left; */
				}
					
				#mainnav ul li a {
					border-left: 6px solid transparent;
					display: block;
				}
				
					#mainnav ul li.red a {
						border-color: #ffaaaa;
					}
					
					#mainnav ul li a:hover,
					#mainnav ul li.sub a  {
						border-left: 6px solid #f8a600;
					}
	
				#mainnav ul li ul {
				}
				
					#mainnav ul li  ul li {
						background: none;
						margin: 0;
						padding: 0;
					}
					
						#mainnav ul li ul li ul {
						}
			
			
			#socialmedia {
			     display: inline;
			     float: left;
			     width: 284px;
			     margin-left: 32px;
			     padding: 0;
			}
			
			 #socialmedia .csc-textpic-image {
			     margin-right: 15px;
			 }
			
			#mainaddress {
				display: inline;
				float: left;
				margin-top: 110px;
				margin-left: 32px;
			}
			
				#mainaddress p {
					line-height: 1.5em;
				}
			
			
					
		#showcase {
			position: relative;
			float: left;
			width: 684px;
			overflow: hidden;
		}
			
			#pagetitle {
				float: left;
				width: 684px;
				margin-bottom: 1px;
			}
			
				#pagetitle img {
					float: left;
				}
			
			#headpic {
				float: left;
				width: 684px;
				height: 349px;
				margin-bottom: 1px;
			}
			
			#subtitle {
				float: left;
				width: 684px;
				background-color: #f8a600;
			}
				
				#subtitle p {
					margin: 0 0 0 115px;
					padding: 9px 130px 13px 50px;
					background-color: #fff8eb;
					font-size: 0.92em;
					color: #974b32;
				}
				
		#maincontentarea {
			display: inline;
			float: left;
			width: 950px;
		}
			#maincontentarea h3{
				font-size: 1.19em;
				font-weight: normal;
				margin-top: 19px;
				margin-bottom: 8px;
			}
			
			#maincontentarea h4 {
				font-weight: bold;
				margin: 4px 0 3px 0;
			}
			
			.teaser {
				display: inline;
				float: left;
				margin-right: 45px;
			}
			
				.teaserFirst {
					width: 221px;
				}
				
					.teaserFirst h3 {
						margin-left: 31px;
					}
						
					.teaserFirst .content {
						float: left;
						width: 221px;
						padding: 10px 0;
						background-image: url('../_gfx/bg-teaser-helfen.gif');
					}
					
						.teaserFirst img {
							float: right;
							width: 189px;
						}
						
						.teaserFirst .text {
							display: inline;
							float: left;
							width: 175px;
							margin: 5px 0 0 32px;
						}
						
							.teaserFirst p {
								margin-bottom: 11px;
							}
							
							.teaserFirst a {
								color: #ffffff;
								font-weight: bold;
							}
						
			
			.first-teaser-changer {
				float: left;
				width: 266px;
			}
				#maincontentarea .teaserStandard,
				#maincontentarea .teaserAction {
					width: 183px;
				}
				
				#maincontentarea .teaserStandard h3 a {
				    color: #4c4c4c;
				}
				
					#maincontentarea .teaserStandard .img,
					#maincontentarea .teaserAction .img {
						float: left;
						width: 183px;
						position: relative;
						display: block;
						background-color: #f8a600;
					}
				
						#maincontentarea .teaserStandard img,
						#maincontentarea .teaserAction img {
							float: left;
							width: 183px;
							margin-top: 10px;
							border-top: 1px solid #fff;
						}
					
					#maincontentarea .teaserStandard .content,
					#maincontentarea .teaserAction .content {
						float: left;
						width: 183px;
					}
				
						#maincontentarea .teaserStandard p,
						#maincontentarea .teaserAction p {
							margin-bottom: 5px;
						}
						
					#maincontentarea .teaserAction .action {
						float: left;
						width: 183px;
					}
					
						#maincontentarea .teaserAction .action h4 {
							margin-bottom: 0;
							padding-left: 5px;
							background-color: #f8a600;
							font-size: 0.84em;
							font-weight: normal;
							text-transform: uppercase;
							color: #fff;
						}
						
						#maincontentarea .teaserAction .action p {
							padding: 2px 5px;
							background-color: #fff8eb;
						}


	#footerframe {
		display: inline;
		float: left;
		width: 950px;
		margin: 38px 0 0 10px;
		padding-bottom: 35px;
		background: #fff url('../_gfx/bg-footerframe.gif') repeat-x scroll top left;
		color: #ffffff;
		overflow: hidden;
	}
		
		#footerleft {
			display: inline;
			float: left;
			width: 207px;
			padding: 0 15px 20px 0;
			border-top: 1px solid #e89910;
			background-color: #a6644f;
			font-size: 0.92em;
			line-height: 1.25em;
		}
		
			#footerleft  h5 {
				color: #FFF;
				font-size: 1.17em;
				margin: 18px 0 8px 32px;
			}
			
			#footerleft blockquote {
				margin: 0;
			}
			
			#footerleft  p {
				margin: 0 25px 0 33px;
				font-size: 0.92em;
			}
			
			#footerleft  cite {
				display: block;
				margin: 0 0 10px 33px;
				font-size: 0.92em;
				font-style: normal;
			}
			
			


		#footerright {
			display: inline;
			float: left;
			width: 624px;
			margin-top: 20px;
			padding-left: 45px;
		}
		
			#footerright a {
				color: #cc866e;
			}
			
				#footerright a:hover {
					color: #974b32;
				}
			
			#footerright .sitemapColumn {
				display: inline;
				float: left;
				margin-right: 40px;
			}
			
				#footerright .sitemapColumn h4 {
					margin-bottom: 8px;
					color: #974b32;
				}
				
				#footerright .sitemapColumn h4 a {
					color: #974b32;
				}
				
				#footerright .sitemapColumn ul {
					float: left;
					list-style-type: none;
				}
				
					#footerright .sitemapColumn ul li {
						padding-left: 0;
						margin: 0;
						margin-bottom: 3px;
						color: #cc866e;
						list-style-type: none;
					}
						
		#footeraddress {
			display: inline;
			float: right;
			width: 510px;
			margin: 40px 175px 0 0;
		}
		
			#footeraddress p {
				margin: 0;
				font-size: 0.83em;
				line-height: 1.25em;
				color: #888888;
			}	
		
/*
### Spezielles Styling fuer die Unterseiten
*/
.unterseite  #leftmargin {
	float: left;
	width: 381px;
	background: url('../_gfx/logo-signet.gif') no-repeat top right;
}
	.unterseite .teaserFirst {
		margin-top: 25px;
	}
	
	.unterseite #contentarea {
		float: left;
		width: 569px;
		overflow: hidden;
	}
	
		.unterseite #contentarea h2 {
			width: 569px;
			height: 114px;
			margin: 0;
			
			background: transparent url('../_gfx/reportagen_teaser.jpg') no-repeat scroll top left;
		}
		
		.unterseite #contentarea h3 {
			width: 556px;
			margin: 32px 0 20px 0;
		}
		
			.unterseite #contentarea h3 span {
				display: none;
			}
		
		.unterseite #content {
			width: 380px;
			float: left;
		}
		
		.unterseite #content.wide {
			float: left;
			width: 569px;
		}

			.unterseite #content h4 {
				font-size: 1.2em;
				font-weight: bold;
				margin: 0 0 20px 0;
			}
			
			.unterseite #content h5 {
				font-size: 1em;
				font-weight: bold;
				margin: 0 0 15px 0;
			}
			
			.unterseite #content p {
				margin: 0 30px 20px 0;
			}
			
			.unterseite #content ul {
				margin-bottom: 15px;
				padding-left: 15px;
				list-style-type: square;
			}
			
				.unterseite #content ul li {
					padding-left: 5px;
				}
			
		.unterseite #contentmargin {
			width: 189px;
			float: left;
			margin-top: 76px;
		}

			.unterseite #contentmargin h4 {
				border-top: 1px solid #974b32;
				margin: 15px 0 10px 0;
				padding: 5px 10px 0 0;
				font-weight: bold;
				color: #974b32;
			}
			
			.unterseite #contentmargin p {
				margin-right: 10px;
				margin-bottom: 7px;
			}
			
	.unterseite #footerframe {
	margin-top: 20px;
	}		

	.unterseite #mainnav ul li.current {
	border-left: 6px solid #f8a600;
	margin: 0;
	padding: 9px 0 9px 25px;
	}
	.unterseite #mainnav ul li.current a {
	color: #4c4c4c;
	}





		
/*
### Formate für TYPO3-Plugins
*/

/* Kontaktformular / Powermail */

.tx-powermail-pi1 fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

	.tx-powermail-pi1 fieldset legend {
		display: none;
	}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	display: inline;
	margin-bottom: 10px;
	float: left;
	width: 345px;
}

.tx-powermail-pi1 label {
	width: 130px;
	display: block;
	float: left;
	padding-top: 3px;
}

	.powermail_mandatory {
		font-weight: bold;
		color: #ff4444;
	}
	
.tx_powermail_pi1_fieldwrap_html_label {
	width: 345px !important;
}


.tx-powermail-pi1 input {
	width: 200px;
	padding: 2px;
}

.tx-powermail-pi1 select {
	font-size: 1em;
}

.tx_powermail_pi1_fieldwrap_html_textarea label {
	width: 345px;
	margin-bottom: 5px;
}

.tx-powermail-pi1 textarea {
	height: 250px;
	width: 250px;
	padding: 2px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}


.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check {
	float: right;
	width: 100%;
}

.tx-powermail-pi1 .powermail_check_inner {
	float: right;
	width: 100%;
}

.tx-powermail-pi1 .powermail_check_inner label {
	width: 345px;
	float: right;
}

.tx-powermail-pi1 .powermail_check_inner input {
	width: 20px;
	float: left;
	margin: 6px 4px 0 0;
	border-style: none;
}

.tx-powermail-pi1 select {
	width: 210px;
}

.tx-powermail-pi1 .powermail_submit {
	width: 130px;
	margin-left: 130px;
	background-color: #A6644F;
	color: #fff;
	border: 0;
}

.tx-powermail-pi1 .powermail_mandatory_js {
	color: #ff0000;
	margin: 2px 0 4px 130px;
	_margin: 2px 0 4px 133px;
	font-size: 10px;
}

.powermail_pagebrowser {
	width: 337px;
	margin: 0 0 15px 0 !important;
	padding: 2px 4px;
	background-color: #A6644F;
	color: #ffffff;
	font-weight: bold;
}

.tx-powermail-pi1_multiple-buttons_einzugsermaechtigung {
	float: left;
	width: 339px;
	margin-bottom: 12px;
	padding: 5px 3px;
	background-color: #efefef;
}

	.tx_powermail_pi1_submitmultiple_forward,
	.tx_powermail_pi1_submitmultiple_back {
		float: left;
		width: 120px !important;
		background-color: #A6644F;
		color: #fff;
		border: 0;
	}
	
	.tx_powermail_pi1_submitmultiple_forward {
		float: right;
	}

/* Radiobuttons */
.tx_powermail_pi1_fieldwrap_html_radio {
	float: left;
	width: 345px;
}

	.tx_powermail_pi1_fieldwrap_html_radio p {
		margin-bottom: 7px !important;
	}

	.powermail_radio_inner {
		float: left;
		width: 370px;
	}
	
		.powermail_radio_inner label {
			float: left;
		}
		
		.powermail_radio_inner input {
			width: 20px !important;
		}

/* Spezielle Powermail Tabellen */
.tx-powermail-pi1 .powermail-sizeless input {
	width: 20px;
}

	.tx-powermail-pi1 .powermail-sizeless .long {
		width: 180px;
	}
	

/* ### Spezielle Felder für HMK Spendenformular */
#einzugsermaechtigung h4 {
	margin-bottom: 5px !important;
}

/* Geldbetrag */
#powermaildiv_uid54 label {
	width: 345px;
	margin-bottom: 5px;
}

#powermaildiv_uid54 input {
	float: left;
	width: 45px;
}

#powermaildiv_uid54 .description {
	float: left;
	width: 25px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

/* Asterisk ausblenden */
#powermaildiv_uid56 .powermail_mandatory {
	display: none;
}

/* Radiobuttons mit breiteren Labels */
#powermaildiv_uid56 .powermail_radio_inner {
	margin-bottom: 3px;
}

#powermaildiv_uid56 .powermail_radio_inner label {
	width: 250px;
}

/* Datenschutz, Freistellungserklärung, Widerruf */
#powermaildiv_uid78,
#powermaildiv_uid80,
#powermaildiv_uid85 {
	float: left;
	border: 1px solid #A6644F;
	width: 327px;
	padding: 7px 5px;
}

	#powermaildiv_uid78 p,
	#powermaildiv_uid85 p {
		display: none;
	}

	#powermaildiv_uid78 label,
	#powermaildiv_uid80 label,
	#powermaildiv_uid85 label {
		width: 300px;
	}

/* "Angaben prüfen" */
#powermaildiv_uid81 input {
	width: 180px;
	margin-left: 165px;
	padding: 3px;
}

/* Submit */
.powermail_submit_uid81 {
	font-weight: bold;
}

/*
# Losungen
*/
.losungen-main {
	margin-left: 32px;
	padding: 0;
	font-size: 0.92em;
}

	.losungen-header,
	.losungen-date,
	.losungen-verse1header,
	.losungen-verse2header {
		display: none;
	}
	
	.losungen-verse1verse,
	.losungen-verse2verse {
		text-align: left;
		font-size: 1em;
	}
	
	.losungen-space {
		height: 8px;
	}
	
	.losungen-license {
		margin-top: 8px;
		text-align: left;
		font-size: 0.84em;
		color: #EC9E00;
	}

/*
# Shop
*/
.tt-products {
    width: 550px !important;
}

/* Shop Listenansicht */

.page_navigation {
	float: left;
	width: 550px;
	margin: 5px 0;
}

.tt_products_item_list .listitem {
	float: left;
	width: 367px;
	margin-bottom: 3px;
}

	.tt_products_item_list .listitem a {
		display: block;
		float: left;
		width: 357px;
		padding: 5px;
		background-color: #f2f2f2;
	}
	
		.tt_products_item_list .listitem a:hover {
			background-color: #fff8eb;
			text-decoration: none !important;
		}

		.tt_products_item_list .listitem_productimage {
	    	display: inline;
	    	float: left;
	    	width: 75px;
	    }
	
		.tt_products_item_list .listitem_details {
			float: left;
			width: 282px;
		}
		
			.tt_products_item_list .listitem h5 {
				margin: 0 0 5px 0 !important;
				font-size: 0.8em !important;
				line-height: 1.5em;
			}
						
			.tt_products_item_list .listitem h4 {
		        margin: 0 0 2px 0 !important;
		        font-size: 1em !important;
		    }
		    
		    .tt_products_item_list .listitem .price {
		    	font-size: 1em;
		    }
		    
		    .tt_products_item_list .listitem p {
		    	margin: 10px 0 0 0 !important;
		    }
			


/* Shop Artikel Einzelansicht */
.listitem_single .listitem_productimage {
	float: left;
	width: 170px;
}

.order_form {
    float: left;
    width: 345px;
    height: 100px;
    margin: 0 0 15px 15px;
    padding: 10px;
    background-color: #f2f2f2;
}
    
    .listitem_single .order_form p {
    	margin: 0 0 10px 0 !important;
    }

.listitem_single .listitem_producttext {
	float: left;
	width: 365px;
	margin-left: 15px;
}

    p.itemnumber,
    p.price {
        margin: 0 !important;
        margin-top: 5px !important;
    }
        p.price  strong {
            color: #88422c;
        }

        
.list_link {
	float: left;
	width: 367px;
}

/* Basket */
.tt_products_basket {
    width: 550px;
}

	.basket_items {
		border-bottom: 1px solid #A6644F;
		margin-bottom: 15px;
	}

		.basket_items caption {
			text-align: left;
			font-weight: bold;
			padding-bottom: 8px;
		}
		
	    .basket_items th {
	        color: #88422c;
	    }
	    
	    .basket_items .listitem {
	    	
	    }
	    
	    	.basket_items .listitem td {
	    		padding-top: 3px;
	    		border-color: #A6644F;
	    		border-width: 1px 0 0 0;
	    		border-style: solid;
	    	}
    
    .tt_products_basket .itemnote {
    	margin: 0 0 15px 0 !important;
    	font-size: 0.9em;
    }
    
    .checkoutoptions {
        width: 550px;
        overflow: hidden;
        border-top: 1px solid #f8a600;
        padding: 10px 0;
    }
        .delivery,
        .payment {
            float: left;
            width: 225px;
            display: inline;   
        }
        .payment {
            margin-left: 50px;
        }
    .price_summary {
        border-top: 1px solid #f8a600;
        padding: 10px 0;
    }
    .form_control {
        margin: 10px 0;
    }

.tt-products fieldset {
    width: 550px !important;
}
    .tt-products fieldset {
        margin-bottom: 20px;
    }
        .tt-products fieldset legend {
            font-weight: bold;
            color: #88422c;
        }
        
            .delivery_address div,
            .billing_address div{
                margin-bottom: 10px;
                overflow: hidden;
            }
                .delivery_address label,
                .billing_address label {
                    width: 180px;
                    display: inline;
                    float: left;
                }
                .delivery_address input,
                .billing_address input {
                    width: 120px;
                    display: inline;
                    float: left;
                }
                
	.tt-products .submit {
		margin-right: 10px;
		background-color: #A6644F;
		color: #fff;
		border: 0;
	}

.tt-products .checkoutadresses {
	width: 550px;
	border-top: 1px solid #f8a600;
	padding: 10px 0;
	overflow: hidden;
}

	.tt-products .checkoutadresses .invoice_address,
	.tt-products .checkoutadresses .delivery_address {
		display: inline;
		float: left;
		width: 225px;
	}
	
		.tt-products .checkoutadresses p span {
			display: block;
		}

.tt-products .notes {
	width: 550px;
	border-top: 1px solid #f8a600;
	padding: 10px 0;
	overflow: hidden;
}


/* Standard TYPO3 Elemente */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic-border div.csc-textpic-single-image img {
	border-color: #efefef;
}