/*----------------------------------------------------
Main
----------------------------------------------------*/

html, body
{
    margin:             0;
    padding:            0;
    height:             100%;
    width:              100%;
}

body
{
    background:         #76818d;
    color:              #000000;
    font-family:        Georgia, "Times New Roman", Times, serif;
}

label
{
    font-weight:        bold;
}

/*----------------------------------------------------
Headings
----------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-family:        "Trebuchet MS", "Times New Roman", Times, serif;
    color:              #0055b1;
    /* color:              #be202c; */
    margin-bottom:      6px;
}

h1
{
    margin-top:         10px;
}

h1.Harteamet
{
    font-family:        Arial, Georgia, "Times New Roman", Times, serif;
    /* color:              #be202c; */
}

/*----------------------------------------------------
Lines
----------------------------------------------------*/

hr
{
    border:             solid 1px #0055b1;
    color:              #0055b1;
}

/*----------------------------------------------------
Links
----------------------------------------------------*/

a.img, a:link, a:hover, a:visited
{
    color:              #0055b1;
}

a:hover
{
    color:              #b3b3b3;
}

/* Menu */

#menuContentHolder li a
{
    display:            block;
    height:             125px;
    width:              125px;
    
    color:              #000000;
    background:         url(../../_gfx/button.gif) no-repeat scroll bottom center;

    text-decoration:    none;
    text-align:         center;
    font-weight:        bolder;
    font-family:        "Trebuchet MS", "Times New Roman", Times, serif;
    font-size:          medium;
}

#menuContentHolder li a span
{
    position:           relative;
    top:                93px;
}

#menuContentHolder li a:hover
{
    color:              #000000;
    background:         url(../../_gfx/button_activated.gif) no-repeat scroll bottom center;
}

#menuContentHolder li .Activated
{
    color:              #000000;
    background:         url(../../_gfx/button_activated.gif) no-repeat scroll bottom center;
}

#menuContentHolder li .Activated:hover
{
    color:              #000000;
    background:         url(../../_gfx/button_activated.gif) no-repeat scroll bottom center;
}


#menuContentHolder li #ctl00_HarteametHyperLink
{
    width:              200px;
    margin-right:       15px;
    color:              #000000;
    background:         url(../../_gfx/menu_logo.gif) no-repeat scroll bottom center;
}

/* Bottom info */

#bottomInfoContentHolder #bottomInfo
{
    display:            block;
    height:             50px;
    width:              350px;
    margin-right:       5px;
    
    color:              #000000;
    background:         url(../../_gfx/bottom_info.gif) no-repeat scroll bottom center;

    text-decoration:    none;
    text-align:         center;
    font-weight:        bolder;
    font-family:        Georgia, "Times New Roman", Times, serif;
    font-size:          medium;
}

#bottomInfoContentHolder #bottomInfo span
{
    position:           relative;
    top:                10px;
}

#AdminLeftMenu
{
	background-color:   #ffffff;
	border:             solid 2px #0055b1;
	text-align:         left;
	padding:            5px;
}

/*----------------------------------------------------
Text
----------------------------------------------------*/

.IntroText
{
    font-weight:        bold;
}

.Warning
{
    font-weight:        bolder;   
}

.BoxInfo 
{
    text-align:         left;
    vertical-align:     top;
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    padding:            10px;
}

a.BigInfo
{
    display: block;
    padding: 15px;
    width: 450px;
    font-family: Arial Black, Arial, Sans-Serif;
    background-color: #0055b1;
    color: #ffffff;
    font-size: large;
    text-decoration: none;
    text-align: center;
    margin: 20px 0 0 0;
}

/*----------------------------------------------------
Images
----------------------------------------------------*/

img
{
    border:             none;
    margin:             0;
}

#middleContent img
{
    margin:             0;
}

#printLogo
{
    display:            none;
}

.WebIcon, .MailIcon
{
    margin:             0;
    padding:            0;
}

.DisplayPhoto
{
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    padding:            10px;
}

#DisplayPhotoHolder
{
    border:             solid 4px #d3d3d3;
    background-color:   #e7e7e7;
    font:               10px Verdana, Helvetica, sans-serif;
    color:              #666;
    font-weight:        bold;
    padding:            10px;
    width:              auto;
}

.AdminDisplayImage
{
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    padding:            10px;
}

/*----------------------------------------------------
News
----------------------------------------------------*/

table.News
{
    text-align:         left;
    width:              100%;
}

.NewsSeparator
{
    padding:            6px 0;
}

.NewsDisplayDate
{
    text-align:         right;
}

.NewsHeader
{
    padding-bottom:     5px;
}

.SelectedNews
{
    /* background-color:   #EEEEEE; */
}

.SelectedNews .NewsHeader
{
    font-size:          1.2em;
}

/*.GalleryStream .PhotoItemHidden { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _border: dashed 1px #6f5230; }*/
.News 
{
    text-align:         left;
    vertical-align:     top;
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    padding:            10px;
    min-width:          400px;
}

.News td
{
    vertical-align:     top;
}

.News .Header
{
    color:              #0055b1;
    font-weight:        bold;
    display:            inline;
}

.News .Date
{
    font-style:         italic;
}

.News .Intro
{
    font-weight:        bold;
}

.News .Main
{
    padding-bottom: 15px;
}

.News .NewsSeparator
{

}

.NewsInfo
{
    font-style:         italic;
    font-size:          small;
    margin-top:         0;
    padding-top:        0;
}

.News .ChangeState
{
    color:              #0055b1;
    font-weight:        bold;
}

td.NewsPhoto
{
    vertical-align:     middle;
    padding-left:       15px;
}

img.NewsPhoto
{
    border:             solid 3px #0055b1;
}

/*----------------------------------------------------
Open Times
----------------------------------------------------*/

.OpenTimesHolder
{
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    padding:            10px;
}

.OpenTimesDay
{
    font-weight:        bold;
}

.OpenTimesTime
{
    font-style:         italic;
}

.OpenTimeAdmin .Date
{
    font-style:         italic;
}

/*----------------------------------------------------
Admin
----------------------------------------------------*/


.OpenTimeAdmin
{
    text-align:         left;
    vertical-align:     top;
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    padding:            10px;
}


.NewsAdminActive, .OpenTimeActive
{
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    margin-left:        25px;
    padding:            10px;
}

.NewsAdminActiveCreate, .OpenTimeActiveCreate
{
    background-color:   #e7e7e7;
    border:             solid 1px #d3d3d3;
    margin-bottom:      25px;
    padding:            10px;
}

.NewsAdminActive h3
{
    margin: 0 0 10px 0;
}

.NewsAdminActiveCreate h3
{
    margin: 0 0 10px 0;
}

.OpenTimeAdminActive h3
{
    margin: 0 0 10px 0;
}

.OpenTimeAdminActiveCreate h3
{
    margin: 0 0 10px 0;
}

/*----------------------------------------------------
Pricelist
----------------------------------------------------*/
.priceList
{
    text-align: right;
}

.priceList tr td
{
    padding: 2px 4px;
}

.priceList tr th
{
    font-weight: normal;
    text-align: left;
}

.priceList .catSpacer td
{
    height: 10px;
}

.priceList .catHeader th,
.priceList .catSubHeader th
{
    padding: 15px 2px 2px 2px;
    text-align: left;
    font-family: "Trebuchet MS", "Times New Roman", Times, serif;
    color: #0055b1;
    border-bottom: 1px solid #0055b1;
    font-weight: bold;
    text-align: left;
}

.priceList .catSubHeader th
{
    border-bottom: none;
    color: #000;
}

.priceList .extraInfo
{
    font-style: italic;
    text-align: left;
}

.priceList .specialPrice
{
    font-style: italic;
}

.priceList .priceCost 
{
    text-align: right;
}

/*----------------------------------------------------
Gallery
----------------------------------------------------*/

#fbAlbumWrapper
{
    width: 750px;
    padding: 0;
}
        
#albumPictureLarge
{
    width: 720px;
    margin: 0 10px 0 0;
    height: 420px;
    border: 1px solid #000;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top center;
}
        
#albumsOverview
{
    width: 720px;
    border: 1px solid #000;
    background-color: #000;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    height: 210px;
}
        
#albumsOverviewItems
{
    width: 10000px;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
        
.albumOverviewAlbum
{
    float: left;
    text-align: center;
}
        
.albumOverviewAlbumSpacer,
.albumOverviewAlbumSpacer:link
{
    background-color: #fff;
    color: #000;
    margin: 0 10px 0 0;
    padding: 10px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 80%;
    font-weight: bold;

    overflow: hidden;
    vertical-align: bottom;
    display: block;
    
    width: 170px;
    height: 190px;
    text-decoration: none;

    background: #fff url(../../_gfx/Inner_BG_Grey_USD.gif) repeat-x scroll bottom left;
}
        
.albumOverviewAlbumSpacer:hover
{
    color: #fff;
    background: #fff url(../../_gfx/Inner_BG_Blue_USD.gif) repeat-x scroll bottom left;
}
        
.albumOverviewAlbum .albumOverviewAlbumPicture
{
    background-repeat: no-repeat;
    background-position: center center;

    margin: auto;
    display: block;
    margin-bottom: 5px;
    
    width: 170px;
    height: 160px;
}
        
#albumPicturesOverview
{
    border: 1px solid #000;
    background-color: #000;
    padding: 10px;
    width: 700px;
    clear: both;
}
        
.albumPicturesOverviewPicture
{
    height: 155px;
    width: 155px;
    line-height: 150px;
    vertical-align: middle;
    float: left;
    text-align: center;
    margin: 5px;
    padding: 5px;
    background: #fff url(../../_gfx/Inner_BG_Grey_USD.gif) repeat-x scroll bottom left;
}
        
.albumPicturesOverviewPicture:hover
{
    background: #fff url(../../_gfx/Inner_BG_Blue_USD.gif) repeat-x scroll bottom left;
}
        
.albumPicturesOverviewPicture a
{
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
}

/*----------------------------------------------------
Personell
----------------------------------------------------*/

.personellList 
{
    text-align: center;
}

.personellList td
{
    width: 190px;
}

.personellList .personellEmail
{
    font-size: 75%;
}

/*----------------------------------------------------
Facebook
----------------------------------------------------*/
#facebookMainLikeBox 
{
    border: none;
    overflow: hidden;
    width: 215px;
    height: 280px;
    margin: 10px 0 0 5px;
    background-color: #fff;
}

/*----------------------------------------------------
Layout
----------------------------------------------------*/

/* Main */
#mainContentHolder
{
	width:				100%;
	min-width:          100%;
}

/* Menu */
#menuContentHolder
{
    position:           relative;
    top:                30px;
    clear:              both;
    width:              900px;
	min-width:          795px;
    height:             125px;
    margin:             -25px 0 0 0;
    text-align:         center;
}

#menuContentHolder ul
{
    list-style:         none;
}

#menuContentHolder li
{
    float:              left;
}

/* Bottom info */
#bottomInfoContentHolder
{
    position:           relative;
    top:                -30px;
    clear:              both;
    width:              100%;
	min-width:          100%;
    height:             50px;
    margin:             0;
    text-align:         right;
}

#bottomInfoContentHolder #bottomInfo
{
    float:              right;
}

/* Content */
#innerContentHolder
{
    padding:            0;
    height:             100%;
    min-height:         350px;
    width:              100%;
    min-width:          100%;
    vertical-align:     top;
    color:              #000000;
    background:         #FFFFFF url(../../_gfx/bg.gif) repeat-x scroll bottom left;
}

div.leftContent
{
    padding:            73px 10px;
    width:              280px;
    max-width:          280px;
    height:             100%;
    min-height:         100%;
}

td.leftContent
{
    padding:            10px;
    width:              280px;
    max-width:          280px;
    height:             100%;
    min-height:         100%;
    background:         url(../../_gfx/bg_flower_green.gif) repeat-y scroll top left;
}

div.middleContent
{
    width:              100%;
    min-width:          280px;
    vertical-align:     top;
}

td.middleContent
{
    padding:            10px 10px 15px 10px;
    width:              100%;
    min-width:          280px;
}

div.rightContent
{
    width:              auto;
    min-width:          100px;
    vertical-align:     top;
    text-align:         right;
}

td.rightContent
{
    padding:            10px 10px 15px 10px;
}

td.DefaultPageLeftContent
{   
    padding:            0;
}

td.DefaultPageRightContent
{
    padding:            0;
}

div.DefaultPageLeftContent
{
    /* border-right:       solid 2px #be202c; */
    
    padding:            0 15px 5px 5px;
}

div.DefaultPageRightContent
{
    padding:            5px 5px 5px 15px;
}

/* Shadow */
#topShadow
{
    color:              #000000;
    background:         url(../../_gfx/shadow_top.gif) repeat-x scroll bottom left;
    width:              100%;
    height:             30px;
}

#bottomShadow
{
    color:              #000000;
    background:         url(../../_gfx/shadow_bottom.gif) repeat-x scroll bottom left;
    width:              100%;
    height:             30px;
}