/* CSS Document */

body {
	background-image: url(../images/hint-seite-1.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
}

td {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a { text-decoration: none; }



/* Seite */


h1 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color: #334766;
}


h2 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color: #334766;
}

h3 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #334766;
}

h4 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color: #334766;
	margin:0;
	padding:0;
}

ul {
	list-style-image: url("../images/pfeil-blau-re.gif");
	margin-left:20px;
}

ol {
	margin-left:20px;
}

.text-klein {
	font-size:11px;
}

.tabelle th {
	font-size:11px;
	color:#908D80;
	line-height:13px;
	background:#FAFAF8;
	padding:1px 5px 1px 0;
	border-bottom:2px solid #CAC7C2;
}

.tabelle td{
	background:#FAFAF8;
	padding:1px 5px 1px 5px;
	border-bottom:1px solid #CAC7C2;
	
}

.tabelleZeileHell td{
	background:#FFFFFF;
}

/* Rahmen */


.td-menu {
	width:141px;
	background-color: #dadad5;
	background-image:url(../images/hint-menu-1.gif);
	background-repeat:repeat-y;
}

.td-info-hell {
	width:224px;
	background-color: #ffffff;
	background-image:url(../images/hint-info-hell-2.gif);
	background-repeat:repeat-y;
}

.td-info {
	width:224px;
	background-color: #ffffff;
	background-image:url(../images/hint-info-dunkel-1.gif);
	background-repeat:repeat-y;
}

.td-info table td {
	vertical-align:top;
}

.td-seite {
	width:463px;
	padding-left:12px;
	padding-top:24px;
	padding-right:10px;
	background-color:#ffffff; /*#f2f2ed*/
	color: #334766; /* dunkelblau */
}

.td-seite-form {
	width:485px;
	padding-left:0px;
	padding-top:24px;
	padding-right:0px;
	background-color: #f2f2ed;
	color: #334766; /* dunkelblau */
}

.td-seite-breit {
	width:687px;
}


/* Menu */

.menu-gruppe {
	background-image:url(../images/hint-menu-items-1.gif);
	background-repeat:repeat-y;
}

.menu-titel {
	width:129px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
	padding-top:10px;
	padding-left:12px;
	background-image:url(../images/hint-menu-titel1.gif);
}

.menu-item {
	width:129px;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	color: #4d4d4d;
	padding-top:5px;
	padding-left:12px;
}

.menu-titel a:link     {color: #707680; } 
.menu-titel a:hover    {color: #cd0000; }
.menu-titel a:visited  {color: #707680; }
.menu-titel a:active   {color: #cd0000; }
.menu-titel a:bb:hover {color: #cd0000; } 

.menu-item a:link     {color: #4d4d4d; } 
.menu-item a:hover    {color: #cd0000; }
.menu-item a:visited  {color: #4d4d4d; }
.menu-item a:active   {color: #cd0000; }
.menu-item a:bb:hover {color: #cd0000; }

 
.menuBild {
	 position:inherit;
	 margin-left:100px;
	 margin-top:-15px;
	 margin-bottom:-2px;
}
 
 
/* Info */

.info-banner {
	font-size:12px;
	color: #808080;
	line-height:16px;
}
 
.info-bold {
	color: #CD0000;
	font-weight: bold;
}

.ecke-mitte-li {
	width:16px;
	height:16px;
	background-image:url(../images/ecke-mitte-li.gif);
}



/* Kopf */

.schatten-kopf-li {
	background-image:url(../images/schatten-kopf-li.gif);
	background-repeat:no-repeat;
	width:12px;
	height:255px;
}
.schatten-kopf-re {
	background-image:url(../images/schatten-kopf-re.gif);
	background-repeat:no-repeat;
	width:12px;
	height:255px;
}

.kopf-banner {
	height:15px;
	background-image:url(../images/hint-kopf-banner1.gif);
	background-repeat:repeat-x;
	font-size:10px;
	font-weight:bold;
	color:#DBDBD6;
	line-height:15px;
	text-align:right;
	vertical-align:middle;
	overflow:hidden;
	padding:0;
	margin:0;
}

.kopf-banner a{
	text-decoration:none;
}

.kopf-banner a:link     {color: #ffffff; } 
.kopf-banner a:hover    {color: #ffff99; }
.kopf-banner a:visited  {color: #ffffff; }
.kopf-banner a:active   {color: #ffffff; }
.kopf-banner a:bb:hover {color: #ffff99; } 

.hint-kopf {
	background-image: url(../images/hint-kopf-1.gif);
	background-repeat:repeat-x;
}

.hint-mitte {
	background-image: url(../images/hint-mitte-1.gif);
	background-repeat:repeat-x;
}

.schatten-mitte-li {
	background-image:url(../images/schatten-seite-li.gif);
	background-repeat:repeat-y;
	width:12px;
}

.schatten-mitte-re {
	background-image:url(../images/schatten-seite-re.gif);
	background-repeat:repeat-y;
	width:12px;
}

.hint-fuss {
	background-image:url(../images/hint-fuss-1.gif);
	background-repeat:no-repeat;
	background-color:#DADAD6;
	font-size:11px;
	height:20px;
	v-align:bottom;
	text-align:left;
	line-height:16px;
}

.hint-fuss a:link     {color: #777777; } 
.hint-fuss a:visited  {color: #777777; }
.hint-fuss a:active   {color: #777777; }
.hint-fuss a:hover    {color: #cc0000; }
.hint-fuss a:bb:hover {color: #cc0000; } 

.meldung-hell1{
	background-image:url(../images/hint-meldung-hell1.gif);
	width:485px;
	height:200px;
	vertical-align:middle;
	margin-left:-12px;
	margin-right:-12px;
}

.meldung-hell1 *{
	padding-left:12px;
	padding-right:12px;
}

.meldung-hell1 a{
	padding-left:0;
	padding-right:0;
}

.meldung-hell1 h3{
	color:#CC0000;
}


/* Box */

.box {
	width:462px;
}

.box .boxOben {
	position:inherit;
	width:462px;
	height:12px;
	line-height:10px;
	background-image:url(../images/box-grau-hint-oben.gif);
	background-repeat:no-repeat;
	overflow:visible;
}

.box .boxMitte {
	width:462px;
	background-image:url(../images/box-grau-hint-mitte.gif);
	background-repeat:repeat-y;
	background-position:top;
	line-height:10px;
	overflow:visible;
}

.boxMitte .content {
	padding-left:12px;
	padding-right:24px;
	line-height:18px;
}

.box .boxMitte h2 {
	margin-bottom:6px;
	margin-top:0px;
}

.boxMitte ul {
	margin-top:0px;
	margin-bottom:0px;
}

.box .boxUnten {
	position:inherit;
	width:462px;
	height:24px;
	background-image:url(../images/box-grau-hint-unten.gif);
	background-repeat:no-repeat;
	overflow:visible;
}

.boxIconHaus {
	position:relative;
	top:-59px;
	left:367px;
	width:95px;
	height:95px;
	background-image:url(../images/box-grau-icon-haus.gif);
	background-repeat:no-repeat;
}

.boxIconAbacus {
	position:relative;
	top:-59px;
	left:367px;
	width:95px;
	height:95px;
	background-image:url(../images/box-grau-icon-abacus.gif);
	background-repeat:no-repeat;
}

.boxIconTel {
	position:relative;
	top:-59px;
	left:367px;
	width:95px;
	height:95px;
	background-image:url(../images/box-grau-icon-tel.gif);
	background-repeat:no-repeat;
}

.boxIconLogo {
	position:relative;
	top:-59px;
	left:367px;
	width:95px;
	height:95px;
	background-image:url(../images/box-grau-icon-logo.gif);
	background-repeat:no-repeat;
}

.boxIconKlammer {
	position:relative;
	top:-36px;
	left:367px;
	width:95px;
	height:95px;
	background-image:url(../images/box-grau-icon-klammer.gif);
	background-repeat:no-repeat;
}


/* Box blau */

.boxBlau {
	width:462px;
}

.boxBlau .boxOben {
	position:inherit;
	width:462px;
	height:12px;
	line-height:10px;
	background-image:url(../images/box-blau-hint-oben.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	margin-bottom:0;
}

.boxBlau .boxMitte {
	width:462px;
	height:154px;
	background-image:url(../images/box-blau-hint-mitte.jpg);
	background-repeat:repeat-y;
	background-position:top;
	vertical-align:middle;
	line-height:10px;
	overflow:visible;
}

.boxBlau .boxMitte .content {
	padding-left:14px;
	padding-right:24px;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
}

.boxBlau .boxMitte h2 {
	color:#FFFFFF;
	margin-bottom:6px;
	margin-top:0px;
}

.boxBlau .boxUnten {
	width:462px;
	height:24px;
	background-image:url(../images/box-blau-hint-unten.gif);
	background-repeat:no-repeat;
}


/* Box einzeilig */

.boxZeile {
	width:462px;
}

.boxZeile .boxOben {
	position:inherit;
	width:462px;
	height:12px;
	line-height:10px;
	background-image:url(../images/box-grau-hint-oben.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

.boxZeile .boxMitte {
	width:462px;
	background-image:url(../images/box-grau-hint-mitte.gif);
	background-repeat:repeat-y;
	height:24px;
	vertical-align:middle;
	
}

.boxZeile .boxMitte .content {
	padding-left:14px;
	padding-right:24px;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
}

.boxZeile .boxMitte .content a {
	color:#666666;
}

.boxZeile .boxMitte .content a:hover { color:#CC0000; }

.boxZeile .boxMitte .content img {
	position:relative;
	top:3px;
	padding-left:10px;
}

.boxZeile .boxUnten {
	width:462px;
	height:24px;
	background-image:url(../images/box-grau-hint-unten.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}


/* Rahmen */

.rahmen-wecker{
	position:relative;
	left:53px;
	top:0px;
	width:170px;
	height:480px;
	background-image:url(../images/mitte-wecker.jpg);
	background-repeat:none;
}




