﻿
/* ---------------------------------------- LAYOUT */
body 
{
    margin: 0;
    padding-left: 15px;
    font: medium Arial, Sans-Serif;
    background: url(Images/bg.gif) repeat-x top left;
}
a
{
    text-decoration: none;
    color: Black; 
}
a:hover
{
    text-decoration: underline;
}
#header
{
     height: 111px;  
     /* background: #369; */
}
#header h1
{
     margin: 0;  
}
#body
{
    float: left;
    width: 82%;
}
#sidebar-left
{
    float: left;
    width: 22%;
    /* background: #9c3; */
}
#main
{
    float: right;
    width: 78%;
    font-size: 90%;  
    /* background: #9c3; */
}
#main .main-content
{
    padding-top: 15px;
    padding-left: 13px;
}
#sidebar-right
{
    float: right;
    width: 18%;
    /* background: #fc6; */
}
#footer
{
    clear: both;
    /* background: #cc9; */
}
/* ---------------------------------------- HEADERS */

h1, h2, h3, h4
{
    margin: 18px 0 15px 0;
    padding: 0;
    color: #007A1A;
}
h1
{
    margin: 18px 0 20px 0;
    font-size: 190%;
}
h2
{
    margin: 35px 0 18px 0;
    font-size: 130%;
}
h3
{
    font-size: 120%;
}
h4
{
    margin: 35px 0 18px 0px;
    font-size: 130%;
}

/* ---------------------------------------- COLORS */

.green, .greenBlog
{
    color: #007A1A;
}
.greenBlog
{
    line-height: 1.5;
}
.turqoise
{
    color: #00625F;
}
/* ---------------------------------------- NAV */
#nav
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 78px 0 0 248px;
    list-style: none;
    /* background: yellow; */
}
#nav li
{
    float: left;
    margin: 0 4px 0 0;
    padding-left: 11px;
    background: url("Images/nav2-left.gif") no-repeat left top;
    border-bottom: solid 1px White;
}
#nav a
{
    float: left;
    display: block;
    width: 135px;
    text-align: center;
    padding: 8px 11px 6px 0;
    font: bold 95% Arial, Sans Serif;
    color: #007A1A;
    text-decoration: none;
    background: url("Images/nav2-right.gif") no-repeat right top;  
}
#nav #current
{
    border-bottom: solid 1px #98FFEF;
    background-image: url("Images/nav-left.gif");   
}
#nav #current a
{
    color: Black;
    background-image: url("Images/nav-right.gif");   
}
/* ---------------------------------------- SUBNAV */
#subnav
{
    float: left;
    width: 75%;
    margin: 0;
    margin-top: 20px;
    padding: 0px 0 0 85px;
    list-style: none;
    /* background: yellow; */
}
#subnav li
{
    float: left;
    margin: 0;
    padding-left: 11px;
    background: url("Images/nav3-left.gif") no-repeat left top;
}
#subnav a
{
    float: left;
    display: block;
    width: 65px;
    text-align: center;
    padding: 7px 11px 5px 0;
    font: bold 85% Arial, Sans Serif;
    color: #007A1A;
    text-decoration: none;
    background: url("Images/nav3-right.gif") no-repeat right top;  
}
#subnav #current a
{
    color: Black;
}
/* ---------------------------------------- SIDEBAR BOXES */
.box 
{
    width: 173px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 80%;
    background: url(Images/box-bottom.gif) no-repeat bottom left;
}
.box h3, .box h4
{
    margin: 0;
    padding: 7px 0 7px 0;
    font-size: 100%;
    color: Black;
    text-align: center;
    border-bottom: 1px solid #9ADE75;
    background: url(Images/box-top.gif) no-repeat top left;   
}
.box .box-content
{
    margin: 0;
    padding: 13px 15px 15px 15px;
}
.box ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.box ul a
{ 
    text-decoration: none;
    line-height: 1.5;
}
#login p 
{
    margin: 0;
    padding: 0;
    font: 85% Arial, Sans-Serif;
}
#login .right
{
    margin: 0 0 3px 0;
    text-align: right;
    
}
#kontrollpanelen a
{
    font-weight: bold;
    line-height: 2;
}
/* ---------------------------------------- MAIN BOXES */
.box-main 
{
    width: 670px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 100%;
    text-align: left;
    background: url(Images/box-main-bottom.gif) no-repeat bottom left;
}
.box-profile
{
    clear: both;
    width: 592px;
    margin: 0;
    margin-bottom: 15px;
    font-size: 80%;
    background: url(Images/box-main-bottom.gif) no-repeat bottom left;
}
.box-main h3, .box-profile h3
{
    /* clear: both; */
    margin: 0;
    padding: 16px 16px 16px 20px;
    font-size: 155%;
    font-weight: bold;
    color: #007A1A;
    background: url(Images/box-main-top.gif) no-repeat top left;   
}
.box-profile h3
{
    background: url(Images/box-profile-top.gif) no-repeat top left;   
}
.box-main .box-main-content, .box-profile .box-profile-content
{
    margin: 0;
    padding: 0 30px 30px 20px;
}
/* ---------------------------------------- LOGIN */
.loginForm
{
    width: 95%;
    margin: 0;
    padding: 3px 2px 3px 2px;
    font-size: 13px;
    color: Black;
    border: solid 1px #9ADE75;
}
.form
{
    width: 100%;
    margin: 0;
    padding: 3px 2px 3px 2px;
    font-family: Verdana, Sans-Serif;
    color: Black;
    border: solid 1px #9ADE75;
}
/* ---------------------------------------- REGISTER */
#register
{
    margin: 0;
    padding: 10px 0 5px 0;
    text-align: center;
    font: bold 115% Arial, Sans Serif;
    color: #007A1A;
}
.registerBlack
{
    color: Black;
}
/* ---------------------------------------- ASPX CSS */
.avatarPhoto90x110
{
    padding: 6px;
    border: solid 1px #D6D8D9;
    border-bottom-color: #B6B6B6;
    border-right-color: #B6B6B6;
    background: White;
}
.avatarPhoto60x75
{
    padding: 4px;
    border: solid 1px #D6D8D9;
    border-bottom-color: #B6B6B6;
    border-right-color: #B6B6B6;
    background: White;
}
.showPhoto
{
    padding: 8px;
    border: solid 1px #D6D8D9;
    border-bottom-color: #B6B6B6;
    border-right-color: #B6B6B6;
    background: White;
}
.post-bg
{
    background: url(Images/post-bg.gif) repeat-x bottom left;   
}
.photoPost-bg
{
    background: url(Images/photoPost-bg.gif) repeat-x bottom left;   
}
.gridView, .detailsView
{
    margin: 0px;
    padding: 0;
    font-size: 90%;
    line-height: 1.5;
}
.textBox
{
    margin: 0;
    padding: 3px 2px 3px 2px;
    font-size: 13px;
    color: Black;
    border: solid 1px #9ADE75;
    width: 99%;
}
.guestbook
{
    text-align: right;
    padding-right: 20px;
}
.pager
{
    height: 10px;
    background: none;
}
.pnlSecret
{
    margin: 0;
    padding: 0;
}
.pnlEditProfile
{
    margin: 0;
    padding: 0;
}
/* ---------------------------------------- HOLLY HACK */
/* Hide from 1E5/Mac \*/
* html #footer { height: 1%; }
/* End hide from 1E5/Mac */
