/*	Client: Michael Meier & Rico Scagliola www.ricoandmichael.com
	Autor: Alexander Albrecht www.alexanderalbrecht.de
	© 2010

	Screen, Projection
	CSS-Version 1.0
	12.04.2010

	COLORS
	font				=	#000
	background-color	=	#864a88
*/

/* !INITAL RESET */
	/*	HTML UNDOS */
:link, :visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
acronym {cursor: help;}
address	{font-style: normal;}
table {border-spacing: 0;}
table tr td {vertical-align: top; border-collapse: collapse;}
input, textarea {outline: none;}

	/*	ADDITIONAL UNDOS */
* {margin: 0; padding: 0;}
img {border: 0;}

	/*	INITIAL SETTINGS */
html { width: 100%; margin: 0; padding: 0; }
/* html { overflow-y: scroll; } */ /* Für zentrierte Seiten */



/* !SITE GENERAL SETTINGS */
body {
	-webkit-text-size-adjust: auto; /* none (default) | auto | %value */
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 10px;
	color: #000;
	background-color: #f5daed;
/* 	min-width: 700px; */
}

a {	color: #000; }
a:link, a:visited { border-bottom: 1px solid #000; text-decoration: none; }
a:hover, a:active { border-bottom: none; outline: none; }
a:focus { outline: none; }
/* for PrintCSS a:link:after, a:visited:after { content:" [" attr(href) "] "; } */



/* !SITE */
#sitewrapper {
	margin: 0 20px 20px 20px;
}



/* !HEADER & MENU */
#header, #menu {
	font-family: sans-serif, Monaco, Times, Times New Roman, Georgia, serif;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.1em;
	position: fixed;
	top: 33px;
	z-index: 100;
}

#header {
	display: block;
	width: 100%;
	text-align: center;
	min-width: 630px;
	margin: 0 -20px;
}

#menu li {
	display: inline;
	margin-right: 13px;
}

#header a:link,
#header a:visited,
#menu a:link,
#menu a:visited {
	border-bottom: 1px solid #000;
}

#header a:hover,
#header a:active,
#menu a:hover,
#menu a:active {
	border-bottom: none;
}

body#home #header h1 a,
body#diary a#menu-Diary,
body#work a#menu-Work,
body#workdetails a#menu-Work,
body#about a#menu-About {
	border-bottom: none;
}



/* !CONTENT */
h2 {
	font-size: 9em;
	letter-spacing: 0.1em;
	line-height: 0.89em;
	text-transform: uppercase;
}

body#home h2 {
	letter-spacing: 0.1em;
}


h3 {
	font-size: 3.6em;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	text-transform: uppercase;
}

body#home h3 {
	font-size: 3.6em;
	letter-spacing: 0.1em;
}

p, table {
	font-family: sans-serif, Monaco, Times, Times New Roman, Georgia, serif;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.1;
	margin-bottom: 15px;
}

#contentwrapper {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 150px;
}

#content {
	text-align: center;
	margin: 80px auto 0 auto;
}

/* !CONTENT HOME */
body#home {
	background: url(../../../content/index/startseite.jpg) 0 0 no-repeat scroll #f5daed;
	background-position: center top;
/* 	background: url(../pics/startseite.jpg) 0 0 repeat fixed; */ /* lokale entwicklung bei alex */
}

body#home #contentwrapper { /* finetuning content und header */
	min-width: 679px;
}

body#home #content {
	width: 750px;
}

/* !CONTENT DIARY */
body#diary #content {
	width: 750px;
	margin: 72px auto 0 auto;	
}

.diary-item hr {
	margin: 1px auto 8px auto;
	width: 440px;
	border-top: 1px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.diary-item h2,
.diary-item h3 {
	margin-bottom: 8px;
}

.diary-item img {
	margin: 0 auto 13px auto;
}

/* !CONTENT WORK */
body#work #content {
/* 	height: 500px; */
/* 	width: 940px; */
/* 	position: relative; */
/* 	display: block; */
/* 	margin-bottom: 150px; */
	text-align: left;
}

body#work #content {
	font-size: 0;
	line-height: 0;
}

body#work #content a img {
	margin: 0 10px 10px 0;
	vertical-align: top;
}

body#work #content a:link,
body#work #content a:visited,
body#work #content a:hover,
body#work #content a:active {
	border-bottom: none;
}

/* !CONTENT WORKDETAILS */
body#workdetails #content #images a:link,
body#workdetails #content #images a:visited,
body#workdetails #content #images a:hover,
body#workdetails #content #images a:active {
	border-bottom: none;
}

body#workdetails #content {
	text-align: left;
}

img#projecttitle {
	float:left;
	margin: 0 10px 10px 0;
}

#images {
	font-size: 0;
}

#images .imagezoom img,
.media,
#videos,
object {
	margin: 0 10px 10px 0;
	vertical-align: top;
}

#projectdescription {
	width: 450px;
	display: block;
}

#projectdescription h3 {
	margin: 4px 0 12px 0;
}

/* !CONTENT ABOUT */
body#about #content {
	width: 800px;
}

body#about hr {
	margin: 0 auto 8px auto;
	width: 440px;
	border-top: 1px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#michaelandrico {
	margin-top: 5px;
}

#textmichael, #textrico {
	width: 285px;
}

#textmichael {
	float: left;
	text-align: right;
	margin-right: 15px;
}

#textrico {
	float: right;
	text-align: left;
	margin-left: 15px;
}

#contact img {
	margin: 3px 0 15px 0;
}

#catalog {
	text-align: left;
	width: 440px;
	margin: 0 auto;
}

#catalog #quote,
#catalog h3 {
	margin-bottom: 15px;
}

table td {
/* 	padding-right: 15px; */
}

table td.firstcol {
	width: 70px;
}

/* !CONTENT IMPRINT */
body#imprint #content {
	text-align: left;
}



/* !FOOTER*/
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	border-bottom: none;
}



/* !SEVERAL CLASSES */
.heart {
	font-family: Georgia;
	font-size: 1.5em;
}

.off, .forprint {
	display: none;
	visibility: hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.lime { background-color: lime; }
.yellow { background-color: yellow; }
.purple { background-color: purple; }
.red { background-color: red; }
.green { background-color: green; }
.blue { background-color: blue; }