/* ---------------------------------------------

	CONTENT.CSS
	Generelle Styles fr das Frontend.

	Autor:				PH
	Erstellungsdatum:	11.09.2006
	
	Index:				Styles Allgemein
						Styles fr mterausgabe
						Styles fr Gewerbeausgabe
						Styles fr Eventausgabe
						Styles fr Newsausgabe
						Styles fr Ausgabe der Seiteninhalte
						Styles fr Kontaktformular
						Styles fr Div Formulare
						
	Changelog:			- 
	
--------------------------------------------- */

/* ---------------------------------------------
	Styles Allgemein
--------------------------------------------- */
	
	div#content p {
		line-height: 15px;
		padding-bottom: 13px;
		margin:0;
	}
	
	div#content hr {
		border: 0;
		height: 1px; margin: 5px auto 9px auto;
		background: url(../../images/layout/dotted-2px.gif) 100% repeat-x;
	}
	
	div#content table {
		border:0;
	}
	
	div#content ul {
		text-align: left;
		font-size: 1em;
		font-weight: normal;
		list-style: url(../images/layout/content-square.gif);
		padding-left: 13px;
		margin:0 0 15px 0;
	}
	
	div#content ul li {
		margin:0 0 7px 0;
	}
	
	div#content h3 {
		clear: both;
		color: #25612e;
		font-size: 1.1em;
		background: url(../images/layout/dotted-2px.gif) bottom left repeat-x;
		padding: 0 0 3px 0;
		margin: 0 0 10px 0;
	}

	div.container-left {
		float: left;
		width: 340px;
	}
	
	div.container-right {
		float: right;
		width: 145px;
	}
	
	.clear {
		clear: both;
	}
	
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	div.highlightbox {
		background: #fef6ee;
		padding: 5px;
		border: 1px solid #e7d5c2;
		margin-bottom: 12px;
	}
	
	div.highlightbox p:last-child {
		margin: 0;
	}
	
	div#quicknav-trade {
		margin-bottom: 20px;
	}
		
	div#quicknav-trade ul {
		float: left;
		list-style: none;
		width: 160px;
		padding: 0;
		margin: 0 5px 0 0;
	}
		
	div#quicknav-trade ul li {
		padding: 0;
		margin: 0;
	}
	
	div#quicknav-news {
		margin-bottom: 20px;
	}
		
	div#quicknav-news ul {
		float: left;
		list-style: none;
		width: 160px;
		padding: 0;
		margin: 0 5px 0 0;
	}
		
	div#quicknav-news ul li {
		padding: 0;
		margin: 0;
	}
	
	a.backtotop {
		float: right;
		font-weight: normal;
		font-size: 0.8em;
	}
	
	h4 {
		color: #25612e;
		font-size: 1.0em;
		font-weight:bold;
		padding: 0 0 4px 0;
		margin: 0;
	}
	
	ol {
		padding-left: 15px;
	}
	
	/*a.link-ext {
		padding-left:20px;
		background:url(../images/icons/link-ext.gif) left no-repeat;
	}
	
	a.mail {
		padding-left:20px;
		background:url(../images/icons/email.gif) left no-repeat;
	}
	
	a.link-int {
		padding-left:20px;
		background:url(../images/icons/link-int.gif) left no-repeat;
	}*/


/* ---------------------------------------------
	Styles fr mterausgabe
--------------------------------------------- */

	
	div.office-content {
		width:100%;
		margin: 0 0 8px 0;
		padding:0;
	}
	
	div.office-item {
		float: left;
		margin-bottom: 8px;
		width:50%;
	}
	
	div.office-item div.description {
		float:left;
		width:35px;
	}

/* ---------------------------------------------
	Styles fr Gewerbeausgabe
--------------------------------------------- */

	div.trade-list {
		margin: 0 0 8px 0;
	}
	
	div.trade-content {
		width:100%;
		margin: 0 0 8px 0;
		padding:0;
	}
	
	div.trade-item {
		float: left;
		width: 50%;
		margin-bottom: 8px;
	}
	
	div.trade-item div.description {
		float:left;
		width:35px;
	}
	
	div#listSelected {
		 background:#EAEAEA;
	}
/* ---------------------------------------------
	Styles fr Newsausgabe
--------------------------------------------- */

	div.news-list {
		margin: 0 0 35px 0;
	}
	
	div.news-content {
		width:100%;
		margin: 0 0 8px 0;
		padding:0;
	}

	span.news-date {
		font-weight: normal;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	div.news-item {
		margin-bottom: 8px;
	}
	
	div.news-title {
		font-weight: bold;
		padding:0 0 5px 0;
		margin:0;
	}
	
	div.news-headline {
		padding-top:5px;
	}
	
	div.news-description {
		margin:0;
		padding:0;
	}
	
	div.news-content {
		padding-top:5px;
	}

/* ---------------------------------------------
	Styles fr Eventausgabe
--------------------------------------------- */


	div.event-item {
		margin-bottom: 35px;
	}

	span.event-date {
		font-weight: normal;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	div.event-text {
		padding:0 0 5px 0;
		margin:0;
	}

/* ---------------------------------------------
	Styles fr Ausgabe der Seiteninhalte
--------------------------------------------- */

	table.tbl-two-columns {
		width: 100%;
		border: 0;
	}
	
	table.tbl-two-columns tr td.first-column {
		width: 340px;
	}
	
	table.tbl-two-columns tr td.second-column {
		padding-left: 20px;
		text-align: right;
	}
	
	table.tbl-two-columns tr td {
		vertical-align: top;
	}
	
	.image-border {
		padding: 2px;
		border: 1px solid #e0e0e0;
		margin: 0 0 12px 0;
	}
	
	.image-left {
		padding: 2px;
		border: 1px solid #e0e0e0;
		margin: 8px 8px 8px 0;
		float:left;
	}
	
	.image-right {
		padding: 2px;
		border: 1px solid #e0e0e0;
		margin: 8px 0px 8px 8px;
		float:right;
	}
	
	.image-left-top {
		padding: 2px;
		border: 1px solid #e0e0e0;
		margin: 0px 8px 8px 0;
		float:left;
	}
	
	.image-right-top {
		padding: 2px;
		border: 1px solid #e0e0e0;
		margin: 0px 0px 8px 8px;
		float:right;
	}
	
	.highlightbox {
		background: #fef6ee;
		padding: 5px;
		border: 1px solid #e7d5c2;
		margin-bottom: 12px;
	}
	
	.main-title-green {
		clear: both;
		color: #25612e;
		font-size: 1.1em;
		background: url(../../images/layout/dotted-2px.gif) bottom left repeat-x;
		padding: 0 0 3px 0;
		margin: 0 0 10px 0;
		font-weight:bold;
	}
	
	.title-green {
		color: #25612e;
		font-size: 1.0em;
		font-weight:bold;
		padding: 0;
		margin: 0;
	}
	
	.red-font {
		color: #ff0000;
		font-size: 1.0em;
		font-weight:bold;
		padding: 0;
		margin: 0;
	}

	li.secure {
		font-weight:bold;
	}
	li.secure a {
		color:#32789C!important;
	}
	
	
/* ---------------------------------------------
	Styles fr Kontaktformular
--------------------------------------------- */

div#kontaktform label { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 150px; /* Breite.*/
}

div#kontaktform input, select { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 260px; /* Breite.*/
	color: #999;
	font-size: 1em;
	background: #FFF;
	margin:1px 0 1px 0;
	border: 1px solid #cfcfcf;
}

div#kontaktform textarea { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 260px; /* Breite.*/
	height:90px;
	color: #999;
	font-size: 1em;
	background: #FFF;
	margin:1px 0 1px 0;
	border: 1px solid #cfcfcf;
}

form br { /* Alle Zeilenumbrche in Formularen auswhlen */
	clear: left; /* das floating der labels und inputs aufheben */
}

div#kontaktform .submit-btn { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 70px; /* Breite.*/
	font-size: 1em;
	background: #FFF;
	border:1px solid #cfcfcf;
	margin:0;
}

div#kontaktform a {
	color: #337640;
	text-decoration: underline;
}

p.alert {
	color:#f00;
	font-weight:bold;
}	

/* ---------------------------------------------
	Styles fr Galerie
--------------------------------------------- */

	
	div#content div#quicknav-galerie {
		margin-bottom: 20px;
	}
		
	div#content div#quicknav-galerie ul {
		float: left;
		list-style: none;
		width: 160px;
		padding: 0;
		margin: 0 5px 0 0;
	}
		
	div#content div#quicknav-galerie ul li {
		padding: 0;
		margin: 0;
	}
	
	div#content div#pictures-list {
		margin:0;
		padding:0;
	}
	
	div#content ul#pictures {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	div#content ul#pictures li.pic {
		float:left;
		margin:5px;
	}
	
	div#content ul#pictures li.pic div.image-container a {
		display:block;
		width:110px;
		height:110px;
	}
	
	div#content ul#pictures li.pic div.image-container {
		width:110px;
		height:110px;
		background-repeat:no-repeat;
		background-position:center;
		border:1px solid #CCCCCC;		
	}
	
	div#content ul#pictures li.pic div.image-title {
		width:100px;	
		text-align:center;
		margin:2px 5px 2px 5px;
	}

	
	div#content ul#pictures li.pic div.image-title a {
		color:#000;
		text-decoration:none;
	}

/* ---------------------------------------------
	Styles fr Ecardfomular
--------------------------------------------- */

div#ecardform label { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 150px; /* Breite.*/
}

div#ecardform input, select { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 260px; /* Breite.*/
	color: #999;
	font-size: 1em;
	background: #FFF;
	margin:1px 0 1px 0;
	border: 1px solid #cfcfcf;
}

div#ecardform textarea { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 260px; /* Breite.*/
	height:90px;
	color: #999;
	font-size: 1em;
	background: #FFF;
	margin:1px 0 1px 0;
	border: 1px solid #cfcfcf;
}

form br { /* Alle Zeilenumbrche in Formularen auswhlen */
	clear: left; /* das floating der labels und inputs aufheben */
}

div#ecardform .submit-btn { /* Alle Labels UND Formularelemente auswhlen */
	display: block;
	float: left;
	width: 70px; /* Breite.*/
	font-size: 1em;
	background: #FFF;
	border:1px solid #cfcfcf;
	margin:0;
}

div#ecardform a {
	color: #337640;
	text-decoration: underline;
}