/* -----------------------------------------------
                table style
----------------------------------------------- */
.content .contenttable.contenttable-1 {
	width: 100%;
	table-layout: fixed;
}

#col2 .content .contenttable.contenttable-1 td,
#col2 .content .contenttable.contenttable-1 th {
	border-width: 1px 0;
}


/* -----------------------------------------------
                tt_news
----------------------------------------------- */

#mainContent .newsList,
#mainContent .newsSingle {
	width: 447px !important;
	width: 440px;	
	overflow: hidden;
}

#mainContent .newsSingle {
	margin-top: 9px;
	width: 445px;
	overflow: hidden;
	/*border-top: 1px solid #000;*/
}


#mainContent .newsSingle div.newsImage {
	display: block;
	float: left;
	width: 0px;
	margin-right: 10px;
	/*height: 100%;*/
	height: auto;
	width: 200px;
}


#mainContent .newsSingle div.newsText {
	display: block;
	float: left;
	width: 200px;
}

#mainContent .newsSingle .newsDate {
	float: left;
	margin: 0 5px 0 0;
}

#mainContent .newsSingle .news-single-files dt {
	display: none;
}

#mainContent .newsSingle .news-single-files dd {
	margin-bottom: 10px;
}

#historieSubTitle {
	border-left: 4px solid #7DA1CD;
}

#mainContent .newsList .newsItem {
	width: 447px;
	/*height: 165px;*/
	margin-bottom: 10px;
	overflow: hidden;
	/*border-top: 1px solid #000;*/
	padding: 5px 0px 10px 0px;
	border-bottom: 1px dotted #000;
}

#mainContent .newsList .newsItem p.newsImage{
	display: none;
	/*float: left;*/
	width: 200px;
	min-height: 30px;
	height: auto;
	overflow: hidden;
	margin-right: 10px;
}

#mainContent .newsList .newsItem p.newsTitle {
	/*float: left;*/
	/*width: 207px !important;*/
	/*width: 207px;*/
	margin: -3px 15px 11px 0 !important;
	margin: -3px 0px 11px 0;
}

#mainContent .newsList .newsItem p.newsTitle a {
	display: block;
	/*width: 230px;*/
	color: #7CA1CD;
	font-weight: bold;
	line-height:15px;
}


#mainContent .newsSingle p.newsTitle {
	width: 207px !important;
	width: 207px;
	margin: -3px 0px 11px 0;
	display: block;
	width: 230px;
	color: #7CA1CD;
	font-weight: bold;
	line-height:15px;
}

#mainContent .newsList .newsItem p.newsText {
	float: none;
	/*width: 217px;*/
	margin: 0 6px 0px 0px;	
}


#mainContent .newsList .newsItem p.morelink {
	margin-top: 5px;
}

#mainContent .newsList .news-single-files dt {
	display: none;
}

#mainContent .newsList .news-single-files dd {
	float:none;
	margin: 10px 0 10px 0;
}



/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
/*-----------------------------------------------
		Formulare
----------------------------------------------- */

form .text {
	background: #DCDCDC;
	border: 1px solid #8e8e8e;
}

form .button {
	text-align: center;
	cursor: pointer;
	background: #DCDCDC;
	border: 1px solid #8e8e8e;
	text-align: right;
}

form .button.image {
	background-position: 50% 50%;
}

form .button.image span {
	position: absolute;
	left: -9999px;
}

/*.content .standardForm {
	width: auto !important;
	width: 230px;
	overflow: hidden;
}*/

/*.content .standardForm form {	
	width: 447px;
}*/

.content .standardForm .formElement {
	margin: 8px 0 7px 0;
}

.content .standardForm .formElement .requiredElement {
	width: 5px;
	margin-left:-10px;
	float: left;
}

.content .standardForm .formElement label {
	clear: both;
	display: block;
	font-weight: bold;
	line-height: 18px;
	width: 115px !important;
	width: 125px;
	margin-right: 0;
	padding-right: 10px;
	float: left;
	overflow: hidden;
}

.content .standardForm .formElement select.text {
	width: 175px;	
	height: 16px;
	padding-top: 2px;
	padding-top: 0;
	height: 16px;
}

.content .standardForm .formElement input.text {
	width: 300px;	
	height: 16px;
	padding-top: 2px;
}

.content .standardForm .formElement input.check {
	height: 18px;
}

.content .standardForm .formElement textarea.text {
	width: 300px;
	height: 68px;
}

.content .standardForm .formElement input.button {
	width: 240px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	margin-left: 187px;
}


/*-----------------------------------------------
		Normal contentstyle
----------------------------------------------- */

.content h3 {
	margin: 12px 0 9px 0;
}

.content h4 {
	margin: 10px 0 7px 0;
	font-size: 12px;
}

.content h5 {
	margin: 5px 0 2px 0;
}

.content h6 {
	margin: 3px 0 0 0;
	font-weight: normal;
	font-style: italic;
}

.content .csc-firstHeader {
	margin-top: 0;
}

.content p {
	margin-bottom: 10px;
}

.content hr {
	height: 1px;
	margin: 5px 0 3px 0 !important;
	margin: 0;
	border: 0;
	border-top: 1px solid #ccc;
}

.content a {
	color: #7DA0CD;
}


.content ul {
	margin: 5px 0 5px 2px;
}
	
.content ul li {
	height: auto !important;
	height: 1px;
	padding-left: 10px;
	background: url(../images/bulletlist_standard.png) no-repeat 0 6px;
}

.content .contenttable {
	border: 1px solid #ccc;
	margin-left: 1px !important;
	margin-left: 0;
}

.content .contenttable .tr-even {
	background-color: #f8f8f8;
}

.content .contenttable th,
.content .contenttable td {
	padding: 2px 4px;
	border: 1px solid #ccc;
	border-width: 1px 1px;
}

.content .csc-textpic-caption {
	font-style: italic;
}


.content .csc-textpic-image img {
	margin-bottom: 10px !important;
	/*padding-bottom: 10px !important;*/
}

/*.csc-textpic-imagerow img + .csc-textpic-imagerow img {
	padding-bottom: 10px;
}*/

/* -----------------------------------------------
	Indexed Search
----------------------------------------------- */
.tx-indexedsearch .browsebox {
	height: 18px;
	margin: 10px 0 -10px 0;
}

.tx-indexedsearch .browsebox li {
	float: left;
	margin-right: 5px;
}	

.tx-indexedsearch-res h4 {
	clear: both;
	margin-top: 20px;
	padding: 2px 0;
	line-height: 16px;
	background-color: #ccc;
}	

.tx-indexedsearch-res h4 a {
	display: block;
	width: 375px;
	float: left;
}	

.tx-indexedsearch-res h4 .resultNumber {
	float: left;
}	

.tx-indexedsearch-res h4 img {
	/*margin-top: 2px;*/
	margin-left: 4px;
	float: left;
}	

.tx-indexedsearch-res h4 .percent {
	/*margin-top: 2px;*/
}

.tx-indexedsearch-res dl {
	margin-top: 10px;
}

.tx-indexedsearch-res dt,
.tx-indexedsearch-res dd {
	display: inline;
}

.tx-indexedsearch-res dt {
	font-weight: bold;
}

.tx-indexedsearch-res dd {
	padding-right: 5px;
}

/* -----------------------------------------------
		Goof Fotoboek
----------------------------------------------- */

.tx-gooffotoboek-pi1 {
	width: 470px;
	overflow: hidden;
}

.tx-gooffotoboek-pi1 .directory .directoryList {
	margin-top: 40px;
}

.tx-gooffotoboek-pi1 .directory {
	width: 470px;
	height: 175px;
	overflow: hidden;
	margin-bottom: 10px;
	/*background: #cdf;*/
}

.tx-gooffotoboek-pi1 .directory a.directoryImage {
	float: left;
}

.tx-gooffotoboek-pi1 .directory .directoryText {
	margin-left: 235px;
	width: 235px;
}

.tx-gooffotoboek-pi1 .directory .directoryText a {
	display: block;
	width: 225px;
	height: 18px;
	padding-left: 10px;
	margin-bottom: 20px;
	background: #C0CFE6;
	color: #000;
	line-height: 18px;
	font-weight: bold;
}

.tx-gooffotoboek-pi1 .directory .directoryText a:hover {
	background: #e0df48;
}

.tx-gooffotoboek-pi1 .directoryList .nav {
	margin: 10px 0 20px 0;
}

.tx-gooffotoboek-pi1 .directoryList .thumbs {
	width: 470px;
	overflow: hidden;
	margin-bottom: 10px;
}

.tx-gooffotoboek-pi1 .directoryList .thumbs .row .thumb {
	float: left;
	width: 100px;
	height: 84px;
	margin: 0 5px 10px 0; 
}

.tx-gooffotoboek-pi1 .directoryList .nav a,
.tx-gooffotoboek-pi1 .directoryList .nav2 a {
	color: #000;
	font-weight: bold;
}

.tx-gooffotoboek-pi1 .directoryList .nav a:hover,
.tx-gooffotoboek-pi1 .directoryList .nav2 a:hover {
	color: #7ea1cd;
}

.tx-gooffotoboek-pi1 .singleImage .nav {
	position: relative;
}

.tx-gooffotoboek-pi1 .singleImage .backToOverview {
	position: absolute;
	top: 0;
	right: 0;
}

.tx-gooffotoboek-pi1 .singleImage .nav a {
	color: #000;
	font-weight: bold;
}

.tx-gooffotoboek-pi1 .singleImage .nav a:hover {
	color: #7ea1cd;
}

/* -----------------------------------------------
		FileLink
----------------------------------------------- */

.content .filelinks .icon {
	padding: 0 5px 0 0;
	float: left;
}

.content .filelinks .description {
	display: block;
	padding: 2px 0 10px 23px;
}

/*----------------------------------------------
	IFRAME
-----------------------------------------------*/

.tx-piiframe-pi1 iframe{
	maring-left: -20px;
	width: 578px;
	height: 349px;
}

/*----------------------------------------------
	Historie
------------------------------------------------*/

#historieNavScrollBar{
	position: absolute;
	float: left;
	left: 38px;
	top: 5px;
	height: 336px;
	width: 4px;
}

#historieNavScrollBar div{
	text-indent: -9999px;
}


#historieNavScrollUpDown	{
	float: left;
	position: relative;
	left: -37px !important;
	left: -40px;
	width: 37px;
	height: 60px;
}

 

#historieNavScrollUpDown  .historieNavScrollDown{
	background: url(../images/scrolldown.png) no-repeat 50% 0;
	height: 18px;
	padding-top: 10px;
}

#historieNavScrollUpDown  .historieNavScrollUp{
	background: url(../images/scrollup.png) no-repeat 50% 0;
	height: 18px;
	padding-top: 10px;
}


#historieNavigationWrap {
	clip: rect(25px, 295px, 336px, 0pt);
	position: absolute;
	left: 39px;
	top: -20px !important;
	top: -20px;
	height: 336px;
	width: 295px;
	overflow: hidden;
	border-left: 5px solid #7DA1CD;
}

#historieNavigation {
	position: absolute;
}

#historieNavigation li {
	padding-top: 30px;
}

#historieNavigation li a{
	margin-left: 20px;
}

#historieNavigation li .historieSubTitle {
	padding: 3px 0px 0 17px;
	width: 236px;
	border-top: 1px solid #000;
	color: #7DA1CD;
	font-weight: bold;
}


#historieNavigation li a{
	font-size: 17px;
}

.hoverElement {
	position: absolute;
	left: 296px;
	top: 30px;
	width: 236px;
	z-index:101px;
	
}

.hoverElement,
.hoverElement .csc-textpic-imagewrap,
.hoverElement .csc-textpic-image,
.hoverElement .csc-textpic,
.hoverElement img{
	position: relative;
	overflow: hidden;
	padding-bottom: 3px;
	
}

.hoverElement p {
	background-color: #BCCBE5;
	padding: 4px;
	z-index: 201;
}


/*-----------------------------------------------
	3th Level Navigaiton
----------------------------------------------- */
.content .csc-menu {
	padding-bottom: 20px;
}

.content .csc-menu li {
	float: left;
	background: none;
	padding-left: 0;
}

.content .csc-menu li a {
	border-left: 1px solid #000;
	padding-left: 10px;
	margin-left: 10px;
}

.content .csc-menu li a.first {
	border: 0;
	padding-left: 0;
	margin-left: 0;
}

/*-----------------------------------------------
		Event Plugin
----------------------------------------------- */
.tx-fgzevents-pi1 .standardForm {
	margin-bottom: 20px;
}

.content .tx-fgzevents-pi1 ul li {
	background: url(../images/arrow_right.png) no-repeat 0 5px;
}

.content .tx-fgzevents-pi1 ul li a {
	line-height: 18px;
	font-size: 9px;
	color: #bbb;
}

.tx-fgzevents-pi1 p.month {
	display: block;
	/*width: 435px;*/
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	height: 27px;
}

.tx-fgzevents-pi1 p.top {
	margin-left: 428px;
}

.tx-fgzevents-pi1 p.top a {
	display: block;
	width: 15px;
	background: url(../images/top.png) no-repeat 0 0;
}

.tx-fgzevents-pi1 div.eventItems {
	background: #f3f3f3;
	padding: 10px 0 0 20px;
	margin-top: 0px !important;
	margin-top: -5px;
	margin-bottom: 10px;
}

.tx-fgzevents-pi1 div.eventItems .eventItem {
	border-top: 1px solid #e3e3e3;
	padding: 10px 0px 10px 0px;
}

.tx-fgzevents-pi1 div.eventItems .eventItem p {
	margin-bottom: 5px;
}

.tx-fgzevents-pi1 div.eventItems .eventItem .eventDate {
	clear: both;
}

.tx-fgzevents-pi1 div.eventItems .eventItem .eventTitle {
	font-weight: bold;
}

/*single view*/
.tx-fgzevents-pi1 .singelView {
	margin: 20px 0;
	background: #f3f3f3;
}

.tx-fgzevents-pi1 .singelView .leftCol {
	float:left;
	width: 220px;
}

.tx-fgzevents-pi1 .singelView .rightCol {
	width: 200px;
	margin-left: 230px !important;
	margin-left: 210px;
}

.tx-fgzevents-pi1 .singelView p.startDate,
.tx-fgzevents-pi1 .singelView p.endDate,
.tx-fgzevents-pi1 .singelView p.header,
.tx-fgzevents-pi1 .singelView p.contactTitle {
	width: 220px;
	font-weight: bold;
}

.spacer-gif {
	display: none;
}