/*--------- Allgemein ---------*/

@font-face{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}


body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../grafik/hg.jpg);
	background-repeat: repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	margin: 0;
	padding: 0;
	border-width: 0;
	}

p     { text-align: left;
	margin: 0 0 8px;
	padding: 0;
	}


.left {
	text-align: left;
	}

.right{
	text-align: right;
	}




ul    {
	text-align: left;
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: square;
	}

ol     {  }



li { text-align: left; margin: 1em 0; }

h1 { font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 14px; padding-bottom: 6px; border-bottom: 2px solid #FFA500; }

h2 { font-size: 15px; font-weight: bold; text-align: left; margin-bottom: 16px; padding-bottom: 2px; border-bottom: 2px solid #FFA500; }

h3 { font-size: 13px; font-weight: bold; line-height: 100%; background-color: #e3edff; text-align: left; margin-bottom: 14px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; border-right: 1px solid #7fadd6; border-bottom: 1px solid #7fadd6; }

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #ffa500;
}

h5 { font-size: 11px; font-weight: bold; text-align: left; }



a {
	text-align: left;
	}



a:link {
	}

a:visited {
	}

a:hover {
	}

a:active {
	}



/*--------- Seitenrahmen ---------*/



#seitenrahmen {
	text-decoration: none;
	text-align: left;
	width: 1000px;
	min-width: 560px;
	max-height: 100%;
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 0;
	padding-left: 0;
	}



/*--------- Kopfbereich ---------*/



.headerbox { vertical-align: top; width: auto; height: 170px; min-width: 500px; margin: 0; padding: 0; display: block; border-bottom: 1px solid #c0c0c0; }

#headerpic { display: none; border: 1px solid orange; width: 640px; height: 170px; vertical-align: top; margin: 0; padding: 0; float: right; }

#logobox { display: block; background-image: url(../grafik/parmino_logo_wiese_komplett.jpg); background-repeat: no-repeat; background-position: -20px 0px; width: 1000px; height: 170px; vertical-align: top; }

/*--------- Sekundaer-Navigation ---------*/

.navitop { clear: both; color: #000000; text-decoration: none; text-align: right; width: auto; min-width: 500px; margin: 0; padding-top: 2px; padding-bottom: 4px; display: block; }

.klickpfad { color: #000000; background-color: #FDF6BB; text-decoration: none; width: auto; min-width: 500px; margin-bottom: 12px; padding: 4px 5px 5px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; display: block; }





/*--------- Hauptnavigation ---------*/

#navispalte {
	position: absolute;
	top: 226px;
	left: 20px;
	width: 180px;
	height: auto;
	min-height: 558px;
	_height: 558px;
	display: block;
	}

#navibox {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 8px;
	list-style-type: none;
	}

.navi_level1 {
	font-weight: bold;
	line-height: 180%;
	background-color: #fffcd8;
	text-transform: uppercase;
	vertical-align: middle;
	margin-top: 6px;
	padding-left: 5px;
	border-left: 5px solid #96440F;
	border-right: 2px solid #91755F;
	border-bottom: 2px solid #91755F;
	display: block;
	}

.navi_level1_active {
	color: #ffa500;
	font-weight: bold;
	line-height: 180%;
	background-color: #ffef9c;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding-left: 5px;
	vertical-align: middle;
	margin-top: 6px;
	border-left: 5px solid #cd0000;
	border-right: 2px solid #91755F;
	border-bottom: 2px solid #91755F;
	}

a.navi_level1:link {
	color: #96440F;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 6px;
	display: block;
	}

a.navi_level1:visited {
	color: #96440F;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 6px;
	display: block;
	}

a.navi_level1:active {
	color: #4B2A18;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 6px;
	border-right-style: solid;
	display: block;
	}

a.navi_level1:hover {
	color: #ffa500;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 6px;
	border-left: 5px solid #ffd000;
	display: block;
	}

.navi_level2 {
	font-size: 90%;
	font-weight: normal;
	line-height: 150%;
	text-indent: 0;
	margin-top: 3px;
	padding-right: 0;
	padding-left: 25px;
	list-style-type: none;
	}

.navi_level2_active {
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
	background-image: url(img/red_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 15px 0;
	display: block;
	margin-top: 3px;
	padding-right: 0;
	padding-left: 25px;
	}

a.navi_level2:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}

a.navi_level2:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}

a.navi_level2:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background-image: url(img/red_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 15px 0;
	text-decoration: none;
	display: block;
	}

a.navi_level2:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}

.navi_level3 {
	font-size: 90%;
	line-height: 150%;
	margin: 0;
	padding-right: 0;
	padding-left: 35px;
	}

.navi_level3_active {
	color: #000000;
	font-size: 90%;
	line-height: 150%;
	background-image: url(img/red_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 25px 0;
	text-decoration: none;
	margin: 0;
	padding-right: 0;
	padding-left: 35px;
	display: block;
	}

a.navi_level3:link {
	color: #000000;
	text-decoration: none;
	display: block;
	}

a.navi_level3:visited {
	color: #000000;
	text-decoration: none;
	display: block;
	}

a.navi_level3:hover {
	color: #000000;
	background-image: url(img/red_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 25px 0;
	text-decoration: none;
	display: block;
	}

a.navi_level3:active {
	color: #000000;
	text-decoration: none;
	display: block;
	}

.navi_level4 {
	font-size: 90%;
	line-height: 130%;
	margin: 0;
	padding-right: 0;
	padding-left: 45px;
	}

.navi_level4_active {
	color: #000000;
	font-size: 90%;
	line-height: 130%;
	background-image: url(img/red_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 35px 0;
	text-decoration: none;
	margin: 0;
	padding-right: 0;
	padding-left: 45px;
	display: block;
	}

a.navi_level4:link {
	color: #000000;
	text-decoration: none;
	display: block;
	}

a.navi_level4:visited {
	color: #000000;
	text-decoration: none;
	display: block;
	}

a.navi_level4:hover {
	color: #000000;
	background-image: url(img/red_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 35px 0;
	text-decoration: none;
	display: block;
	}

a.navi_level4:active {
	color: #000000;
	text-decoration: none;
	display: block;
	}




.clearer { line-height: 1; height: 0; clear: both; margin: 0; padding: 0; border-width: 0; }



/*--------- Inhalt ---------*/

#inhaltbox {
	list-style-type: none;
	width: 558px;
	height: auto;
	min-height: 558px;
	_height: 558px;
	max-width: 100%;
	margin-right: 200px;
	margin-bottom: 8px;
	margin-left: 190px;
	padding: 0 10px 10px 20px;
	border-left: 3px dotted #4B2A18;
	display: block;
	}



/*--------- rechte Randspalte ---------*/



#randspalte {
	position: absolute;
	top: 226px;
	left: 820px;
	height: auto;
	width: 200px;
	min-height: 558px;
	_height: 558px;
	display: block;
}

	

/*--------- Fusszeile ---------*/



#fusszeile {
	position: relative;
	font-size: 90%;
	background-color: #FDF6BB;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 200px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	}



/*--------- Titelseite ----------*/



.hauptcontainer { position: relative; width: 558px; height: 558px; padding: 0; border-width: 0; display: block; }

/*------------ Typo3-Inhalts-Elemente-----------*/

.csc-firstHeader {  }

.csc-subheader {
	}

.csc-textpicHeader {
	}
.csc-textpic-clear {
	height: 10px;
	border-color: #ffd000;
	display: block;
	}

.csc-textpic-caption {
	text-align: left;
	padding-top: 3px;
	}

.csc-header-n2 {

	}

.csi-clear {

	height: 8px;

	}

.csc-frame-rulerAfter { margin-bottom: 24px; border-bottom: 2px dotted #cee3ff; display: block; }

.csc-frame-frame1 { background-color: #fffeeb; margin-top: 6px; display: block; margin-bottom: 12px; padding: 4px; }

.csc-bulletlist { display: block; }

.csc-bulletlist-0 { background-repeat: no-repeat; margin-left: 28px; padding-left: 0; list-style-image: url(img/red_arrow_bullet.gif); display: block; }

.csi-textpic {

	margin-bottom: 12px;



	}

.csi-imagewrap {

	

	}

.csc-sitemap a {

	color: #000000;

	text-decoration: none;

	display: block;

	}

.csc-sitemap ul {list-style: none; margin-top: 0px;}

.csc-sitemap li a { font-weight: bold; text-transform: uppercase; background-color: #FFEF9C; margin: 0px; padding: 2px; border-bottom: 2px solid #91755F; border-right: 2px solid #91755F; }

.csc-sitemap li li a { color: #000000; text-transform: none; font-size: 90%; font-weight: bold; background-color: #FDF6BB; margin-left: 10px; padding: 2px; border-bottom: 1px solid #91755F; border-right: 1px solid #91755F; display: block; }

.csc-sitemap li li li a { color: #000000; font-size: 90%; background-color: #FFFCD8; margin-left: 20px; display: block; }

.csc-sitemap li li li li a { color: #000000; font-size: 90%; background-color: transparent; display: block; margin-left: 30px; }


.csc-uploads-fileName { font-size: 10px; font-weight: bold; width: 440px; }

.csc-uploads-fileSize { text-align: right; }

.csc-uploads-description { color: #000000; font-weight: normal; }

.csc-uploads-icon { color: #000000; font-weight: normal; }

.csc-linkToTop {

	color: #000000;

	text-align: right;

	font-size: 90%;

	}



/* Captions */

	P.csc-caption { margin: 0; }

	P.csc-caption {

	font-size: 80%; /* Customize me */

	}

	DIV.csi-caption-c .csi-caption { text-align: center; }

	DIV.csi-caption-r .csi-caption { text-align: right; }

	DIV.csi-caption-l .csi-caption { text-align: left; }



/* Needed for noRows setting */

	DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }



/* Border just around the image */

	DIV.csi-border DIV.csi-imagewrap .csi-image IMG {

		border: 2px solid #000000;

		padding: 0px 0px;

		}



	DIV.csi-imagewrap { padding: 0; }



	DIV.csi-textpic IMG { border: none; }



/* DIV: This will place the images side by side */

	DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }



/* UL: This will place the images side by side */

	DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }

	DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }



/* DL: This will place the images side by side */

	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }

	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }

	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }

	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */

	DL.csi-image { margin: 0; }

	DL.csi-image DT { margin: 0; display: inline; }

	DL.csi-image DD { margin: 0; }



/* Clearer */

	DIV.csi-clear { clear: both; }



/* Margins around images: */



/* Pictures on left, add padding on right */

	DIV.csi-left DIV.csi-imagewrap .csi-image,

	DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,

	DIV.csi-intext-left DIV.csi-imagewrap .csi-image {

		display: inline; /* IE fix for double-margin bug */

		margin-right: 10px;

		}



/* Pictures on right, add padding on left */

	DIV.csi-right DIV.csi-imagewrap .csi-image,

	DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,

	DIV.csi-intext-right DIV.csi-imagewrap .csi-image {

		display: inline; /* IE fix for double-margin bug */

  		margin-left: 10px;

		}



/* Pictures centered, add padding left and right */

	DIV.csi-center DIV.csi-imagewrap .csi-image {

		display: inline; /* IE fix for double-margin bug */

		margin-left: 5px;

		margin-right: 5px;

		}

	DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }

	DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }



/* Space below each image (also in-between rows) */

	DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }

	DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }



/* Positioning of images: */



/* Above */

	DIV.csi-above DIV.csi-text { clear: both; }



/* Center (above or below) */

	DIV.csi-center { text-align: center; /* IE-hack */ }

	DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }

	DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }

	DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }



/* Right (above or below) */

	DIV.csi-right DIV.csi-imagewrap { float: right; }

	DIV.csi-right DIV.csi-text { clear: right; }



/* Left (above or below) */

	DIV.csi-left DIV.csi-imagewrap { float: left; }

	DIV.csi-left DIV.csi-text { clear: left; }



/* Left (in text) */

	DIV.csi-intext-left DIV.csi-imagewrap { float: left; }



/* Right (in text) */

	DIV.csi-intext-right DIV.csi-imagewrap { float: right; }



/* Right (in text, no wrap around) */

	DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }



/* End hide from IE5/mac */ 



/* Left (in text, no wrap around) */

	DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }

/* End hide from IE5/mac */




.formular_block { width: 100%; text-align: left; vertical-align: top; overflow: hidden; margin-top: 2px; border-top: 2px solid #FDF6BB; }


.formular_labelzelle {

	text-align: left;

	width: 150px;

	vertical-align: top;

	padding: 4px;

	float: left;

	}

.formular_feldzelle {

	vertical-align: top;

	text-align: left;

	width: 100%;

	padding: 4px;

	margin-left: 160px;

	background-color: #FDF6BB;

	}

.formular {

	clear: left;

	}


.formular_beschriftung {

	background-color: #ffffd8;

	float: left;

	width:150px;

	}

.formular_feld {

	text-align: left;

	margin-bottom: 12px;

	}

.formular_feld_checkbox {

	text-align: left;

	vertical-align: top;

	}

.defbreite {

	width: 150px;

	}

.knopf {

	width: 100px;

	}

.formular_warnung {

	font-size: 9px;

	font-weight: bold;

	color: #DA251D;

	}
.rot {
	color: red;
	}

.achtung {

	color: #DA251D;

	background-color: #fff7b1;

	padding: 4px;

	border-right: 2px solid #cee3ff;

	border-bottom: 2px solid #cee3ff;

	margin-bottom: 8px;

	}

.ok { color: #008b00; background-color: #fff7b1; margin-bottom: 8px; padding: 4px; border-right: 2px solid #cee3ff; border-bottom: 2px solid #cee3ff; }

.betrag {

	text-align: right;

	}

.tr-odd td,  .tr-even td {
	vertical-align: top;
	border-top: 1px solid orange;
	padding: 2px 0 2px 0;
	}

.tr-last td {
	border-bottom: 1px solid orange;
	}

.csc-menu-4 dd {
	padding-bottom: 6px;
	}


.csc-menu-4 dt {
	font-weight: bold;
	padding-bottom: 4px;
	}

.hersteller td{
	padding: 6px 6px 6px 0;
	}
.hersteller {	
	width: 100%;
	}