@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006;
}
body {
	background-color: #0E3048;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
a {
	font-size: 12px;
	color: #2C5276;
}
a:hover {
	color:#36F;
}
h1 {
	font-size: 12px;
	color: #2B5377;
}
h2 {
	font-size: 13px;
	color: #FFF;
}
h3 {
	font-size: 16px;
	color: #2B5377;
}
h4 {
	font-size: 16px;
	color: #FFF;
}
ul {
	margin-left: 0.1em;
	padding-left: 0.5em;
}
.mini-img {
	border:#2B5377;
	border:1px;
	border-style:solid;
}
img {
	border:0;
}
/*************************** Menü und Content Tabellen Start ***************************/
.menu-tab-o-li {
	background-color: #1C6192;
	background-image: url(../images/tabs/menu-tab-o-li.gif);
}
.menu-tab-o-re {
	background-color: #1C6192;
	background-image: url(../images/tabs/menu-tab-o-re.gif);
}
.menu-tab-o {
	background-color: #1C6192;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-left-style: none;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align: center;
}
.menu-tab-content {
	background-color: #4E7DA0;
	background-image: url(../images/tabs/menu-tab-content.gif);
	background-repeat: repeat-x;
	color: #FFF;
	text-align:left;
}
.menu-tab-u-li {
	background-color: #1C6192;
	background-image: url(../images/tabs/menu-tab-u-li.gif);
}
.menu-tab-u {
	background-color: #1C6192;
	background-image: url(../images/tabs/menu-tab-u.gif);
}
.menu-tab-u-re {
	background-color: #1C6192;
	background-image: url(../images/tabs/menu-tab-u-re.gif);
}
.menu-li a {
	line-height: 22px;
	word-spacing: 5px;
	list-style-type:none;
	background-image:url(../images/tabs/list-style-image-gelb-quadr.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:10px;
	color:#FFF;
	text-decoration:none;
}
.menu-li a:hover {
	line-height: 22px;
	word-spacing: 5px;
	list-style-type:none;
	background-image:url(../images/tabs/list-style-image-gelb-quadr.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:10px;
	color: #FEDE2B;
	text-decoration:none;
}
.content-tab-o-li {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-o-li.gif);
}
.content-tab-o-re {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-o-re.gif);
}
.content-tab-o {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-o.gif);
	font-size: 12px;
	color: #1C6192;
	text-align: right;
}
.content-tab-u-li {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-u-li.gif);
}
.content-tab-u {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-u.gif);
}
.content-tab-u-re {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-u-re.gif);
}
.content-tab-re {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-re.gif);
}
.content-tab-li {
	background-color: #fff;
	background-image: url(../images/tabs/content-tab-li.gif);
}
.content-tab-content {
	background-color: #fff;
	text-align:left;
}
.content-li {
	line-height: 22px;
	word-spacing: 5px;
	list-style-type:none;
	background-image:url(../images/tabs/list-style-image-gelb-quadr.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:10px;

}
/*************************** Menü und Content Tabellen Ende ***************************/
/*************************** Diashow-Header-Start ***************************/
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 0px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 505px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	align: right;
    width:  505px;
    height: 105px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 101px;
    height: 105px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('next.gif') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('prev.gif') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*************************** Diashow-Header-Ende ***************************/
/*************************** Lightbox-Start ***************************/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #286896;
}

.lbLoading {
	background: #286896; url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #286896;;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #286896;;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 100px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*************************** Lightbox-Ende ***************************/