﻿/* VIDEO PLAYER */
div.videoPlayerHolder
{
	border-bottom: 5px solid #D6EC9A;
  	border-left: 5px solid #D6EC9A;
	border-right: 5px solid #D6EC9A;
    padding: 0 12px 12px 12px;
    margin-bottom: 12px;
}

div.videoPlayerHolder div.player
{
	text-align: center;
    overflow: hidden;
}

div.videoPlayerHolder div.info
{
    margin: 12px 0 0 0;
}

div.videoPlayerHolder div.info h1
{
	font-style: italic;
	font-size: 31px;
	line-height: 32px;
}

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 .date
{
    color: #BFBFBF;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0;
}

div.videoPlayerHolder div.info p a,
div.videoPlayerHolder div.info p a:visited
{
    font-style: italic;
    text-decoration: underline;
}

.topGal
{
    height: 33px;
    position: relative;
}

ul.fotovideoTabs
{
    height: 33px;
    margin: 0px;
    padding: 0;
}

ul.fotovideoTabs li
{
    float: left;
    list-style: none;
}

ul.fotovideoTabs li a,
ul.fotovideoTabs li span
{
	background-color: #D6EC9A;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 10px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

ul.fotovideoTabs li span
{
	font-weight: bold;
	text-decoration: underline;
}


/* LIST */
.galTitle
{
    background-image: url('../../grafik/MadOgBolig/galListTop.png');
    height: 34px;
    overflow: hidden;
    position: relative;
}

.galTitleGreen
{
    background-image: url('../../grafik/MadOgBolig/galListTop.png');
}

.galTitle h2
{
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
	line-height: 20px;
	margin: 0px 0 5px 0;
    padding: 7px;
}

.fotoGal
{
    height: 154px;
    margin-bottom: 12px;
    overflow: hidden;
}

.fotoGal ul
{
    margin: 25px 0 0 0px;
    padding: 0;
}

.fotoGal ul li
{
    float: left;
    display: inline;
    list-style: none;
    margin: 0 10px 0 10px;
    padding: 0;
    overflow: hidden;
    width: 65px;
}

.fotoGal ul li a,
.fotoGal ul li a:visited
{
    font-style: italic;
}

ul.fotovideoPages 
{
    position: absolute;
    right: 10px;
    top: 0px;
    margin: 0px;
    padding: 12px 0px 0px;
    _padding: 10px 0px 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/MadOgBolig/gal_page.png') no-repeat;
    width: 12px;
}

ul.fotovideoPages li.active a.page,
ul.fotovideoPages li a.page:hover
{
    background: url('../../grafik/MadOgBolig/gal_page_active.png') no-repeat;
}

ul.fotovideoPages li a.prev,
ul.fotovideoPages li a.prev:hover
{
    background: url('../../grafik/MadOgBolig/gal_prev.png') no-repeat;
    background-position: 0px 2px;
    width: 10px;
}

ul.fotovideoPages li a.next,
ul.fotovideoPages li a.next:hover
{
    background: url('../../grafik/MadOgBolig/gal_next.png') no-repeat;
    background-position: 6px 2px;
    width: 10px;
}


/* CATEGORY */
.categGallery { border-top: 5px solid #D6EC9A; border-left: 5px solid #D6EC9A; border-right: 5px solid #D6EC9A;}
.categGallery ul { margin: 0; padding: 0px; }
.categGallery ul li { display: inline; padding: 0px 0px 0 15px; line-height: 30px; }
.categGallery ul li a,
.categGallery ul li a:visited { font: bold 11px 'Trebuchet MS', arial; text-transform: uppercase; color: #000; text-decoration: underline; }


/* NAVIGATION */
#navigation { height: 25px; text-align: center; }

#navigation #navprev a,
#navigation #navprev a:visited,
#navigation #navnext a,
#navigation #navnext a:visited { display: block; padding: 11px; opacity: 1.5; background: #fff; width:70px; }
#navigation #navprev a:hover,
#navigation #navnext a:hover { opacity: 1.0; }

#navigation #navprev { position: absolute; top: 2px; left: 2px; }
#navigation #navnext { position: absolute; top: 2px; right: 2px; .text-align: left; }

#navigation #leftNavArrow { position: absolute; left: 0px; background: transparent; padding-left: 13px; font-size: 10px; }
#navigation #rightNavArrow { position: absolute; right: 0px; background: transparent; padding-right: 13px; font-size: 10px;}
