/* Style sheet ppp-schweiz */
html {
	background:url("../tl_files/layout/body-bg.gif") left bottom repeat-x;
}

body {
	background:url("../tl_files/layout/html-bg.gif") left top repeat-x;
	overflow-y:scroll;
}

/* 
	## Header ## 
*/

#wrapper {
	
}

#header {
	position: relative;
}

#header a:link,
#header a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#header a:hover,
#header a:active {
	text-decoration: underline;
}

#header #logo h1,
#header #logo-fr h1 {
	margin: 0;
	padding: 0;
}

#header #logo h1 a {
	position: absolute;
	top: 20px;
	left: 0;
	background: url("../tl_files/layout/logo-ppp-de.gif") left top no-repeat;
	height: 62px;
	width: 122px;
	text-indent: -10000px;
}

#header #logo-fr h1 a {
	position: absolute;
	top: 20px;
	left: 0;
	background: url("../tl_files/layout/logo-ppp-fr.gif") left top no-repeat;
	height: 62px;
	width: 122px;
	text-indent: -10000px;
}

#header .mod_changelanguage {
	position: absolute;
	top: 4px;
	right: 236px;
	color: #fff;
	font-weight: bold;
}

#header .mod_customnav {
	position: absolute;
	top: 4px;
	right: 293px;
	color: #fff;
	font-weight: bold;
}

#header .mod_customnav ul,
#header .mod_changelanguage ul {
	list-style-type: none;
}

#header .mod_customnav ul li {
	display: inline;
	background: url("../tl_files/layout/header-ul-li-bg_pipe.gif") center right no-repeat;
	padding: 0 8px 0 8px;
}

#header .mod_changelanguage ul li {
	display: inline;
	padding: 0 0 0 8px;
}


#header .mod_form {
	position: absolute;
	top: 10px;
	right: 0px;
}

#header .mod_form input#ctrl_1,
#header .mod_form input#ctrl_41 {
	background: url("../tl_files/layout/input-search-bg.gif") top left no-repeat;
	width: 202px;
	line-height: 24px;
	padding: 0 5px;
	height: 26px;
	border: 0;
	color: #0c5a9a;
}

#header .mod_form input#ctrl_1_submit,
#header .mod_form input#ctrl_41_submit {
	display: none;
}

#header #erweitertesuche {
	position: absolute;
	top: 25px;
	right: 10px;
}

#header #erweitertesuche ul {
	margin: 0;
	padding: 0;
}

#header #erweitertesuche li {
	background: none;
}

/*
#header #erweitertesuche li a:link,
#header #erweitertesuche li a:visited {
	display: block;
	background: url("../tl_files/layout/input-search-bg.gif") top left no-repeat;
	width: 207px;
	height: 26px;
	margin: 0;
	padding: 5px 0 0 5px;
	color: #0c5a9a;
	font-weight: normal;
}
*/

#header #erweitertesuche li a:link,
#header #erweitertesuche li a:visited,
#header #erweitertesuche li span {
	display: block;
	width: 207px;
	font-weight: normal;
}

/* 
	## Teaser ## 
*/

#teaser {
	position: relative;
	height: 143px;
	margin: 0 0 20px 0;
}

.startseite-de #teaser,
.startseite-fr #teaser {
	position: relative;
	height: 530px;
	margin: 0 0 20px 0;
}

.startseite-de #teaser #pppnews-box,
.startseite-fr #teaser #pppnews-box {
	position: absolute;
	top: 0;
	left: 674px;
	display: block;
	width: 211px;
	height: 101px;
	background: url("../tl_files/layout/start-box-right-top.gif") top left no-repeat;
}

.startseite-de #teaser #pppnews-box h2,
.startseite-fr #teaser #pppnews-box h2 {
	margin: 10px 0 0 10px;
	font-weight:bold;
	font-size:1.5em;
	color:#0c5a9a;
}

.startseite-de #teaser #pppnews-box h3 a:link,
.startseite-de #teaser #pppnews-box h3 a:visited,
.startseite-fr #teaser #pppnews-box h3 a:link,
.startseite-fr #teaser #pppnews-box h3 a:visited
{
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url("../tl_files/layout/list-image.gif") left center no-repeat;
}

.startseite-de #teaser #pppnews-box h3 a:hover,
.startseite-de #teaser #pppnews-box h3 a:active,
.startseite-fr #teaser #pppnews-box h3 a:hover,
.startseite-fr #teaser #pppnews-box h3 a:active {
	text-decoration: underline;
}

.startseite-de #teaser ul,
.startseite-fr #teaser ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.startseite-de #teaser ul li.first,
.startseite-de #teaser ul li.first a:link,
.startseite-de #teaser ul li.first a:visited,
.startseite-fr #teaser ul li.first,
.startseite-fr #teaser ul li.first a:link,
.startseite-fr #teaser ul li.first a:visited {
	margin: 10px 0 15px 5px;
	padding: 0 0 0 0;
	background: none;
	font-weight:bold;
	font-size:18px;
	color:#0c5a9a;
} 

.startseite-de #teaser ul li a:link,
.startseite-de #teaser ul li a:visited,
.startseite-fr #teaser ul li a:link,
.startseite-fr #teaser ul li a:visited {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 7px;
	background: url("../tl_files/layout/list-image.gif") left center no-repeat;
}

.startseite-de #teaser ul li a:hover,
.startseite-de #teaser ul li a:active,
.startseite-fr #teaser ul li a:hover,
.startseite-fr #teaser ul li a:active {
	background: #0c5a9a url("../tl_files/layout/left-ul-li-level_2-icon-active.gif") center left no-repeat;
	color: #fff;
	text-decoration: none;
}

.startseite-de #teaser #veranstaltungen-box ul li.rss,
.startseite-de #teaser #pppnews-box ul li.rss,
.startseite-fr #teaser #veranstaltungen-box ul li.rss,
.startseite-fr #teaser #pppnews-box ul li.rss {
	background: url("../tl_files/layout/rss-14x14.png") top left no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 11px;
	right: 10px;
}
 
.startseite-de #teaser #veranstaltungen-box ul li.rss a,
.startseite-de #teaser #pppnews-box ul li.rss a,
.startseite-fr #teaser #veranstaltungen-box ul li.rss a,
.startseite-fr #teaser #pppnews-box ul li.rss a {
	background: none;
	display: block;
	margin: 0 0 0 0;
	padding: 8px;
	
}

.startseite-de #teaser #veranstaltungen-box ul li.rss a span,
.startseite-de #teaser #pppnews-box ul li.rss a span,
.startseite-fr #teaser #veranstaltungen-box ul li.rss a span,
.startseite-fr #teaser #pppnews-box ul li.rss a span {
	display: none;
	background: none;
}

.startseite-de #teaser ul li.more,
.startseite-fr #teaser ul li.more {
	background: url("../tl_files/layout/start-box-more.gif") top left no-repeat;
	width: 25px;
	height: 36px;
	position: absolute;
	bottom: 3px;
	right: 10px;
}

.startseite-de #teaser ul li.more a,
.startseite-fr #teaser ul li.more a {
	background: none;
	display: block;
	margin: 2px 0 0 0;
	padding: 10px 10px 12px 10px;
	
}

.startseite-de #teaser ul li.more a span,
.startseite-fr #teaser ul li.more a span {
	display: none;
	background: none;
}

.startseite-de #teaser #pppnews-box a:hover,
.startseite-de #teaser #pppnews-box a:active,
.startseite-fr #teaser #pppnews-box a:hover,
.startseite-fr #teaser #pppnews-box a:active {
	text-decoration: none;
}

.startseite-de #teaser #pppnews-box h3,
.startseite-fr #teaser #pppnews-box h3 {
	padding: 10px 0 0 10px;
	margin: 0;
}

.startseite-de #teaser #veranstaltungen-box,
.startseite-fr #teaser #veranstaltungen-box {
	position: absolute;
	top: 113px;
	left: 674px;
	display: block;
	width: 211px;
	height: 101px;
	background: url("../tl_files/layout/start-box-right-center.gif") top left no-repeat;
}

.startseite-de #teaser #mitglied-box,
.startseite-fr #teaser #mitglied-box {
	position: absolute;
	top: 227px;
	left: 674px;
	display: block;
	width: 211px;
	height: 127px;	
	background: url("../tl_files/layout/start-box-right-bottom.gif") top left no-repeat;
}

.startseite-de #teaser #verein-box,
.startseite-fr #teaser #verein-box {
	position: absolute;
	top: 366px;
	left: 0px;
	display: block;
	width: 212px;
	height: 164px;	
	background: url("../tl_files/layout/start-box-bottom.gif") top left no-repeat;
}

.startseite-de #teaser #pppwissen-box,
.startseite-fr #teaser #pppwissen-box {
	position: absolute;
	top: 366px;
	left: 224px;
	display: block;
	width: 212px;
	height: 164px;	
	background: url("../tl_files/layout/start-box-bottom.gif") top left no-repeat;
}

.startseite-de #teaser #marktplatz-box,
.startseite-fr #teaser #marktplatz-box {
	position: absolute;
	top: 366px;
	left: 448px;
	display: block;
	width: 212px;
	height: 164px;	
	background: url("../tl_files/layout/start-box-bottom.gif") top left no-repeat;
}

.startseite-de #main .inside,
.startseite-fr #main .inside {
	margin: 0 0 0 10px;
}

#teaser-small {
	position: absolute;
	top: 0;
	left: 0;
	width: 662px;
	height:142px;
}

#teaser-testimonial {
	position: absolute;
	top: 0;
	right: 0;
	width: 210px;
	height: 143px;
	overflow: hidden;
	background: url("../tl_files/layout/testimonial-header/teaser-testimonial-bg-1.jpg") top left no-repeat;
}

#teaser-testimonial .inside {
	position: relative;
}

#teaser-testimonial .inside .content {
	position: absolute;
	top: 44px;
	left: 86px;
	width: 110px;
	height: 150px;
}

#teaser-testimonial .inside h3,
#teaser-testimonial .inside h3 a:link,
#teaser-testimonial .inside h3 a:visited {
	font-size:9px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #0c5a9a;
	text-decoration: none;
}

#teaser-testimonial .inside h3 a:hover,
#teaser-testimonial .inside h3 a:active {
	text-decoration: underline;
}

#teaser-testimonial .inside p {
	font-size: 9px;
	padding: 0;
	margin: 0;
}

#teaser-testimonial .inside p a:link,
#teaser-testimonial .inside p a:visited {
	color: #949496;
	text-decoration: none;
	padding: 0 6px 0 0;
	background: url("../tl_files/layout/teaser-testimonial-link-icon.gif") center right no-repeat;
}

#teaser-testimonial .inside p a:hover,
#teaser-testimonial .inside p a:active {
	text-decoration: underline;
}

/*
	NAVIGATION - LINKS
*/

#left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#left ul li {
	display: inline;
}

#left ul li a,
#left ul li span {
	display: block;
	margin: 0 0 3px 0;
	line-height: 2;
	padding: 0 0 0 10px;
	background: #e2e3e3;
	text-decoration: none;
}

#left ul li a {
	background: #e2e3e3 url("../tl_files/layout/left-ul-li-level_2-icon.gif") 3px 10px no-repeat;
	color: #707173;
}

#left ul li a:hover,
#left ul li a:active {
	background: #0c5a9a;
	color: #fff;
}

#left ul li a:hover,
#left ul li a:active {
	background: #0c5a9a url("../tl_files/layout/left-ul-li-level_2-icon-active.gif") 3px 10px no-repeat;
}

#left ul li a.submenu {
	background: url("../tl_files/layout/left-ul-li-level_1-bg.gif") top left no-repeat;
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
	color: #0c5a9a;
	text-decoration: none;
}

#left ul li.active span.submenu {
	background: url("../tl_files/layout/left-ul-li-level_1-bg-active.gif") top left no-repeat;
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
	color: #cce2ee;
	text-decoration: none;
}

#left ul li ul li.active span.active,
#left ul li ul li.trail a.trail {
	background: #0c5a9a url("../tl_files/layout/left-ul-li-level_2-icon-active.gif") 3px 10px no-repeat;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

#left ul li ul li.active ul,
#left ul li ul li.trail ul {
	margin: -3px 0 0 0;
	background: #0c5a9a;
}

#left ul li ul li.active ul li a,
#left ul li ul li.trail ul li a,
#left ul li ul li.trail ul li span,
#left ul li ul li.active ul li span,
#left ul li ul li.trail ul li.trail a.trail {
	background: #0c5a9a;
	color: #fff;
	padding: 0 0 0 20px;
}

#left ul li ul li ul li a:hover,
#left ul li ul li ul li a:active {
	background: #0c5a9a url("../tl_files/layout/left-ul-li-level_2-icon-active.gif") 13px 10px no-repeat;
}

#left ul li ul li.trail ul li span.active,
#left ul li ul li.active ul li span.active,
#left ul li.trail ul li.trail ul li.trail a.trail {
	background: #0c5a9a url("../tl_files/layout/left-ul-li-level_2-icon-active.gif") 13px 10px no-repeat;
	font-weight: bold;
	font-style: italic;
}

/*
	CONTENT
*/

#main .inside {
	padding: 0 0 0 12px;
}

.startseite-de #main .inside,
.startseite-fr #main .inside {
	padding: 0;
}

/* PAGINATION */

.pagination {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination ul li {
	display: inline;
}

.pagination ul li a:link,
.pagination ul li a:visited {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 4px 8px;
	text-decoration: none;
}

.pagination ul li a:hover,
.pagination ul li a:active {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 8px;
	text-decoration: none;
}

.pagination ul li span {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 8px;
	text-decoration: none;
	font-weight: bold;
}


/* ARTIKELFILTER */

.mod_articlefilter .formElem {
	overflow: hidden;
	margin: 0 0 10px 0;
}

.mod_articlefilter .formElem.afb_1 .afbox_single {
	float: left;
	width: 25%;
} 


.mod_articlefilter .formElem.afb_2 .afbox_single {
	float: left;
	width: 10%;
} 

.mod_articlefilter .formElem label#af_3 {
	display: block;
}

.mod_articlefilter .formElem.afb_3 select {
	float: left;
	width: 300px;
} 

.mod_articlefilter .formElem.afb_3 .afbox_single {
	float: left;
	width: 33%;
} 

.mod_articlefilter .formElem.afb_0 .formSubmit {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}

.mod_articlefilter_results .selectedFilterHeadline {
	font-weight: bold;
}

.mod_articlefilter_results ol#results {
	font-weight:normal;
	color:#0c5a9a;
	font-size: 133.33%;
	padding: 0 0 0 20px;
}

.mod_articlefilter_results ol#results li a {
	font-size: 100%;
	text-decoration: none;
}

.mod_articlefilter_results ol#results .articleTeaser p {
	margin: 5px 0 15px 0;
	font-size: 75%;
	color: #666;
}

#erweiterte-suche .mod_articlefilter .formElem.afb_1 .afbox_single {
	float: left;
	width: 25%;
}

#erweiterte-suche .mod_articlefilter .formElem.afb_2 .afbox_single {
	float: left;
	width: 25%;
}

#erweiterte-suche .mod_articlefilter .formElem.afb_4 .afbox_single {
	float: left;
	width: 33%;
}

#erweiterte-suche .mod_articlefilter .formElem.afb_5 .afbox_single {
	float: left;
	width: 33%;
}

#erweiterte-suche .mod_articlefilter .formElem.afb_0 .formSubmit {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}

/*
	FOOTER
*/

#footer {
	background: url("../tl_files/layout/footer-bg.gif") top left no-repeat;
	margin: 20px 0 0 0;
	text-align: center;
}

#footer ul {
	list-style-type: none;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	background: url("../tl_files/layout/footer-ul-li-bg.gif") center right no-repeat;
	padding: 0 10px;
}

#footer ul li.last {
	background: none;
}

#footer ul li a:link,
#footer ul li a:visited {
	color: #666;
	text-decoration: none;
}


#footer .sponsor {
	margin: 5px 0 0 0;
	text-align: center;
	height: 29px;
	overflow: hidden;
}

#footer .sponsor p {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#footer .sponsor p img {
	vertical-align: middle;
	margin: 0 5px;
}

#footer span {
	color: #bbb;
	height: 29px;
	margin: 0 10px 10px 0;
}