@charset "ISO-8859-1";

body
{
	padding: 0px;
	margin: 0px;
	background: url(../produktion/bg_linien.gif) repeat fixed left 80px;
}

.text
{
	font: normal 11px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

.text a
{
	font: normal 11px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #004389;
	text-decoration: none;
}
.text-blau {
	color: #004389;
	font-weight: bold;
}

.titel
{
	font: bolder normal 16px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

.appendix
{
	font: bold normal 11px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.appendix a {
	color: #004389;
	text-decoration: none;
}

.titelbox
{
	font: bold normal 11px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.titelbox  a {
	color: #004389;
	text-decoration: none;
}

.textbox
{
	font: normal 11px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.textbox  a {
	color: #004389;
	text-decoration: none;
}

.headnavi
{
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

.headnavi a
{
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.newsdate {
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #999999;
	text-decoration: none;
}

#cssMenu1
{
	position: relative;
	width: 200px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#logo
{
	height: 37px;
	width: 440px;
	position: relative;
	right: 43px;
	top: 10px;
	float: right;
}
#logo_ital {
	height: 37px;
	width: 500px;
	position: relative;
	right: 43px;
	top: 10px;
	float: right;
}

#piktos
{
	float: left;
	left: 16px;
	position: relative;
	top: 10px;
}

#header
{
	background: #FFFFFF;
	width: auto;
	height: 70px;
}

#inhalt
{
	background:none;
	width: 980px;
	height: auto;
	margin:0px auto;
}


#footer
{
	background: #FFFFFF;
	float: left;
    height: 70px;
    width: 100%;
}

#fusszeile
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	left: 240px;
	top: 20px;
	position: absolute;
	width: 600px;
}
#piktos .newsdate a {
	color: #A3A3A3;
	text-decoration: none;
}
#fusszeile a
{
	color: #666666;
	text-decoration: none;
}

#text
{
	width: 580px !important;
	left: 0px;
	float:left
}
#content {
	position: relative;
	width: 980px;
	text-align: left;
	z-index: 10;
	margin: 0px auto;
}


#contentinhalt
{
	position: relative;
	width: 980px;
	text-align: left;
	z-index: 10;
	margin: 0px auto;
	background: #CCCCCC url(../produktion/bg_text.gif) no-repeat left top;
	padding: 0px;
	background-image: url(../produktion/bg_text.gif); float:left;
}

#contentfuss
{
	position: relative;
	width: 980px;
	text-align: left;
	height: 70px;
}

#navigation
{
	position: relative;
	height: auto;
	width: 200px;
	float: left;
	z-index: 10000;
	overflow: hidden;
	margin-top: 67px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
*html #navigation
{
	position: relative;
	height: auto;
	width: 200px;
	float: left;
	z-index: 10000;
	overflow: hidden;
	margin-top: 68px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
#hnavigation
{
	position: absolute;
	left: 200px;
	top: 108px;
	z-index: 100000;
}

#rechts
{
	position: absolute;
	width: 200px;
	top: 68px;
	height: auto;
	left: 780px;
	background-color: #999999;
}
#tabelle  td
{
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 10px;
	vertical-align: top;
}
#tabelle td a {
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 10px;
	vertical-align: top;
}
#tabelle2 td {
	padding-top: 5px;
	font-size: 10px;
	vertical-align: top;
}
th  
{
	border-bottom: 1px dotted #000000;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #ECECED;
	text-align: left;
}
#first {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
#tdcontent {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	width: auto;
}
#tdcontent2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	width: auto;
}
#tdcontent2  a {
	line-height: 21px;
}
#tdl
{
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom: 1px dotted #000000;
}
#tdn {
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#tdnt {
	padding-top: 5px;
}
#tdf {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 20px;
}
#tdat {
	padding-bottom: 10px;
	padding-top: 5px;
}
.bigimg a {
	color: #666666;
	text-decoration: none;
}
.bigimg a:hover {
	color: #004389;
	text-decoration: none;
}
hr {
	width: 100%;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}



*html #tabelle  th
{
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #ECECED;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
*html #first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
*html #tdcontent {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: auto;
}
*html #tdl
{
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
*html #tdn {
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
*html #tdf {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 20px;
}
*html #text
{
	position: relative;
	height: auto;
	width: 500px;
	left: -3px;
}
*html hr {
	width: 100%;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* --- Tooltip -------------------------------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	background-color: #fff;
	padding: 5px;
	opacity: 1;
}
#tooltip h3, #tooltip div { margin: 0; }



/* --- Anmeldung Kompetenzträger -------------------------------------------*/
#formAnmeldung	label				{display:block; float:left; width:111px;}
#formAnmeldung	input				{display:block; float:left; width:380px; border:1px solid #999999; height:14px; font-size:10px; padding:3px; padding-bottom:1px; margin-bottom:3px; color:#333333;}
#formAnmeldung	textarea			{display:block; float:left; width:380px; height:250px; border: 1px solid #666; color:#333; padding:3px; padding-bottom:1px; font-size:11px!important; 
									 font-family:Arial, Helvetica, sans-serif!important;}
#formAnmeldung	input.button 		{display:block; float:left; width:100px; margin-top:20px; height:22px; padding:3px;}

#formAnmeldung .eMailfeld			{height:0px; line-height:0px; font-size:0px; width:0px; background-color:#FFFFFF; border:0px solid #FFFFFF; margin:0; max-height:0px; max-width:0px; outline:none; 
									 size:0px; padding:0px; z-index:-1}

/* --- 	Kontakt: Formularfelder ---------------------------------------------------------------------*/
		.panel 						{clear: both; display:none; border: 3px solid #CCC; padding: 1em;}
		.panel.active-tab-body 		{display: block;}
		
		input.disabled 				{border: 1px solid #F2F2F2; background-color: #F2F2F2;}
		
		input.required, textarea.required 					{float:left;}
		#formAnmeldung input.validation-failed, #formAnmeldung textarea.validation-failed {border: 1px solid #CC3333; background-color:#feebe9; color:#CC3333; float:left;}
		input.validation-passed, textarea.validation-passed {border: 1px solid #666; color:#666; float:left}
		
		.validation-advice 			{margin:0; padding: 3px; background-color: #CC3333; color: #FFF; font-weight: bold; float:left; height:14px; 
									 width:233px; max-height:14px; line-height:14px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:none;}
		
		.validate-selection 		{margin:0; float:left; width:169px; background-color: #FFFFFF; border:1px solid #666; font-weight:100; font-size:10px; 
									 font-family:Verdana, Arial, Helvetica, sans-serif; height:16px;}
		
		.custom-advice 				{margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; float:left;}
		fieldset 					{padding:0; margin-bottom:0; border:none;}
		label 						{font-weight: 100;}
		.form-row 					{clear:both; padding-top:5px; padding-bottom:5px;}
		.field-label 				{float:left; width:100px; font-weight:100; font-size:12px; color:#666666;}
		.field-widget 				{float:left; width:410px;}
		.validate-number			{border:1px solid #666;	color:#666; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; 
									 height:14px; padding:3px; padding-bottom:1px; width:161px; float:left;}
		.formfield					{display:block; float:left; width:380px; border:1px solid #999999; height:14px; font-size:10px; padding:3px; padding-bottom:1px; margin-bottom:3px; color:#333333;}


/* --- 	Druckvoransicht ---------------------------------------------------------------------*/
		#print #header				{display:block; background-image:url(/images/beratung/print-header.gif); height:150px; background-repeat:no-repeat;}
		#print 						{width:809px; display:block; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
		#print #content				{margin:0px; position:relativ; width:665px; margin-left:115px;}
		#print #content	h1			{font-size:20px; margin-bottom:25px;}
		#print #content	h2			{font-size:14px; font-weight:900; display:block; border-bottom:1px dotted #666666; padding-bottom:5px;}
		#print #content	p			{font-size:12px; margin-bottom:25px;}
		#print #content	.title		{font-size:12px; font-weight:900; display:block; float:left; width:100px;}
		#printlink					{display:block; margin:15px; background-color:#E1E1E1; border:#999999 1px solid; padding:5px;} 


/* --- 	Startseite ---------------------------------------------------------------------*/
		.sprache					{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666;
									 text-decoration: none;}
		.corner 					{border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000;}
		.corner1					{border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; border-right-color: #000000; 
									 border-bottom-color: #000000; background-color: #FFFFFF;}
		.corner3					{border-right-width: 1px; border-right-style: dotted; border-right-color: #000000;}
*html 	.corner   					{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666;}
*html 	.corner1   					{border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; 
									 border-bottom-color: #666666; background-color: #FFFFFF;}
*html 	.corner3					{border-right-width: 1px; border-right-style: solid; border-right-color: #666666;}


/* --- 	Mitgliederliste ---------------------------------------------------------------------*/
		#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelContent						{padding:0 0 10px 23px; margin:0;}
		#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelContent p 					{padding:0; margin:0; float:left; width:328px; margin-bottom:20px;}
		#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelContent p.region 			{width:138px;}
		#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelTab span						{display:inline-block; width:147px; margin:0; padding:0; text-indent:0;}
		#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelTab span.title				{width:325px;}
*+html 	#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelTab span.title				{width:325px; margin-left:20px;}
* html 	#contentMitliederliste	.CollapsiblePanel .CollapsiblePanelTab span.title				{width:325px; padding-left:20px;}

		#auswahlmenu																			{display:block; border-bottom:1px dotted #000000; height:38px;}
		#auswahlmenu	select																	{border:1px solid #7e7e7e; width:167px; background-color:#FFFFFF;}
		#auswahlmenu	select	option															{margin:0; padding-left:3px; width:164px; border:0; border:0 1px 0 1px solid #e7e7e7;}
		#auswahlmenu	label																	{display:inline-block; margin-right:13px; font-weight:900;}
		#auswahlmenu	label.region															{margin-left:53px;}
		.error																					{margin-top:25px;}
*+html	#auswahlmenu	label																	{width:30px; height:20px; line-height:18px; padding-top:0px}
*+html 	#auswahlmenu	select																	{width:175px; height:20px; padding:0; font-size:9px;}
* html 	#auswahlmenu	label																	{width:20px; height:20px; line-height:18px; padding-top:0px; margin:0;}
* html 	#auswahlmenu	select																	{width:180px; height:20px; padding:0; font-size:9px;}

		#contentMitliederliste span.de															{display:inline-block; width:27px;}
		#contentMitliederliste span.it															{display:inline-block; width:37px;}
		#contentKarte																			{display:none; margin:0; width:100%; height:320px; text-align:center; border-bottom:1px dotted #000000;}


/* --- 	Vorstand ---------------------------------------------------------------------*/
		.imgVorstand																			{float:left; margin-right:15px;}
		.vorstandMitglied																		{display:block; height:180px;}