html,
body {
    padding:            0;
    margin:             0;
    color:              #777;
    font-family:        Helvetica, Arial;
    font-size:          12px;
}

a {
    color:              deepskyblue;
}

a:hover {
    color:              lightskyblue;
}

h1,
h2,
h3 {
    font-family:        Palatino, Arial;
    color:              #555;
}

h1 {
    font-size:          22px;
    line-height:        120%;
}

h2 {
    font-size:          16px;
}

h3 {
    font-size:          14px;
    margin:             3px 0 2px 0;
}

#page {
    width:              740px;
    margin:             40px auto 0 auto;
}

#header {
    overflow:           auto;
}
#logotype {
    float:              left;
}
#logotype img {
    border:             none;
}
#main-menu {
    margin:             30px 0 20px 0;
}

#main-menu.startpage li.startpage a {
    border-bottom:      solid 2px deepskyblue;    
}

#main-menu.startpage li.startpage a:hover {
    border-bottom:      solid 2px lightskyblue;    
}

#main-menu.register li.register a {
    border-bottom:      solid 2px deepskyblue;    
}

#main-menu.register li.register a:hover {
    border-bottom:      solid 2px lightskyblue;    
}

#main-menu.organisation li.organisation a {
    border-bottom:      solid 2px deepskyblue;    
}

#main-menu.organisation li.organisation a:hover {
    border-bottom:      solid 2px lightskyblue;    
}

#main-menu.board li.board a {
    border-bottom:      solid 2px deepskyblue;    
}

#main-menu.board li.board a:hover {
    border-bottom:      solid 2px lightskyblue;    
}

#main-menu.prices li.prices a {
    border-bottom:      solid 2px deepskyblue;    
}

#main-menu.prices li.prices a:hover {
    border-bottom:      solid 2px lightskyblue;    
}

#main-menu li.member-board a {
    color:              #7D053F;    
}

#main-menu.member-board li.member-board a {
    color:              #7D053F;
    border-bottom:      solid 2px #7D053F;    
}

#main-menu.member-board li.member-board a:hover {
    border-bottom:      solid 2px #C12267;    
}

.content {
    overflow:           auto;    
}

#primary-content {
    float:              left;
    width:              480px;
    margin:             0 50px 0 0;
    padding:            20px 0 0 0;
}

#secondary-content {
    float:              left;
    padding:            20px 0 0 0px;
    width:              210px;
    line-height:        150%;
    font-size:          11px;
}

#main-menu ul {
    margin:             10px 0 0 0;
    padding:            0;
}

#main-menu li {
    display:            inline;
    font-size:          16px;
    padding:            0 20px 0 0;
}


#main-menu a {
    text-decoration:    none;
}

#login-box {
    float:              right;
    width:              210px;
    line-height:        140%;
    padding:            20px 0 0 0;
    text-align:         center;
}

#primary-content table {
    width:              100%;
    margin:             0 0 20px 0;
}

#primary-content thead td {
    font-weight:        bold;
    width:              200px;
}

#primary-content .prices thead td {
    width:              300px;
}

#primary-content .prices tbody .price {
    text-align:         right;
}


#primary-content tbody td span {
    display:            block;
    font-size:          80%;
    color:              #999;
}

#primary-content tbody td {
    line-height:        150%;
}

.content p {
    line-height:        180%;
    text-align:         justify;
}

.content h2 {
    margin:             30px 0 0 0;
    line-height:        14px;
}


.blog-entry {
    margin:             0 0 40px 0;
}

.blog-entry.private {
    border-left:        2px dotted gold;
    padding:            0 0 0 10px;
}

.blog-entry h1 {
    margin:             2px 0 5px 0;
}

.blog-entry .header {
    margin:             0 0 0 0;
    padding:            2px 0 0 0;
    border-top:         #ccc dotted 1px;
}

.blog-entry .date {
    margin:             0 0 0 0;
    color:              #999;
    font-size:          11px;
}

.blog-entry .tags {
    margin:             0 10px 0 10px;
    color:              #999;
    font-size:          11px;
}

.blog-entry .tags a {
    margin:             0 5px 0 0;
}

.blog-entry .content {
    line-height:        180%;
    text-align:         justify;
}

.blog-entry .content img {
    width:              480px;
}


.blog-entry .footer {
    margin:             10px 0 0 0;
    overflow:           auto;
}

.blog-entry .footer > a {
    display:            block;
    float:              right;
}

.blog-entry .footer > span {
    display:            block;
    float:              left;
}

.blog-entry .picture-set {
    
    overflow:           auto;
    border:             solid 1px #eee;
    padding:            5px;
    margin:             10px 0 0 0;
    
}

.blog-entry .picture-set img {
    float:              left;
    margin:             0 5px 0 0;
}

.secondary-entry {
    margin:             0 0 20px 0;
}

.secondary-entry h2 {
    margin:             0 0 5px 0;
}

.secondary-entry p {
    margin:             0 0 10px 0;
    text-align:         justify;
}

.comments {
}

.comments .comment {
    margin:             20px 0 0 0;
    padding:            0 0 0 20px;
}


.comments p {
    font-size:          90%;
    margin-top:         0;
}

.comments .info {
    margin:             0 0 0 0;
    color:              #999;
    font-size:          10px;
}

.content form {
    margin:             25px 0 0 0;
    padding:            20px;
    border-top:         2px solid gold;
    background:         #eee;
}

.content p.center {
    text-align:         center;
    margin:             20px 0 0 0;
}

.content i.center {
    display:            block;
    font-size:          80%;
    text-align:         center;
}


.comments form label  {
    float:              left;

    font-size:          11px;
    line-height:        28px;
    width:              60px;
    
}

.comments form h2 {
    margin:             0px 0 20px 0;
}


.comments form .title {
    overflow:           auto;
}

.comments form .title input {
    float:              left;

    border:             1px solid #e0e0e0;

    width:              376px;
    height:             22px;
    
    font-size:          14px;
}

.comments form .text {
    overflow:           auto;
}

.comments form .text textarea {
    float:              left;
    
    display:            block;

    margin:             10px 0 0 0;
    
    border:             1px solid #e0e0e0;
    width:              376px;

    height:             80px;

    font-size:          12px;
}

.comments form .submit {
    margin:             10px 0 0 0;
    text-align:         center;
}


form.login {
    margin:             25px 0 0 0;
    padding:            20px;
    border-top:         2px solid gold;
    background:         #eee;
}

form.login div {
    margin:             0 40px 10px 40px;
    overflow:           auto;
}

form.login label  {
    float:              left;

    font-size:          11px;
    line-height:        28px;
    width:              100px;
}

form.login .input input {
    float:              left;


    border:             1px solid #e0e0e0;

    width:              256px;
    height:             22px;
    
    font-size:          14px;
}

form.login .submit {
    margin:             20px 0 0 0;
    text-align:         center;
}

form.mailto {
    margin:             25px 0 0 0;
    padding:            20px;
    border-top:         2px solid gold;
    background:         #eee;
    
}

form.mailto .input {
    overflow:           auto;

    margin:             10px 0 0 0;
}

form.mailto .input input {
    float:              left;

    border:             1px solid #e0e0e0;

    width:              376px;
    height:             22px;
    
    font-size:          14px;
}

form.mailto .input textarea {
    float:              left;
    
    display:            block;
    
    border:             1px solid #e0e0e0;
    width:              376px;

    height:             160px;

    font-size:          12px;
}

form.mailto label  {
    float:              left;

    font-size:          11px;
    line-height:        28px;
    width:              60px;
    
}


form.mailto .submit {
    margin:             10px 0 0 0;
    text-align:         center;
}


form.register {
    margin:             25px 0 0 0;
    padding:            20px;
    border-top:         2px solid gold;
    background:         #eee;
}

form.register .input {
    margin:             0 40px 10px 40px;
    overflow:           auto;
}

form.register .input input {
    float:              left;

    border:             1px solid #e0e0e0;

    width:              256px;
    height:             22px;
    
    font-size:          14px;
}

form.register .input .city {
    width:              155px;
}

form.register .input .postal {
    width:              86px;
    margin:             0 10px 0 0;
}

form.register .input textarea {
    float:              left;
    
    display:            block;
    
    border:             1px solid #e0e0e0;
    width:              376px;

    height:             160px;

    font-size:          12px;
}

form.register label  {
    float:              left;

    font-size:          12px;
    line-height:        28px;
    width:              100px;
}


form.register .submit {
    margin:             40px 0 0 0;
    text-align:         center;
}


form .errorlist {
    float:              left;
    padding:            5px 0 0 0;
    margin:             0;
}

form .errorlist li {
    display:            block;
    margin:             0;
    color:              tomato;
}

.weather-info h5 {
    font-size:          12px;
    font-weight:        bold;
    margin:             0 0 2px 0;
}

.weather-info h5 span {
    font-size:          10px;
    font-weight:        normal;
    color:              #999;
    padding:            0 0 0 10px;
}

.weather-info p {
    font-size:          10px;
    margin:             0 0 10px 0;
}

#page-navigator {
    overflow:           auto;
}

#page-navigator p {
    font-size:          16px;
    width:              200px;
}

#page-navigator .next {
    float:              left;
}

#page-navigator .prev {
    float:              right;
    text-align:         right;
}

#page-navigator p a {
    text-decoration:    none;
}

#footer {
    
    margin:             20px 260px 10px 0;
    color:              #ccc;
    font-size:          10px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/static/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/static//images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}