html {
height: 100%;
}
* html body {
height:100%;
}
body {
background-color: #ffffff;
height:100%; margin:0%; padding:0%;
background-image: url("../images/layout/bg.gif"); background-repeat: repeat-x;
}
img {
border: 0px none;
}
#Global_Container {
width: 871px;
background-color: #FFFFFF;
/*position: absolute; left: 50%; margin-left: -435px; top: 0px;*/
background-image: url("../images/layout/background.gif"); background-repeat: repeat-y;
text-align: left;
position: relative;
min-height: 100%;
}
* html #Global_Container
{
height: 100%;
}
#Header {
width: 871px; height: 201px;
background-color: #FFFFFF;
position: relative;
background-image: url("../images/layout/header.gif"); background-repeat: no-repeat;
}
#Content {
float: left;
width: 569px;
min-height: 450px;
height:auto !important; /* für moderne Browser */
height:450px; /*für den IE */
background-color: #FFFFFF;
}
#Navigation {
float: left;
position: relative;
width: 302px; height: 134px;
background-color: #FFFFFF;
background-image: url("../images/layout/navigation_bg.gif"); background-repeat: no-repeat;
}
#Navigation .Newsletter_Container {
position: absolute; top: 22px; left: 5px;
}
#Navigation .newsletter_email {
width: 135px; height: 17px;
border: 1px none; text-align: left;
background-color: transparent;
font-family: Trebuchet MS, Verdana; font-size: 0.6em; color: #ec0959;
margin: 2px; padding-left: 5px; padding-right: 5px; padding-top: 3px;
}
#Navigation .form_newsletter {
border: 1px none;
background-color: transparent;
width: 20px; height: 20px;
}
#Navigation .Section_Container {
position: absolute; top: 85px; left: 10px;
}
#Navigation .Line {
height: 1px; width: 236px; font-size: 1px;
background-image: url("../images/layout/navigation_line.gif"); background-repeat: no-repeat;
}
#Navigation .Link_Container {
padding-top: 2px; height: 22px; padding-left: 5px;
line-height: 1em;
}
#Navigation .Link,
#Navigation a.Link,
#Navigation a.Link:link,
#Navigation a.Link:visited {
font-family: Verdana; font-size: 0.7em; color: #818181;
text-decoration: none;
}
#Navigation a.Link:hover {
font-family: Verdana; font-size: 0.7em; color: #f50258;
text-decoration: none;
}
#Footer_Container {
position: relative;
height:40px;
background-color: #d6d6d6;
}
#Footer_Container .Footer {
width: 871px; height: 40px;
}
#Footer_Container .Copyright {
text-align: right;
padding-top: 7px; padding-right: 50px;
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #929292;
text-decoration: none;
}
#Footer_Container .Link,
#Footer_Container a.Link,
#Footer_Container a.Link:link,
#Footer_Container a.Link:visited {
color: #f50258;
text-decoration: none;
}
#Footer_Container a.Link:hover {
color: #f50258;
text-decoration: none;
}
.News {
width: 450px;
text-align: left;
padding-left: 80px;
}
.Title {
font-family: Trebuchet MS, Verdana; font-size: 1.1em; color: #ec0959;
text-align: left;
line-height: 0.7em;
}
.SmallTitle {
font-family: Trebuchet MS, Verdana; font-size: 0.5em; color: #808080;
text-align: left;
padding-left: 23px;
}
.Text {
padding-top: 27px;
text-align: left;
line-height: 1.8em;
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #818181;
}
.Comment_Text {
padding-top: 15px;
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #818181;
}
.ReadMore {
float: right; text-align: right;
padding-top: 15px;
font-family: Trebuchet MS, Verdana; font-size: 0.8em; color: #818181;
}
.Link,
a.Link,
a.Link:link,
a.Link:visited {
color: #818181;
text-decoration: none;
}
a.Link:hover {
color: #f50258;
text-decoration: none;
}
a,
a:link,
a:visited {
color: #818181;
text-decoration: none;
}
a:hover {
color: #f50258;
text-decoration: none;
}
.Comments {
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #818181;
}
.Red {
color: #f50258;
font-weight: bold;
}
input {
width: 135px; height: 18px;
border: 1px solid; border-color: #c3c3ba;
background-color: #f5f5ef;
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #80807e;
margin: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px;
}
textarea {
width: 300px; height: 97px;
border: 1px solid; border-color: #c3c3ba;
background-color: #f5f5ef;
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #80807e;
margin-left: 10px; margin-top: 2px;
padding-left: 5px; padding-right: 5px; padding-top: 2px;
}
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#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; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
.Friends_SelectBox
{
border: 1px solid; border-color: #ceced0;
background-color: #f5f5ef;
width: 100px; height: 20px;
font-family: Trebuchet MS, Verdana; font-size: 0.7em; color: #959595;
position: absolute; left: 70px; top: 80px;
}
.FormLink,
a.FormLink,
a.FormLink:link,
a.FormLink:visited {
color: #818181; font-family: Trebuchet MS, Verdana; font-size: 0.9em;
text-decoration: none;
}
a.FormLink:hover {
color: #f50258; font-family: Trebuchet MS, Verdana; font-size: 0.9em;
text-decoration: none;
}
.InPage_Error
{
width: 90%;
border: 1px solid; border-color: #ff3333;
padding: 10px;
margin-bottom: 10px; margin-top: 10px; margin-left: 10px;
font-family: Arial; font-size: 0.8em; color: red;
}
.InPage_Success
{
width: 90%;
border: 1px solid; border-color: green;
padding: 10px;
margin-bottom: 10px; margin-top: 10px; margin-left: 10px;
font-family: Arial; font-size: 0.8em; color: green;
}
.Comment_Title {
font-family: Trebuchet MS, Verdana; font-size: 0.8em; color: #f50258;
}
.Comment_Date {
font-family: Trebuchet MS, Verdana; color: #a5a5a5;
}
.BrowseLink,
a.BrowseLink,
a.BrowseLink:link,
a.BrowseLink:visited {
font-family: Trebuchet MS, Verdana; font-size: 0.8em; color: #818181;
text-decoration: none;
}
a.BrowseLink:hover {
font-family: Trebuchet MS, Verdana; font-size: 0.8em; color: #f50258;
text-decoration: none;
}
.Greyline_Background {
position: absolute; bottom: 0px;
height: 30px; width: 100%;
background-color: #d6d6d6;
}