@charset "utf-8";
/* CSS Document */
body{
	/*
	background-image: url(../images/bg_under.jpg);
	background-position: bottom right;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #FBFBFB;
	*/
	background-image: url(../images/bg_pattern.gif);	
}

/* Division setup */
#bgcontainer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/bg.png);
	background-position: bottom right;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
}
#logo{
	position: fixed;
	top: 30px;
	left: 30px;
}

#content{
	position: absolute;
	left: 270px;
	top: 30px;
	width: 540px;
	text-align: left;
}
#menuContact{
	position: fixed;
	top: 120px;
	left: 15px;
	text-align: left;
}
div.bio{
	background-image: url(../images/90PercentBlack.png);
	border-bottom: 3px solid #00A8FF;
	margin-bottom: 35px;
	padding-bottom: 5px;
	height: 275px;
}
div.project{
	background-image: url(../images/80PercentWhite.png);
	margin-bottom: 35px;
	padding-bottom: 5px;
}
div.contentWhite{
	background-image: url(../images/80PercentWhite.png);
	margin-bottom: 35px;
	padding-bottom: 5px;
}
div.contentBlack{
	background-image: url(../images/90PercentBlack.png);
	margin-bottom: 35px;
	padding-bottom: 5px;
	border-bottom: 3px solid #00A8FF;
}
div.rightFrame{
	width: 420px;
	margin-left: 120px;
}
div.leftFrame{
	width: 420px;
}
div.rightSmallFrame{
	width: 350px;
	margin-left: 190px;

}
div.leftSmallFrame{
	width: 390px;
}
div.slideshow{
	text-align: center;
	margin: 10px 0 10px 0;
}
div.vimeo{
	width: 510px;
	background-image: url(../images/80PercentBlack.png);
	text-align: center;
	margin: 5px auto 5px auto;
	border: 1px solid #222;
	padding: 5px 0 5px 0;
}

/* Text Styles */
h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	line-height: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #00A8FF;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: .06em;
}
h1.extraStrong{
	font-size: 2em;
	background: none;
	background-image: url(../images/90PercentBlack.png);
	color: #FFF;
}
h1.bio{
	color: #FFF;
	
}
h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: .06em;
}
h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #00A8FF;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 0 .4em 0;
	letter-spacing: .06em;
}
h3.sidebar{
	color: #222;
	font-style:italic;
	font-weight: normal;
}
p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: .06em;
	color: #666;
}
p.contact{
	color: #999;
	font-size: 1em;
}
p.bio{
	color: #CCC;
}
p.gedicht{
	font-style: italic;
}
a{
	color: #00A8FF;
}
a:hover{
	color: #ffa200;
	text-decoration: none;
}
a:visited{
	color: #00A8FF;	
}
a:visited:hover{
	color: #ffa200;
	text-decoration: none;
}
a.menuItem{
	color: #00A8FF;
	text-decoration: none;
}
a.menuItem:hover{
	color: #ffa200;
	text-decoration: none;
}
a.menuItem:visited{
	color: #00A8FF;	
}
a.menuItem:visited:hover{
	color: #ffa200;
	text-decoration: none;
}
a.anchor{
	text-decoration: none;
}
ul{

}
li.menuItem{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: .06em;
	font-style: italic;
	color: #999;
}
input.emailInput{
	display: block;
	margin-left: 15px;
	width: 190px;
	border: 1px solid #CCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}
input.emailSubmit{
	display: block;
	margin-left: 15px;
	width: 192px;
	border: 1px solid #0e87c6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.3em;
	background-color: #00A8FF;
}
input.emailSubmit:hover{
	border: 1px solid #1b6e98;
	background-color: #0e87c6;
}
input.emailInput:hover{
	color: #ffa200;	
}