/* *********************************************** */
/* allgemeine styles */
body {
	margin: 0;
	padding: 0;
	font: 100.01% arial, sans-serif; 
	color: #cbcbcb;
	background: #494742 url("../../images/rahmen/bg.gif") repeat-x;
}

a img	{ 
	border: 0;
	background: none;
}

table	{
	width: 100%;
	border-spacing: 2px;
	border: 0;
	margin: 0 0 10px 0;
}

tr	{
	background-color: none;
}

td	{
	vertical-align: top;
	padding: 0;
}

th	{
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
	color: black;
}

img	{
	border: 0;
	margin: 0;
}

ol, ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

br	{
	clear: both;
}


/* *********************************************** */
/* rahmenklassen */

#rahmen	{
	width: 1002px;
	padding: 0;
	margin: 0 0 0 5px;
	display: inline;
	position: absolute;
	background: url("../../images/rahmen/rahmen_bg.gif") no-repeat;
	background-position: 132px 0;
}

#logo	{
	width: 281px;
	height: 256px;
	background: url("../../images/rahmen/bg_logo.jpg") no-repeat;
	position: absolute;
	padding: 0 0 0 21px;
	top: 0;
	left: 9px;
	z-index: 100;
}

html>body #logo { width: 260px; left: 5px;}

#inhalt {
	width: 415px;
	height: auto;
	float: left;
	margin: 0;
	position: relative;
}

#menue {
	width: 670px;
	height: 39px;
	margin-left: 281px;
	display: inline;
	float: left;
	background: url("../../images/rahmen/menue_bg.gif") no-repeat;
}

#menue ul {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
}

#menue ul li {
	float: left;
}

#menue ul li.ueberuns {
	padding: 0 25px 0 17px;
}

#menue ul li.leistungen {
	padding: 0 23px 0 24px;
}

#menue ul li.mitglied {
	padding: 0 21px 0 22px;
}

#menue ul li.job {
	padding: 0 18px 0 19px;
}

#menue ul li.kontakt {
	padding: 0 16px 0 17px;
}

#menue ul li.fhdwblog {
	padding: 10px 0px 0 9px;
}

#kopfleiste {
	width: 580px;
	height: 31px; 
	float: left;
	background: white;
	color: #737373;
	margin-left: 281px;
	display: inline;
}

#kopfleiste ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 15px;
	display: inline;
	float: left;
}

#kopfleiste li {
	float: left;
	margin: 5px 0px 0 5px;
	font: 0.65em/2em arial, sans-serif;
}

#kopfleiste li a {
	color: #737373;
	text-decoration: none;
}

#kopfleiste li a:hover {
	color: #737373;
	text-decoration: underline;
}

#links {
	width: 543px;
	float: left;
	margin-left: 22px;
	display: inline;
	position: relative;
	background: #B0BDBD url("../../images/rahmen/dame.jpg") no-repeat;
	background-position: top right;
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	border-right: 3px solid white;
	position: relative;
	padding-top: 155px;
}


#infobereich {
	width: 287px;
	height: auto;
	float: left;
	background: #b0bdbd;
	padding: 18px 18px 0 18px;
}

html>body #infobereich {width: 251px;}

input.textfeld_suche {
	background: white;
	border: 1px solid #737373;
	height: 22px;
	width: 180px;
	font-size: 0.7em;
	color: #680026;
	float: left;
	padding: 3px 0 2px 5px;
	margin: 2px 6px 0 0;
	display: inline;
}


input.submit_suche {
	border: 0;
	height: 26px;
	width: 26px;
}

#article {
	width: 415px;
	float: left;
	padding: 20px 0 0 20px;
	font: 0.85em/1.4em arial, sans-serif;
	color: #ffffff;
}

html>body #article { 
	width: 375px;
}

.weblog {
	width: 236px;
	float: left;
	margin: 30px 0 0 0px;
	display: inline;
	font: 0.75em/1.25em arial, sans-serif;
	color: black;
	text-align: right;
}

.weblog a {
	margin-left: 5px;
	display: inline;
}

/* *********************************************** */
/* menue */

ul.untermenue {
	float: left;
	width: 240px;
	padding: 0;
	margin: 20px 0 20px 0px;
	display: inline;
	font: 0.7em/1.25em arial, sans-serif;
}

ul.untermenue li {
	background: url("../../images/utilities/pfeil_menue.gif") no-repeat;
	background-position: 0 4px;
	float: left;
	margin-right: 7px;
	padding-left: 5px;
}

ul.untermenue li a {
	color: #690026;
	text-decoration: none;
}

ul.untermenue li a:hover {
	color: #690026;
	text-decoration: underline;
}
/* *********************************************** */
/* infobox */

.infobox {
	width: 251px;
	float: left;
	margin-bottom: 18px;
	padding: 20px 15px 15px 15px;
	background: white;
	color: #737373;
	font: 0.75em/1.25em arial, sans-serif; 
}

html>body .infobox { 
	width: 221px;
}

.termin {
	margin-bottom: 8px;
}

/* *********************************************** */
/* abschluss */

#article .abschluss {
	width: 100%;
	float: left;
	margin: 30px 0 40px 0;
	display: inline;
	border-top: 1px solid #ffffff;
	font: 0.7em/2em arial, sans-serif; 
	color: #ffffff;
}

/* *********************************************** */
/* ueberschriften */

#article h1	{
	font: bold 1.3em/1.3em arial, sans-serif;
	margin: 0 0 15px 0;
	color: #cbcbcb;
}

#article h2 {
	font: bold 1.2em/1.3em arial, sans-serif;
	margin: 15px 0 0px 0;
	color: #cbcbcb;
	font-weight: bold;
}

#article a {
	color: #880031;
}

#article a:hover {
	color: #ffffff;
}

#article h1 a {
	color: #cbcbcb;	
}

.infobox h1	{
	font: bold 1.6em arial, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #680026;
	text-transform: uppercase;
}

.weblog h1 {
	background: url("../../images/rahmen/bg_weblog.gif") no-repeat;
	font: bold 100% arial, sans-serif;
	color: white;
	height: 22px;
	padding: 4px 10px 0 0;
}

/*## download ###*/


.download {
	float: left; 
	background: #b0bdbd;
	padding-top: 11px;
	margin-top: 11px;
	width: 100%;
}

.download a {
	color: #8b0000;
	text-decoration: underline;
}

.download a:hover {
	color: #8b0000;
	text-decoration: none;
}

.downloadbeschreibung {
	float: left; 
	width: 250px;
	padding-left: 15px;
	line-height: 13px;
}

.downloadbeschreibung p {
	font-size: 11px;
	line-height: 13px;
	color: #494742;
}

.downloadlink {
	float: left;
	width: 90px;
	font-size: 11px;
	line-height: 13px;
	color: #494742;
}

/* *********************************************** */
/* absaetze, sondertext */

.termin strong {
	font-weight: bold;
	color: #680026;	
}

.infobox ul {
	list-style-image: url("../../images/utilities/aufzaehlung.gif");
	list-style-position: outside;
	padding-left: 15px;
	margin: 0;
}

.infobox li {
	margin-bottom: 8px;
}

.infobox a {
	color: #737373;
	text-decoration: none;
}

.infobox a:hover {
	text-decoration: underline;
}

.weblog a {
	color: black;
	text-decoration: underline;
}

.weblog a:hover {
	color: black;
	text-decoration: none;
}

#article p	{
	margin: 10px 0; 
}


#article .trenner {
	width: 458px;
	height: 1px;
	margin: 20px 0;
	float: left;
	display: inline;
	line-height: 1px;
	border-bottom: 1px solid #63BFCC;
}

/* =========== */
/* = skimbar = */
/* =========== */

#skimbar {
    width: 100%;
    float: left;
    display: inline;
    margin-bottom: 20px;
	font: 0.9em/1.2em arial, sans-serif;
	color: white;
}

#skimbar a {
	color: white;
	text-decoration: none;
}

#skimbar a:hover {
	color: white;
	text-decoration: underline;
}

.skimtext {
    float: left;
	width: 145px;
}

#skimbarprev {
    float: left;
    width: 180px;
    min-height: 18px;
	height: auto;
	_height: 18px;
	text-align: left;
    margin-right: 12px;
    padding-left: 23px;
	background: url("../../images/utilities/zurueck.gif") no-repeat;
	background-position: top left;
}

html>body #skimbarprev { width: 157px;}


#skimbarnext {
    float: left;
    width: 180px;
    min-height: 18px;
	height: auto;
	_height: 18px;
    text-align: right;
    padding-right: 23px;
	background: url("../../images/utilities/weiter.gif") no-repeat;
	background-position: top right;
}

html>body #skimbarnext { width: 157px;}

/* *********************************************** */
/* klassen */

.hide	{
	position: absolute;
  	top: -6000px;
  	left: -6000px;
  	height: 1px;
 	width: 1px;
}

.hide	{
	display: none;
}

.abstand5	{
	width: 5px;
	height: 5px;
}

.abstand10	{
	width: 10px;
	height: 10px;
}

.abstand20	{
	width: 20px;
	height: 20px;
}

.ausrichtungLinks	{
	float: left;
	margin: 0 10px 10px 0;
}

.ausrichtungRechts	{
	float: right;
	margin: 0 0 10px 10px;
}

.keineAusrichtung	{
	display: block;
	margin: 0 0 10px 0;
}

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

/* *********************************************** */
/* listen */

#article li	{
	background: url("../../images/utilities/aufzaehlung.gif") no-repeat 0 4px;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}

#article ol 	{
	list-style-type: decimal;
	padding: 0 0 0 25px;
}

#article ol li	{
	background: none;
	padding: 0;
	margin: 0;
}

/* *********************************************** */
/* bilder */

#article img	{
	margin: 5px;
}