html {
}
body {
width : 960px;
margin : 20px auto;
padding : 0;
color : #444;
font : 13px/20px 'HelveticaNeue-Light','HelveticaNeue',arial,sans-serif;
background : #fff;
}
h1 {
width : 221px;
height : 44px;
margin : 0;
text-indent : -1000em;
background : url(../media/shared/stv.gif);
}
h1 a, h1 a:hover {
display : block;
width : 221px;
height : 44px;
border : none;
}
h2 {
margin : 0 0 20px 0;
padding : 0;
color : #000;
font-size : 20px;
line-height : 19px;
font-weight : normal;
letter-spacing : 1px;
border-bottom : 1px solid #eee;
}
h3 {
margin : 0;
color : #000;
font-size : 1em;
font-weight : normal;
letter-spacing : 1px;
}
p:first-letter {
font-size : 15px;
}
p, ul, ol {
margin : 0 0 20px 0;
padding : 0;
}
a {
color : #444;
text-decoration : none;
border-bottom : 1px solid #fff;
}
a:hover {
color : #000;
border-bottom : 1px solid #999;
}
a:active, a:focus {
outline : none;
}
hr {
clear : both;
margin : 0;
padding : 0;
color : #fff;
border : none;
height : 1px;
}
#menu {
width : 646px;
height : 16px;
margin : -16px 0 0 314px;
padding : 0;
list-style : none;
background : url(../media/shared/menu.gif);
}
#menu li {
float : left;
height : 16px;
opacity : .6;
filter: alpha(opacity = 60);
}
#menu li.current, #menu li:hover {
opacity : 1;
filter: alpha(opacity = 100);
}
#menu a, #menu em {
float : left;
text-indent : -1000em;
background-position : left top;
background-repeat : no-repeat;
background-color : #fff;
}
#menu a:hover {
border-bottom : 1px solid #999;
}
#g {
width : 228px;
background-image : url(../media/shared/grafik.gif);
}
#m {
width : 75px;
margin-left : 70px;
background-image : url(../media/shared/film.gif);
}
#f {
width : 194px;
margin-left : 78px;
background-image : url(../media/shared/fotografie.gif);
}
#content {
position : relative;
height : 400px;
margin : 20px 0 0 32px;
}
body>#content {
height : auto;
min-height : 400px;
}
#content a {
border-bottom-color : #999;
}
.panel, .start {
height : 360px;
padding-top : 40px;
background : #fff;
}
.start {
height : auto;
}
.js .panel {
position : absolute;
}
.panel.hide {
display : none;
}
.panel img {
position : absolute;
top : 40px;
left : 80px;
}
.start img {
position : absolute;
top : 40px;
left : 0px;
}
.panel h2, .panel h3 {
margin : 0 0 0 540px;
}
.panel h2 {
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
}
.panel h2 em {
font-size : 92%;
font-style : normal;
font-weight : normal;
text-transform : none;
}
.panel h3 {
color : #777;
}
.panel p, .start p {
margin : 0 0 20px 540px;
}
#thumbs {
margin : 0;
padding : 0;
clear : both;
}
#thumbs li {
display : inline;
padding : 0;
margin : 0 10px 0 0;
}
#thumbs img {
opacity : .8;
cursor : pointer;
border : 1px solid #fff;
}
#thumbs img:hover, #thumbs img.current {
opacity : 1;
border : 1px solid #000;
}
#thumbs img.current {
-webkit-box-shadow : rgba(0,0,0,.8) 0px 2px 4px;
}
.column {
float : left;
width : 33%;
list-style : none;
}
.column li {
margin : 0;
padding : 0;
}
address {
margin : 20px 0 0 0;
color : #999;
font-size : 12px;
line-height : 4;
font-style : normal;
text-align : right;
border-top : 1px solid #f5f5f5;
}
address a {
color : #999;
}