/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */



body {
/*background: url(images/backgroundnoise.jpg) repeat;*/

background-color: #F8F8F8;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#858585;
padding:0px;
margin:0px;
}

a {color: #4465a7; text-decoration:none;}
a:visited {color:#4a7ce3;}
a:hover {color: #4a7ce3;}
a:active { color:#000000;}

p {padding-left:56px;}

h1 {
font-size: 11px;
text-transform:uppercase;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
color:#CCCCCC;
font-family:Helvetica;
margin-bottom:-5px;
margin-right:0px;
padding-bottom:0px;
margin-left:6px;
margin-top:0px;
/*border-bottom: 1px solid #858585;*/
}


.hiddenPic img {display:none;}

.arrow {
	position:absolute;
	right:10%;
	top:438px;
	z-index:100;
	border:none;
}

.arrowl {
	position:absolute;
	left:12%;
	top:438px;
	z-index:100;
	border:none;
}

img.download {vertical-align:middle;}

/* --------------Menu------------- */

.menu ul{
	display: inline;
	position:absolute;
	z-index:50;
	right:10%;
	top:24px;
	float:right;
	margin:0;
	padding: 0px 0;
	list-style-type: none;
	text-align: right;
}

.menu ul li {
display: inline;
text-align: center;
vertical-align:top;

}

.link1 a:link, .link1 a:visited {
width:84px; 
height:49px; 
display: inline-block;
background:url(images/workb.png) no-repeat center;
border-bottom:#F8F8F8 4px solid;
}
.link1 a:hover, .link1 a:active, .link1 a.current {
width:84px; 
height:49px; 
display: inline-block;
background:url(images/workb.png) no-repeat center;
border-bottom:black 4px solid;
}

.link2 a:link, .link2 a:visited {
width:84px; 
height:49px; 
display: inline-block;
background:url(images/resumeb.png) no-repeat center;
border-bottom:#F8F8F8 4px solid;
}
.link2 a:hover, .link2 a:active, .link2 a.current {
width:84px; 
height:49px; 
display: inline-block;
background:url(images/resumeb.png) no-repeat center;
border-bottom:black 4px solid;
}

.link3 a:link, .link3 a:visited {
width:120px; 
height:49px; 
display: inline-block;
background:url(images/contactb.png) no-repeat center;
border-bottom:#F8F8F8 4px solid;
}
.link3 a:hover, .link3 a:active, .link3 a.current {
width:120px; 
height:49px; 
display: inline-block;
background:url(images/contactb.png) no-repeat center;
border-bottom:black 4px solid;
}

/* ----------container to center the layout-------------- */
#container {
width: 90%;
position: absolute;
z-index:1;
left:auto;
right:auto;
top:0px;
/*background:url(images/back.jpg) repeat-y left;*/
}

/* ----------banner for logo-------------- */
#banner {
/*background: url(images/top.jpg) no-repeat top center;*/
text-align: left;
padding: 0px;
margin: 0px;
height: 100px;
}
#banner img {
	padding:7px 0px;
	margin-left:42px;
	margin-top:0px;
	text-align:left;
} 
#banner object {padding:7px 0px; margin-left:155px; margin-top:10px; text-align:left;} 

/* -----------------content--------------------- */
#content {
padding: 0px;
padding-left:100px;
padding-bottom: 158;
padding-right:5px;
/*margin-left: 206px;*/
margin-right: 0px;
}
div#content { 
/*min-height:1000px;*/
/*height:expression(this.scrollHeight > 1000 ? "auto":"1000px");*/
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
/*background:url(images/left.jpg) left top no-repeat;*/
height:424px;
float: left;
width: 100px;
margin: 0px;
padding:0px;
color: white;
text-align:right;
position:relative;
z-index:20;

}

/* -----------footer--------------------------- */
#footer {
height: 100px;
/*background:url(images/footer.jpg) no-repeat;*/
clear: both;
margin: 0px;
padding: 0px;
text-align: right;
display:block;
}


/* -----------carousel thing--------------------------- */

.stepcarousel {
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width: 80%px; /*Width of Carousel Viewer itself*/
height: 370px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
/*width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel div img {
border:none;
}

.stepcarousel div img:hover {
border-bottom: 10px #c9c9c9 solid;


}


.particulas {
	position:fixed;
}