#Background  { position : absolute; left : 0; top : 0; visibility : visible; z-index : 0;}
#flashcontent  { position : absolute; left : 0; top : 0; visibility : visible; z-index : 0;}
#Website  { position : absolute; left : 0; top : 0; visibility : visible; z-index : 1;}


body {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	color: #000000;
	background-image:url(../icon/background.jpg);
	background-repeat:repeat-x;
	background-color:#2e84c0;
}

.edit {
    width: 50px;
	border-style : solid;
    border-color : #000000;
    border-width : 1px;
	background-color: white; 
	font-size : 11px;
	font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
	padding: 5px;
}

input.edit_suche {
    border-style : solid;
    border-color : #eeeeee;
    border-width : 1px;
	background-color: white; 
	font-size : 10px;
	font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
	height: 15px;
	width: 150px;
	padding: 3px;
}

input.edit_small {
    border-style : solid;
    border-color : #dddddd;
    border-width : 1px;
	background-color: white; 
	font-size : 10px;
	font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
	height: 15px;
	width: 50px;
	padding: 3px;
}

input.edit_big {
    border-style : solid;
    border-color : #dddddd;
    border-width : 1px;
	background-color: white; 
	font-size : 11px;
	font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
	height: 15px;
	width: 300px;
	padding: 3px;
}

textarea.edit {
    border-style : solid;
    border-color : #dddddd;
    border-width : 1px;
	background-color: white; 
	font-size : 10px;
	font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
	height: 50px;
	width: 300px;
	padding: 3px;
}


input.button {
    border-style : solid;
    border-color : #1C5897;
    border-width : 1px;
	background-color: #ACCEE6; 
	font-size : 10px;
	font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 2px;
}

table,tr,td {
	font-size: 11px;
	color: #000000;
	background-color: transparent;
	text-align: left;
}

.bild {													/*graue Bildunterschriften*/
 	font-size : 9px;
	font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
	color : #7F7F7F;
}

.mastertable {
	font-size: 11px;
	color: #000000;
/*	border: solid #cccccc;
	background-color: #ffffff;*/
	border-bottom : 0px;
	border-left : 0px;
	border-right : 0px;
	border-top : 0px;
 	background-image: url(../icon/table-bg.jpg);
}

.mastertable2010 {
	font-size: 11px;
	color: #000000;
/*	border: solid #cccccc;
	background-color: #ffffff;*/
	border-bottom : 0px;
	border-left : 0px;
	border-right : 0px;
	border-top : 0px;
 	background-image: url(../icon/table-bg2010.gif);
}

.rosabox {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 0px; 
	padding-top: 0px;
	background-color: transparent;
}

.leftnavigation {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #306cb5;
	background-color: transparent;
}

.leftnavihead0 {
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #306cb5;
	background-color: #306cb5;
 	background-image: url(../icon/menue-head-bg.jpg);
}

.leftnavihead1 {
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #306cb5;
	background-color: #306cb5;
}

.leftnavihead2 {
	color: #ffffff;
	font-weight: bold;
	border-bottom: 0px solid #000000;
	background-color: #0D3C8C;
}

.leftnavirow1 {
	color: #000000;
	font-weight: bold;
	text-align: right;
	background-color: #accee6;
}

.leftnavirow2 {
	color: #000000;
	font-weight: bold;
	text-align: right;
 	background-color: transparent;
 	background-image: url(../icon/stripes.jpg);
}

#topmenu {
	border-top: 0px solid #cccccc;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #000000;
	background-color: transparent;
	background-image: url(../icon/hbw-logo.jpg);
}

#topmenu a:link, 
#topmenu  a:visited, 
#topmenu a:active {
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

#topmenu a:hover {
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	color: #ffffff;
	background-color: #306cb5;
}

#submenu {
	border-bottom: 0px solid #143C97;
	border-left: 0px solid #aaaaaa;
	border-right: 0px solid #aaaaaa;
	border-top: 0px solid #aaaaaa;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #000000;
	background-color: #306cb5;
/* 	background-color: transparent;
 	background-image: url(../icon/stripes.jpg);*/
}

#submenu a:link, 
#submenu  a:visited, 
#submenu a:active {
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

#submenu a:hover {
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	color: #ffffff;
	background-color: #306cb5;
}

.detailmenuactive {
	border-bottom: 0px solid #143C97;
	border-left: 1px solid #2F84C1;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #2F84C1;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 3px 4px 3px;
	color: #ffffff;
	text-align: center;
	background-color: #2F84C1;
/* 	background-color: transparent;
 	background-image: url(../icon/stripes.jpg);*/
}

.detailmenuactive a:link, 
.detailmenuactive  a:visited, 
.detailmenuactive a:active {
	font-size: 10px;
	margin: 0px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

.detailmenuactive a:hover {
	margin: 0px;
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
}

.detailmenupassive {
	border-bottom: 0px solid #143C97;
	border-left: 0px solid #306cb5;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #accee6;
	font-size: 10px;
	font-weight: bold;
/*	margin: 2px;*/
	padding: 4px 3px 4px 3px;
	color: #ffffff;
	text-align: center;
	background-color: #accee6;
/* 	background-color: transparent;
 	background-image: url(../icon/stripes.jpg);*/
}

.detailmenupassive a:link, 
.detailmenupassive  a:visited, 
.detailmenupassive a:active {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

.detailmenupassive a:hover {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
/* 	background-image: url(../icon/mouseover.jpg);*/
}

.tableborder {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	border: 1px solid #306cb5;
}

.tabletop {
	border-bottom: 0px solid #ffffff;
	border-left: 1px solid #306cb5;
	border-right: 1px solid #306cb5;
	border-top: 1px solid #306cb5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.maintitle {
	border-bottom: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	color: #ffffff;
	background-color: transparent;
	background-image: url(../icon/rubrik-bg.jpg);
/*
	background-color: transparent;
	background-image: url(<#IMG_DIR#>/tile_cat.gif);
	background-color: #306cb5;*/

}

.maintitle a:link, 
.maintitle a:visited, 
.maintitle a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

.maintitle a:hover {
	text-decoration: none;
	color: #aaaaaa;
	background-color: transparent;
}

.topcontent {
	border-bottom: 1px solid #306cb5;
	border-left: 1px solid #306cb5;
	border-right: 1px solid #306cb5;
	border-top: 1px solid #306cb5;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
	color: #000000;

	background-color: transparent;
	background-image: url(../icon/topnewsbg.jpg);
/*	background-color: #ffffff;*/
}

.maincontentlv1 {
	border-bottom: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	color: #000000;
	/*background-color: transparent;
	background-image: url(<#IMG_DIR#>/tile_cat.gif);*/
	background-color: #eeeeee;
}

.maincontentlv1 a:link, 
.maincontentlv1 a:visited, 
.maincontentlv1 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

.maincontentlv1 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
}

.maincontentlv2 {
	border-bottom: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
	color: #000000;
	/*background-color: transparent;
	background-image: url(<#IMG_DIR#>/tile_cat.gif);*/
	background-color: #ffffff;
}

.maincontentlv2 a:link, 
.maincontentlv2 a:visited, 
.maincontentlv2 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

.maincontentlv2 a:hover {
	text-decoration: none;
	color: #aaaaaa;
	background-color: transparent;
}

.titlemedium {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	/*background-color: transparent;
	background-image: url(<#IMG_DIR#>/tile_sub.gif);*/
	background-color: #2F84C1;
}

.titlemedium a:link, 
.titlemedium a:visited, 
.titlemedium a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

.row {
	border-bottom: 0px solid #eeeeee;
	background-color: #ffffff;
	font-size: 10px;
	padding: 3px 3px 3px 3px;
}

.row1 {
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.row1 a:link, 
.row1 a:visited, 
.row1 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row1 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
	font-size: 11px;
}

.row2 {
	border-bottom: 1px solid #eeeeee;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
	background-color: transparent;
	background-image: url(../icon/stripes.jpg);
}

.row2 a:link, 
.row2 a:visited, 
.row2 a:active {
	text-decoration: none;
	color: #306cb5;
	font-size: 11px;
}

.row2 a:hover {
	text-decoration: none;
	color: #a80000;
	font-size: 11px;
}
.row3 {
	background-color: #dddddd;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}

.row3 a:link, 
.row3 a:visited, 
.row3 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row3 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: #ffd000;
	font-size: 11px;
}

.row4 {
	background-color: #dddddd;
	font-size: 11px;
}

.row5 {
	background-color: #ffd000;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}

.row5 a:link, 
.row5 a:visited, 
.row5 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row5 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
	font-size: 11px;
}

.row6 {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color: #dddddd;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}

.row6 a:link, 
.row6 a:visited, 
.row6 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row6 a:hover {
	text-decoration: none;
	color: #a80000;
	/*background-color: #FFCB96;*/
	font-size: 11px;
}

.row8 {
	background-color: #ACCEE6;
	font-size: 11px;
}

.row8 a:link, 
.row8 a:visited, 
.row8 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row8 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
	font-size: 11px;
}

.row10 {
	background-color: #C1E0F5;
	font-size: 11px;
}

.row10 a:link, 
.row10 a:visited, 
.row10 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row10 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
	font-size: 11px;
}

.row12 {
	background-color: #FF7542;
	font-size: 11px;
}

.row12 a:link, 
.row12 a:visited, 
.row12 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row12 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
	font-size: 11px;
}

.row14 {
	background-color: #FFB499;
	font-size: 11px;
}

.row14 a:link, 
.row14 a:visited, 
.row14 a:active {
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	font-size: 11px;
}

.row14 a:hover {
	text-decoration: none;
	color: #a80000;
	background-color: transparent;
	font-size: 11px;
}

.row15 {
	color: #000000;
	background-color: #accee6;
	font-size: 11px;
}




/*Anfang dynamische Tabellenausgabe*/
.tabrow0 {
	border-bottom: 1px solid #eeeeee;
	background-color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	font-size: 11px;
}

.tabrow1 {
	background-color: #FF3322;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow2 {
	background-color: #ff5511;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow3 {
	background-color: #FF7542;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow4 {
	background-color: #FF9942;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow5 {
	background-color: #FFB499;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow6 {
	background-color: #004499;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow7 {
	background-color: #3399CC;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow8 {
	background-color: #ACCEE6;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow9 {
	background-color: #C1E0F5;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow10 {
	background-color: #C8E8FF;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow11 {
	background-color: #008800;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow12 {
	background-color: #00AA00;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow13 {
	background-color: #00DD22;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow14 {
	background-color: #77FF33;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

.tabrow15 {
	background-color: #FFFF00;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}
/*Ende dynamische Tabellenausgabe*/

b.big  {
 font-size : 17px;
 font-family : Tahoma, verdana,helvetica,arial,sans-serif;
 color : black;
 font-weight : normal;
}

b.weiss  {
 font-size : 12px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : white;
 font-weight : bold;
}

b.schwarz  {
 font-size : 12px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : black;
 font-weight : bold;
}

b.date  {
 font-size : 9px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : black;
 font-weight : normal;
}

td.raquo  {
 font-size : 12px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : #a80000;
 font-weight : bold;
}

table,td,tt  {
 font-size : 12px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : black;
}
 
.tables {
    border-style : solid;
    border-color : black;
    border-width : 1px;
	background-color: white; 
}

th  {
 font-size : 12px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : black;
}
 
ul  {
 line-height : 16pt;
}
 
li  {
 line-height : 10pt;
}
 
a, a:visited, a:active  {
 font-size : 11px;
 font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
 font-weight : bold;
 color : black;
 text-decoration : none;
}

a:hover  {
 font-size : 11px;
 font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
 color : #a80000;
 font-weight : bold;
}

a.raquo, a.raquo:visited, a.raquo:active, a.raquo:hover  {
 font-size : 17px;
 font-family : Tahoma, Verdana,arial,helvetica,sans-serif;
 color : #a80000;
 font-weight : bold;
}

a.nav, a.nav:visited, a.nav:active, a.nav:hover  {
 font-size : 10px;
 font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
 color : black;
 text-decoration : none;
}

a.white, a.white:visited, a.white:active  {
 font-size : 11px;
 font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
 color : white;
 text-decoration : none;
}

a.pic, a.pic:visited, a.pic:active  {
 font-size : 11px;
 font-family : Tahoma, Verdana,helvetica,arial,sans-serif;
 color : white;
 text-decoration : none;
}

.Formstyle {
    font-family: Tahoma, Verdana, Arial, Clean, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bold;
    height: 15px;
}



/*************************************************************************************/

.jcarousel-container-vertical {
    width: 165px;
    height: 220px;
    background: #ffffff;
    /*border: 1px solid #fff;*/
}

.jcarousel-clip-vertical {
    top: 20px;
    width: 155px;
    height: 180px;
    margin: 0 5px;
    z-index: 20;
}

#mycarousel li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
    width: 165px;
    height: auto;
    margin: 5px 0;
}

.jcarousel-item h3,
.jcarousel-item p {
    margin: 0;
    font-size: 80%;
}

.jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 165px;
    height: 14px;
    cursor: pointer;
    border-top: 1px solid #fff;
    background: #2F85C2 url(../icon/carousel-arrow-down.gif) no-repeat center;
}

.jcarousel-next-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 14px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    background: #2F85C2 url(../icon/carousel-arrow-up.gif) no-repeat center;
}

.jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.loading {
    background: transparent url(../icon/carousel-loading.gif) 50% 50% no-repeat;
}