/*
Template name: Two columns plain
Release date: 2008-11-01
Description: A two-columns-template with plain background
Author: Urte Kohnke

*/

/* standard elements */
html {min-height: 100%;}

* {
        margin: 0;
        padding: 0;
}

a {color: #963;}

a:hover {color: #C60;}



body {
        background: #D7EB84 url(img/bg.jpg) repeat-x left bottom;
        color: #888398;
        font: normal 62.5% "Verdana, Arial, Helvetica", sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
        font: normal 1.6em Verdana, Arial, Helvetic, sans-serif;
        margin-bottom: 4px;
        line-height: 2;
        color: #93A04E;
}

h2 {
        font: normal 1.2em Verdana, Arial, Helvetic, sans-serif;
        margin-bottom: 4px;
        line-height: 2;
        color: #93A04E;
}

code {
        background: #FFF;
        border: 1px solid #EEE;
        border-left: 6px solid #C1CAD3;
        color: #666;
        display: block;
        font: normal 1em Tahoma,sans-serif;
        line-height: 1.6em;
        margin-bottom: 12px;
        padding: 8px 10px;
        white-space: pre;
}

blockquote {
        background: #E3E6F7 url(img/quote.gif) no-repeat 5px 5px;
        padding: 1em 1em 0 40px;
        border-top: 1px solid #727272;
        border-bottom: 1px solid #727272;
        font-size: 150%;
        font-weight: bold;
        margin-left: 0;
}
blockquote cite {
         display: block;
         font-size: 50%;
         font-style: normal;
         letter-spacing: 1px;
         text-align: right;
         background: url(img/unquote.gif) no-repeat right bottom;
         padding: 10px 40px 0 0;
}


h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
        background: #FFF;
        font-size: 1.2em;
        margin: 0 auto;
        padding: 0 10px 10px;
        width: 1000px;
}

/* header */
.top {
        background: #FFFFFF url(img/clouds.gif) repeat-x;
        padding: 5px 10px 0;
}

/* title */
.header {
        background: #FFF;
        font-size: 1.2em;
        height: 200px;
        margin: 0 auto;
        padding: 10px 10px 5px;
        width: 1000px;
}
.header .left, .header .right {
        background: #B3C2C7;
        color: #FFF;
        height: 200px;
}
.header .left {
        background: #A4A4A0  no-repeat;
        font: normal 2.8em "Trebuchet MS",sans-serif;

        vertical-align: bottom;
        text-align: left;
        width: 250px;
}
.header .right {
        overflow: auto;
        width: 748px;
}
.header .right p,.header .right h2 {padding: 0px 16px;}
.header .right h2 {padding-top: 26px; font: normal 1.6em "Trebuchet MS",sans-serif; color: #ffffff;}
.header .right p {font-size: 1.3em; line-height: 1.3em;}
.header .right a {font-size: 1.1em; color: #456; text-decoration: none;}
.header .right a:hover {background: #CCD6F2; color: #456;}
.header .right a:active {color: #FF9D00;}

/* navigation */
.navigation {
        background: #D9E1E5 url(img/nav.gif);
        border: 1px solid #DFEEF7;
        border-color: #DFEEF7 #CFDEE7;
        height: 41px;
}
.navigation a {
        background: #D9E1E5 url(img/nav.gif);
        border-right: 1px solid #AFBEC7;
        color: #456;
        display: block;
        float: left;
        font: bold 1.1em sans-serif;
        line-height: 41px;
        padding: 0 20px;
        text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}

.navigation a:active {background-position: left bottom; color: #FF9D00;}

.navigation b {
        background: #D9E1E5 url(img/nav.gif);
        border-right: 1px solid #AFBEC7;
        color: #456;
        display: block;
        float: left;
        font: bold 1.2em sans-serif;
        line-height: 41px;
        width: 250px;
        text-decoration: none;
}
.navigation strong {
        background: #FFFFFF;
        border-right: 1px solid #AFBEC7;
        color: #456;
        display: block;
        float: left;
        font: bold 1.2em sans-serif;
        line-height: 41px;
        padding: 0 20px;
        text-decoration: none;
}

/* main */
.main {
        border-top: 4px solid #FFF;
        background: url(img/bgmain_250.gif) repeat-y;
}

/* sub navigation */
.sidenav {
        float: left;
        width: 250px;
}
.sidenav h2 {
        color: #456;
        font-size: 1.2em;
        line-height: 30px;
        margin: 0;
        padding-left: 12px;
}
.sidenav ul {
        line-height: 12px;
        padding-left: 50px;
        border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
        font-size: 1.1em;
        color: #456;
        display: block;
        padding: 8px 0 8px 5%;
        text-decoration: none;
        width: 95%;
}
.sidenav li a:hover {
        background: #CCD6F2;
        color: #456;
}
.sidenav li a:active {color: #FF9D00;}
.sidenav li strong {
        background: #CCD6F2 url(img/navi_lbg.gif);
        font: bold 1.1em sans-serif;
        color: #456;
        display: block;
        padding: 8px 0 8px 5%;
        text-decoration: none;
        width: 95%;
}

/* content */
.content {
        float: left;
        margin: 10px 0;
        padding: 0 16px;
        width: 716px;
        color: #456;
        font-size: 1.2em;
}
.content .descr {
        font-size: 0.9em;
        margin-bottom: 6px;
}
.content .mark {
        color: #007100;
        font-weight: bold;
        margin-bottom: 6px;
}
.content .desright {
        font-size: 0.9em;
        margin-bottom: 6px;
        text-align: right;
        font-style: italic;
}
.content li {
        list-style: url(img/li.gif);
        line-height: 1.5;
        margin-left: 18px;
}
.content p {line-height: 1.5;}

.content p:first-letter {
         font-size: 1.4em;
         font-weight: bold;
}

.content .imageleft {
         float:left;
         padding: 10px;
         margin-right: 10 px;
         margin-bottom: 10 px;
}

.content .imageright {
         float:right;
         padding: 10px;
         margin-left: 10 px;
         margin-bottom: 10 px;
}

.content .galery {
         background-color: #fff;
         float:left;
         width: 200px;
         padding: 10px;
         padding-top: 5px;
         margin: 0 15px 10px 0;

}

.content .galery img {
         float: left;
         margin-right: 15px;
         margin-bottom: 10px;
}

.content .infobox {
         background-color: #fff;
         float:left;
         width: 95%;
         padding: 10px;
         padding-top: 5px;
         margin: 0 15px 20px 0;

}

.content .infobox img {
         float: left;
         margin-right: 25px;
}

.content a {
   color: #0000AA;
}
.content a[href ^="http://"] {
   color: #0066BB;
    background: url(img/icons/external.png) center right no-repeat;
    padding-right: 13px;
}
.content a[href ^="gopher://"] {
   color: #0066BB;
    background: url(img/icons/external.png) center right no-repeat;
    padding-right: 13px;
}
.content a[href ^="https://"] {
   color: #0066BB;
    background: url(img/icons/lock_icon.gif) center right no-repeat;
    padding-right: 16px;
}
.content a[href ^="mailto:"] {
   color: #0066BB;
    background: url(img/icons/mail_icon.gif) center right no-repeat;
    padding-right: 18px;
}
.content a[href ^="news://"] {
   color: #0066BB;
    background: url(img/icons/news_icon.png) center right no-repeat;
    padding-right: 18px;
}
.content a[href ^="ftp://"] {
   color: #0066BB;
    background: url(img/icons/file_icon.gif) center right no-repeat;
    padding-right: 18px;
}
.content a[href ^="irc://"] {
   color: #0066BB;
    background: url(img/icons/discussionitem_icon.gif) center right no-repeat;
    padding-right: 18px;
}
.content a[href $=".ogg"], .content a[href $=".OGG"],
.content a[href $=".mid"], .content a[href $=".MID"],
.content a[href $=".midi"], .content a[href $=".MIDI"],
.content a[href $=".mp3"], .content a[href $=".MP3"],
.content a[href $=".wav"], .content a[href $=".WAV"],
.content a[href $=".wma"], .content a[href $=".WMA"] {
    background: url("img/icons/audio.png") center left no-repeat;
    padding-left: 19px;
}
.content a[href $=".ogm"], .content a[href $=".OGM"],
.content a[href $=".avi"], .content a[href $=".AVI"],
.content a[href $=".mpeg"], .content a[href $=".MPEG"],
.content a[href $=".mpg"], .content a[href $=".MPG"] {
    background: url("img/icons/video.png") center left no-repeat;
    padding-left: 19px;
}
.content a[href $=".pdf"], .content a[href $=".PDF"],
.content a[href *=".pdf#"], .content a[href *=".PDF#"],
.content a[href *=".pdf?"], .content a[href *=".PDF?"] {
    background: url("img/icons/document.png") center left no-repeat;
    padding-left: 19px;
}
.content a[href $=".zip"], .content a[href $=".ZIP"],
.content a[href $=".rar"], .content a[href $=".RAR"],
.content a[href $=".exe"], .content a[href $=".EXE"],
.content a[href $=".msi"], .content a[href $=".MSI"],
.content a[href $=".dmg"], .content a[href $=".DMG"],
.content a[href $=".gz"], .content a[href $=".GZ"],
.content a[href *=".gzip"], .content a[href *=".GZIP"] {
    background: url("img/icons/download.png") center left no-repeat;
    padding-left: 19px;
}




/* footer */
.footer {
        background: url(img/bgfooter.gif) repeat-x;
        color: #FFF;
        font: bold 1em sans-serif;
        line-height: 39px;
        padding: 0 12px;
        text-align: center;
}
.footer .right {color: #DEF;}
.footer .right a {color: #DEF; text-decoration: none;}
.footer a, .footer a:hover,.footer .right a:hover {color: #FFF;}

/* lightbox */
#lightbox{
         position: absolute;
         left: 0;
         width: 100%;
         z-index: 100;
         text-align: center;
         line-height: 0;
}
#lightbox img{
         width: auto;
         height: auto;
}
#lightbox a img{
         border: none;
}

#outerImageContainer{
         position: relative;
         background-color: #fff;
         width: 250px;
         height: 250px;
         margin: 0 auto;
}
#imageContainer{
         padding: 10px;
}

#loading{
         position: absolute;
         top: 40%;
         left: 0%;
         height: 25%;
         width: 100%;
         text-align: center;
         line-height: 0;
}
#hoverNav{
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
         width: 49%;
         height: 100%;
         background-image: url(data:images/gif;base64,AAAA); /* Trick IE into showing hover */
         display: block;
}
#prevLink {
         left: 0;
         float: left;
}
#nextLink {
         right: 0;
         float:
         right;
}
#prevLink:hover, #prevLink:visited:hover {
         background: url(Lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {
         background: url(Lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
         font: 10px Verdana, Helvetica, sans-serif;
         background-color: #fff;
         margin: 0 auto;
         line-height: 1.4em;
         overflow: auto;
         width: 100%;
}

#imageData{
         padding:0 10px;
         color: #666;
}
#imageData #imageDetails{
         width: 70%;
         float: left;
         text-align: left;
}
#imageData #caption{
         font-weight: bold;
}
#imageData #numberDisplay{
         display: block;
         clear: left;
         padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
         width: 66px;
         float: right;
         padding-bottom: 0.7em;
         outline: none;
}

#overlay{
         position: absolute;
         top: 0;
         left: 0;
         z-index: 90;
         width: 100%;
         height: 500px;
         background-color: #000;
}