/* Main Settings
-------------------------------------- */
body {
	background-color: #e8e8da;
	color: #666666;
	font-size: 11.5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin: 0px;
}
p, h1, h2, h3 {
	margin:0;
	padding:0;
	line-height: 1.2;
}
/* Container
-------------------------------------- */
#wrapper {
	width: 950px;
	margin: 0px auto;
	margin-top: 40px;
}
/* Link Styles
-------------------------------------- */
a {	color: #666666;
	text-decoration: none;
}
a:visited {
	color:#666666;
	text-decoration: none;
}
a:hover {
	color: #498cb3;
	text-decoration: none;
}
/* Removes dotted border in Firefox & IE */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }





/* Headlines
-------------------------------------- */
h1	{ 
	font-size: 26px;
	font-family: "museo-1","museo-2", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	width: 835px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
h2	{
	padding-top: 4px;
 	font-size: 15px;
 	font-weight: normal;
 	color: #666666;
 	font-family: "museo-1","museo-2", Georgia, "Times New Roman", Times, serif;
}
h1.section {
	padding: 0;
}
h1.imprint {
	line-height: 27px;
	font-family: "museo-1","museo-2", Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: 22px;
	margin-top: 82px;
	color: rgb(72,70,70);
}
p.introduction {
	width: 770px;
	line-height: 35px;
	font-size: 22px;
	font-weight: 200;
	font-family: "museo-1","museo-2", Georgia, "Times New Roman", Times, serif;
	color: rgb(72,70,70);
	margin-top: 82px;
	margin-bottom: 40px;
}
#sayhello {
	float: right;
	width: 70px;
	margin-top: 12px;
	height: 17px;
	background: url('../images/sayhello.gif') top left no-repeat;
}	
#titlebar {
	position:relative;
	left: -63px;
	float: left;
	z-index: 10;
	display: block;
	width: 255px;
	height: 40px;
	background: url('../images/titlebar_tombinroth.gif') top left no-repeat;
}
#button_blog {
	position:absolute;
	top: 22px;
	z-index: 15;
	width: 60px;
	height: 59px;
	margin-left: 555px;
	background: url('../images/button_blog.gif') top left no-repeat;
}


/* Content Area
-------------------------------------- */
img {
	border-style: none;
}
img.thumbnails {
	border: solid 1px #e7e7e7;
}		
img.getintouch_headline {
	margin-top: 40px;
	margin-bottom: 5px;
}
img.thingsilike_headline {
	margin-top: 40px;
	margin-bottom: 5px;
}
img.friends_headline {
	margin-top: 55px;
	margin-bottom: 5px;
}
#content {
	background-color: #fff;
	padding: 50px 50px 10px 50px; 
	margin-left: 0;
}

#content ul{
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#content ul.fest{
	float: left;
	list-style-type: none;
	padding: 0px;
	margin-bottom: 50px;
}

#content ul.fest li.thumbs {
	width: 270px;
	float: left;
	padding: 0px;
	margin: 0px 12px 17px 0px; 
}
#content ul.fest li.thumbs a:hover {
	opacity: 0.45; 
}		
#contactform {
	margin-top: 4px;
}
h3.footer {
	padding-top: 35px;
 	font-size: 15px;
 	font-weight: normal;
 	color: #666;
 	font-family: "museo-1","museo-2", Georgia, "Times New Roman", Times, serif;
 	clear: left;
}
p.footer {
	color: #8d8d8d; 
	font-weight: normal;
	font-size: 11px;
}	
#footer_ms_icon {
	vertical-align: middle;
}
/* Linkfarbe fuer email adresse bei ausgeschaltetem js */
#selected a {
	color: #498cb3;
}

/* Download Portfolio & View Motion Reel
-------------------------------------- */
}
#downloadportfolio ul {
	margin: 0px 0px 0 0;
	list-style-type: none;
	display: block;
}
#downloadportfolio ul li {
	margin-right: 70px;
	display: block;
	float: left;
}
#download_portfolio_icon {
	display: block;
	border-style: none;
	width: 253px;
	height: 23px;
	padding-right: 150px;
	background: url('../images/download_portfolio.gif') top left no-repeat;
}
#download_portfolio_icon:hover {
	background-position: 0 -23px !important;
}
#view_motion_reel {
	border-style: none;
	display: block;
	width: 228px;
	height: 23px;
	background: url('../images/view_motion_reel.gif') top left no-repeat;
}
#view_motion_reel:hover {
	background-position: 0 -23px !important;
}
/* Tooltip
-------------------------------------- */
#qTip {
	position: absolute;
	padding: 5px 10px 5px 20px;
	display: none;
	font-size: 11px;
	color: #f7f8e9;
	z-index: 1000;
	background: url('../images/quicktip.png') repeat;
}
/* Things I like Mouseover Bar
-------------------------------------- */
}
#thingsilike ul {
	margin: 0px 0px 0 0;
	list-style-type: none;
	display: block;
}
#thingsilike ul li {
	margin-right: 70px;
	display: block;
	float: left;
}
.friends {
	width: 150px;
	display: block;
	float: left;
}
#apple {
	display: block;
	width: 26px;
	height: 29px;
	background: url(../images/apple_icon.gif) top left no-repeat;
}
#adobe {
	display: block;
	width: 25px;
	height: 29px;
	background: url('../images/adobe.gif') top left no-repeat;
}
#adobe:hover {
	background-position: 0 -29px !important;
}
#deepershades {
	display: block;
	width: 68px;
	height: 29px;
	background: url('../images/deepershades.gif') top left no-repeat;
}
#deepershades:hover {
	background-position: 0 -29px !important;
}
#canada {
	display: block;
	width: 53px;
	height: 29px;
	background: url('../images/canada.gif') top left no-repeat;
}
#canada:hover {
	background-position: 0 -29px !important;
}
#colourlovers {
	display: block;
	width: 203px;
	height: 29px;
	background: url('../images/colourlovers_icon.gif') top left no-repeat;
}


/* Impressum
-------------------------------------- */
#vCard {
	vertical-align: bottom;
}
h2.imprint {
	padding-top: 11.5px;
}	
p.imprint {
	padding-top: 11.5px;
}