/***************************
* Generelle Formatierungen *
***************************/

body {
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-size:10pt;
	color: #000000;
} 
ol, ul, p, table, td, th {
	font-family:Verdana, Arial, Geneva, sans-serif; font-size:10pt; ; color: #000000;
}

a { color:#a72316; ; text-decoration: underline; font-weight: bold;} 
a:hover { color:#000; text-decoration:none; font-weight : bold; }
a:active { color:#000; text-decoration:none; font-weight : bold;  }

.red {
	color:#a72316;
}

.greybox {
	background-color: #cccccc;
	border: 1px dotted black;
	margin: 0px 10px;
	padding: 5px;
}

img, a img {
	border:0;
}

p.size8 {
	font-size: 8pt;
}

/**************
* Überschrift *
**************/

h1 {
	font-weight:bold;
	font-size:12pt;
	color: #a72316;
}

h2 {
	font-weight:bold;
	font-size:10pt;
	color: #a72316;
}

h3 {
	font-weight:bold;
	font-size:10pt;
	color: #a72316;
	text-align:left;
}

/*********
* Bilder *
*********/

img.intext {
	float:right;
	padding: 0px 10px 10px 10px;
}

/**********
* Submenu *
**********/

ul.subnavi {
	list-style-image: url(../images/arrow_right.png);
	padding-left: 55px;
	padding-top: 5px;
}

ul.subnavi li {
	font-size:7pt;
	padding-bottom:2px;
}

ul.subnavi a { color:#a72316; ; text-decoration: none; font-weight: bold;} 
ul.subnavi a:hover { color:#000; text-decoration:underline overline; font-weight : bold; }
ul.subnavi a:active { color:#000; text-decoration:underline overline; font-weight : bold;  }

/***********
* Tabellen *
***********/

/* Formatierung der Tabellenüberschrift mit <caption> */

table caption {
	background-color: #a72316;
	padding:2px;
	font-weight:bold;
	color:#fff;
	border: 1px solid black;
}

/* Tabelle mit Rahmen */

table.rahmen {
	border: 1px solid black;
	border-collapse: collapse;
	background-color: #cccccc;
}

table.rahmen th {
	background-color: #a72316;
	padding: 3px;
	color: #fff;
	}

table.rahmen td {
	border: 1px dotted black;
	padding: 3px;
}

table.rahmen .size8 {
	font-size: 8pt;
}

/* Tabelle Mitgliederliste */

table.members {
	border: 1px solid black;
	border-collapse: collapse;
}

table.members th {
	border: 1px solid black;
	padding: 3px;
	color: #fff;
	background: #a72316;	
	text-align:center;
	font-size: 8pt;
	}

table.members td {
	border: 1px dotted black;
	padding: 2px;
}

/* Tabelle Mitglieder Gutschein */

table.gutschein_members {
	border: 1px solid black;
	border-collapse: collapse;
	margin: 1px;
}

table.gutschein_members td {
	border: 1px dotted black;
	padding: 2px;
	font-size: 10pt;
}

table.gutschein_members a, table.gutschein_members a:hover, table.gutschein_members a:active {
	font-weight: normal;
	text-decoration: none;
}

/* Rahmen bei Bannern */

table.banner {
	border-top: 3pt double #FD7215;
	width: 100%;
	padding:0;
}

table.banner img {
	border: 0px;
}

/* Tabelle Kontaktformular */

table.contact {
	border: 1px solid black;
	border-collapse: collapse;
	background-color: #a72316;
}

table.contact td {
	border: 1px dotted black;
	padding: 3px;
	color: #fff;
}

/******************
* Mitgliederliste *
******************/

/* Formatierung für Seiten-Navigation */

a.nav { color:#fff; ; text-decoration: none; font-weight: bold;} 
a.nav:hover { color:#fc7313; text-decoration:underline overline; font-weight : bold; }
a.nav:active { color:#fc7313; text-decoration:underline overline; font-weight : bold;  }

.tableh1_compact {
	background : #a72316;
	font-size:12px;
	color : #fff;
	padding: 2px 5px 2px 5px;
	text-align:center;
}

.tableb_compact {
	background : #a72316;
	color:#fc7313;
	padding: 2px 5px 2px 5px;
}

.navmenu {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background : #a72316;
	padding: 2px 5px 2px 5px;
}

/* Ende Seiten-Navigation */

/************
* Aktuelles *
************/

/* Liste der News & Archiv */

.news_list_container {
	padding-top:5px;
}

.news_list_item {
	padding-bottom:15pt;
}

.news_list_date {
	font-size:7pt;
	padding-bottom:2px;
	border-bottom: 1px dotted black;
	width: 200px;
	font-weight:bold;
}

.news_list_title {
	margin-top:3px;
	font-size:11pt;
	padding-left:10px;
}

.news_list_summary {
	margin-top:3pt;
	margin-bottom:3pt;
	font-size:10pt;
	padding-left:10px;
}

a.news {
	font-weight:bold;
	color:#a72316;
	text-decoration:underline;
}

a.news:hover, a.news:active {
	color:#fc7313;
	text-decoration:none;
}

hr.news_list {
	color: #fc7313;
	width: 100%;
	height: 1px;
}

/* Einzelne News anzeigen */

.news_show_date {
	font-size:7pt;
	text-align:right;
	width:90%;
	font-weight:bold;
}

.news_heading {
	font-weight:bold;
	font-size:14pt;
	color: #a72316;
}

/************
* Produkte  *
************/

/* Liste der Produkte */

.products_list_container {
	padding-top:5px;
}

.products_list_item {
	padding-bottom:10pt;
}

.products_list_image {
	height: 30px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.products_list_title {
	margin-top:3px;
	font-size:11pt;
	padding-left:10px;
	height: 30px;
	vertical-align: middle;	
}

a.products {
	font-weight:bold;
	color:#a72316;
	text-decoration:underline;
}

a.products:hover, a.products:active {
	color:#fc7313;
	text-decoration:none;
}

/* Tabelle Mitgliederliste */

table.products {
	border: 1px solid black;
	border-collapse: collapse;
	width: 90%;
}

table.products td {
	border: 1px dotted black;
	padding: 2px;
}

/*********************
* Liste Lehrstellen  *
*********************/

ul.arrow {
	list-style-image: url(../images/arrow_right.png);
	padding-left: 25px;
	padding-top: 5px;
}

ul.arrow li {
	font-size:8pt;
	padding-bottom:2px;
}

/* Liste Logo */

ul.logo {
	list-style-image: url(../images/list_logo.jpg);
}

/****************
* Formular M21  *
****************/

#m21_form {
	width: 600px;
}

#m21_form fieldset {
	border: 1px solid #fd7215;
	padding: 5px;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

#m21_form legend {
	color: #a72316;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 10px;
}

#m21_form label { width: 150px; display: inline-block;}

#m21_form input {
	font-size:14px;
	height: 20px;
}

#m21_form .button {
	height: 30px;
	color: #a72316;
	border: 1px solid #fd7215;
	background: #fff;
	margin-top: 15px;
	margin-left: 75px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 5px;
	cursor: pointer;
}

#m21_form .small {
	margin-left: 153px;
	font-size: 10px;
}
