/* 
    Document   : h-quadrat.com__texts
    Created on : 08.02.2012, 14:22:29
    Author     : hquadrat
    Description: text definitions for h-quadrat.com pages

*/

body {

    font-size: 100%;
	font-family: 'Droid Sans', sans-serif;
	color: #393939;
	
}

#maincol h1 {
	margin: 0 0 2.6em 0;

	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 155%;

/*	color: #646464;	*/
	color: #444444;
}

#maincol h1:before {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	content: "H2: ";
	color: #78a4d7;
}

#maincol h1.start:before {
	content: none;
}

#maincol h1.tag:before {
	content: "H2 Tag: ";
}

#maincol h1.project:before {
	content: "H2 Projekt: ";
}

#maincol h2 {
	margin: 4.8em auto 1.4em auto;

	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 110%;
/*	color: #444;	*/
	color: #456aac;
}

#maincol h3, h4, h5, h6 {
	margin-bottom: 0.8em;

	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #444;
}

#maincol p {
	margin-top: 0;
	margin-bottom: 3.5em;

/*	font-family: 'PT Sans', Arial, Helvetica, sans-serif;	*/
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #393939;

	word-spacing: 0.25em;
	letter-spacing: 0.01em;
	line-height: 1.6em;
}

#maincol p a {
/*	display: inline-block;	*/
	padding: 0.1em 0.2em 0.1em 1.0em;

	background-color: #f6f6f6;
/*	background-color: transparent;	*/
	background-image: url(../images/h-quadrat.com__arrow_grey_right.png);
	background-position: 3px 52%;
	background-repeat: no-repeat;

	text-decoration: none;

	line-height: 1em;
	height: 1em;
}

#maincol a, #maincol p a, #maincol p a:link, #maincol p a:visited, #maincol p a:hover {
	color: #393939;
}

#maincol p a:hover {
	text-decoration: underline;
}

#maincol ul {
	margin-bottom: 3.5em; /* Wert identisch mit dem von p	*/
	padding: 0;
	list-style-type: none;
}

#maincol ul li {
	margin: 0 0 0.8em 0;
	padding: 0 0 0 1.9em;
	list-style-type: none;

	background-color: transparent;
	background-image: url(../images/h-quadrat.com__arrow_greyer_right.png);
	background-position: 0.2em 0.4em;
	background-repeat: no-repeat;
}


/*
#
## START image overlay
#
*/

#maincol .projectimages .ctimgitem img, #pimgs .pimgitem img {

    position: relative;

    top: 0;
    left: 0;
    border: 0;

	cursor: crosshair;

}

#maincol .projectimages .ctimgitem .caption, #pimgs .pimgitem .caption {

    position: relative;
	cursor: crosshair;

	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk.
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
/*
	background-color: rgb(69, 106, 172);
	background-color: rgba(69, 106, 172, 0.7);	*/
	background-color: rgb(85, 85, 85);
	background-color: rgba(85, 85, 85, 0.5);
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#maincol .projectimages .ctimgitem .caption h3, #pimgs .pimgitem .caption h3 {

	margin: 0;
	padding: 1em 20px;

    font-size: 80%;
    font-weight: 600;

	background-color: transparent;
	color: #fff;

}

#maincol .projectimages .ctimgitem .caption p, #pimgs .pimgitem .caption p {

	margin: 0;
	padding: 0 20px 1em 20px;

	font-size: 75%;

	background-color: transparent;
	color: #fff;

}

/*
#
## END image overlay
#
*/

/*
#
## START onpage features
#
*/

/* tags and tagcloud	*/
#maincol #tagcloud {
	text-align: center;

	line-height: 1.8em;
}

#maincol #tagcloud a.tag {
	padding: 0.2em 0.4em;
	line-height: 1.4em;

	white-space: nowrap;

	background-color: #eceef0;
	background-image: none;

	text-decoration: none;
}

#maincol #tagcloud a.tag:hover {
	text-decoration: underline;
}

/* displaying code	*/
code, pre {
	display: block;

	border:1px solid #e0e4e7;
	border-left-width: 5px;

	padding: 1em;
	font-size: 90%;
	font-family: monospace;
	background-color: #f6f6f6;
}

pre>code {
	border-width: 0;
	padding: 0;
	font-size: 100%;
}

/* tabs (text-only specs here) */
#maincol #tabs #h2tabscontent h2, #maincol #tabs #h2tabscontent h3, #maincol #tabs #h2tabscontent p {
	margin-top: 0;
}

#maincol #tabs #h2tabscontent p {
	margin-bottom: 2.5em;

	font-size: 90%;
}

/*
#
## END onpage features
#
*/