/* @override 
	http://www.petanque-bw.de/fileadmin/0-homepage/0-templates/1-bbpv/css/bbpv-A-main-style.css
	http://projekt010.webmitte.de/fileadmin/0-homepage/0-templates/1-bbpv/css/bbpv-A-main-style.css
	http://petanque-bw.de/fileadmin/0-homepage/0-templates/1-bbpv/css/bbpv-A-main-style.css
*/

* {
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFFFFF;
	border-collapse: collapse;
	vertical-align: top;
	}

/* @group standard */

html {
	background: url(img/bbpv-back-01.jpg) fixed 0px 0px;
	}

body {
	overflow-x: scroll;
	overflow-y: scroll;
	margin: 0px;
	color: #000000;
	font: normal 12px/14px Arial;
	}

ul,ol,li,td,td,th,b,i,p {
	margin: 0px;
	padding: 0px;
	font: normal 12px/14px Arial;
	color: #111111;
	}

h1, h2, h3, h4, h5, h6, p {
	padding: 5px;
	color: #111111;
	}

h1 {
	margin: 0px 0px 5px 0px;
	background: #EEEEEE;
	font: bold 14px/14px Arial;
	}

h2, h3, h4 {
	margin: 0px;
	background: none;
	font: bold 14px/14px Arial;
	}

h5 {
	margin: 0px;
	background: none;
	font: bold 12px/14px Arial;
	}

h6 {
	margin: 0px;
	background: none;
	font: normal 12px/14px Arial;
	}

p {
	text-align: justify;
	}

b {
	font-weight: bold;
	}

i {
	font-style: italic;
	}

.content-main td {
	margin: 0px 0px 5px 0px;
	}

a, a:link, a:visited {
	padding: 0px;
	background: none;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dashed #AAAAAA;
	}

a:hover, a:active {
	padding: 0px;
	background: #EEEEEE;
	color: #000000;
	text-decoration: none;
	}

a.act {
	color: #000000;
	text-decoration: none;
	}

input {
	margin: 5px 0px;
	padding: 0px 5px;
	background: #EEEEEE;
	color: #000000;
	font: normal 12px/16px Arial;
	}

select {
	margin: 0px;
	background: #EEEEEE;
	color: #000000;
	font: normal 10px/14px Arial;
	}

.content-main span {
	clear: both;
	float: left;
	width: 720px;
	margin: 5px 0px;
	}

.content-left span {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	}

.content-right span {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	}

.content-side span {
	clear: both;
	float: left;
	margin: 5px 0px;
	}

.content-partner span {
	float: left; clear: both;
	width: 720px;
	margin: 5px 0px 10px 0px; padding: 0px;
	background: none;
	}

.content-main li {
	padding: 0px 0px 5px 5px;
	list-style-type: disc;
	list-style-position: inside;
	}

.content-main li li {
	padding: 5px 0px 0px 10px;
	list-style-type: circle;
	list-style-position: inside;
	}

/* @group typo3-csc */

.csc-menu {
	margin: 0px; padding: 5px 0px 0px 0px;
	list-style-type: none;
	}

.csc-menu li {
	padding: 0px 5px 5px 5px;
	border-bottom: 1px solid #DDDDDD;
	}

.csc-menu li a {
	font: normal 10px/14px Arial;
	}

p.csc-header-date {
	float: right;
	margin: 0px;
	font: normal 10px/14px Arial;
	color: #888888;
	}

div.csc-textpic-imagewrap {
	padding: 5px 2px 0px 5px;
	}

div.csc-textpic img {
	clear: both;
	border: 1px dashed #888888;
	}

dd.csc-textpic-caption {
	padding: 5px 0px;
	color: #222222;
	}

td.csc-form-fieldcell {
	padding: 5px 0px;
	}

td.csc-form-fieldcell input {
	margin: 0px;
	padding: 0px;
	}

/* typo3 tabellen */

.contenttable {
	margin: 0px 5px;
	}

.contenttable .tr-odd {
	
	}

.contenttable .td-0 {
	padding: 2px 5px 2px 0px;
	}

.contenttable th, .contenttable td {
	padding: 2px 10px 2px 5px;
	text-align: left;
	}

.contenttable td {
	padding: 2px 5px;
	}

.contenttable th {
	font: bold 12px/14px Arial;
	text-align: left;
	background-color: #EEEEEE;
	}

/* @end */

/* @end */

/* @group main */

#container-content {
	vertical-align: top;
	z-index: 10;
	}

.table-main, .header, .content, .menue, .menu, content-partner, .headerimage, #headerimage {
	width: 720px;
	}

.main {
	margin: 40px auto 0px 80px;
	padding: 0px;
	}

.side {
	margin: 140px 0px 0px 50px;
	padding: 0px;
	}

.sitemap {
	width: 50px;
	visibility: hidden;
	}

/* @end */

/* @group table */

.table-border, .table-main {
	background-color: #FFFFFF;
	vertical-align: top;
	}

.table-side {
	background: none;
	}

.table-main {
	min-height: 20px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}

.table-side {
	width: 200px;
	height: 300px;
	min-height: 300px;
	}

.table-border {
	width: 20px;
	height: auto;
	}

/* @end */

/* @group content */

.content {
	border-top: 3px solid #000000;
	height: 600px;
	min-height: 600px;
	}

.content-main {
	text-align: left;
	margin: 0px;
	font: normal 12px/14px Arial;
	}

.content-side {
	width: 250px;
	text-align: left;
	background: none;
	padding: 0px;
	font: normal 12px/14px Arial;
	}

.content-side h1 {
	float: left;
	clear: both;
	margin: 5px 0px;
	padding: 2px 5px;
	font-size: 10px;
	background: #FCDE20;
	}

.content-side a {
	background: none;
	border: 0px solid #FFFFFF;
	}

.content-left {
	position: relative;
	left: 0px;
	top: 5px;
	width: 230px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	min-height: 600px;
	}

.content-left h1 {
	margin: 0px;
	}

.content-right {
	position: relative;
	left: 0px;
	top: 5px;
	width: 470px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	min-height: 600px;
	}

.content-left, .footer-left {
	margin: 0px 10px 0px 0px;
	float: left;
	}

.content-right, .footer-right {
	margin: 0px 0px 0px 10px;
	float: right;
	}

.content-right {
	
	}

#content-img {
	float: right;
	width: 290px;
	overflow: hidden;
	}

.partner {
	width: 720px;
	background: #FFFFFF;
	}

.content-partner h1 {
	background: none;
	padding: 0px;
	font: normal 9px/14px Arial;
	}

.content-partner a {
	background: none; padding: 0px 4px 0px 0px;
	border: none;
	vertical-align: middle;
	}

.content-partner img {
	background: none;
	vertical-align: middle;
	}

/* @end */

/* @group header */

.header {
	height: 60px;
	margin-top: 10px;
	vertical-align: bottom;
	color: #000000;
	}

.headerleft, .headerright {
	height: 60px;
	font: bold small-caps 24px/40px "Arial Narrow";
	vertical-align: bottom;
	}

.headerleft {
	left: 0px;
	text-align: left;
	}

.headerleft a {
	background-image: none;
	border: 0px solid #FFFFFF;
	}

.headerright {
	width: 40px;
	text-align: right;
	right: 0px;
	background: url(img/bbpv-logo-01.jpg) no-repeat;
	}

/* @end */

/* @group menue */

.menue {
	z-index: 20;
	min-height: 30px;
	background: #FFFFFF;
	color: #000000;
	font: normal 14px/14px Arial;
	border-top: 3px solid #000000;
	}

.menu-main {
	z-index: 1;
	left: 0px;
	text-align: left;
	margin: 5px 0px 3px 0px;
	padding: 5px 0px 4px 0px;
	}

.menueleft {
	z-index: 1;
	left: 0px;
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 4px 0px 4px 0px;
	}

.menueright {
	right: 0px;
	text-align: right;
	margin: 5px 0px 5px 0px;
	padding: 6px 0px 6px 0px;
	}

.menueleft a {
	cursor: pointer;
	font: normal 12px/20px Arial;
	background: none;
	border: 0px solid #FFFFFF;
	}
	
.menueleft img {
	padding: 0px 10px 0px 0px;
	}

.menueright a {
	padding: 0px 0px 0px 8px;
	font: normal 12px/20px Arial;
	background: none;
	border: 0px solid #FFFFFF;
	color: #888888;
	}

#path, #path span {
	width: 600px;
	height: 20px;
	top: 3px;
	padding: 0px;
	background: none;
	color: #000000;
	font: normal 10px/20px Arial;
	text-decoration: none;
	}

#quickmenu {
	top: 0px;
	text-align: right;
	height: 20px;
	color: #000000;
	font: normal 14px/14px Arial;
	}

#quickmenu select {
	width: 150px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	border-style: none;
	float: right;
	}

#quickmenu select option {
	margin: 0px 0px 0px 10px;
	background: #FFFFFF;
	border-style: none;
	}

/* @group menu */

.menu {
	background: #758279;
	}

ul.menu, ul.menu ul, ul.menu ul ul {
	list-style-type: none;
	z-index: 10;
	}

ul.menu a {
	display: block;
	margin: 0px; padding: 0px 0px 0px 5px;
	color: #FFFFFF;
	border-bottom: none;
	}
	
ul.menu a:hover {
	display: block;
	margin: 0px; padding: 0px 0px 0px 5px;
	background: #949e7c;
	color: #FFFFFF;
	}

ul.menu li {
	width: 119px; w/idth: 120px; height: 20px;
	float: left;
	margin: 0px; padding: 0px;
	background-color: #758279;
	border: 1px solid #FFFFFF;
	border-width: 0px 1px 1px 0px;
	font: normal small-caps 14px/20px "Arial Narrow";
	}

/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {
	float: none;
	background-color: transparent;
	}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover, ul.menu ul li:hover {
	}

/* Zweite Ebene */

ul.menu ul {
	width: 120px;
	margin: 0px; padding: 0px;
	position: absolute;
	background: #d4d8bd;
	border: 1px solid #FFFFFF;
	border-width: 0px 1px 1px 0px;
	display: none;
	}

ul.menu li.hover ul, ul.menu li:hover ul {
	display: block; /* Zweite Ebene anzeigen */
	}
	
ul.menu ul a {
	color: #000000;
	}

/* Dritte Ebene */

ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	background: #e2dfa8;
	display: none;
	margin-left: 120px; /* Breite eines Listenelements - Überlagerung */
	margin-top: -20px; /* Höhe eines Listenelements */
	}

ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
	display: block; /* Dritte Ebene anzeigen */
	}

/* Vierte Ebene */

ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
	display: none;
	}

ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
	display: block; /* Vierte Ebene anzeigen */
	}

/* @end */

/* @end */

/* @group footer */

.footer-text {
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
	background: #FFFFFF;
	color: #000000;
	text-align: left;
	font: normal 9px/20px Arial;
	border-top: 3px solid #000000;
	}

.footer {
	height: 30px;
	}

.footer-bottom {
	height: 200px;
	}

/* @end */

/* @group extensions */

/* @group newloginbox */

.tx-newloginbox-pi1 tr, .tx-newloginbox-pi1 th, .tx-newloginbox-pi1 td {
	margin: 3px 0px; padding: 0px 5px 0px 5px;
	font: normal 12px/16px Arial;
	text-align: left;
	}
.tx-newloginbox-pi1 label, .tx-newloginbox-pi1 input {
	margin: 3px 0px;
	font: normal 12px/16px Arial;
	text-align: left;
	float: left;
	}

/* @end */

/* @group kh_usersonline */

span.online {
	margin: 0px; padding: 0px;
	font: normal 12px/14px Arial;
	}

span.online p {
	padding: 5px;
	font: normal 10px/14px Arial;
	}

/* @end */

/* @group tt_news */

.news-list-item-start {
	background: none;
	}

.news-list-item-start h3 {
	clear: none;
	margin: 2px 0px 0px 0px;
	padding: 5px;
	background: #FFFFFF;
	font: bold 10px/14px Arial;
	color: #000000;
	border: 1px solid #DDDDDD;
	border-width: 0px 0px 1px 0px;
	}

.news-list-item-start h3 a {
	clear: none;
	margin: 0px 0px 5px 0px; padding: 2px 5px;
	font: bold 10px/14px Arial;
	color: #000000;
	border: 0px solid #FFFFFF;
	}

.news-list-date-start {
	float: left;
	padding: 5px 0px 5px 5px;
	text-align: right;
	font: normal 10px/14px Arial;
	color: #888888;
	}

.content-side .news-latest-item h3 a {
	font: normal 12px/14px Arial;	
	}

/* @end */

/* @group sk_pdfviewer */

.tx-skpdfviewer-pi1 .pdf {
	margin-left: 100px;
	background: #EEEEEE;
	border: 1px dashed #888888;
	}

.tx-skpdfviewer-pi1 .pdf-header {
	float: left;
	width: 59%;
	text-align: left;
	padding: 5px;
	}

.tx-skpdfviewer-pi1 .pdf-browser {
	float: right;
	width: 36%;
	text-align: right;
	margin: 5px;
	}

.tx-skpdfviewer-pi1 .pdf-browser form {
	margin: 0 !important;
	padding: 0 !important;
	}

.tx-skpdfviewer-pi1 .pdf-browser form input {
	margin: 0px;
	font: bold 14px/14px Arial;
	}

.tx-skpdfviewer-pi1 .pdf-browser form input.page {
	width: 24px;
	text-align: center;
	}

.tx-skpdfviewer-pi1 img {
	margin: 0;
	padding: 0;
	}

.tx-skpdfviewer-pi1 span.title {
	margin: 0px 0px 5px 0px;
	font: bold 14px/14px Arial;
	}

.tx-skpdfviewer-pi1 span.pagelabel, .tx-skpdfviewer-pi1 span.page, .tx-skpdfviewer-pi1 span.pageslabel, .tx-skpdfviewer-pi1 span.pages {
	clear: none;
	float: none;
	font: italic 12px/14px Arial;
	}

/* @end */

/* @group ext srfeuserregister */

.tx-srfeuserregister-pi1 p {
	padding: 0px 5px 0px 5px;
	}

.tx-srfeuserregister-pi1 legend {
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	font: bold 14px/14px Arial;
	}

.tx-srfeuserregister-pi1 input, #tx-srfeuserregister-pi1-comments {
	background: #EEEEEE;
	color: #000000;
	font: normal 12px/14px Arial;
	border: 0px solid #000000;
	}

/* @end */

/* @group sql */

.tx-mhomsqlio-pi1 div {
	float: left;
	margin: 0px;
	}

.tx-mhomsqlio-pi1 table {
	width: 720px;
	margin: 0px;
	padding: 0px 5px;
	}

.tx-mhomsqlio-pi1 span {
	float: none;
	width: 200px;
	margin: 5px 0px;
	}

/* @end */

/* @end */