﻿/* This template is by NFX Web Design Australia
	Web Address: http://www.nfxwebdesign.com.au
	
	Colors
	light grey: #C2C2C2
	light light grey (content bg); #F6F6F6;
	border grey: #D2D2D2;
	*/



/* Compatibility fix, margin and padding clearer */

body, h1, h2, h3, h4, form, input, p, ul, li, a, a:hover
{
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none;
    font-family: 'Trebuchet MS' , sans-serif;
    font-size: 12px;
    text-decoration: none;
}
body
{
    background: url('../img/contentwrapperbg.gif') repeat-y center center;
}

div#floatclearer
{
    clear: both;
    height: 20px;
    color: white;
}



a
{
    color:#0057c7;
}

div#contentwrapper a:hover
{
    text-decoration: underline;
}

/* font content formatting */

h1, h2, h3, h4
{
    font-family: 'Trebuchet MS' , sans-serif;
}

h1, h2
{
    font-size: 24px;
}

h3
{
    font-size: 16px;
    color: #454545;
    font-weight: lighter;
}

/* styling for anything in the masthead div */

div#mastheadwrapper
{
    background: black;
    color: white;
}




div#masthead
{
    width: 785px;
    margin: 0 auto;
    height: 125px;
}

div#masthead h1
{
    font-size: 32px;
    font-weight: lighter;
    padding-top: 10px;
}

div#masthead ul#smallnav
{
    float: right;
    margin-top: 5px;
}

div#masthead ul#smallnav li
{
    float: left;
    padding-left: 5px;
    color: #C2C2C2;
}

div#masthead ul#smallnav li a
{
    color: #C2C2C2;
    font-weight: bold;
}

div#masthead ul#smallnav li a:hover
{
    color: white;
}

div#masthead p.slogan
{
    float: right;
    clear: right;
    margin-top: 5px;
    font-weight: bold;
}

div#masthead p.slogan a
{
    color: white;
}

#UpdatePanelEintrag
{
}
div#masthead ul#mainnav
{
    float: left;
    margin-top: 29px;
}

/*background: white;*/
div#masthead ul#mainnav li
{
    float: left;
    text-align: center;
    font: bold 14px 'Trebuchet MS';
}

div#masthead ul#mainnav li a
{
    width: 85px;
    height: 19px;
    display: block;
    background: url('../img/mainnav1.gif') no-repeat top left;
    padding-top: 5px;
    color: black;
}

body.home div#masthead ul#mainnav li.home a
{
    background: url('../img/mainnavcurrent1.gif') no-repeat top left;
    color: black;
}

div#masthead ul#mainnav li a:hover
{
    background: url('../img/mainnavhover1.gif') no-repeat top left;
    color: white;
}

#footer a, a:hover, a.visited
{
    color: Black;
    text-decoration: underline;
}

div#masthead div#searchbar
{
    float: right;
    clear: right;
    width: 196px;
    height: 28px;
    background: white url('../img/searchbar.gif') no-repeat top left;
    margin-top: 24px;
}

div#masthead div#searchbar input
{
    float: left;
    margin: 5px 0 0 10px;
    border: 1px solid #D2D2D2;
}


div#masthead h3
{
    color: #C2C2C2;
}

/* main content formatting */

div#contentwrapper
{
    width: 755px;
    margin: 0 auto;
    padding-top: 20px;
}

div#maincontent
{
    float: left;
    background: #F8F8F8 url('../img/maincontentbg.gif') repeat-y top left;
    width: 490px;

}

div#maincontentContent
{
    margin-left: 15px;
    margin-top: 10px;
    width: 400px;

}

#update
{
    overflow: hidden;
}

.btnUpdate
{
    width: 60px;
    height: 22px;
    border: 0;
    background: url('../img/updatebutton.gif') no-repeat top left;
    color: white;
    font-size: 8pt;
}

.btnUpdateDisabled
{
    width: 60px;
    height: 22px;
    border: 0;
    background: url('../img/updatebutton.gif') no-repeat top left;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    color: white;
    font-size: 8pt;
}

.btnGuestbookEntry
{
    width: 60px;
    height: 22px;
    border: 0;
    background: url('../img/searchbutton.gif') no-repeat top left;
    color: white;
    font-size: 8pt;
    margin-top: 15px;
}

.btnSend
{
    width: 60px;
    height: 22px;
    border: 0;
    background: url('../img/searchbutton.gif') no-repeat top left;
    color: white;
    font-size: 8pt;
    margin-top: 15px;
    margin-left: 0px;
}

#UpdatePanelEmail
{
    padding-left: 15px;
    padding-top: 10px;
    width: 147px;
    margin-left: 1px;
}


div#maincontent .first
{
    background: url('../img/maincontenttopbg.gif') no-repeat top left;
    padding-top: 15px;
    padding-left: 15px;
}

div#maincontent .innerfirst
{
    padding-top: 10px;
    padding-left: 15px;
}




div#maincontent .last
{
    background: url('../img/maincontentbottombg.gif') no-repeat bottom left;
}

div#contentwrapper p
{
    line-height: 24px;
}

div#historie, .historie
{
}

div#historie ul li
{
    list-style-image: url('../img/listdot.gif');
    margin-left: 40px;
    line-height: 15px;
    padding-bottom: 12px;
    padding-left: 5px;
}

/* subcontent formatting */

div#subcontent, .subcontent
{
    margin-bottom: 20px;
    float: right;
    width: 252px;
    background: #F8F8F8 url('../img/subcontentbg.gif') repeat-y top left;
}

form input
{
    border: 1px solid #D2D2D2;
}



div#subcontentContent
{
    margin-left: 15px;
    margin-top: 10px;
    width: 220px;
}



div#subcontent .first
{
    background: url('../img/subcontenttopbg.gif') no-repeat top left;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
}

div#subcontent .last
{
    background: url('../img/subcontentbottombg.gif') no-repeat bottom left;
}

div#subcontent ul li
{
    list-style-image: url('../img/listdot.gif');
    list-style-position: outside;
    margin-left: 40px;
    margin-top: 0px;
    padding-top: 0px;
    line-height: 17px;
    padding-bottom: 12px;
    padding-left: 0px;
}



.subcontent ul li
{
    list-style-image: url('../img/listdot.gif');
    margin-left: 40px;
    margin-top: 0px;
    padding-top: 0px;
    line-height: 17px;
    padding-bottom: 12px;
    padding-left: 0px;
}



.GuestBookEntryText
{
    font-size: 12px;
    font-weight: bold;
}
.GuestBookEntryTable
{
    margin-bottom: 20px;
    background: white;
    border: 1px solid #D2D2D2;
}


#UpdatePanelGuestbook
{
    height: auto;
    width: 467px;
}

#UpdatePanelImg
{
    width: 520px;
    height: 470px;
    background-color: #F8F8F8;
}


.pagerlink
{
    border: solid 1px lightgray;
    display: inline-block;
    margin-right: 0.2em;
    padding: 0em 0.2em;
    text-decoration: none;
    line-height: normal;
    font-weight: bold;
    color: Black;
}

.Pager
{
    margin: 10px 0px 10px 0px;
}

.pagerlink:hover
{
    border: solid 1px black;
    margin-right: 0.2em;
    padding: 0em 0.2em;
}

.pagerlabel
{
    border: solid 1px lightgray;
    display: inline-block;
    margin-right: 0.2em;
    padding: 0em 0.2em;
    text-decoration: none;
    line-height: normal;
    background-color: black;
    font-weight: bold;
    color: white;
}


/* site wide content formatting */

h1, h2
{
    padding-top: 5px;
    padding-left: 10px;
}

h3
{
    padding-left: 10px;
}

p
{
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
}


div#footer
{
    clear: both;
    border-top: 1px solid #D2D2D2;
}

div#footer p
{
}

div#footer p.nfx
{
    float: right;
}


.resizingImage
{
    padding: 0px;
    border-style: solid;
    border-width: 3px;
    border-color: #B4D35D;
}

.handleImage
{
    width: 15px;
    height: 16px;
    background-image: url(images/HandleHand.png);
    overflow: hidden;
    cursor: se-resize;
}

.unwatermarked
{
    height: 18px;
    width: 148px;
}

.watermarked
{
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

#UpdatePanelCheckbox
{
    margin-left: 105px;
    margin-top: 0px;
    width: 280px;
    height: 20px;
}

#UpdatePanelUpdateButton
{
    margin-left: 8px;
    margin-top: 0px;
    width: 270px;
    height: 20px;
}









































