/* * {border: 1px solid black;}*/
/* BLOCK-ELEMENTS */

body {
    margin: 0 auto auto 0;
    padding: 0;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    line-height: 16px;
    color: black;
    background: url("../img/standards/bg.gif") repeat-y #F4F4EA;
}

h1 {
    width: 504px;
    height: 20px;
    margin: 0 0 8px 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    font-family: Verdana, sans-serif;
    color: white;
    text-align: left;
    vertical-align: bottom;
    /*overflow: hidden;*/
}

h1 span {
    margin: 0;
    padding: 0 12px 0 24px;
    /*background: url("../img/standards/h1.gif"); */
		font-weight: bold;
    background: url("../img/standards/h1-right.gif") top right no-repeat #B22E24;

}

h1 img {
    margin-bottom: 0;
    padding: 0 0 0 0;
}

h2 {
		margin: 0;
		padding: 8px 12px 0 12px;
    font-weight: bold;
    font-size: 100%;
    font-family: Verdana, sans-serif;
    color: #B22E24;
}

h3 {
  margin: 0;
  padding: 8px 12px 0 12px;
    font-size:100%;
    font-family: Verdana, sans-serif;
    color: #7B7363;
}

p {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0 0 1em 0;
}

hr {
  margin: 0 12px 0 12px;
  padding: 0 12px 0 12px;
  color: #F4F4EA;
}

table {
    font-size: 11px;
}

th{
    color: #7B7363;
    text-align:left;
    vertical-align: top;
}

td ·{
  vertical-align: top;
}

/* INLINE-ELEMENTS */

a:link { color: #B22E24; text-decoration:underline; }
a:visited { color:#B22E24; }
a:hover { color: #B22E24; background: #ededf2; }
a[name]:hover {color:inherit; text-decoration:inherit; background:inherit;}

a img {
		border: none;
		padding-left: 4px;
}

strong {
    font-weight: bold;
    color: #B22E24;
}

/* IDs */

#topnavi {
    float:right;
    width: auto;
    margin: 0 0 0 auto;
    padding: 14px 0 0 0;
    font-size:11px;
    color: black;
}

#topnavi p {
    margin: 0 0 0 auto;
    text-align: right;
}

#topnavi a {
		color: black;
		text-decoration: none;
}

#topnavi a:hover {
		color: #B22E24;
		background: #ededf2;
		text-decoration: underline;
}

#sprachwahl {
    padding-bottom: 80px;
}

#logo {
/*     border: 1px solid black; */
    padding: 12px 0 0 0;
}

#header {
/*    position:relative;  */
   width: 768px;
   height:272px;
   margin: 0 auto 0 0;
   padding: 0 24px 0 24px;
   text-align: left;/* IE < 6*/
   color: black;
   background: url("../img/standards/verlauf.gif") repeat-x bottom white;
}

.sub #header {
   background: url("../img/standards/verlauf_sub.gif") repeat-x bottom white;
}

#content {
/*    position:relative;  */
   width: 792px;
   height:100%;
   margin: 0;
   padding: 0 24px 0 0;
   text-align: justify;
   color: black;
   background: #ededf2;
}

#sidebar {
    float: right;
    clear: none;
    width: 240px;
    margin: 0 auto 0 24px;
    padding: 0;
}

#sidebar p {
    margin-bottom: 16px;
}

.socialmedia a {
  background: none;
}

/* N A V I G A T I O N */

#navigation {
   width: 768px;
   height: 31px;
   margin: 32px 0 0 0;
}

#navigation table {padding:0; margin:0;}

#navigation td {width: 154px;}

#navigation a {
    display: block;
    height: 25px;
    width: 154px;
    border-bottom: 1px solid #848484;
    padding-top: 6px;
    font-size: 11px;
    color: black;
    background-color: #E5E5D3;
    text-decoration:none;
/*    line-height: 21px;*/
    background: url("../img/standards/navi_off.gif") no-repeat;
}

#navigation a:hover, #navigation a:active, #navigation a:focus {
    border-bottom: 1px solid #d4d4ce;
    color: #B22E24;
    background: url("../img/standards/navi_on.gif");
}

#navigation a#last {
    border-right: 0;
}

#navigation a.current{
    color: #B22E24;
    background: url("../img/standards/navi_on.gif") no-repeat;
    border-bottom: 1px solid #CACACA;
}

/* S U B N A V I G A T I O N */

#sub {
    float:left;
/*     width:100%; */
 		margin: 8px 0 0 0;
    font-size:100%;
    line-height:normal;
}

.leistungen {padding-left: 120px;}

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

#sub li {
    float: left;
    margin: 0;
		padding: 0;
}

#sub a {
		float:left;
    display: block;
		height: 24px;
		margin: 0;
    padding: 0 15px 0 0;
    background: url("../img/standards/sub_right_off.gif") no-repeat right top;
    text-decoration: none;
}

#sub a span {
    float:left;
    display:block;
		height: 100%;
    padding: 5px 0 0 20px;
		color: black;
 		background: url("../img/standards/sub_left_off.gif") no-repeat left top transparent;
}

#sub #current a, #sub a:hover {
    background-image:url("../img/standards/sub_right_on.gif");
}

#sub #current a span, #sub a:hover span{
    color:#B22E24;
    background-image:url("../img/standards/sub_left_on.gif");
}


/* C L A S S E S */

.main {
   float: left;
   width: 504px;
   margin: 0 0 0 24px;
   padding-top: 0;
}

.main.box {
  background: transparent;
  }


.main p {
   margin: 0;
}

.large{
  width: 768px;
}
.chat {
  width: 100%;
  height: 100%;
  float: left;
  margin: 12px 0 12px 0;
}

.stripe1 {
	background: #ededf2;
	border-color: black;
}

.stripe2 {
	background: #FFE4E1;
	border-color: #FFE4E1;
}

#content .box p.stripe1,  #content .box div.stripe1,  #content .box p.stripe2{
	margin: 0 2px 16px 2px;
}

.spot {
	width: 502px;
    height: auto;
    margin: 0 auto 16px auto;
    border-top: 1px solid #ededf2;
    border-bottom: 1px solid #ededf2;
    background: url("../img/standards/gradient.png") repeat-x #ededf2;
}

.gradient {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
}

.sb a:hover {
		background:transparent;
}

.box {
  margin-bottom: 16px;
	padding: 0;
	background: white;
}

.box p {
    padding: 8px 12px 8px 12px;
}

p.button
{
width: 228px;
margin-bottom: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

.button a
{
  display: block;
  background: url('../img/standards/button_light.gif') no-repeat;
  height: 30px;
  padding: 16px 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.button a:hover
{
background: url('../img/standards/button_dark.gif') no-repeat;
}

p.xl
{
  width: 480px;
}

.xl a
{
  background: url('../img/standards/button_light_xl.gif') no-repeat;
}

.xl a:hover
{
  background: url('../img/standards/button_dark_xl.gif') no-repeat;
}

p.l
{
  width: 240px;
}

.l a
{
  background: url('../img/standards/button_light_l.gif') no-repeat;
}

.l a:hover
{
  background: url('../img/standards/button_dark_l.gif') no-repeat;
}

/* R A H M E N */

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border
*/

.tlc, .trc, .blc, .brc
	{
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(../img/standards/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(../img/standards/trc.gif);
	background-position: 100% 0%;
	}

.blc
	{
	background-image:url(../img/standards/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(../img/standards/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}

.tb
	{
	background-image:url(../img/standards/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(../img/standards/bb.gif);
	background-position: 50% 100%;
	}

.rb
	{
	background-image:url(../img/standards/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(../img/standards/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


/*T O O L T I P */

.tip				{ width:240px; background:url(../img/standards/tip-middle.gif) left top repeat-y; }
.tip-top			{ background:url(../img/standards/tip-top.gif) top left no-repeat; width:240px; height: 18px; }
.tip-title		{ color:#B22E24; font-weight:bold; margin:0 8px 0 8px; }
.tip-text		{ color:#000; padding:10px 8px 20px 8px; }
.tip-bottom		{ background:url(../img/standards/tip-bottom.gif) left bottom no-repeat; width:240px; height: 18px; }
.tooltip {z-index:2; }

div.table
{
  padding: 16px 12px 8px 12px;
}

.ende {
    clear: both;
    margin-top: 16px;
}

#editor input {width: 300px;}