/* ---------------------------------------------------------- 
	biegerpr - default screen - styles  
	
	Mark Blasius webdesign° - markblasius.com
	
	
	
	client: biegerpr
	
	alle rechte vorbehalten - all rights reserved !
	
   ---------------------------------------------------------- */

body {
	color: #838383;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 3px solid #72151c;
	background-color: #faf8f8;
}

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

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {
	margin: 0 0 8px 0;
	font-size: 16px;
}

h2 {
	margin: 10px 0 20px 0;
	font-size: 22px;
	line-height: 28px;
	color: #4f4f4f;	
}

#aboutright h2 {
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	background: url(/g/vorschlagzeilen.png) no-repeat left bottom;
}

#aboutright h2 span,#portfolio h2 span {
	padding: 0 2px;
	font-size: 28px;
}

h3, ul#archive h3 {
	margin: 0 0 4px 0;
	font-size: 16px;
	line-height: 19px;
	color: #4f4f4f;
}

h4 {
	margin: 0 0 4px 0;
	font-size: 14px;
	color: #4f4f4f;
}

h3 +h4 { margin-top: 20px; }

h3.videoheadline {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}

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

#quote p {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	color: #525252;
	width: 580px;
	position: relative;
	top: 100px;
	left: 0px;
	font-family: "Times New Roman", Times, serif;
}

#quote p span {
	color: #4f4f4f;
	font-size: 16px;
}

p#portfoliomore { 
	margin: 10px 0;
	text-align: right; 
}

p.imglink {
	margin-top: 5px;
}

ul#archive p 	{ 
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 18px;
	color: #838383; 
	font-family: Georgia, "Times New Roman", Times, serif;
}

p + h3, ul + h3, ul +h4 { margin-top: 20px; }

.bloglisting { color: #4f4f4f; }

#footer p { font-size: 11px; }

ul { 
	margin: 10px 0 10px 15px;
	list-style-type: square;	
}

ul li {
	margin-bottom: 4px;
	line-height: 18px;
	 color: #4f4f4f;
} 

ul#archive { list-style-type: none; }
ul#archive li { margin: 0 0 30px 0; }

blockquote {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	line-height: 18px;
	text-indent: 0;
	border-left: 1px solid #e2e2e2;
}

.posted, ul#archive p.posted {
	margin: 0 0 10px 0;
	color: #4f4f4f;
	font-size: 11px;
	font-style: italic;
}

em { font-style: italic; }
strong { font-weight: bold; }

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

a:link, a:visited {
	color: #4f4f4f;
	text-decoration: none;
}

a:hover { 
	color: #4f4f4f;
	border-bottom: 1px solid #72151c;
	background-color: #e5e2e2; 
}

a {
	color: #4f4f4f;
	text-decoration: none;
}

a:focus {
	outline: none;
	border: 0;
}

h3 a {
	line-height: 19px;
}

p.imglink a:hover { 
	border: none;
	background-color: #faf8f8;
}

a.videolink {
	border: none;
	background-color: transparent;
}

#footer a:link, #footer a:visited {
	color: #4f4f4f;
	text-decoration: none;
}

#footer a:hover { 
	color: #4f4f4f;
	text-decoration: underline;
	border: 0;
	background-color: transparent;
}

#footer a {
	color: #4f4f4f;
	text-decoration: none;
}

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

fieldset { padding: 10px 0; }
fieldset legend { display: none; }

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

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

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

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

form.zemContactForm ul.zemError { padding: 8px 0; }

form.zemContactForm ul.zemError li { color: #72151c; }

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

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

/*  menu  --------------------------------------------------- */
	
ul#menu {
	margin: 0;
	list-style-type: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}	

ul#menu li { border-bottom: 1px solid #e2e2e2; }

ul#menu li.active { display: none; }

ul#menu a, ul#menu a:link, ul#menu a:visited {
	padding: 6px 0 8px 0;
	display: block;
	color: #838383;
	text-decoration: none;
}

ul#menu a:hover {
	color: #72151c;
	border: 0;	
	background-color: transparent;
}

/*  basic  ---------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 860px;
}

#header {
	margin: 0 0 20px 0;
	height: 300px;
	border-bottom: 1px solid #e2e2e2;
	background: url(/g/ulrichbieger.jpg) no-repeat 560px 80px;
}

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

/* startseite */

#portfolio, #about {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e2e2e2;
}

#about { margin-bottom: 5px; }

#portfolioleft, #portfoliomid, #portfolioright { width: 272px; }
#portfolioleft { float: left; }

#portfoliomid { 
	margin: 0 20px;
	float: left;	
}

#portfolioright { float: right; }

#aboutleft {
	width: 420px;
	float: left;
}

#aboutright {
	width: 420px;
	float: right;
}

/* portfolio */

#left {
	width: 272px;
	float: left;
}

#right {
	margin: 0;
	width: 564px;
	float: right;
}

/* stoerer */

#stoerer {
	width: 57px;
	height: 174px;
	position: absolute;
	top: 126px;
	right: 0;
}

#stoerer a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 57px;
	height: 174px;
	display: block;
	text-indent: -999999em;
	background: url(/g/bieger_pr_st.png) no-repeat left top;
}

#stoerer a:hover {
	text-decoration: none;
	border: none;
}

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

.cll { clear: left; }
.clr { 	clear: right; }

.clb { 
	clear: both;
	height: 3px; 
}