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; }

.content { 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); }
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; }
.ista-grey { color: #868f98; }
a.linklink { color: #cb0447; font-weight: 700; text-decoration: none; }
a.linklink:hover { color: #cb0447; font-weight: 700; text-decoration: none; }