/*--------------------layout---------------------*/
/**
{
    margin: 0;
    padding: 0;
}*/
#wrapper
{
    width: 1000px;
    background-image: url(Images/SeaplanetBG.jpg);
    margin: auto;
    /*position: absolute;
    left: 50%;
    margin-left: -500px;*/
    margin-bottom: 50px;
    height: 650px; /*margin-top:-275px; 	top:50%; */
    margin-top: 50px;
    color: #366383;
    position:relative;
}
#Main
{
    float: left;
    width: 940px; /*780*/
    margin-top: 70px;
    margin-left: 52px; /*220*/
}
h1, .contactform fieldset legend
{
    font-size: 13px !important;
    /*color: #389CCC;   (Hellblau; alt)*/
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
}
h2
{
    font-size: 11px;
    /*color: #389CCC;*/
}
h3
{
}
.genericContent
{
    margin-top: 20px;
    margin-bottom: 20px;
}
#SideBar
{
    width: 255px;
    padding: 3px;
    margin-top: 30px;
	background-color: transparent;
    float: left;
    overflow-x: hidden;
    margin-left: 5px;
}
.SideBarImage
{
    background-image: url("Images/NavigationBackground.png") !important;
    background-position: right bottom;
    background-repeat: no-repeat;
}
#Header, #Footer
{
    clear: both;
}
#Footer
{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.TopNavigation
{
    /*width: 1000px !important;  Use this + float:left to change upper navigation */
    clear: both;
    float: right;
    margin-bottom: 5px;
    margin-right: 75px;
    width: 580px;
    text-align: right;
}
.highlightedLink
{
    font-weight: bold !important;
}
#TopMenu
{
    float: right;
}
.ContentDiv
{
    width: 484px; /*415*/
    margin-right: 60px;
    margin-top: 15px;
    padding-right: 15px;
    float: right;
    height: 475px;
    overflow: auto; /* comment out while editing */
    overflow-x: hidden; /* comment out while editing */
    position: relative;
}

/* images */
.smallimage
{
    width: 134px;
    height: 134px;
    margin: 3px 0px;
}

.middleimage
{
    width: 275px;
    height: 275px;
    margin: 3px 0px;
}

.GalleryLeftLowerImage
{
    position: absolute;
    top: 163px; /*140*/
    left: 0px;
}
.GalleryLeftUpperImage
{
    position: absolute;
    top: 0px;
    left: 0px;
}
.GalleryMiddleLowerImage
{
    position: absolute;
    top: 163px; /*140*/
    left: 163px; /*140*/
}
.GalleryMiddleUpperImage
{
    position: absolute;
    top: 0px;
    left: 163px; /*140*/
}
.GalleryRightLowerImage
{
    position: absolute;
    top: 163px; /*140*/
    left: 326px; /*280*/
}
.GalleryRightUpperImage
{
    position: absolute;
    top: 0px;
    left: 326px; /*280*/
}
.smallGalleryImage
{
    position: absolute;
}
.smallGalleryImage img
{
    width: 157px; /*134*/
}
.mediumGalleryImage
{
    position: absolute;
}
.mediumGalleryImage img
{
    width: 320px; /*274*/
}
.bigGalleryImage
{
    position: absolute;
}
.bigGalleryImage img
{
    width: 484px;
}

.SeaGalleryContainer
{
    position: relative;
    height: 320px;
    margin-top: 3px;
    padding-bottom: 3px;
}

/*--------------------style---------------------*/
body
{
    font-family: Verdana, Arial;
    font-size: 11px;
    background: url(Images/bg.gif) repeat;
    margin: 0;
    padding: 0;
}
#ContentDiv li
{
    font-size: 11px;
}
/*.rtLI 
	{
	    white-space:normal !important;
	}*/
/*#TopNavigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#TopNavigation {display: inline-block;}
 Hides from IE-mac 
* html #TopNavigation {height: 1%;}
#TopNavigation {display: block;}
 End hide from IE-mac 
*/
#Footer
{
    clear: both;
    color: #666;
    font-size: 11px;
    /*border-top: 1px solid #000;*/
    margin-top: 20px;
    padding: 0 10px;
}
a
{
    color: #389CCC;
    text-decoration: none;
}
a:hover
{
    color: #1F5DA7;
    text-decoration: underline;
}
.gallery
{
    width: 80px;
    height: 80px;
    float: left;
    display: block;
}

.topmenu, .lasttopmenu
{
    letter-spacing: 1px;
    font-family: Verdana, Arial;
    font-size: 9px;
    color: #306282;
    padding-left: 11px;
    cursor: pointer;
}
.topmenu
{
    border-right: 1px solid #306282;
    padding-right: 11px;
}

/* treeview */
.rtPlus, .rtMinus
{
    visibility: hidden;
}
.rtIn
{
    color: #306282 !important;
    background-image: none !important;
    background-color: inherit !important;
    border: 0px !important;
}
.rtUL .rtUL .rtIn
{
    color: #389CCC !important;
}
.rtTop, .rtMid, .rtBot, .rtIn
{
    text-align: left;
}
.RadTreeView .rtUL
{
    padding-left: 0px !important;
}
#Sidebar
{
}
#Sidebar .ul
{
    margin: 0px !important;
}
.rtTop, .rtMid, .rtBot
{
    padding: 0px !important;
}
.rtUL .rtUL .rtTop, .rtUL .rtUL .rtMid, .rtUL .rtUL .rtBot
{
    padding-left: 20px !important;
}
.leftmenu
{
    line-height: normal !important;
    letter-spacing: 3px;
    font-family: Verdana, Arial;
}

/*-------------------------------------PollBox---------------------------------*/
.PollBox
{
    font-size: 1.0em;
    margin: 0;
    background: transparent;
    width: 200px;
    padding: 10px;
}
.PollBox fieldset
{
    border: 0;
    padding: 0;
    margin: 10px 0 10px 0;
}
.PollBox h4
{
    font-size: 1.3em;
    padding: 0;
    margin: 0;
}
.PollBox fieldset h5
{
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;
}
.PollBox fieldset span
{
    display: block;
    margin: 0;
    font-size: 1.0em;
    color: #000;
    line-height: 1.6em;
}
.PollBox fieldset span label
{
    display: inline;
    font-weight: normal;
}
.PollBox a
{
    float: right;
    margin-top: -16px;
}
.PollBox span
{
    color: #999;
    font-size: 0.9em;
}
.PollBox span.validator
{
    color: red;
    display: block;
    margin-bottom: 10px;
}
/*-------------------------------------News---------------------------------*/

/*----------newslist-----------*/
.newslist
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.newslist li
{
    margin-bottom: 20px;
    border-bottom: 1px dashed #ededed;
}
.newslist p.summary
{
    margin: 0;
    font-size: 0.9em;
}
.newslist h4, .newslist h5
{
    margin: 0;
    padding: 0;
    font-size: 1.0em;
}
.newslist h5
{
    font-weight: normal;
}
.newslist span.date
{
    font-style: italic;
    font-size: 0.8em;
}
.newslist a.more
{
    font-size: 0.8em;
}

/*---------singlenews---------*/

.singlenews h2
{
    font-size: 1.5em;
    margin-bottom: 0;
}
.singlenews h3
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 0.9em;
}
.singlenews span.date
{
    font-style: italic;
    font-size: 0.8em;
    line-height: 3em;
}
.singlenews p.summary
{
    font-weight: bold;
    font-size: 0.9em;
}
.singlenews div.newsbody
{
    margin-top: 20px;
    font-size: 0.9em;
}
.related h3
{
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 10px;
}
.related h4
{
    margin: 0 0 10px 0;
    font-size: 1.0em;
}
.related ul
{
    margin: 0 0 20px 0;
    padding: 0;
}
.related li
{
    padding: 0 0 0 0;
    margin-left: 20px;
}
.related li.more
{
    font-size: 0.8em;
    line-height: 2.5em;
    list-style-type: none;
}
/*-------------------------------------Blogs---------------------------------*/
/*blog posts*/
.post
{
    margin: 2.4em 0;
}
.postTitle
{
    color: #1F5DA7;
    font: normal 2.2em/1.2em verdana, arial;
}
.postTitle a
{
    text-decoration: none;
}
.postDate
{
    margin-bottom: 1.2em;
    font-size: 0.8em;
    color: #000 !important;
}
.postContent
{
    font-size: 13px;
}
.postContent p
{
    margin-bottom: 1.2em;
}
.postGet, .entryFoot
{
    color: #fff;
}
.postGet
{
    margin-top: 1em;
}
.diggit
{
    padding-left: 20px;
    background: url(img/blogDiggit.gif) 0 0 no-repeat;
}
.delicious, .delicous
{
    margin-left: 10px;
    padding-left: 18px;
    background: url(img/blogDelicious.gif) 0 0 no-repeat;
}
p.more
{
    font-size: 0.85em;
}
.postFoot a
{
    clear: left;
    font-size: 0.85em;
}
.postFoot a.postComments
{
}
.postFoot span
{
    margin-left: 10px;
    color: #000;
}
.postComments
{
    margin-top: 40px;
    font-size: 0.9em;
    line-height: 1.4em;
}
.postComments h3
{
    color: #1F5DA7;
    margin-top: 1.5em;
    background: url(img/blogComments.gif) 0 0.2em no-repeat;
    font: normal 1.6em/1.2em verdana, arial;
}
.postComments h3 a
{
    color: #333;
}
.commentsView
{
    background: #F8FAFC;
    padding: 20px 30px 30px;
}
.postComments .commentAuthor
{
    margin-top: 1.6em;
    color: #1F5DA7;
    font-size: 1.0em;
}
.postComments .commentAuthor a
{
    text-transform: none;
    text-decoration: underline;
}
.postComments .commentAuthor a:hover
{
    text-transform: none;
    text-decoration: none;
}
.postComments .commentDate
{
    font-size: 0.8em;
    font-weight: bold;
}
.postComments p
{
    margin-top: 0;
}
p.commentMessage
{
    background: #690;
    color: #fff;
    padding: 3px 10px;
    margin: 20px 0;
}


/*comments form*/
.postComments ol
{
    list-style: none;
}
.postComments fieldset
{
    display: block;
    margin-top: 1em;
    margin-bottom: 2.3em;
    padding: 1.8em 1em 1em;
    border: 0;
    background: #E2EBF3;
}
.postComments fieldset li
{
    clear: both;
    margin-bottom: 1em;
}
.postComments fieldset li:after
{
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
}
.postComments fieldset label, .postComments fieldset span
{
    float: left;
    width: 70px;
    padding-right: 10px;
    text-align: right;
    line-height: 1.8em;
    font-size: 0.85em;
}
.postComments fieldset input
{
    float: left;
    width: 200px;
    padding: 2px;
}
.postComments fieldset textarea
{
    float: left;
    width: 380px;
    height: 150px;
    font-family: Arial;
    font-size: 12px;
}
.postComments fieldset input.commentsButton
{
    display: block;
    width: auto;
    margin: 0.4em 0 0 80px;
    height: auto;
    font-weight: bold;
    padding: 3px 5px;
}
.postComments fieldset span.commentsValidator
{
    margin-left: 70px;
    color: red;
    font-weight: bold;
    width: 320px;
    text-align: left;
}

.postsNavigation
{
    font-size: 12px;
}
.prevPost
{
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 5px;
    background: url(Images/prev.gif) center left no-repeat;
    padding-left: 13px;
}
.allPosts
{
    font-weight: bold;
}
.nextPost
{
    border-left: 1px solid #000;
    padding-left: 10px;
    margin-left: 5px;
    background: url(Images/next.gif) center right no-repeat;
    padding-right: 13px;
}
.postsNavigation
{
    margin-top: 10px;
}

/*lists*/
.sf_list_simple, .sf_list_expanded, .sf_anchor_list, .sf_list_expandable, .sf_target_list, #SideBar ul
{
    list-style: none;
    font-size: 12px;
}
.sf_list_simple li, .sf_list_expanded li, #Main li, #SideBar li
{
    /*margin-top:10px*/
}
#Main li
{
    /*margin-left: 15px;*/
}
.sf_list_expanded h5, .sf_item_head, ul h2
{
    font-size: 1.0em;
    font-weight: bold;
    margin-top: 0.5em;
}
.sf_target_list
{
    margin-left: 0;
}
.sf_target_list dt
{
    font-weight: bold;
    margin-top: 1.0em;
}
#Main ul
{
    list-style-type: disc;
    font-size: 12px;
}
#Main ol
{
    font-size: 12px;
    list-style: none;
}
#Main h1, #Main .list_header
{
    /*margin-top:20px*/
}


/* Categories, Tags, Archive */
ul.tagCloud
{
    margin: 0;
    padding: 0;
}
ul.tagCloud li
{
    margin: 0;
    padding: 0 10px 0 0;
    background: none;
    border-bottom: 0;
    padding: 0;
    display: inline;
    line-height: 36px;
}
ul.tagCloud li a.s6:link, ul.tagCloud li a.s6:visited, ul.tagCloud li a.s6:hover, ul.tagCloud li a.s6:active
{
    font-size: 9px;
}
ul.tagCloud li a.s5:link, ul.tagCloud li a.s5:visited, ul.tagCloud li a.s5:hover, ul.tagCloud li a.s5:active
{
    font-size: 12px;
}
ul.tagCloud li a.s4:link, ul.tagCloud li a.s4:visited, ul.tagCloud li a.s4:hover, ul.tagCloud li a.s4:active
{
    font-size: 16px;
}
ul.tagCloud li a.s3:link, ul.tagCloud li a.s3:visited, ul.tagCloud li a.s3:hover, ul.tagCloud li a.s3:active
{
    font-size: 21px;
}
ul.tagCloud li a.s2:link, ul.tagCloud li a.s2:visited, ul.tagCloud li a.s2:hover, ul.tagCloud li a.s2:active
{
    font-size: 29px;
}
ul.tagCloud li a.s1:link, ul.tagCloud li a.s1:visited, ul.tagCloud li a.s1:hover, ul.tagCloud li a.s1:active
{
    font-size: 36px;
}
h1.categorizedAs
{
    margin: 20px 0 0;
    font-size: 2.5em;
    font-family: verdana, arial;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;
}
dl.taggedWithList
{
    margin: 0;
    padding: 0;
}
dl.taggedWithList dt, dl.taggedWithList dd
{
    margin: 0;
    padding: 0 5px 0 0;
    display: inline;
}

#Main ul.sf_singleImageData
{
    margin-left: 0;
    line-height: 1.3;
}
#Main ul.sf_singleImageData li
{
    margin-top: 0;
}

.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input
{
    line-height: 15px !important;
    font-weight: bold;
}

#skipIntro
{
    position: absolute;
    width: 100px;
    left: 745px;
    top: 540px;
    text-align: right;
    font-style: italic;
}
#skipIntro a
{
    color: #389CCC !important;
}
#citing
{
    position: absolute;
    top: 210px;
    left: 485px;
    width: 511px;
    /*height: 154px;*/
    /*font-variant: small-caps;
    text-align: right;
    letter-spacing: 5px;
    font-family: Bookman Old Style;*/
}

.ContentDivNoScroll 
{
    overflow:visible !important;
}

.titleText {
    margin-top:3px;
    position:absolute;
    color: #959AA0;
    font-size: 8px;
    letter-spacing: 3px;
}