/* The Pagelayout
<---- 745 px wide --->
5 | 180 | 5 | 180 | 5 | 180 | 5 | 180 | 5
can be combined to any sort of columns!! */

/*#############################*/

/* Zuerst werden die HTML Tags ohne ID und Klassen definiert */

/* @group basic html tags */

body   {
	color: #474747;
	font-size: 12px;
	font-family:   "Lucida Grande", Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;
	line-height:   150%;
	background: url(_img_generic/HG.gif) repeat-y center;
	text-align:    center;
	margin:        0;
	padding:       0 6px 6px 6px;
	border-bottom: #000000 }

em, i {
	font-style: normal;
	color: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
}

b, strong  {
	color:      #000;
	font-weight: normal }

p {
	padding: 0 0 0 0;
	background: none;
	line-height: 140%;
	font-size: inherit;
	margin: 0px 9px 16px 9px;
}

a {
	color: #b97533;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #4b4b4b;
	text-decoration: underline }

/* h1 is invisble and used as header substitue for non css browsers only!!!!! */

h1 {
	display: none;
	visibility: hidden;
}

/* first declaring only the colors */

h2, h4, h6  {
	color: #8a8a8a;
	font-weight: normal;
	margin: 6px;
	padding-top: 6px;
	font-family: Georgia, Times New Roman, Times, serif;
}

h3, h5  {
	color: #4b4b4b;
	font-weight: normal;
	margin: 6px 6px 6px 6px;
	padding: 0px 0px 0;
	font-family: Georgia, Times New Roman, Times, serif;
}

/* Danach die Groessen: */

h2, h3   {
	font-size: 2.5em;
	font-weight: normal;
	margin-top: 6px;
	margin-left: 6px;
	padding: 2px 0px 2px 0px;
	line-height: 1em;
}

h4, h5 {
	padding: 0px;
	margin-top: 0px;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 1em;
	font-size: 1.8em;
	line-height: 1em;
}

h6 {
	padding: 0px;
	margin-top: 0px;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 1em;
	color: maroon;
	font: bold 1.2em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
	
h4.framed {
	font-size: 12px;
	color: #ffffff;
	background-color: #ffce37;
	padding: 0.25em;
	margin-top: 1em;
	margin-bottom:0.33em;
}
hr {float: none; clear: both;}

hr.floatfix {
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding:0;
	display: none;
	
	
}
	

	
/*creating whitespace between blocks:*/
hr.whitespace {display: block;
	float: none;
	clear: both;
	visibility: hidden;
	color: #ffffff;
	font-size: 30px;
	line-height: 1em;
	height: 30px;
	width: 100%;
	margin: 0px;
	width: 0px;
}
	
hr.rulerline {
	display:block;
	color: #bfced4;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	width: 100%;
	background-color: #dece9e;
	border: 1px solid #bfced4;
}

img {
	text-decoration : underline;
	margin: 10px;
	margin-left: 8px;
	margin-right: 1.5em;
	border: 2px solid #b97533;
}
	
/* @end */

/* @group basic list tags */
#navigation ul, #navigation ol {
	margin: 0px;
	padding: 0px;
}

ol ul {
	margin: 0px 0px 0px 6px;
	padding: 0px;
}

#content ul li {
	padding: 0px 0px 0px 6px;
	list-style: url(_img_generic/boppel.gif);
	background: none;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	list-style-position: inside;
}

ol li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul li h4 {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #ffac37;
	font-weight: normal;
}

ol li ul {
	margin-left: 12px;
}

ol li ul li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #ffac37;
	display: block;
}

#maincontent ul, #maincontent ul li, #content ul, #content ul li, p.answer ol, p.answer ol li, p.answer dl, p.answer dl dt {
	margin-left: 4px;
	text-indent: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

	
	
/* @end */

/* @group basic table tags */

table {
	padding: 0px;
	font-size: 11px;
	line-height: 120%;
	margin: 0px 0px 0px 0px;
}

th {
	padding: 4px;
	margin: 0px;
	
}

td {
	padding: 4px;
	margin: 0px;
	border: none;
}

td p {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

td img {
	padding: 0px;
	margin: 0px;
}
	
/* @end */

/* Nach den Standarddefinitioen definieren wir zunächst die Standard seitenbereiche, wied Kopf, Navigation und Inhalt
              */

/* @group Linkstyles */

#content a {
	background: url(_img_generic/arrow_link.gif) left center no-repeat;
	padding-left: 1.5em;
}

#content a:hover, #content a:active {
	background: url(_img_generic/arrow_link.gif) left center no-repeat;
	padding-left: 1.5em;
}

a.plainlink, a.plainlink:visited, a.plainlink:hover {
	background: none no-repeat;
	text-decoration: none;
	text-indent: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 1.5em;
	display: block;
}

#content a.noarrow {
	background: none;
	padding-left: 0;
}

	
/* @end */

/* @group Klassen ohne ID */

/* @group Klassen fuer Tabellenreihen und-zellen */

.heading th {
	background: #466eac;
	color: #FFFFFF;
}

.row1 th, .row1 td {
	background: #d3e3ec;
}

.heading td {
}

.row2 th, .row2 td {
	background: #EEEEEE;
}

td.firstcol {
	width: 160px;
}

td.secondcol {
	width: 130px;
}
	
/* @end */

.listheading { }

.titled {
	background: #d3e3ec;
	border-bottom: groove #466eac 1px;
}

.centered {
	text-align: center;
}


.right {
	text-align: right;
}

.illucode {
	font-size: 8px;
	line-height: 8px;
	color: #466eac;
	padding: 2px;
	margin: 2px;
	background: #ffffff;
	border: 1px solid #466eac;
}
	

.remark {
	color: #466eac;
	background: #d3e3ec;
	border: 1px solid #466eac;
	padding: 6px;
	text-align: center;
}

.imgright {
	margin: 0 0 0 10px;
	padding: 0;
	float:   right;
	clear:   left;
	border:  inset 1px #999 }

.imgcenter {
	display: block;
	margin:   5px 0 15px;
	padding:  0;
	position: relative;
	width: 98%;
	border:   solid 1px #7f9daa }

.iconized img {
	vertical-align: middle;
}

.marginal {
	font-size: 83.3%;
	line-height: 110% }
	
.introtext {
	color: #466eac }

.iconized {
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	background: #EFFFFF;
	display: block;
}

.iconized img {
	padding: 0px;
	margin: 0px 5px 0px 0px;
	vertical-align: text-top;
}

.noli {
	list-style: outside none;
	display: block;
}

.noli img {
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	clear: right;
	vertical-align: text-top;
}

.dlsize {
	font-size: 90%;
	color: #666;
}

.ohnerahmen {
	border-style: none;
	margin: 0;
	padding: 0;
}
	
/* @end */

#pagelayout {
	text-align: left;
	margin:      0 auto;
	padding:     0;
	position:    relative;
	top:         0;
	width: 750px;
	/*background: none repeat-y;*/
	/*height: auto;*/
	overflow: hidden;
}

/* @group THE HEADER
  */

#header {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	background-color: #e8ec6e;
	background-image: url(_img_generic/pageheader.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: right;
	display: block;
	height: 90px;
	padding: 0px;
	margin: 0px 6px 0px 6px;
	border-right-style: none;
	border-left-style: none;
	border-top: 6px solid #eff6f6;
	border-bottom-color: #c48839;
	border-bottom-width: 2px;
}

.uk #header {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	background-color: #e8ec6e;
	background-image: url(../_img_generic/pageheader.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: right;
	display: block;
	height: 90px;
	padding: 0px;
	border: 6px solid #EFF6F6;
	margin: 0px 6px 0px 6px;
	border-right-style: none;
	border-left-style: none;
}
	
/* @end */

/* @group Horizontal Nav */

/*ul#hnav {
	display:  block;
	background-color: #466eac;
	border-left: 0;
	border-right:0;
	border-top: 0;
	border-bottom: 6px solid #eff6f6;
	padding: 0 0 0 0;
	list-style-type: none;
	margin: 0px 6px 0px 6px;
	height: 25px;
}*/

ul#hnav {
	display: block;
	height: 23px;
	/*width: 75%;*/
	/*border: 0;*/
	border-left: 0;
	border-right:0;
	border-top: 0;
	border-bottom: 6px solid #eff6f6;
	margin: 0 6px 0 6px;
	padding: 0 0 0 25%;
	list-style-type: none;
	background: #4b4b4b;
	font: normal 0.85em Verdana, Arial, Helvetica, sans-serif;
}

ul#hnav li {
	display: inline;
	text-align: right;
	float: right;
}

ul#hnav li a {
	/*display: block;
	float:  left;
	clear: right;*/
	height: 25px;
	margin: 0 0.6em 0 0.6em;
	padding:  1px 1px 0 12px;
	border-left:  1px solid #fff;
	border-right:  none;
	color: #d3e3ec;
	font-size: 1.1em;
	line-height:  1.7em;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	background: #4b4b4b;
}



ul#hnav li#home a {
	background: 10px 5px no-repeat;
	padding: 0 0 0 1em;
	border-left: 1px solid white;
}

ul#hnav li#impressum a {
	background: 10px 5px no-repeat;
	padding-left: 1em;
	}




ul#hnav li#uk a {
	background: 10px 2px;
	padding-left: 40px;
}

ul#hnav li#fr a {
	background: 10px 2px;
	padding-left: 40px;
}

ul#hnav li#de a {
	background: 10px 2px;
	padding-left: 40px;
}

ul#hnav li a.active  {
	color: #466eac;
}

ul#hnav li a:hover {
	color: #fff;
}

ul#hnav li#de a:hover, .de ul#hnav li#de a {
	background: 10px 2px;
	padding-left: 40px;
	list-style: inside;
	text-align: right;
}

ul#hnav li#uk a:hover, .uk ul#hnav li#uk a {
	background: 10px 2px;
	padding-left: 40px;
	text-align: right;
}

ul#hnav li#fr a:hover, .fr ul#hnav li#fr a  {
	background: 10px 2px;
	padding-left: 40px;
	text-align: right;
}
	
/* @end */

/* Einfuehren von Blocks, um die Navigation und den Inhalt in einem Bereich zu halten */

#block	{
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	margin: 0 0 6px 6px;
	padding: 0 0 0 0;
	display:  block;
	width:  750px;
	float: none;
	clear: both;
	}

/* @group HauptNavigation */
div#leftside { display: block;
font-size: 1em;
width: 25%;
padding: 0;
margin: 0;
float: left;
clear: right;
/*background-color: #333333;*/;
	background: repeat;
	background: repeat;
}

ul#navigation, ul.navigation {
	background: #fff79d;
	width: 95%;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0 6px 0px;
	list-style-type: none;
	border-top: 1px solid #8a8a8a;
	border-right: 1px solid #8a8a8a;
	border-left: 1px solid #8a8a8a;
	font: normal bold 1.1em/1em   Georgia, Times New Roman, Times, serif;
}



ul#navigation li, ul.navigation li {
	display:block;
	padding: 0;
	margin: 0px;
	color: #2a2a2a;
	border-bottom: 1px solid #8a8a8a;
	background: repeat left bottom #fff380;
	list-style-type: none;
	text-indent: 10px;
	letter-spacing: 0.05em;
	font: normal 0.9em/100% Georgia, Times New Roman, Times, serif;
}

ul#navigation li.active, ul.navigation li.active {
	display:block;
	padding: 0;
	margin: 0px;
	border-bottom: 1px solid #8a8a8a;
	background: repeat left bottom #fff7b6;
	list-style-type: none;
	text-indent: 10px;
	letter-spacing: 0.05em;
	font: normal 0.9em/100% Georgia, Times New Roman, Times, serif;
}

/*Now turning the Navigation off ... */

ul#navigation li ul, ul#navigation li ul li ul, ul#navigation li ul li ul li ul  {
	font-size: 0.9em;
	border: none;
	background: #a9a9a9;
	display: none;
}

body.firmenschulungen ul#navigation li ul {
	display: block;
	list-style-type: none;
}

ul#navigation li ul li, ul#navigation li ul li ul li, ul#navigation li ul li ul li ul li  {
	font-size: 0.9em;
	margin-left: 7px;
	border: 1px solid #8a8a8a;
	background: #fff8ca;
}

ul#navigation li ul li.aktiv, ul#navigation li ul li ul li.aktiv, ul#navigation li ul li ul li ul li.aktiv {
	font-size: 0.9em;
	margin-left: 7px;
	border: 1px solid #8a8a8a;
	background: #fdde00;
}


#navigation a, .navigation a {
	display: block;
	color: #4b4b4b;
	padding: 4px 1px 4px 4px;
	margin: 0;
}

#navigation a:hover, #navigation a:active, #navigation a:focus , #navigation a.active, .navigation a.hover {
	color:          #000;
	text-decoration: none;
	background: transparent repeat-x;
}

#navigation li.heading, .navigation li.heading {
	color: #4b4b4b;
	text-decoration: none;
	display: block;
	padding: 0.6em 0.1em 0.6em 1em;
	margin: 0;
	background: none transparent;
}
	
/* @end */

/* Content goes to the left of the navigation and holds all layout cloumns */

/* @group Content and Columns */

/* Um flexibler zu sein, definieren wir gleich mehrere Contentbloecke */

#content     {
	font-size:       1em;
	width: 548px;
	/*overflow: hidden;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	float: left;
	clear: none;
	display: block;
}

.quartercolumn {
	width: 25%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 11px;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}

.thirdcolumn {
	width: 33%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 11px;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}
.fullcolumn {
	width: 98%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 8px;
}

.halfcolumn {
	width: 50%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}
.twothirdcolumn {
	width: 66%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}
.threequartercolumn {
	width: 75%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}


.fourcol {
	width: 736px;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	line-height: inherit;
	margin: 0px 6px 6px 0px;
	background-color: #ffffff;
	padding: 0px 0px 6px 0px;
	border-color: #BFCED4;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: dotted;
	border-top-style: none;
}



table#col1, table.bordered {
	/*width: auto;*/
	margin-right: 0px;
	margin-bottom: 16px;
	border-right: 2px solid #d3e3ec;
}

#col1 th {
	background: #d3e3ec;
	font-weight: normal;
}

#col1 td {
	padding: 4px;
	margin: 0px;
}

.bordered {
	border-left: 2px solid #d3e3ec;
	border-bottom: 2px solid #d3e3ec;
}
	
/* @end */

/* @group Sub Id Styles */


/* @group titlepict */

/* Zu Heraushebung von Titelbildern */

#titlepictfull {
	background: transparent;
	width: 500px;

	margin: 0px;
	padding: 0px;
	top: 0px;
	position: relative;
	/*overflow: hidden;*/
	/*height: auto;*/
	border-top: 1px solid #BFCED4;
}

#titlepict, #titlepict1, #titlepict2, #titlepict3, #titlepict4 {
	background: #d3e3ec;
	width: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	position: relative;
	/*height: auto;*/
	/*overflow: hidden;*/
	border-top: 1px solid #BFCED4;
}

#titlepict img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*height: auto;*/
}

#titlepict h4   {
	font-size:       15px;
	font-weight:      bold;
	background-color: #7f9daa;
	background-image: none;
	margin:           0 }

#titlenews ul {
	font-style:  normal;
	font-variant: normal;
	font-weight:  bold;
	list-style:   square;
	padding: 5px 0px 30px 0px;
	position:     relative;
	margin: 0px 0px 0px 0px;
}

#titlenews li {
	color: #474747;
}

#titlenews li .button {
	display: block;
	margin-top: 5px;
	margin-bottom: 6px;
	padding: 3px 1px 3px 1px;
	background: #d3e3ec;
	border: 1px dotted #466eac;
	font-size: 10px;
	line-height: 10px;
}

#titlepict td {
	margin: 0px;
	padding: 0px;
	width: 30%;
	/*height: auto;*/
}

.rightside h3, .titlenews h3, #titlenews h3  {
	color:         #fff;
	font-size:           10px;
	line-height: 100%;
	background: #406C7F;
	text-align:     center;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display:        block;
	margin:         0 0 3px;
	padding: 3px 1px 4px 1px;
	vertical-align: text-top;
	border-bottom:  3px solid #fff;
	/*width: auto;*/
}

.rightside h4, .titlenewsh4, #titlenews h4  {
	color:         #fff;
	font-size:           10px;
	line-height: 100%;
	background: #406C7F;
	text-align:     center;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display:        block;
	margin:         0 0 3px;
	padding: 3px 1px 4px 1px;
	vertical-align: text-top;
	border-bottom:  3px solid #fff;
	/*width: auto;*/
}

#titlenews a:hover, #titlenews a:active, #titlenews a:focus {
	color:          #000;
	text-decoration: none }

#titlenews .noli a, .noli a:link, .noli a:visited {
	color: #0079ad;
	text-decoration: underline;
	background: transparent;
	border-style: none;
	display: inline;
	margin: auto;
}
	
/* @end */
	
/* @end */



#baukback img {
	width: 50%;
	margin: 0px;
	padding: 0px;
	/*height: auto;*/
}
div.section {float: none; clear: both; /*height: auto;*/ /*overflow: hidden;*/ margin-bottom: 1em; border-top: 1px none #cccccc;}
div.sectiondiv { border-bottom: 1px solid #cccccc; padding-top: 1em; padding-bottom: 1em; margin-bottom: 1em; display: block; /*height: auto;*/ /*overflow: hidden;*/}
div.sectiondiv div.thirdcolumn {background-color: #efefef;}

#rightside ol {
	margin: 0 6px 0 6px;
	padding: 0px;
}

#rightside ol li {
	font-weight: bold;
	list-style: none inside;
	margin: 0px;
	padding: 0px 5px 5px 0px;
}

#rightside ol li ul li  {
	padding:          0;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	list-style: square inside;
	border-bottom-style: none;
	text-indent: 0px;
	text-align: left;
	direction: ltr;
}

#rightside ol li ul  {
	font-weight: normal;
	list-style: square inside;
	border-bottom-style: none;
	text-indent: 0px;
	text-align: left;
	direction: ltr;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}

#rightside li  {
	color: #474747;
	list-style: circle;
	list-style-position: inside;
	display:             list-item;
	margin-bottom: 2px;
	border-bottom: 1px solid #BFCED4;
	padding: 0 0 1px 0px;
	margin-left: 0px;
}

/* @group kontaktformular */

form .warning {
	background-color: #ffffff;
	border: 1px solid #114d66;
	margin: 3px;
	padding: 3px;
}


/*<group =contactform>*/

/*fieldset settings */
fieldset {
	border:1px solid  #124e67;
	background-color: #e6eff0;
}

legend {
	color: #124e67;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 12px;
}

/* required is actually just to compliment the php code, requiredred is important to give the required fields a different colour if fields are missing, php swaps the classes when a miss of field occurs */

.required {
	font-weight: bold;
	/*color: red;*/
}

.requiredred {color: red;}
/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar*/
    width: 35%;
    margin-right: 3px;
    padding-top: 0.25em;
    padding-left: 0.25em;
    background: none #ffffff;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float: left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    5.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    140%;
}

/* @end */

/* @group FAQ */

/* FAQ */

.faq p.pagelinkup { font-size: 0.9em; text-align: right; border-bottom: 1px solid #eeeeee; padding: 6px; }

a.pagelinkup, a.pagelinkup:visited { background: url(../webimages/uppage.gif) red ; color: silver;}

.faq h4 {color: #c48839; padding: 0.33em; border-bottom: none; margin: 6px;
	font-weight: bold;
}

.faq p.question { font-size: 12px; font-weight: bold;
	margin: 8px 6px 2px 10px;
	background: no-repeat url(../_img_generic/boppel.gif) 0px 2px;
	text-indent: 14px;
}

.faq p.answer { font-size: 12px; font-weight: normal;
	margin: 0px;
	margin-left: 5em;
	padding: 0px;
	margin-right: 10em;
}

.faq dl {margin: 6px; padding: 0; list-style-type: none;}

.faq dl dt {font-weight: normal; margin: 0 0 3px 0; background-color: #f5f5f5; padding: 3px 1px 3px 1px;}

.faq dl dd {margin:	0 0 9px 0;}
	
/* @end */

/* @group Fusszeile und Suchmaschine */

p.copyrightnotice {border: none;}

#footer   {
	color: #666;
	font-size:           11px;
	line-height:         150%;
	background-color:    transparent;
	text-align:          center;
	padding: 0px 0 0px 0px;
	/*height: auto;*/
	width: 746px;
	bottom: 0px;
	margin: 50px 0px 0px 0px;
	display: block;
	float: none;
	clear: both;
}

#sluzzelin {
	color:           #fff;
	font-size:        10px;
	line-height:      10px;
	background-color: #7f9daa;
	/*visibility:       hidden;
	display: none;*/
	margin:           0 6px 0 0;
	padding:          2px;
	text-align:          center;
	visibility: hidden;
}

/* Sluzzelin ist ein DIV das Schluesselwoerter enth‡fllt aber ansonsten unsichtbar ist, dies ist der Freund der Suchmaschinen */

#footer p, #sluzzelin p {
	border-top: 1px dotted #466eac;
	padding-top: 16px;
	margin-left: 196px;
	margin-right: 10px;
}
	
/* @end */

/* My Comment */