@import 'lightbox.css';


body {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:11px;
color:#3b3b3b;
margin:0;
padding:0;
background-color:#f0f0f0;
background-image:url(/static/img/bodyBackground.gif);
background-repeat:repeat-y;
background-position:top center;
}

a {
text-decoration:none;
color:#11618e;
}

img {
border:0;
}

input, select, textarea {
font-size:11px;
}

#site {
width:980px;
margin:0 auto;
}

#bottomBorder {
float:left;
width:980px;
height:15px;
}

#bottomBorder a{
display:none;
}

#top {
float:left;
width:980px;
height:260px;
position:relative;
border-bottom:10px solid #FFFFFF;
overflow:hidden;
}

#top #logo {
position:absolute;
top:0;
left:0;
z-index:2;
behavior: url(/static/js/iepngfix.htc);
width:384px;
height:79px;
}

#backgroundImages {
position:absolute;
top:0;
left:0;
width:980px;
height:260px;
z-index:1;
visibility:hidden;
}

#backgroundImages img {
position:absolute;
top:0;
left:0;
}


#top .navBackground {
position:absolute;
left:0;
top:230px;
width:980px;
height:30px;
background:url(/static/img/navBackground.png);
behavior: url(/static/js/iepngfix.htc);
z-index:2;
}

#top .navigation {
position:absolute;
left:0;
top:230px;
width:980px;
height:30px;
z-index:3;
}

#top .navigation var {
font-style:normal;
}


#top .navigation a {
display:block;
float:left;
color:#FFFFFF;
font-size:14px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
padding:6px 15px 0 15px;
height:25px;
}

#top .navigation a:hover {
background:#11618e;
}

#top .navigation ul {
display:block;
padding:0;
margin:0;
}

#top .navigation li {
float:left;
display:block;
position:relative;
height:30px;
}

#top .navigation li.active {
background:#11618e;
}

#top .navigation li ul {
position:absolute;
bottom:30px;
left:0;
width:180px;
padding:10px 0 10px 0;
background:#000000;
-moz-opacity:0.8;
opacity:0.8;
filter:alpha(opacity=80);
display:none;
}

#top .navigation li ul li {
float:left;
width:180px;
height:auto;
}

#top .navigation li ul li a {
float:left;
font-size:11px;
padding:2px 5px 2px 20px;
text-transform:none;
font-weight:normal;
height:auto;
font-style:normal;
background:url(/static/img/dropUpArrow.gif) no-repeat 10px 5px;
}

#top .navigation li ul li a:hover {
background:url(/static/img/dropUpArrow.gif) no-repeat 10px 5px;
text-decoration:underline;
}

#top .search {
position:absolute;
width:210px;
right:0;
top:235px;
z-index:4;
}

#top .search .input {
position:absolute;
left:0;
top:0;
background:none;
border:1px solid #FFFFFF;
color:#FFFFFF;
width:170px;
padding:2px 5px 2px 5px;
margin:0;
}

#top .search .submit {
position:absolute;
right:10px;
top:1px;
}

#top #dropdownBackground {
position:absolute;
top:0;
right:0;
width:210px;
height:30px;
background:url(/static/img/dropdownBackground.png);
behavior: url(/static/js/iepngfix.htc);
z-index:2;
}

#top .dropdown {
position:absolute;
right:0;
top:0;
width:210px;
height:30px;
overflow:hidden;
behavior: url(/static/js/iepngfix.htc);
z-index:3;
color:#FFFFFF;
}

#top .dropdown .handle {
float:left;
width:180px;
padding:8px 15px 10px 15px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
background:url(/static/img/dropDownArrow.gif) no-repeat right 12px;
cursor:pointer;
}

#top .dropdown .content {
float:left;
width:180px;
padding:0px 15px 0px 15px;
}

#top .dropdown .content form {
display:block;
margin:0;
padding:0;
float:left;
}

#top .dropdown .content div {
width:180px;
padding:0 0 2px 0;
float:left;
border-bottom:1px solid #CCCCCC;
padding:0 0 5px 0;
margin:0 0 5px 0;
}

#top .dropdown .content select {
color:#11618e;
}

#top .dropdown .content div.noborder {
margin:0;
padding:0;
border:none;
}

#top .dropdown .content div span.left {
display:block;
float:left;
}

#top .dropdown .content div span.right {
display:block;
float:right;
text-align:right;
}

#top .dropdown .content .submit {
border:1px solid #FFFFFF;
background:#11618e;
width:178px;
color:#FFFFFF;
height:20px;
padding:1px;
margin:0;
}

#middle {
float:left;
background:url(/static/img/middleBackground.gif) repeat top left;
width:980px;
border-top:15px solid #eaeaea;
border-bottom:15px solid #eaeaea;
}

#middle.wide {
background:url(/static/img/middleBackgroundWide.gif) repeat top left;
}

#left {
float:left;
width:195px;
padding:0 15px 0 0;
}

#left .box {
float:left;
width:195px;
padding-bottom:15px;
}

#left .box .top {
float:left;
padding:10px 10px 10px 15px;
width:170px;
background:url(/static/img/leftFrameTop.jpg) no-repeat left top;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
border-bottom:9px solid #eaeaea;
}

#left .box .content {
float:left;
padding:0 10px 10px 15px;
width:170px;
background:url(/static/img/leftFrameContent.gif) bottom right;
overflow:hidden;
}

#left .box .content ul {
padding:0;
margin:0;
list-style:none;
font-weight:bold;
display:block;
float:left;
}

#left .box .content ul li {
display:block;
float:left;
width:160px;
}

#left .box .content ul ul {
padding:5px 0 5px 11px;
font-weight:normal;
}

#left .box .content ul a {
padding:0 0 0 10px;
margin:0;
display:block;
background:url(/static/img/blueArrow.gif) no-repeat left 3px;
color:#11618e;
float:left;
}

#left .box .content ul a:hover {
color:#006600;
background-image:url(/static/img/greenArrow.gif);
}

#left .box .content ul a.active {
color:#CC6600;
}


#left .box .content input.input {
width:162px;
border:1px solid #11618e;
color:#11618e;
background:#fff;
margin:0 0 5px 0;
padding:3px;
float:left;
}

#left .box .content input.submit {
width:170px;
border:1px solid #ffffff;
color:#fff;
background:#11618e;
margin:0 0 5px 0;
padding:3px;
float:left;
}

#left .box .content form {
width:170px;
overflow:hidden;
float:left;
}

#left .box .content ul.form {
float:left;
}

#right {
float:left;
width:195px;
padding:0 0 0 15px;
}

#right .box {
float:left;
width:195px;
padding-bottom:15px;
}

#right .box .top {
float:left;
padding:10px 10px 10px 15px;
width:170px;
background:url(/static/img/rightFrameTop.jpg) no-repeat left top;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
border-bottom:9px solid #eaeaea;
}

#right .box .content {
float:left;
padding:0 10px 10px 15px;
width:170px;
background:url(/static/img/rightFrameContent.gif) bottom left;
}


#right .box .content ul {
padding:0;
margin:0;
list-style:none;
font-weight:bold;
display:block;
float:left;
}

#right .box .content ul li {
display:block;
float:left;
width:160px;
}

#right .box .content ul ul {
padding:5px 0 5px 11px;
font-weight:normal;
}

#right .box .content ul a {
padding:0 0 0 10px;
margin:0;
display:block;
background:url(/static/img/blueArrow.gif) no-repeat left 3px;
color:#11618e;
float:left;
}

#right .box .content ul a:hover {
color:#006600;
background-image:url(/static/img/greenArrow.gif);
}

#right .box .content ul a.active {
color:#CC6600;
}

#content {
float:left;
width:530px;
padding:15px;
}

#middle.wide #content {
width:725px;
padding:15px 15px 0 15px;
}

#content img.h1 {
display:block;
padding:0 0 15px 0;
}

#content h1 {
padding:0 0 15px 0;
color:#11618e;
margin:0;
font-size:16px;
}

#content h2 {
font-size:12px;
color:#11618e;
font-weight:bold;
margin:0;
padding:10px 0 10px 0;
}

#content h3 {
font-size:11px;
color:#11618e;
font-weight:bold;
}

#content .images {
float:right;
width:180px;
padding:0 0 10px 10px;
}

#content .images div {
float:left;
display:block;
width:180px;
margin-bottom:10px;
}

#content .images div a {
display:block;
position:relative;
}

#content .images div .enlarge {
position:absolute;
right:10px;
top:10px;
width:17px;
height:17px;
}

#content a {
color:#11618e;
}

#content a:hover {
text-decoration:underline;
}

#content ul {
margin:0;
padding:10px 10px 10px 30px;
list-style-image:url(/static/img/blueArrow.gif);
}

#footer {
float:left;
width:980px;
border-top:1px solid #11618e;
border-bottom:1px solid #11618e;
background:#eaeaea;
padding:7px 0 7px 0;
color:#11618e;
}

#footer .left {
float:left;
width:265px;
padding:0 0 0 15px;
}

#footer .right {
float:left;
width:685px;
padding:0 15px 0 0;
text-align:right;
}

#footer a {
color:#11618e;
}




/* Fischliste */

#content .fischliste {
float:left;
width:530px;
height:90px;
overflow:hidden;
margin:0 0 10px 0;
cursor:pointer;
background:#eaeaea;
}

#content .fischliste.hover {
background:#E4E4E4;
}

#content .fischliste h2 {
padding:0;
margin:0;
}

#content .fischliste h2 a {
color:#11618e;
}

#content .fischliste h3 {
padding:10px 0 0 0;
margin:0;
font-style:italic;
}

#content .fischliste img {
float:left;
display:block;
width:150px;
height:90px;
}

#content .fischliste .content {
float:left;
width:380px;
}

#content .fischliste .content .left {
float:left;
width:230px;
padding:10px;
height:80px;
}

#content .fischliste .content .right {
float:left;
width:110px;
height:80px;
overflow:hidden;
padding:10px;
background:#11618e;
color:#FFFFFF;
}

#content .fischliste .content .right div {
width:100%;
float:left;
border-bottom:1px solid #fff;
padding:2px 0 2px 0;
}

#content .fischliste .content .right span {
display:block;
float:right;
text-align:right;
}

#content .fischliste .content .right strong {
display:block;
float:left;
font-weight:normal;
}

#content .fischliste .content .right div.last {
border:none;
}

#content .communityGallery {
clear:both;
float:left;
width:530px;
}

#content .communityGallery a {
display:block;
float:left;
padding:0 10px 10px 0;
}

#content .communityGallery a img {
width:75px;
height:75px;
}

#content .communityGalleryHeadline {
clear:both;
background:#CC6600;
color:#FFFFFF;
padding:10px;
font-weight:bold;
float:left;
width:510px;
}


#content .portalLeft {
float:left;
width:320px;
margin:0 10px 0 0;
}

#content .portalLeft .teaser {
float:left;
width:315px;
margin:0 0 10px 0;
cursor:pointer;
background:url(/static/img/leftFrameContent.gif) bottom right no-repeat;
}

#content .portalLeft .teaser img {
width:90px;
float:left;
display:block;
}

#content .portalLeft .teaser .content {
float:left;
width:195px;
padding:0 10px 0 10px;
height:90px;
overflow:hidden;
}

#content .portalLeft .teaser .content h2 {
padding:0 0 0px 0;
margin:0;
}

#content .portalRight {
float:left;
width:200px;
}

#content .portalRight .teaser {
float:left;
width:200px;
margin:0 0 10px 0;
cursor:pointer;
}

#content .portalRight .teaser h2 {
padding:5px 0 5px 0;
margin:0;
}

#content .portalRight .teaser img {
float:left;
display:block;
width:200px;
}

#content .portalRight .teaser .content {
float:left;
width:190px;
background:url(/static/img/rightFrameContent.gif) bottom left no-repeat;
padding:0 0 10px 10px;
height:90px;
}

#content .fischsuche {
display:block;
padding:10px;
width:510px;
color:#FFFFFF;
background:#11618e;
margin:0 0 20px 0;
}

#content .fischsuche {
float:left;
}

#content .fischsuche table td {
padding:0 0 4px 0;
width:510px;
}


#content .fischtabelle {
clear:both;
border:1px solid #11618e;
margin:0 0 20px 0;
}

#content .fischtabelle .gerade td {
background:#11618e;
color:#FFFFFF
}

#content .fischtabelle .ungerade td {
background:#FFFFFF;
color:#11618e;
}

#content .createComment {
clear:both;
width:530px;
float:left;
margin:0 0 20px 0;
}

#content .createComment .handle {
float:left;
width:510px;
padding:5px 10px 5px 10px;
background-color:#CC6600;
color:#FFFFFF;
background-image:url(/static/img/dropDownArrow.gif);
background-repeat:no-repeat;
background-position:right 8px;
cursor:pointer;
font-weight:bold;
}

#content .createComment .content, #content .comments .comment .content {
float:left;
width:508px;
padding:10px;
border:1px solid #CC6600;
background:#FFFFFF;
}

#content .createComment .content input.title, #content .createComment .content input.name {
width:160px;
}

#content .createComment .content textarea {
width:500px;
height:50px;
}

#content .createComment .content input.submit {
border:1px solid #ffffff;
color:#fff;
background:#11618e;
margin:0 0 5px 0;
padding:3px;
}

#content .createComment .content form {
margin:0;
padding:0;
}

#content .comments {
clear:both;
width:530px;
float:left;
margin:0 0 20px 0;
}

#content .comments .comment {
float:left;
width:530px;
}

#content .comments .comment .head {
float:left;
width:510px;
padding:5px 10px 5px 10px;
background-color:#CC6600;
color:#FFFFFF;
}

#content .comments .comment .head span {
display:block;
}

#content .comments .comment .head .left {
float:left;
width:400px;
overflow:hidden;
}

#content .comments .comment .head .right {
float:right;
text-align:right;
width:110px;
}

#content .comments .comment .content {
margin:0 0 10px 0;
}

#content .newsContainer .news {
float:left;
width:508px;
padding:10px;
border:1px solid #11618e;
background:#FFFFFF;
margin-bottom:10px;
cursor:pointer;
}

#content .newsContainer .news h2 {
padding:0 0 10px 0;
}

.inv {
display:none;
}









/* Aquarium Pages Admin */

#content table.pages_overview_table {
border-top:1px solid #11618e;
border-right:1px solid #11618e;
width:530px;
}

#content table.pages_overview_table td {
border-bottom:1px solid #11618e;
border-left:1px solid #11618e;
padding:3px;
background:#FFFFFF;
}

/* Aquarium Pages  */

#userpagetitle {
position:absolute;
top:190px;
left:0px;
z-index:2;
}

#userpagetitle img {
position:absolute;
top:5px;
left:20px;
z-index:10;
}

#userpagetitle div {
position:absolute;
top:0;
left:0;
width:980px;
height:40px;
z-index:1;
-moz-opacity:0.8;
opacity:0.8;
filter:alpha(opacity=80);
background:#000000;
}





#gaLayer {
position:absolute;
right:0;
top:0;
width:250px;
background:#FFFFFF;
overflow:hidden;
padding:10px;
}