/* CSS Document Procitec GmbH

Verwendete Farben:
HKS66N = 122|181|29  - #7ab51d
65K    = 124|124|124 - #7c7c7c
35K    = 188|188|188 - #bcbcbc
25K    = 208|208|208 - #d0d0d0
15K    = 227|227|227 - #e3e3e3

*/

body {
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

/* Content Elemente */

#kopf {
	background-image: url(../img/procitec_kopf.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:130px;
	width:1002px;
}

#suche {
	position:absolute;
	padding: 0;
	margin: 105px 0 0 700px;
	width:285px;
	text-align:right;
}

#navi {
	float:left;
	width:160px;
}

#content {
	background-image: url(../img/px_e3e3e3.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	float:left;
	margin:0 0 15px;
	padding:0;
}

#bk_navi {
	width:785px;
	margin: 10px 0 0 200px;
	padding:0;
}

#spalten {
	width:785px;
	margin: 9px 0 0 200px;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:0;
}

#content_li {
	width:490px;
	float:left;
	margin:0;
	padding:0;
}

#content_re {
	float:right;
	width:270px;
	padding:0;
	margin:0;
}

* html #content_re {
	margin:0 1px 0 0;
}

#fuss {
	width:802px;
	margin: 15px 0 0 200px;
}

#fuss_li{
	width:300px;
	float:left;
	margin-top:12px;
}

#fuss_mi{
	width:190px;
	float:left;
	text-align:right;
	margin-top:12px;
}

* html #fuss_li, * html #fuss_mi{
	margin-top:14px;
}

#fuss_re{
	float:right;
	background-image: url(../img/member_of_plath_group.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:40px;
	width:287px;
}

.linieOben{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/* Formatierungen der Elemente */

/* Haupt-Navi */
#navi ul a, #navi ul a:visited {
	font-size:12px;
	display: block;
	text-decoration:none;
	padding:0 0 0 18px;
	line-height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#navi li.NO a {
	color: #7c7c7c;
	font-weight:normal;
}

#navi ul a:hover, #navi ul a:active, #navi li.CUR a, #navi li.ACT a {
	font-weight:bold;
	color: #FFFFFF;
	background-color:#7c7c7c;
}

/* Sub-Navi */
#navi ul ul li a, #navi ul ul li a:visited {
	font-size:12px;
	display: block;
	text-decoration:none;
	padding:0 0 0 18px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#navi ul ul li.NO a {
	background-color:#d0d0d0;
	font-weight:normal;
	color: #7c7c7c;
}

#navi ul ul li a:hover, #navi ul ul li a:active, #navi ul ul li.CUR a {
	font-weight:bold;
	color: #7c7c7c;
	background-color:#d0d0d0;
}

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

#navi li {
  float:left;
  width:160px;
  position:relative;
}

#navi ul ul {
	margin:0;
	padding:0;
}

#navi ul ul li {
	width:160px;
	float:left;
	position:relative;
	}


/* Fußzeile/Teaser-Link/Link */

#fuss, #bk_navi {
	font-size: 9px;
	color: #bcbcbc;
}

#fuss a, #fuss a:visited, #bk_navi a, #bk_navi a:visited, .teaser a, .teaser a:visited, #spalten a, #spalten a:visited {
	text-decoration:none;
}

#fuss .NO a, #bk_navi .NO a {
	color: #bcbcbc;
}

#fuss a:hover, #fuss a:active, #bk_navi a:hover, #bk_navi a:active, #fuss .CUR a, #bk_navi .CUR {
	color: #7c7c7c;
}

.teaser a, #spalten a {
	color: #7c7c7c;
}

.teaser a:hover, .teaser a:active, #spalten a:hover, #spalten a:active {
	color: #7c7c7c;
	text-decoration:underline;
}


/* Suchfeld */

#suche form {
	display:inline;
}

#suche input {
	background-color: #e3e3e3;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 109px;
	margin:3px 12px 0 0;
}

* html #suche input {
	margin:2px 12px 0 0;
	width: 107px;
}

#suche, #suche a, #suche a:visited {
	color: #e3e3e3;
	text-decoration:none;
}

#suche a:hover, #suche a:active {
	color: #FFFFFF;
}


/* Textformate */

h1 {
	font-weight:normal;
	color:#7c7c7c;
	font-size:24px;
	margin:0 0 5px;
	padding:0;
	line-height:30px;
}

h2 {
	font-weight:bold;
	color:#7ab51d;
	font-size:15px;
	margin:0 0 5px;
	padding:0;
	line-height:21px;
}

p {
	font-weight:normal;
	color:#000000;
	font-size:12px;
	margin:0 0 5px;
	padding:0;
	line-height:18px;
}

#spalten p.linkPfeil a, #spalten p.linkPfeil a:visited {
	text-decoration:none;
	color:#7ab51d;
	font-size:11px;
	font-weight: bold;
	background-image: url(../img/link_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:13px;
}

#spalten p.linkPfeil a:hover, #spalten p.linkPfeil a:active {
	text-decoration:underline;
}

/* Teaser */

.teaser h1 {
	font-weight:bold;
	color:#7c7c7c;
	font-size:17px;
	margin:0;
	padding:0;
	line-height:24px;
}

.teaser p {
	font-weight:normal;
	color:#000000;
	font-size:11px;
	margin:0 0 5px;
	padding:0;
	line-height:16px;
}

.teaser .linkPfeil a, .teaser .linkPfeil a:visited {
	text-decoration:none;
	color:#7ab51d;
	font-size:11px;
	font-weight: bold;
	background-image: url(../img/link_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7c7c7c;	
	display:block;
	padding-bottom:12px;
	margin-bottom:12px;
}

.teaser .linkPfeil a:hover, .teaser .linkPfeil a:active {
	text-decoration:underline;
}

/* Aufzählungen */

#spalten ul {
	padding:0 0 0 14px;
	margin:0;
}

* html #spalten ul {
	padding:0 0 0 16px;
	margin:0;
}

#spalten li {
	padding:0;
	margin:0 0 4px;
	list-style-position: outside;
	list-style-type: square;
}

/* produktLink format */

p.produktLink {
	margin-bottom: 15px;
	}

#spalten p.produktLink a, #spalten p.produktLink a:visited {
	color:#7ab51d;
	font-size:15px;
	font-weight: bold;
	text-decoration:underline;
}

#spalten p.produktLink a:hover, #spalten p.produktLink a:active {
	color:#7c7c7c;
	text-decoration:underline;
}

/* Mailformular format */

fieldset.csc-mailform {
	border: 0px none #FFFFFF;
	margin:0;
	padding:0 0 60px 0;
}

.csc-mailform input, .csc-mailform textarea {
	position: absolute;
	left:300px;
	width: 200px;
}

input.csc-mailform-submit {
	margin-top:60px;
	width: 100px;
}

.csc-mailform-field {
	padding-bottom:10px;
}

.csc-mailform textarea {
	height: 60px;
}