﻿/* VIDEO PLAYER */
div.videoPlayerHolder
{
    background-color: #f0e0d0;
    /*background-image: url('/grafik/Oestrogen/videoPlayerBg.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;*/
    min-height: 340px;
    margin-bottom: 12px;
    width: 612px;
    clear: both;
}

div.videoPlayerHolder div.inner
{
    background-image: url('/grafik/Oestrogen/videoPlayerTopBg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    width: 612px;
}

div.videoPlayerHolder div.player
{
    float: left;
    margin: 16px 0 16px 16px;
    min-height: 150px;
    overflow: hidden;
    width: 421px;
}

div.videoPlayerHolder div.info
{
    float: right;
    margin: 16px 16px 16px 0;
    min-height: 150px;
    width: 145px;
}

div.videoPlayerHolder div.info h1
{
    font-size: 20px;
    line-height: 20px;
}

div.videoPlayerHolder div.info .cat
{
    color: #5b5b5b;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 5px 0;
    text-decoration: underline;
}

div.videoPlayerHolder div.info p
{
    margin: 5px 0;
}

div.videoPlayerHolder div.info p a,
div.videoPlayerHolder div.info p a:visited
{
    font-style: italic;
    text-decoration: underline;
}

div.videoPlayerHolder:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.topGal
{
    height: 33px;
    position: relative;
}

ul.fotovideoTabs
{
    height: 33px;
    margin-left: 0px;
    padding-left: 0;
    /*margin-top: 12px;*/
}

ul.fotovideoTabs li
{
    float: left;
    list-style: none;
}

ul.fotovideoTabs li a
{
    display:block;
    float:left;
    height: 33px;
    text-decoration:none;
    text-indent:-5000px;
    width: 150px;
}

ul.fotovideoTabs li a.fotoTab
{
    background: url('/grafik/Oestrogen/tabFoto.gif');
}

ul.fotovideoTabs li a.fotoTab:hover,
ul.fotovideoTabs li.ui-tabs-selected a.fotoTab
{
    background: url('/grafik/Oestrogen/tabFoto.gif') no-repeat;
    background-position: 0pt -33px;
}

ul.fotovideoTabs li a.videoTab
{
    background: url('/grafik/Oestrogen/tabVideo.gif') no-repeat;
}

ul.fotovideoTabs li a.videoTab:hover,
ul.fotovideoTabs li.ui-tabs-selected a.videoTab
{
    background: url('/grafik/Oestrogen/tabVideo.gif') no-repeat;
    background-position: 0 -33px;
}

.fotoTabSelected,
.videoTabSelected
{
    background: url('/grafik/Oestrogen/tabFoto.gif') no-repeat;
    background-position: 0pt -33px;
    display: block;
    float: left;
    height: 33px;
    text-decoration: none;
    text-indent: -5000px;
    width: 150px;
}

.videoTabSelected
{
    background: url('/grafik/Oestrogen/tabVideo.gif') no-repeat;
    background-position: 0pt -33px;
}


ul.subTabs1 li
{
	display: inline;
	float: none;
	margin: 0;
}

ul.subTabs1 li a,
ul.subTabs1 li a:visited
{
	display: inline-block;
	float: none;
	margin: 0 3px 3px 0;
}



/* LIST */
#fotoGal
{
	clear: both;
}

.galTitle
{
    background-image: url('/grafik/Oestrogen/galleryListTop.jpg');
    height: 40px;
    overflow: hidden;
    width: 612px;
}

.galTitleGreen
{
    background-image: url('/grafik/Oestrogen/galleryListTopGreen.jpg');
}

.galTitle h2
{
    color: #fff;
    display: block;
    font-family: Myriad Pro, Trebuchet MS, Arial;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
	line-height: 1em;
	margin: 0px 0 5px 0;
    padding: 10px;
}

.fotoGal
{
    background-image: url('/grafik/Oestrogen/galleryListContent.jpg');
    height: 154px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 612px;
}

.fotoGal ul
{
    margin: 25px 0 0 35px;
    padding: 0;
}

.fotoGal ul li
{
    float: left;
    list-style: none;
    margin: 0 35px 0 0;
    padding: 0;
    overflow: hidden;
    width: 80px;
}

.fotoGal ul li a,
.fotoGal ul li a:visited
{
    font-style: italic;
}

ul.fotovideoPages 
{
    float: right;
    height: 20px;
    margin: -30px 5px 0pt 0px;
    padding: 0px;
}

ul.fotovideoPages li
{
    float: left;
    list-style: none;
    padding-right: 3px;
}

ul.fotovideoPages li a
{
    display: block;
    float: left;
    height: 13px;
    text-indent: -8000px;
    width: 8px;
}

ul.fotovideoPages li a.page
{
    background: url('/grafik/Oestrogen/gal_page.gif') no-repeat;
    width: 12px;
}

ul.fotovideoPages li.active a.page,
ul.fotovideoPages li a.page:hover
{
    background: url('/grafik/Oestrogen/gal_page_active.gif') no-repeat;
}

ul.fotovideoPages li a.prev,
ul.fotovideoPages li a.prev:hover
{
    background: url('/grafik/Oestrogen/gal_prev.gif') no-repeat;
    background-position: 0px 2px;
    width: 10px;
}

ul.fotovideoPages li a.next,
ul.fotovideoPages li a.next:hover
{
    background: url('/grafik/Oestrogen/gal_next.gif') no-repeat;
    background-position: 6px 2px;
    width: 10px;
}







