html
{
    overflow-y: scroll;
}
body
{
    background-color: #a7a29a;
    background-image: url('/Includes/V2/background.jpg');
    background-position: center;
    background-repeat: repeat-y;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    font-variant: normal;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}
a:focus
{
    outline: none;
}
body.Blue a, body.Blue a:visited, body.Blue a:active
{
    border: none;
    color: #2575f0;
}
body.Blue a:hover
{
    color: #4494ff;
}
body.Gray a, body.Gray a:visited, body.Gray a:active
{
    border: none;
    color: #5e5e5e;
}
body.Gray a:hover
{
    color: #7f7e7e;
}
body.Green a, body.Green a:visited, body.Green a:active
{
    border: none;
    color: #3d653d;
}
body.Green a:hover
{
    color: #5b825b;
}
body.Purple a, body.Purple a:visited, body.Purple a:active
{
    border: none;
    color: #280e52;
}
body.Purple a:hover
{
    color: #412672;
}
body.Red a, body.Red a:visited, body.Red a:active
{
    border: none;
    color: #f13526;
}
body.Red a:hover
{
    color: #ff4d46;
}
body.RoyalBlue a, body.RoyalBlue a:visited, body.RoyalBlue a:active
{
    border: none;
    color: #0e0e52;
}
body.RoyalBlue a:hover
{
    color: #282873;
}
body.Yellow a, body.Yellow a:visited, body.Yellow a:active
{
    border: none;
    color: #222;
}
body.Yellow a:hover
{
    color: #444;
}
h1
{
    font-size: 150%;
}

h2
{
    font-size: 120%;
}

h3
{
    font-size: 110%;
}

form
{
    margin: 0;
}

div#topLine
{
    display: block;
    position: relative;
    height: 0px;
    left: 0px;
    top: 0px;
    width: 960px;
    z-index: 2;
}

div#topLine div#stefan
{
    background-image: url('/Includes/V2/Title/stefan.png');
    display: block;
    height: 292px;
    margin: 0;
    position: relative;
    left: 680px;
    top: 0px;
    width: 280px;
    z-index: 3;
}

div#titleBackground
{
    position: relative;
    height: 0px;
    left: 0px;
    top: 0px;
    width: 0px;
    z-index: 0;
}

div#websiteTitleBlue, div#websiteTitleGray, div#websiteTitleGreen, div#websiteTitlePurple, div#websiteTitleRed, div#websiteTitleRoyalBlue, div#websiteTitleYellow
{
    display: block;
    margin: 0;
    position: relative;
    height: 140px;
    left: 25px;
    top: 9px;
    width: 692px;
    z-index: 2;
}
div#websiteTitleBlue
{
    background-image: url('/Includes/V2/Title/title-blue.png');
}
div#websiteTitleGray
{
    background-image: url('/Includes/V2/Title/title-gray.png');
}
div#websiteTitleGreen
{
    background-image: url('/Includes/V2/Title/title-green.png');
}
div#websiteTitlePurple
{
    background-image: url('/Includes/V2/Title/title-purple.png');
}
div#websiteTitleRed
{
    background-image: url('/Includes/V2/Title/title-red.png');
}
div#websiteTitleRoyalBlue
{
    background-image: url('/Includes/V2/Title/title-royalBlue.png');
}
div#websiteTitleYellow
{
    background-image: url('/Includes/V2/Title/title-Yellow.png');
}

div#website
{
    background-color: #fff;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 960px;
}

div#title
{
    background-color: Silver;
    height: 154px;
    margin: 0px;
    top: 0px;
    overflow: hidden;
    width: 100%;
}

div#navbar
{
    height: 34px;
    width: 100%;
}

div#navbar div.shadow
{
    background-image: url('/Includes/V2/shadow.png');
    height: 8px;
    margin: 0;
    position: relative;
    top: 0px;
    width: 960px;
}

div#navigationBlue, div#navigationGray, div#navigationGreen, div#navigationPurple, div#navigationRed, div#navigationRoyalBlue, div#navigationYellow
{
    background-color: Silver;
    height: 25px;
    overflow: hidden;
    width: 100%;
}

div#navigationBlue
{
    background-image: url('/Includes/V2/nav-blue.jpg');
}
div#navigationGray
{
    background-image: url('/Includes/V2/nav-gray.jpg');
}
div#navigationGreen
{
    background-image: url('/Includes/V2/nav-green.jpg');
}
div#navigationPurple
{
    background-image: url('/Includes/V2/nav-purple.jpg');
}
div#navigationRed
{
    background-image: url('/Includes/V2/nav-red.jpg');
}
div#navigationRoyalBlue
{
    background-image: url('/Includes/V2/nav-royalBlue.jpg');
}
div#navigationYellow
{
    background-image: url('/Includes/V2/nav-Yellow.jpg');
}

div.hrule1
{
    background-color: Yellow;
    background-image: url('/Includes/V2/hline1.jpg');
    height: 5px;
    width: 100%;
}
div.hrule2
{
    background-color: Yellow;
    background-image: url('/Includes/V2/hline2.jpg');
    height: 4px;
    width: 100%;
}

div#main
{
    background-color: #ffffff;
    float: left;
    min-height: 200px;
    width: 720px;
}
div.center
{
    text-align: center;
}
div.message
{
    background-color: #ff6;
    border: solid 1px #000;
    margin: 16px;
    text-align: left;
}
div.message span
{
    display: block;
    font-size: 11px;
    padding: 4px;
}

div#vrule
{
    background-color: Yellow;
    background-image: url('/Includes/V2/vline.jpg');
    float: left;
    min-height: 200px;
    width: 5px;
}

div#sidebar
{
    background-image: url('/Includes/V2/sidebar.jpg');
    background-color: Silver;
    float: left;
    min-height: 200px;
    width: 235px;
}

div#footer
{
    height: 34px;
    float: left;
    overflow: hidden;
    width: 100%;
}

div#footerBlue, div#footerGray, div#footerGreen, div#footerPurple, div#footerRed, div#footerRoyalBlue, div#footerYellow
{
    background-color: Silver;
    height: 25px;
    width: 100%;
}

div#footerBlue
{
    background-image: url('/Includes/V2/foot-blue.jpg');
}
div#footerGray
{
    background-image: url('/Includes/V2/foot-gray.jpg');
}
div#footerGreen
{
    background-image: url('/Includes/V2/foot-green.jpg');
}
div#footerPurple
{
    background-image: url('/Includes/V2/foot-purple.jpg');
}
div#footerRed
{
    background-image: url('/Includes/V2/foot-red.jpg');
}
div#footerRoyalBlue
{
    background-image: url('/Includes/V2/foot-royalBlue.jpg');
}
div#footerYellow
{
    background-image: url('/Includes/V2/foot-Yellow.jpg');
}

div#underme
{
    display: block;
    position: relative;
    height: 96px;
    left: 55px;
    top: 8px;
    width: 180px;
    z-index: 9;
}

/* Navigation bar */
div#navbar div ul
{
    font-size: 130%;
    height: 25px;
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 560px;
    white-space: nowrap;
    z-index: 1;
}
div#navbar div li
{
    display: inline;
    list-style-type: none;
}
div#navbar div li a
{
    letter-spacing: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    overflow: hidden;
    text-decoration: none;
}
div#navbar div li a:active
{
    color: #ddd;
}
div#navbar div li a:hover
{
    text-decoration: underline;
}

div#navbar div#navigationYellow li a
{
    color: #000;
}
div#navbar div#navigationYellow li a:active
{
    color: #222;
}

/* Main */
div#main h1
{
    margin: 8px 8px 8px 8px;
}
div#main h2
{
    margin: 8px 12px 8px 12px;
}
div#main h3
{
    margin: 8px 16px 8px 16px;
}

div#main p, div#main li
{
    line-height: 20px;
    margin: 8px 16px 8px 16px;
    text-align: justify;
}
div#main p.subtitle
{
    font-size: 85%;
    margin: -8px 12px 8px 12px;
}

img.blogpicLeft, img.blogpicRight
{
    border: solid 1px #000;
    height: 120px;
    margin: 0px;
    width: 150px;
}
img.blogpicLeft
{
    margin-left: 16px;
    margin-right: 8px;
    float: left;
}
img.blogpicRight
{
    margin-left: 8px;
    margin-right: 16px;
    float: right;
}
img#userpic
{
    cursor: pointer;
}

div.weblogReply
{
    display: block;
    float: left;
    min-height: 128px;
    width: 720px;
}

div.userPic
{
    height: 128px;
    float: left;
    margin: 0px;
    margin: 0px 16px 0px 8px;
    width: 128px;
}

p.replyMessage
{
    display: block;
    float: left;
    width: 468px;
}

div.weblogItem
{
    min-height: 150px;
}

div#weblogBrowse
{
    display: block;
    height: 14px;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 100;
}

div.prevMessage, div.nextMessage
{
    display: block;
    width: 344px;
    z-index: 10;
}
div.prevMessage
{
    float: left;
    margin-left: 12px;
    text-align: left;
}
div.nextMessage
{
    float: right;
    margin-right: 12px;
    text-align: right;
}

textarea.replyBox
{
    border: solid 1px #000000;
    height: 120px;
    margin-left: 32px;
    margin-right: 32px;
    width: 656px;
}
input.editor
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/Images/button.gif') no-repeat 50% bottom;
    cursor: pointer;
    margin-left: 32px;
    margin-right: 32px;
    float: right;
    font-size: 70%;
    height: 22px;
    padding: 0;
    width: 72px;
}
input.editor:hover
{
    background-image: url('/Images/button-hover.gif');
    color: #fff;
}

/* Main - Table */
table
{
    border: solid 1px #000;
    border-collapse: collapse;
    margin: 8px 16px 8px 16px;
    width: 688px;
}

table thead td
{
    border-right: solid 1px #000;
    font-size: 110%;
    font-weight: bold;
    line-height: 20px;
    vertical-align: bottom;
}

body.Blue thead td a, body.Blue thead td a:visited, body.Blue thead td a:active, body.Gray thead td a, body.Gray thead td a:visited, body.Gray thead td a:active, body.Green thead td a, body.Green thead td a:visited, body.Green thead td a:active, body.Purple thead td a, body.Purple thead td a:visited, body.Purple thead td a:active, body.Red thead td a, body.Red thead td a:visited, body.Red thead td a:active, body.RoyalBlue thead td a, body.RoyalBlue thead td a:visited, body.RoyalBlue thead td a:active
{
    border: none;
    color: #000;
}

body.Blue tr.highlight
{
    background-color: #4494ff;
}
body.Gray tr.highlight
{
    background-color: #7f7e7e;
}
body.Green tr.highlight
{
    background-color: #5b825b;
}
body.Purple tr.highlight
{
    background-color: #412672;
    color: #fff;
}
body.Red tr.highlight
{
    background-color: #ff4d46;
}
body.RoyalBlue tr.highlight
{
    background-color: #282873;
    color: #fff;
}
body.Yellow tr.highlight
{
    background-color: #e0e14b;
}

table tbody td
{
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    line-height: 18px;
    vertical-align: middle;
}

/* Photo album */
div.photoalbum
{
    background-color: White;
    display: block;
    margin: 4px;
    padding-bottom: 172px;
    float: left;
    height: 172px;
    width: 172px;
}
div.photoalbum, div.photoalbumName, div.photoalbumImage, div.photoalbumPictures
{
    height: 0px;
    width: 172px;
}
div.photoalbumImage img
{
    height: 172px;
    width: 172px;
}
div.photoalbumName a
{
    background-color: Transparent;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    left: 0px;
    line-height: 16px;
    margin: 0px;
    padding: 8px 24px 132px 24px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 8px;
    width: 124px;
    z-index: 4;
}
div.photoalbum a:active, div.photoalbum a:hover, div.photoalbum a:visited
{
    color: #000;
    text-decoration: none;
}
div.photoalbumPictures span
{
    display: block;
    line-height: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 138px;
    width: 172px;
}

div#photoThumbs
{
    margin-left: 16px;
    margin-right: 16px;
}

div.photoThumb
{
    float: left;
    height: 112px;
    margin: 2px;
    width: 168px;
}
div.photoThumb img
{
    border: none;
    height: 112px;
    width: 168px;
}
div.photoThumb img:hover
{
    outline-width: 3px;
    outline-style: double;
}
body.Blue div.photoThumb img:hover
{
    outline-color: #4494ff;
}
body.Gray div.photoThumb img:hover
{
    outline-color: #7f7e7e;
}
body.Green div.photoThumb img:hover
{
    outline-color: #5b825b;
}
body.Purple div.photoThumb img:hover
{
    outline-color: #412672;
}
body.Red div.photoThumb img:hover
{
    outline-color: #ff4d46;
}
body.RoyalBlue div.photoThumb img:hover
{
    outline-color: #282873;
}
body.Yellow div.photoThumb img:hover
{
    outline-color: #444;
}


div.noheight
{
    height: 0px;
    overflow: visible;
    z-index: 0;
}

div#photo
{
    overflow: hidden;
    height: 456px;
    margin-left: 18px;
    margin-right: 18px;
    width: 684px;
}

div#photoPrev, div#photoNext, div#photoFull, div.photoDescription
{
    display: block;
    height: 0;
    overflow: visible;
    position: relative;
    width: 0;
}

div#photoPrev a, div#photoNext a, div#photoFull a, div.photoDescription
{
    position: relative;
}

div#photoPrev a
{
    display: block;
    left: 0px;
    top: 164px;
    width: 128px;
    height: 128px;
}
body.Blue div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowBlue.png');
}
body.Gray div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowGray.png');
}
body.Green div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowGreen.png');
}
body.Purple div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowPurple.png');
}
body.Red div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowRed.png');
}
body.RoyalBlue div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowRoyalBlue.png');
}
body.Yellow div#photoPrev a
{
    background-image: url('/Images/Photobook/leftArrowYellow.png');
}

div#photoNext a
{
    display: block;
    left: 556px;
    top: 164px;
    width: 128px;
    height: 128px;
}
body.Blue div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowBlue.png');
}
body.Gray div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowGray.png');
}
body.Green div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowGreen.png');
}
body.Purple div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowPurple.png');
}
body.Red div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowRed.png');
}
body.RoyalBlue div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowRoyalBlue.png');
}
body.Yellow div#photoNext a
{
    background-image: url('/Images/Photobook/rightArrowYellow.png');
}

div#photoFull a
{
    display: block;
    left: 556px;
    top: 0px;
    width: 128px;
    height: 128px;
}
body.Blue div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowBlue.png');
}
body.Gray div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowGray.png');
}
body.Green div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowGreen.png');
}
body.Purple div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowPurple.png');
}
body.Red div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowRed.png');
}
body.RoyalBlue div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowRoyalBlue.png');
}
body.Yellow div#photoFull a
{
    background-image: url('/Images/Photobook/multiArrowYellow.png');
}

div.photoDescription
{
    left: 134px;
    top: 400px;
}

div.photoDescription div
{
    background-image: url('/Images/Photobook/textfield.png');
    height: 42px;
    position: relative;
    width: 452px;
    z-index: 1;
}

div.photoDescription div span
{
    text-align: center;
    font-weight: bold;
    height: 42px;
    position: relative;
    top: 8px;
    width: 452px;
}

/* Sidebar */
div#sidebar
{
    margin: 0px;
}

div#underme h2
{
    margin: 0px;
    text-align: right;
}

div.weatherTitle
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 95%;
    z-index: 2;
}
div#underme .weatherIcon
{
    position: relative;
    height: 0px;
    left: 6px;
    top: -20px;
    z-index: 1;
}
div#underme div.weatherIcon img
{
    border: none;
    height: 84px;
    width: 84px;
}
div#underme .weatherDescription
{
    font-size: 120%;
    height: 0px;
    margin: 0px;
    position: relative;
    text-align: right;
    top: -12px;
    width: 95%;
    z-index: 3;
}
div#underme .weatherTemperature
{
    font-size: 150%;
    font-weight: bold;
    height: 0px;
    margin: 0px;
    position: relative;
    text-align: right;
    top: -10px;
    width: 95%;
    z-index: 3;
}

div.verticalSplit
{
    display: block;
    float: left;
    margin-top: 8px;
    min-height: 40px;
    width: 100%;
}

div.verticalSplit div div.formLine
{
    margin-left: 12px;
    width: 100%;
}

div.formLine span
{
    display: block;
    float: left;
    width: 83px;
}
div.formLine input
{
    display: block;
    float: left;
    margin-bottom: 4px;
}

select.dropdown
{
    display: block;
    float: none;
    margin-left: 32px;
}

input.button
{
    display: block;
    float: right;
    margin-right: 32px;
}

div.verticalSplit p, div.verticalSplit a.link
{
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.verticalSplit a.account
{
    display: block;
    float: left;
    font-size: 75%;
    margin-left: 64px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    text-align: right;
}
div.verticalSplit a.account p
{
    margin: 0px;
}

div.verticalSplit h2
{
    margin: 8px;
}
div.verticalSplit h3
{
    margin: 8px 12px 8px 12px;
}

div#sidebar input.textField
{
    background: #fff;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    border-left: none;
    border-right: none;
    float: left;
    height: 16px;
    text-align: left;
    width: 108px;
}
div#sidebar div.inputLeft
{
    background: url('/Images/input-left.gif') no-repeat;
    cursor: text;
    display: block;
    float: left;
    height: 20px;
    width: 10px;
}
div#sidebar div.inputRight
{
    background: url('/Images/input-right.gif') no-repeat;
    cursor: text;
    display: block;
    float: left;
    height: 20px;
    width: 10px;
}
input.loginButton
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/Images/button.gif') no-repeat 50% bottom;
    cursor: pointer;
    float: right;
    font-size: 70%;
    height: 22px;
    margin-right: 12px;
    position: relative;
    width: 72px;
}
input.loginButton:hover
{
    background-image: url('/Images/button-hover.gif');
    color: #fff;
}
div.bannerSide img
{
    border: solid 1px #000;
    margin: 7px;
}
ul.weblogSide
{
    margin: 0;
    padding: 0;
}
ul.weblogSide li
{
    font-size: 90%;
    line-height: 16px;
    list-style-type: none;
    margin-left: 8px;
    margin-right: 8px;
    overflow: hidden;
}
div.verticalSplit ul li
{
    font-size: 85%;
    height: 16px;
    list-style-type: square;
}

/* Footerbar */
div#footerbar div#copy
{
    overflow: visible;
    position: relative;
    height: 0;
    width: 0;
}
div#footerbar div#copy p
{
    color: #fff;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 960px;
}
div#footermenu
{
    overflow: visible;
    position: relative;
    height: 25px;
    width: 960px;
}
div#footermenu p
{
    color: #fff;
    float: right;
    line-height: normal;
    margin-right: 16px;
    margin-top: 5px;
}
div#footermenu a
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
div#footermenu a:hover
{
    text-decoration: underline;
}
div#footermenu a img
{
    border: none;
}

div#footerYellow div#copy p, div#footerYellow div#footermenu p, div#footerYellow div#footermenu a
{
    color: #000;
}