/* ---------------------------------------------------------- 
	markblasius.com - screen- styles  
	
	Mark Blasius - markblasius.com
	
	
	
	client: _self
	
	alle rechte vorbehalten — all rights reserved !
	
   ---------------------------------------------------------- */

body {
	padding-bottom: 28px;
	font-size: 14px;
	color: #828282;
	text-align: center;
	font-family: 'Times New Roman', Georgia, Times, serif; 
	background-color: #fff;
}

/* @group typo */

/*  typo  ---------------------------------------------------- */

h1 {
	margin: 0;
	font-size: 29px;
	font-weight: 100;
	line-height: 34px;
	color: #272727;
	text-align: left;
	letter-spacing: -0.020em;
	font-family: 'Times New Roman', Georgia, serif;
}

h1 span { color: #a58930; }
h1 span.caps { color: #272727; }

#content h1 { margin: 0 0 40px 0; }

h2 {
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	color: #a58930;
}

#eins h2, #zwei h2, #drei h2, #vier h2 { margin: 0 0 4px 0; }

h3 {
	font-size: 14px;
	line-height: 21px;
	color: #282828;
}

p { 
	margin: 0 0 6px 0;
	line-height: 18px; 
}

#eins ul li, #zwei ul li, #drei ul li, #vier ul li {
	margin: 0 0 2px 0;
	line-height: 18px;
}

#footer { font-size: 11px; }

/* typo essentials */
strong { font-weight: bold; }
em { font-style: italic; }

/* @end */

/* @group linkage */

/*  linkage ---- ---------------------------------------------- */

a, a:link {
	padding: 0;
	color: #272727;
	border: 0;
	text-decoration: none;
}

a:hover {
	padding: 0;
	color: #a58930;
	border: 0;
	text-decoration: none;
}

a:visited {
	padding: 0;
	color: #272727;
	border: 0;
	text-decoration: none;
}

a:hover, a:focus {
	outline: none;
	padding: 0;
	color: #a58930;
	border: 0;
	text-decoration: none;
}

#eins a, #zwei a, #drei a, #vier a, 
#eins a:link, #zwei a:link, #drei a:link, #vier a:link {
	color: #828282;
}

#eins a:hover, #zwei a:hover, #drei a:hover, #vier a:hover {
	color: #a58930;
}

h1 a, h1 a:link, h1 a:visited { text-decoration: underline; }

/* @end */

/* @group forms */

/* forms ---------------------------------------------------- */

form { margin: 4px 0 0 0; }

fieldset { 
	padding: 0;
	border: none; 
}

fieldset legend { display: none; }

form.zemContactForm input, form.zemContactForm textarea { 
	font-size: 18px;
	color: #272727;
	text-align: left; 
}

input, textarea {
	margin: 2px 0 0 0;
	color: #352a29;
	border: 1px solid #e0e0e0;
	background-color: #fff;
}

#Name, #E-Mail, #Nachricht { width: 460px; }

form.zemContactForm input.zemSubmit { 
	cursor: pointer; 
	text-align: center; 
}

h2#zemError { padding-bottom: 8px; }

p#submit input {
	padding: 4px 7px;
	font-size: 12px;
	border: 1px solid #e0e0e0;
}

/* @end */

/* @group mainlayout */

/*  main layout  ---------------------------------------------- */

#container {
	margin: 0 auto;
	padding: 0 20px;
	width: 1000px;
}

#header { 	width: 960px; }

h1#logo a {
	margin: 0;
	padding: 0;
	display: block;
	width: 174px;
	height: 18px;
	text-indent: -99999em;
	text-decoration: none;
	position: relative;
	top: 40px;
	left: 0;
	border: 0;
	background-image: url(/g/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#content { width: 960px; }

#eins, #zwei, #drei, #vier {
	margin: 60px 0;
	width: 225px;
	text-align: left;
}

#eins, #zwei, #drei {
	margin-right: 20px;
	float: left;
}

#zwei, #drei { padding-top: 25px; }

#vier { float: right;	 }

/* @group resume + kontakt */

/* resume + kontakt ------------------------------------------ */

#resumeleft, #resumeright, #kontaktleft, #kontaktright,
#impressumleft, #impressumright { 
	margin: 0 0 20px 0;
	width: 470px;
	text-align: left; 
}

#resumeleft, #kontaktleft, #impressumleft { float: left; }

#resumeright, #kontaktright, #impressumright { float: right; }

/* @end */

/* @group arbeitsproben */

/* arbeitsproben  --------------------------------------------- */

#content p img { 
	text-align: center;
	border: 1px solid #828282; 
}

/* @end */

/* footer  -------------------------------------------------- */

#footer  {
	margin: 0;
	padding: 40px 0 0 0;
	width: 960px;
	clear: both;
	text-align: left;
	color: #999999;
}

/* @end */


/* @group essentials */

/*  essentials  ----------------------------------------------- */

.cll { clear: left; }
.clb { clear: both; }

/* @end */