html,body{
margin:0;
padding:0;
}
body{
padding-top:1px;/*match height of fixed header*/
margin-top:-1px;/*match height of fixed header*/
padding-left:296px;/*match width of fixed sidebar*/
margin-left:-296px;/*match width of fixed sidebar*/
background:white url(ista-consulting-images/ista-consulting-left.gif) repeat-y left 0;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif ;
}
#outer{ margin-left:297px;/* match width (at least) of fixed sidebar (#left)*/
background-image: url(ista-consulting-images/ista-consulting-right.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: right 0;
position:relative; visibility: visible; }
#inner{
padding-top:1px;/* matches height of fixed header to clear the content below it*/
padding-left: 30px;
margin-right:50px/* clear right column*/
}
#header{
position:fixed;/* for good browsers*/
top:0;
left:0;
width:100%;
height:0px;/* the height you want the header to be*/
z-index:999;
}
#headerinner{/* header content goes inside here*/
text-align:center; height:0px;/* match height of fixed header*/
position:relative; z-index:999; visibility: visible; }
#left{/* Bear in mind that as there is no height then scrollbars won't appear in IE and very small screens will be unable to reach the content of his fixed side - so keep content to a minimum */
width:296px;
position:fixed;/* for good browers */
left:0;
top:0px;
/* bottom:20px; this will enable a vertical scrollbar to appear in good browsers*/
/* overflow:auto; this will enable a vertical scrollbar to appear in good browsers*/
}
#right{
width:50px;
position:relative;
float:right;
padding-top:0px;/* match height of header*/
padding-bottom:22px;/* match height of footer*/
}
#footer{ background-color: #cb0447; height:20px; position:fixed; bottom:0; left:0; z-index:999; width:100%; visibility: visible; border-top: 1px solid transparent; }
#clearfooter{/* to clear footer*/
height:22px;
clear:both;
}
/* ie only styles below */
/* mac hide \*/
* html, * html body{
overflow:hidden;
height:100%;
}
* html #left {position:absolute;}
* html #headerinner{margin-right:-52px;voice-family: "\"}\""; voice-family:inherit; }
* html #headerinner{margin-right:17px;}
* html #header{position:absolute;}
* html #outer {height:100%;overflow:auto}
* html #footer{
clear:both;
margin-top:-21px;
margin-right:17px;
position:relative;
width:auto;
}
/* end hide */
/* NAVIGATION */
#Navigation { color: #fff; font-size: 0.8em; text-decoration: none; width: 251px; left: 30px; top: 300px; position: absolute; visibility: visible; }
.vnav ul, .vnav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}
.vnav ul
{ border-top: 1px solid #666; border-bottom: 0 solid #666; }
.vnav ul li
{
border-bottom: 1px solid #666;
}
.vnav ul li a
{ color: #fff; display: block; text-decoration: none; padding: 2px 10px; }
.vnav ul li a:hover
{ font-weight: 700; background-color: #b11034;}
/* Hide from IE-mac \*/
* html .vnav ul li a/* hide from IE 5.0 */ {height: 1%;}
/* End hide */
/* NAVIGATION END */
.footer { color: white; font-size: 0.7em; font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif ; line-height: 20px; text-decoration: none; text-align: left; letter-spacing: 1px; }
a.maillink { color: white; font-size: 0.7em; font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif ; text-decoration: none; letter-spacing: 1px; }
a.maillink:hover { font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: underline }
h1 { color: #cb0447; font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; letter-spacing: 0.01em; }
h2 { color: #858f98; font-size: 18px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: 700; font-style: italic; line-height: 25px; }
h3 { color: #858f98; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: 700; font-style: italic; line-height: 20px; }
.slogan { color: #858f98; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: 700; font-style: italic; line-height: 20px; }
.content, #inner p, #inner li, #inner tr, #inner td { color: #4c4c4c; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 18px; list-style-image: url(ista-consulting-images/coaching-liste.gif); }
.contentB { color: #4c4c4c; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 18px; font-weight: bold; }
a.contentlink { color: #4c4c4c; text-decoration: underline; }
a.contentlink:hover { color: #cb0477; text-decoration: underline; }
.legende { color: black; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 12px; }
a.legende { color: black; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 12px; text-decoration: none; }
a.legende:hover { color: black; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 12px; text-decoration: underline; }
#animation { height: 280px; width: 280px; position: relative; z-index: 999; visibility: visible; float: right; padding-left: 20px; }
.ista-red { color: #cb0447; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.ista-grey { color: #868f98; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.ista-red-bold { color: #cb0447; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.ista-grey-bold { color: #868f98; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
a.linklink { color: #cb0447; font-weight: 700; text-decoration: none; }
a.linklink:hover { color: #cb0447; font-weight: 700; text-decoration: none; }