/* diese styles müssen angepasst werden */


/* die extensions */
div.him_bildergalerie, div.him_dok, div.him_flv, div.him_form, div.him_news, div.him_newsletter_eintragen, div.him_podcast, div.him_registrate, div.him_search, div.him_slideshow, div.him_tell_a_friend, div.him_text, div.him_text_2_spalten {
	margin-bottom: 16px; /* alle haben den gleichen abstand */
}
div.him_dok {
	border-bottom: #000000 solid 1px;
	margin-top: -14px;
	padding-top: 2px;
	padding-bottom: 4px;
}

/* bildergalerie */
div.him_bildergalerie img.bild_kategorie_oben {
	margin-right: 8px;
}
div.him_bildergalerie img.bild_kategorie_normal {
	margin-right: 8px;
	margin-top: 8px;
}
div.him_bildergalerie img.bild_kategorie_rechts {
	margin-top: 8px;
}



a.guest_link {
	color: #FFFFFF;
	text-decoration: none;
}
a.guest_link:hover {
	text-decoration: none;
}

.kleiner_bildgalerie {
	font-size: 9pt;
}
div.infobox {
	background: #A90433;
	color:#000000;
	font:10pt sans-serif;
	width: 200px !important;
	border: solid 1px #A90433;
}
div.infoboxbody {
	background: #e0e0e0;
	color:#000000;
	font:10pt sans-serif;
	padding:2px
}

div.infoboxcaption {
	color:#FFFFFF;
	background-color:transparent;
	font:bold 10pt sans-serif;
	margin:2px;
	text-align:center
}

/* tell a friend */
.tell_a_friend {
	width: 100%;
	display: block;
	padding: 2px 0;
}	
.tell_a_friend label {
	float: left;
	width: 120px;
}
.tell_a_friend input.tell_input_text, .tell_a_friend textarea.tell_textarea {
	float: left;
	width: 250px;
}
.stern_oblig {
	font-weight: bold;
	color: #FF0000;
	font-size: 1.2em;
}

/* Scroller */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background: url('../images/basic_arrow_up.gif') no-repeat;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url('../images/basic_arrow_down.gif') no-repeat;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}