/* useful css settings which may differ in different projects */

/*
#container-left { float: left; width: 200px; }
#container-middle { float: left; width: 410px; padding-left: 20px; }
#container-right { float: left; width: 200px; padding-left: 20px; }
#content-footer { clear: both; }


.col2-oneone .oneone-left { width: 200px; }
.col2-oneone .oneone-right { width: 200px; padding-left: 10px; }

.col2-onetwo .onetwo-left { width: 130px; }
.col2-onetwo .onetwo-right { width: 270px; padding-left: 10px; }

.col2-twoone .twoone-left { width: 270px; }
.col2-twoone .twoone-right { width: 130px; padding-left: 10px; }

.col3-oneoneone .oneoneone-left { width: 130px; }
.col3-oneoneone .oneoneone-middle {width: 130px; padding-left: 10px; }
.col3-oneoneone .oneoneone-right { width: 130px; padding-left: 10px; }
*/

.col2-oneone .oneone-left { width: 195px; }
.col2-oneone .oneone-right { width: 195px; padding-left: 10px; }

.col2-onetwo .onetwo-left { width: 125px; }
.col2-onetwo .onetwo-right { width: 265px; padding-left: 10px; }

.col2-twoone .twoone-left { width: 265px; }
.col2-twoone .twoone-right { width: 125px; padding-left: 10px; }

.col3-oneoneone .oneoneone-left { width: 125px; }
.col3-oneoneone .oneoneone-middle {width: 125px; padding-left: 10px; }
.col3-oneoneone .oneoneone-right { width: 125px; padding-left: 10px; }

div.mailform-label { width: 150px; }
div.mailform-input { margin-left: 150px; width: 200px; }
div.mailform-input input,
div.mailform-input textarea { width: 180px; }
div.mailform-buttons { padding-top: 10px; }



body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: black;
	margin: 0;
	padding: 0/* 0 25px 0*/;
	line-height: 1.3em;
	background-color: #EEEEEE;
}

html
{
	/*background-color: #A0A0A0;*/
	background-color: #EEEEEE;
	margin: 0;
	padding: 0
}

iframe {
  border: 1px solid #666666;
  width: 496px;
}


div, form
{
	margin: 0;
	padding: 0
}

p, ul, ol, table
{
	padding: 0;
	margin: 0.3em 0 1.0em 0;
}

hr {
  border: 1px solid #0088B2;
}

h1
{
	font-family: Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
	color: #0088B2;
	margin: 5px 0 1.0em 0;
	padding: 0 0 7px 0;
}

h1 a { color: #0088B2 }
h1 a:link	{ color: #0088B2 }
h1 a:visited	{ color: #0088B2 }
h1 a:hover	{ color: black }
h1 a:active	{ color: white; background-color: #0088B2 }
h1 a:focus	{ color: white; background-color: #0088B2 }

h2
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 1.5em;
	text-decoration: none;
	color: #0088B2;
	margin: 1.2em 0 0.5em 0;
	padding: 0 0 0.5em 0;
}

h3, h4, h5, h6
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #707070;
	margin: 1.2em 0 0 0;
	padding: 0 0 0.2em 0;
}

h2 {font-size: 1.3em }
h3 { font-size: 1.2em }
h4 { font-size: 1.2em }
h5 { font-size: 1.1em }
h6 { font-size: 1.1em }

ul { margin-left: 17px }
ol { margin-left: 25px }

strong, b { font-weight: bold }
u { text-decoration: underline }
em, i { font-style: italic }

a			{ color: #0088B2; text-decoration: underline }
a:link		{ color: #0088B2; text-decoration: underline }
a:visited	{ color: #0088B2; text-decoration: underline }
a:hover		{ color: #A0A0A0; text-decoration: underline }
a:active	{ color: white; background-color: #0088B2; text-decoration: underline }
a:focus		{ color: white; background-color: #0088B2; text-decoration: underline }


			img,
a			img,
a:link		img,
a:visited 	img,
a:hover		img,
a:active	img,
a:focus		img
{ border: 0px none white }

img { margin: 0; padding: 0 }

select, option, input, textarea, button
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	color: black;
	background-color: white;
	border: 1px solid #000000;
	vertical-align: middle;
}

input.button, button
{
	cursor: pointer;
	margin: 1px;
	background-color: #EEEEEE;
}




#content-main .ctype-textpic .image-file { padding-top: 4px }

#content-hidden,
.invisible,
.menu ul li dfn,
.navposition
{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

#content-main ul li.icon-file-list
{
	list-style: none;
	list-style-image: none;
	padding-left: 22px;
	
}

#content-main ul li
{
	list-style: none;
	list-style-image: url('../images/list_image.gif');
	padding-right: 5px
}

#content-main ul li ul li
{
	list-style: circle;
}

#content-main ul li ul li ul li
{
	list-style: square;
}

div.mailform-label { float: left; width: 180px }
div.mailform-input { margin-left: 180px; width: 230px }
div.mailform-input input,
div.mailform-input textarea { width: 180px }
div.mailform-label-input { clear: left; padding-bottom: 2px }
div.mailform-infotext { width: 360px; text-align: center; margin-top: 20px }
div.mailform-buttons { width: 360px; text-align: center; margin-top: 20px }
.error { color: red }

#tmpl-default
{
	background-color: #EEEEEE;
	padding-top: 25px;
	padding-bottom: 5px;
}

#container-all
{

	background-image: url('../images/main_bg.gif');
	background-repeat: repeat-y;
	background-position: 30px top;
	width: 970px;
}

#container-main
{
	float: left;
	width: 720px;
	margin-left: auto;
	padding-left: 30px;
	padding-top: 30px;
	font-size: 1.1em;
}

#container-left
{
	float: left;
	width: 760px;
}

#container-mainmenu
{
	width: 180px;
	float: left;
	font-size: 0.9em;
}

#nav-mainmenu
{
	width: 180px;
	font-size: 1.1em;
	padding-bottom: 40px;
}

#nav-mainmenu ul
{
	margin-left: 10px
}

#nav-mainmenu ul li
{
	list-style: none;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #EEEEEE;
}

#nav-mainmenu ul li a
{
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-left: 25px;
}

#nav-mainmenu ul li.active a
{
	background-image: url('../images/list_bullet.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#nav-mainmenu ul li a,
#nav-mainmenu ul li a:link,
#nav-mainmenu ul li a:visited
{
	color: #707070;
}

#nav-mainmenu ul li a:hover
{
	color: #0088B2;

}

#nav-mainmenu ul li a:active,
#nav-mainmenu ul li a:focus
{
	color: #EEEEEE;
	background-color: #707070;
}

#nav-mainmenu ul li.active a:active,
#nav-mainmenu ul li.active a:focus
{
	color: #EEEEEE;
	background-color: #707070;
	background-image: url('../images/list_bullet_active.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#nav-mainmenu ul li.active a.active
{
	color: #0088B2;
	font-weight: bold;
}

#nav-mainmenu ul li ul
{
	margin: 0;
	padding-left: 17px;
	background-color: white;
	padding-bottom: 0.5em;
}

#nav-mainmenu ul li ul li
{
	padding-left: 5px;
	background-color: white;
	margin-bottom: 2px;
}

#nav-mainmenu ul li ul li.last
{
	margin-bottom: 0px;
}

#nav-mainmenu ul li.active ul li.active a
{
	background-image: url('../images/list_bullet1.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#nav-mainmenu ul li.active ul li a
{
	font-weight: normal;
	font-size: 0.9em;
	background-color: white;
	background-image: none;
}

#nav-mainmenu ul li ul li a,
#nav-mainmenu ul li ul li a:link,
#nav-mainmenu ul li ul li a:visited
{
	color: #707070;
}

#nav-mainmenu ul li ul li a:hover
{
	color: #0088B2;
}

#nav-mainmenu ul li.active ul li a:active,
#nav-mainmenu ul li.active ul li a:focus
{
	color: white;
	background-color: #707070;
	background-image: none;
}

#nav-mainmenu ul li.active ul li.active a:active,
#nav-mainmenu ul li.active ul li.active a:focus
{
	color: white;
	background-color: #707070;
	background-image: url('../images/list_bullet1_active.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#nav-mainmenu ul li.active ul li.active a.active
{
	color: #0088B2;
	font-weight: bold;
}

#content-mainmenu
{
	margin-left: 10px
}

#content-main
{
	float: left;
	padding-left: 20px;
	width: 500px;
	overflow: hidden;
	padding-bottom: 50px;
	margin-top: -1.2em;
}

#container-right
{
	float: left;
	padding-left: 10px;
	width: 200px;
	background-image: url('../images/extra.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#nav-basemenu
{
	padding-top: 60px;
	min-height: 230px;
	font-size: 1.0em;
}
* html #nav-basemenu {
	height: 230px;
}

#nav-basemenu ul
{
	margin-left: 0px;
}

#nav-basemenu ul li
{
	list-style: none;
	padding-left: 10px;
}

#nav-basemenu ul li a
{
	color: #0088B2;
	text-decoration: none;

}

#nav-basemenu ul li a:link		{ color: #0088B2; }
#nav-basemenu ul li a:visited	{ color: #0088B2; }
#nav-basemenu ul li a:hover		{ color: #A0A0A0; }
#nav-basemenu ul li a:active	{ color: white; background-color: #0088B2 }
#nav-basemenu ul li a:focus		{ color: white; background-color: #0088B2 }

#language-menu
{
	color: #0088B2;
	padding-left: 13px;
/*	padding-top: 134px;*/
	font-weight: bold;
	font-size: 1.0em;
}
#language-menu ul {
	list-style: none none;
	margin: 0;
	padding: 0;
}
#language-menu li {
	margin: 0;
	padding: 0 0 0 25px;
	background-position: left center;
	background-repeat: no-repeat;
}

#content-extra
{
	padding-left: 13px;
	overflow: hidden;
}

#container-right .cframe
{
	padding: 5px 13px 5px 0px;
}

#container-right .cframe p,
#content-extra ul
{
	margin-bottom: 2px;
}


#container-right .cframe h2,
#content-extra h2,
#content-mainmenu h2
{
	margin: 10px 0 5px 0;
	font-size: 1.1em
}


#container-right .cframe h3,
#container-right .cframe h4,
#content-extra h3,
#content-extra h4,
#content-mainmenu h3,
#content-mainmenu h4
{
	font-size: 1.0em;
	margin: 8px 0 5px 0;
}

#container-right .cframe h5,
#container-right .cframe h6,
#content-extra h5,
#content-extra h6,
#content-mainmenu h5,
#content-mainmenu h6
{
	font-size: 0.9em;
	margin: 6px 0 5px 0;
}

#content-extra .cframe-default
{
	border-bottom: 1px solid #0088B3;
	padding-bottom: 12px;
}


#content-extra li
{
	list-style: none;
	list-style-image: url('../images/list_image.gif');
	padding-right: 5px
}

#news-item1
{
	padding-bottom: 15px;
}

#content-main .ctype-textpic h2,
#content-extra .ctype-textpic h2,
#content-main .ctype-textpic h3,
#content-extra .ctype-textpic h3,
#content-main .ctype-textpic h4,
#content-extra .ctype-textpic h4,
#content-main .ctype-textpic h5,
#content-extra .ctype-textpic h5
{
	margin-bottom: 0.5em
}
#content-main .ctype-textpic .text p
{
	margin-top: 0;
}
#content-extra .ctype-textpic p
{
	margin-bottom: 1em;
}

#content-main .ctype-image h2,
#content-main .ctype-image h3,
#content-main .ctype-image h4,
#content-main .ctype-image h5,
#content-extra .ctype-image h2,
#content-extra .ctype-image h3,
#content-extra .ctype-image h4,
#content-extra .ctype-image h5
{
	padding-bottom: 0.5em
}


.tx-posknoeflerpress-pipress-head
{
	clear: left;
	background-color: #EEEEEE;
	padding: 0px 5px 5px 0px;
	zoom: 100%
}


.tx-posknoeflerpress-pipress-item-image
{
	float: left;
	width: 140px;
	padding-top: 0.3em;
}

.tx-posknoeflerpress-pipress-item
{
	margin-bottom: 20px;
}

.tx-posknoeflerpress-pipress-item-title
{
	float: left;
	background-color: #EEEEEE;
}

.tx-posknoeflerpress-pipress-item-title h3
{
	margin-top: 0.4em;
}

.tx-posknoeflerpress-pipress-item-date
{
	padding-top: 5px;
	font-weight: bold;
	color: #707070;
	float: right;
}

.tx-posknoeflerpress-pipress-item-body
{
	padding-top: 5px;
}

.tx-posknoeflerpress-pipress-item-body p
{
	margin-bottom: 0.5em
}

.tx-posknoeflerpress-pipress-morelink
{
	text-align: right;
	padding-right: 10px;
}

.tx-posknoeflerpress-pipress-morelink a,
.tx-posknoeflerpress-pipress-morelink a:link,
.tx-posknoeflerpress-pipress-morelink a:visited
{
	background-image: url('../images/more.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

* html .tx-posknoeflerpress-pipress-morelink a { display: inline-block }

.tx-posknoeflerpress-pipress-morelink a:hover
{
	background-image: url('../images/more_hover.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #A0A0A0
}

.tx-posknoeflerpress-pipress-morelink a:active,
.tx-posknoeflerpress-pipress-morelink a:focus
{
	background-image: url('../images/more_active.gif');
	background-repeat: no-repeat;
	background-position: left;
}



.tx-posknoeflerpress-pisingleview-images
{
	float: left;
	margin-right: 10px;
	width: 200px;
	padding:0px;

	
}

.tx-posknoeflerpress-pisingleview-article a
{
	padding-left: 22px;
}

#extra-info
{
	width: 970px;
	padding: 5px 5px 0 0;
}




/**
 * Kalender - �bersichtsliste
 */
.tx-poscalendar-pi .datelist {
	margin: 0;
	border: 0;
}
.tx-poscalendar-pi .datelist .teaser-frame {
	margin: 0;
	padding: 0;
	min-width: 10px; /* IE mouseover-fix */
	font-size: 1em;
	clear: both;
	border-bottom: 1px solid #0088B2;
}



#content-extra .tx-poscalendar-pi .datelist .teaser-frame {
	margin: 0;
	padding: 0;
	min-width: 10px; /* IE mouseover-fix */
	font-size: 1em;
	clear: both;
	border-bottom: 0px solid #0088B2;
}


.tx-poscalendar-pi .datelist .teaser-info {
	float: left;
	width: 120px;
	padding: 5px 0 0 0;
	color: #0088B2;
}

.tx-poscalendar-pi .datelist .fpcclogo {
	padding-top: 10px;
	padding-bottom: 10px;
}


#content-extra .tx-poscalendar-pi .datelist .teaser-info {
	float: none;
	width: 115px;
	padding: 0;
	color: #0088B2;
}

.tx-poscalendar-pi .datelist .teaser-center {
	width: 235px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}


#content-extra .tx-poscalendar-pi .datelist .teaser-center {
	width: 120px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.tx-poscalendar-pi .datelist .teaser-header {
	padding: 5px 0 0 0;
}



#content-extra .tx-poscalendar-pi .datelist .teaser-header {
	padding: 0;
	margin: 0;
}

.tx-poscalendar-pi .datelist .teaser-header h3 {
	padding-top: 0px;
	margin-top: 0px;
}

.tx-poscalendar-pi .datelist .teaser-header .teaser-title {
	font-size: 1.1em;
	line-height: 1.4em;
}

#content-extra .tx-poscalendar-pi {
	font-size: 1em;
	line-height: 1em;
}
#content-extra .tx-poscalendar-pi .datelist .teaser-header .teaser-title {
	font-size: 1em;
	line-height: 1em;
}

.tx-poscalendar-pi .datelist .teaser-header .teaser-title a {
	color: #000000;
}
.tx-poscalendar-pi .datelist .teaser-header .teaser-title a:active,
.tx-poscalendar-pi .datelist .teaser-header .teaser-title a:focus {
	color: #ffffff;
}
.tx-poscalendar-pi .datelist .teaser-text {
	margin: 0;
	padding: 0;
}
.tx-poscalendar-pi .datelist .teaser-text p {
	padding: 0 0 5px 0;
}
.tx-poscalendar-pi .datelist .teaser-img {
	text-align: center;
	margin: 5px 0 5px 5px;
	float: right;
}

#content-extra .tx-poscalendar-pi .datelist .teaser-img {
	text-align: center;
	margin: 5px 5px 0px 0px;
	float: left;
}

/**
 * Kalender - Detailansicht
 */
.tx-poscalendar-pi .datedetail {
	margin: 0;
	border: 0;
	width: 500px;
	overflow: hidden;
}
.tx-poscalendar-pi .datedetail .info-frame {
	margin: 0;
	float: left;
	width: 150px;
	padding-top: 10px;
	overflow: hidden;
}
.tx-poscalendar-pi .datedetail .content-frame {
	margin: 0;
	float: right;
	width: 340px;
	overflow: hidden;
}
.tx-poscalendar-pi .datedetail .info-frame .teaser-info {
	margin: 0px 0 10px 0;
	padding-top: 20px;
	color: #0088B2;
}

.tx-poscalendar-pi .datedetail .fpcclogo {
	padding-top: 20px;
	padding-bottom: 20px;
}

.clearboth {
  line-height: 1px;
  font-size: 1px;
  clear: both;
  border-top: 1px dotted #0088B2;
}



/**
 * PAGEBROWSER 2
 */
.pagebrowser2-text {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

.pagebrowser2-text,
.pagebrowser2-text .center,
.pagebrowser2-text .left,
.pagebrowser2-text .right {
	font-size: 91%;
	color: #666666;
}

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

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

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

.pagebrowser2-text a,
.pagebrowser2-text a:link,
.pagebrowser2-text a:visited,
.pagebrowser2-text a:hover {
	text-decoration: none;
}
.pagebrowser2-text a:hover {
	color: #333333;
	text-decoration: underline;
}
.pagebrowser2-text a:active,
.pagebrowser2-text a:focus {
	color: #ffffff;
}

.pagebrowser2-text a.block,
.pagebrowser2-text a.block:link,
.pagebrowser2-text a.block:visited,
.pagebrowser2-text a.block:active,
.pagebrowser2-text a.block:hover {
	padding: 2px 4px 2px 4px;
	background: #cccccc;
	color: #333333;
	margin: 0 2px 0 1px;
}
.pagebrowser2-text a.block:active,
.pagebrowser2-text a.block:hover {
	background: #0088B2;
	color: #ffffff;
	text-decoration: none;
}
