* {
margin:0;
padding:0;
}
html, body {
height:100%;
background-image:url(bilder/bg.jpg);
background-repeat: repeat-x;
background-color:#ffffff;
}
body {
text-align:center; /* horizontal centering for IE Win quirks */
}
#distance {
width:1px;
padding-top:45px;
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:834px;
clear:left;
}
#content {
width:834px;
height: 100%;
border-width: 0px;
border-style: solid;
background-image:url(bilder/bg_content.jpg);
background-repeat: repeat-y;
}
#wolken {
width:100%;
height:415px;
margin: 0px;
padding: 0px;
background-image:url(bilder/bg_wolken.jpg);
background-position: top center;
clear:left;
}
.bottom
{
padding-bottom:10px;
text-align:right;
padding-right:70px;
height:80px;
background:url(bilder/bg_content_bottom.jpg) bottom no-repeat;
}
/* Schriftarten */
div
{
font-family: Tahoma, Helvetica Neu, Arial;
font-size: 12px;
color: #717171;
line-height:16px;
}
.meldung
{
color: #E1352D;
}
h1
{
font-family: Tahoma, Arial;
font-size: 13px;
color: #6d6d6d;
line-height:16px;
margin-top: 30px;
margin-bottom:10px;
}
h2
{
font-family: Tahoma, Arial;
font-size: 12px;
color: #6d6d6d;
padding-bottom:20px;
}
h3
{
font-family: Tahoma, Arial;
font-size: 12px;
color: #6d6d6d;
padding-bottom:20px;
margin-top: 10px;
margin-bottom:0px;
}
/* Hyperlinks */
a:link { font-family: Tahoma; font-size:12px; color:#696969; text-decoration:underline;}
a:visited { font-family: Tahoma; font-size:12px; color:#696969; text-decoration:underline;}
a:hover { font-family: Tahoma; font-size:12px; color:#7e7e7e; text-decoration:none;}
a.link1:link { font-family: Tahoma, Arial; font-size:12px; color:#696969; text-decoration:underline;}
a.link1:visited { font-family: Tahoma, Arial; font-size:12px; color:#696969; text-decoration:underline;}
a.link1:hover { font-family: Tahoma, Arial; font-size:12px; color:#7e7e7e; text-decoration:none;}
/* Navigation*/
#navlist a
{
height:87px;
padding-left: 34px;
float: left;
}
#navlist a:hover {
background: url(bilder/email_hover_button.jpg);
}
#navlistb a
{
height:87px;
padding-left: 34px;
float: left;
}
#navlistb li a:link, #navlist li a:visited {
}
#navlistb a:hover {
background: url(bilder/home_hover_button.jpg) ;
}
#navlistc
{
text-align:center;
margin-bottom:20px;
}
#navlistc a
{
height:22px;
color: #707070;
text-align:right;
text-decoration: none;
font-size:13px;
font-family: Helvetica Neue, Tahoma;
}
#navlistc a:link, #navlistc a:visited {
color: #717171;
font-family: Helvetica Neue, Tahoma;
}
#navlistc a:hover {
color: #717171;
font-family: Helvetica Neue, Tahoma;
background-color: #f3f1f1;
}
.navlistd
{
border-width:0px;
border-style:solid;
width:233px;
height:129px;
padding:0px;
background-position: bottom;
background-repeat:no-repeat;
text-align:right;
margin-top:45px;
line-height:16px;
font-size:11px;
}
#linkref
{
}
#linkref a:link, a:visited {
}
#linkref a:hover {
display:block;
background: url(bilder/print_icon.jpg);
}
#referenzen
{
list-style-image:url(bilder/list_button.jpg);
padding:0px;
margin:0px;
}
#referenzen li
{
width:530px;
margin-bottom:20px;
background:#f6f6f6;
}
#referenzen2
{
list-style-image:url(bilder/list_button.jpg);
padding:0px;
margin:0px;
}
#referenzen2 li
{
margin-bottom:20px;
}
#work li
{
list-style-image:url(bilder/list_button.jpg);
margin-top:-15px;
margin-bottom:15px;
}
/* Texterweiterung */
.text
{
height:80px;
overflow:hidden;
}
.text a:link
{ font-family: Tahoma; font-size:12px; color:#E1352D; text-decoration:underline;}
.text_active a:link
{ display:none;}
.text_active a:visited
{ display:none;}
.text_active
{
height:525px;
overflow:auto;
}
.text_link1 a:link
{
display:none;
font-family: Tahoma, Helvetica Neu, Arial; font-size:12px; color:#6e6e6e; text-decoration:underline;}
.text_link1 a:visited
{
display:none;
font-family: Tahoma, Helvetica Neu, Arial; font-size:12px; color:#6e6e6e; text-decoration:underline;}
#navgrafik img
{
width:20px;
height:20px;
}
#navgrafik a:link, a:visited {
}
#navgrafik a:hover img {
width:200px;
height:200px;
}
/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:40px; height:40px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(bilder/thumb_elpaso1.jpg);}
a.slideb {background:url(bilder/thumb_elpaso2.jpg);}
a.slidec {background:url(bilder/thumb_elpaso3.jpg);}
a.slidea_hung {background:url(bilder/thumb_hung1.jpg);}
a.slideb_hung {background:url(bilder/thumb_hung2.jpg);}
a.slidec_hung {background:url(bilder/thumb_hung3.jpg);}
a.slided {background:url(bilder/thumb_elpaso4.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
/* styling for LEFT gallery */
#container_left {position:absolute; width:600px; height:105px; float:right; margin-left:106px;}
#container_left img {border:0;}
#container_left .thumbs {width:100px; height:30px; position:absolute; left:0; top:0;}
#container_left .thumbs_hung {width:180px; height:30px; position:absolute; left:0; top:0; margin-top:20px;}
#container_left a.gallery:hover span {display:block; position:absolute; width:200px; height:200px; top:0px; left:200px; padding:5px; font-style:italic; color:#fff; z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:200px; height:200px; top:20px; left:200px; padding:5px; color:#000; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}
input, textarea {
border-width : 1px;
border-style : solid;
border-color : #623b10;
background-color : #fffaf4;
font-size : 11px;
margin-top : 1px;
padding : 2px;
}
li
{
margin-left:20px;
}