/*   
Theme Name: HKG1v06
Description: HKG1s own Wordpress theme
Author: HKG1
Author URI: http://www.hkg1.de
.
.
*/

/* general */

body {
	margin: 0 0 0px 0;
	background: #333333;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	color: #999999;
	
}

.home {
	/* edit for custom homepage background */
	background: #79c7f3 url('images/hkg1_home_bg.png') repeat-x;
}

.standard {
	/*edit for all other pages */
/*	background: url('images/back.jpg');*/
	background: #b9bfc4 url('images/hkg1_standard_bg.png') repeat-x;
	
}

#bg_container {
	width: 1000px;
	min-width: 794px;
	margin: auto auto 48px auto;
}

.bg_feature {
		background: url('../../uploads/hkg1_dia_feature_back.jpg') no-repeat;
/*		background-position: center 15px;*/

}

.bg_else {
/*	background: #666666;*/
/*	background: url('images/back.jpg');*/
}

#content_wrap {
	margin: auto;
	width: 794px;
}

a, a:link {
	text-decoration: none;
	border: none;
	outline: none;
	color: #111111;
}

a:hover {
}

a:active {
	color: #000000;
}

a:visited {
	color: #333333;
}

img {
	border: none;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* general classes */

.floatleft {float: left;}

.clear {clear: both;}

.tcenter{text-align: center;}
.block {
	display: block;
}

.nodisplay {
	display: none;
}

.hidden {
	visibility: hidden;
}

.of_hidden {
	overflow: hidden;
}

.fs_12 {
	font-size: 12px;
}

.fs_small {
	font-size: 11px;
}

.fs_smaller {
	font-size: 10px;
}

.fs_smallest {
	font-size: 9px;
}

.lh_26 {
	line-height: 26px;
}

.w_358 {
	width: 358px;
}

.w_359 {
	width: 359px;
}

.w_373 {
	width: 373px;
}

.w_377 {
	width: 377px;
}

.w_378 {
	width: 378px;
}

.w_392 {
	width: 392px;
}

.w_396 {
	width: 396px;
}

.w_397 {
	width: 397px;
}

.w_794 {
	width: 794px;
}

.h_100pc {
	height: 100%;
}

.h_144 {
	height: 144px;
}

.mleft_0 {
	margin-left: 0px;
}

.mleft_1 {
	margin-left: 1px;
}

.mleft_10 {
	margin-left: 10px;
}

.mleft_12 {
	margin-left: 12px;
}

.mleft_64 {
	margin-left: 64px;
}

.mleft_68 {
	margin-left: 68px;
}

.mtop_0 {
	margin-top: 0px;
}

.mtop_1 {
	margin-top: 1px;
}

.mtop_2 {
	margin-top: 2px;
}

.mtop_4 {
	margin-top: 4px;
}

.mtop_8 {
	margin-top: 8px;
}

.mtop_12 {
	margin-top: 12px;
}

.mtop_18 {
	margin-top: 18px;
}

.mbottom_18 {
	margin-bottom: 18px;
}

.mbottom_24 {margin-bottom:24px;}
.mbottom_64 {
	margin-bottom: 64px;
}

.mbottom_n2000 {
	margin-bottom: -2000px;
}

.pleft_19 {
	padding-left: 19px;
}

.psides_19 {
	padding-left: 19px;
	padding-right: 19px;
}

.ptop_0 {
	padding-top: 0px;
}

.ptop_14 {
	padding-top: 14px;
}

.ptop_18 {
	padding-top: 18px;
}

.ptop_19 {
	padding-top: 19px;
}

.pbottom_18 {
	padding-bottom: 18px;
}

.pbottom_24 {
	padding-bottom: 24px;
}

.pbottom_2000 {
	padding-bottom: 2000px;
}

.bg_white {
	background: #ffffff;
}

.lh_14 {
	line-height: 14px;
}

.lh_18 {
	line-height: 18px;
}

.lh_20 {
	line-height: 20px;
}

.project_inlay {
		position: relative;
		top: 112px;
		left: 397px;
		width: 377px;
		border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	
}

.blackborder {
	border: 1px solid black;
}

.redborder {
	border: 1px solid #e50000;
}

.redhover a {
}

.redhover a:hover {
	color: #e50000;
}

.blk {color: #111111;}

/* Header */

#headertop {
	height: 68px;
	overflow: hidden;
}

#headertext {
	margin-top: 6px;
	width: 358px;
/*	padding-left: 19px;*/
	float: left;
}

#headerbar {
	width: 779px;
	height: 103px;
	padding-left: 15px;
	background: url('images/hkg1_headerbar_beta.png') no-repeat 0px;
/*	border: 1px solid black;*/
/*	overflow: hidden;*/
}

#headerlogo {
	display:block;
	width: 204px;
	height: 100px;
/*	margin-left: 15px;*/
	background: url('images/hkg1_headerlogo.png') no-repeat 0;
	float: left;
}

/* Header navigation */

#headnav {
	position: relative;
	top: 18px;
	margin-left: 178px;
	height: 80px;
/*	padding-top: 20px;*/
/*	width: 376px;*/
}

#headnav ul {
	padding: 0px;
	display: block;
/*	height: 82px;*/
	margin-left: 0px;
}

#headnav ul li {
	float: left;
	display: block;
	list-style-type:none;
/*	border: 1px solid black;*/
}

#headnav ul li a {
/*	margin-top: 18px;*/
	width: 80px;
	height: 80px;
	display: block;
/*	border: 1px solid black;*/
	background: url('images/headnav_items.png') no-repeat 0 0;
	text-indent: -2000px;
}

#headnav ul li#articles_link a {
	background-position: -80px 0;
}

#headnav ul li#articles_link a:hover {
	background-position: -80px -80px;
}

#headnav ul li#articles_link a:active {
	background-position: -80px -80px;
}

#headnav ul li#projects_link a {
	background-position: 0px 0px;
}

#headnav ul li#projects_link a:hover {
	background-position: 0px -80px;
}

#headnav ul li#projects_link a:active {
	background-position: 0px -80px;
}

#headnav ul li#contact_link a {
	background-position: -160px 0;
}
#headnav ul li#contact_link a:hover {
	background-position: -160px -80px;
}

#headnav ul li#contact_link a:active {
	background-position: -160px -80px;
}

/* keep headnav-icons in clicked state as determined in header.php/body-id */

body#kontakt ul li#contact_link a {
	background-position: -160px -80px;	
}

body#projekte ul li#projects_link a {
	background-position: 0px -80px;
}

body#artikel ul li#articles_link a {
	background-position: -80px -80px;
}

/*Standards */

#singlebar {
	height: 28px;
	background: #ffffff;
	padding-left: 19px;
	line-height: 28px;
}

#singlebar a {
	font-weight: bold;
}

#singlebar a:hover {
	color: #e50000;
}

/* Homepage */
#feature {
	width: 794px;
}

#feature a {
	display: block;
	width: 794px;
	height: 280px;
	background: transparent url('../../uploads/feature_diagrams_front_0.png');
}

#feature a:hover{background: transparent url('../../uploads/feature_diagrams_front_1.png');}

#feature a:active{background: transparent url('../../uploads/feature_diagrams_front_1.png');}

#feature p {
	margin-top: 0px;
}

#hp_double_column {
	width: 392px;
	float: left;
}

/* Article Column */

#article_box ul {
	
	height: 146px;
	display: block;
	background: #ffffff;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#article_box li {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}

#article_box a {
	display: block;
	width:392px;
	height: 146px;
}

#article_box a:hover {
	color: #e50000;
}

.article_title {
	display: block;
	font-family: Georgia;
	margin-left: 19px;
	margin-bottom: 0px;
	padding-top: 17px;
	font-size: 17px;
	height: 40px;
	width: 361px;
	overflow: hidden;
/* 	border: 1px solid black; */
}

.article_title_single {
	display: block;
	font-family: Georgia;
	color: #111111;
	margin-left: 19px;
	margin-bottom: 0px;
	padding-top: 17px;
	font-size: 17px;
	height: 40px;
	width: 361px;
	overflow: hidden;
}

.article_excerpt {
	display: block;
	margin-left: 19px;
	margin-top: 11px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #999999;
	height: 32px;
	width: 354px;
	overflow: hidden;
/* 	border: 1px solid black; */
}

.article_fineprint {
	display: block;
	margin-top: 15px;
	margin-left: 19px;
	margin-right: 19px;
	font-size: 11px;
	height: 14px;
	overflow: hidden;
	color: #999999;	
/* 	border: 1px solid black; */
}

/* Project Column styling */

#project_box ul {
	height: 146px;
	display: block;
	background: #ffffff;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#project_box li {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}

#project_box a {
	display: block;
	width:392px;
	height: 146px;
}

#project_box a:hover {
	color: #e50000;
}

.project_title {
	display: block;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	margin-left: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 17px;
	margin-right: 12px;
	font-size: 16px;
	height: 40px;
	overflow: hidden;
/* 	border: 1px solid black; */
}

.project_title a {
	color: #111111;
}

.project_title a:hover {
	color: #e50000;
}

.project_title_single {
	display: block;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	margin-left: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 17px;
	margin-right: 12px;
	font-size: 16px;
	height: 40px;
	overflow: hidden;
	color: #111111;
}

.project_excerpt {
	display: block;
	margin-left: 19px;
	margin-top: 11px;
	margin-right: 19px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #999999;
	height: 32px;
	overflow: hidden;
/* 	border: 1px solid black; */
}

.project_fineprint {
	display: block;
	margin-top: 15px;
	margin-left: 19px;
	margin-right: 19px;
	font-size: 11px;
	height: 14px;
	overflow: hidden;
	color: #999999;	
/* 	border: 1px solid black; */
}

/* Project Category */

#project_biglink a:hover {
	color: #e50000;
}

#project_cat_box {
	margin-top: 4px;
}

#project_cat_box ul{
	display: block;
	width: 794px;
	height: 280px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#project_cat_box li {
	position: relative;
	top: 112px;
	left: 397px;
	display: block;
	background: #ffffff;
	width: 396px;
	height: 144px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#project_cat_box a {
	display: block;
	width:794px;
	height: 280px;
	/* 	border: 1px solid black */
}

#project_cat_box a:hover {
	color: #e50000;
}

#project_title {
	padding-top: 18px;
	height: 128px;
}


#project_headline {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*	color: #111111;*/
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;

	/*	border: 1px solid black;*/
}

#project_excerpt {
	margin-top: 11px;
	font-size: 12px;
	color: #999999;
	line-height: 18px;
	height: 35px;
	overflow: hidden;
	/*	border: 1px solid black;*/
}

#project_excerpt a {
	color: #999999;
}

#project_fineprint {
	margin-top: 12px;
	font-size: 11px;
	color: #999999;
/*	border: 1px solid black;*/
}

#project_fineprint a {
 		color: #999999;	 
/*	color: #e50000;*/
}

/* nur für div-aufbau der tags-seite */
#projectboxsmall {
	background: #ffffff;
	height: 146px;
	width: 396px;
	border-left: 1px solid #dddddd;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#projectboxsmall a {
	color: #111111;
}

#projectboxsmall a:hover {
	color: #e50000;
}

#project_box_small ul {
	display: block;
	list-style: none;
	height: 146px;
	width: 396px;
	border-left: 1px solid #dddddd;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#project_box_small a {
	color: #111111;
}

#project_box_small a:hover {
	color: #e50000;
}

#hp_bottombar {
		height: 28px;
		background: #ffffff;
		padding-right: 19px;
		line-height: 26px;
		text-align: right;
}

/* Article single */

#article_content {
	margin-bottom: -12px; /* mbottom(hr) - mtop des nächsten elementes! */
}

#article_content p {
	width: 372px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 16px;
/*	padding-left: 19px;*/
	padding-right: 5px;
	padding-bottom: 28px;
	line-height: 20px;
	background: #ffffff;
	float: left;
}

#article_content a {
	text-decoration: underline;
	color: #999999;
}

#article_content a:hover {
/*	color: #333333;*/
	color: #e50000;
}

#article_content img {
	margin-left: 1px;
	margin-bottom: 8px;
/*	width: 397px;*/
	float: left;
}

#article_content hr {
	margin-top: 0px;
	margin-bottom: 12px;
	visibility: hidden;
	clear: both;
}

/* Projects */
#projectpost {
	width: 794px;
	height: 280px;
}

#projectimg_small {
	height: 146px;
/* 	background-position: 0px -112px; */
	 
}

.projectinlay_small {
	width: 377px;
	border-left: 1px solid #dddddd;
}

#project_url a{
	font-weight: bold;
}

/* Tags */

#single_tags {
	
}

#single_tags a:hover {
	color: #e50000;
}

/* Related */

#related {
	
}

#related a {
	font-weight: bold;
}

#related a:hover {
	color: #e50000;
}

/* Comments */

#respond {
	width: 540px;
	margin-left: 40px;
	padding-bottom: 18px;
}

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

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 19px 1px 0;
}

#commentform textarea {
	width: 540px;
	padding: 2px;
}

#commentform #submit {
	margin-top: 12px;
}

.commentlist li {
	width: 540px;
/*	margin: 15px 19px 10px 0px;*/
/*	padding: 5px 5px 10px 10px;*/
/*	border-bottom: 2px solid #dddddd;*/

}

.commentlist p {
	margin-top: 8px;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dddddd;
/*	font-size: 12px;*/
/*	line-height: 16px;*/
}

.commentlist p a {
	color: #999999;
	text-decoration: underline;
}

.commentlist cite a {
	color: #999999;
}

.commentmetadata {
	font-size: 10px;
	margin-top: 4px;
}

.commentmetadata a{
	color: #999999;
	margin: 0;
	display: block;
/*	text-decoration: none;*/
}

.commentlist p a {
/*	color: #666666;*/
/*	text-decoration: underline;*/
}

.commentlist cite a {
/*	color: #333333;*/
/*	text-decoration: underline;*/
}

/* Contact */

.contact_headline {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #111111;
	font-size: 16px;
}

.contact_name {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #111111;
	font-size: 13px;
}
.ref_quote {font-size:13px;font-style:italic;}
.ref_name {font-size:11px;}

/* Footer */

#footer {
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 24px;
	padding-bottom: 12px;
	background: #ffffff;
}

#footer a:hover {
	color: #e50000;
}


/* Tag Seite neu, die Klassen werden z.Zt. auch auf der Artikel-Seite verwendet! */
.cat_art_container {
	display: block;
	width: 794px;
	height: 146px;
	margin-top: 4px;
}

.tg_project_container {
	display: block;
	width: 794px;
	height: 146px;
	margin-top: 2px;
}

.tg_project_img {
	display: block;
	height: 146px;
	width: 397px;
	float: left;
}

.tg_project_descr {
	display: block;
	background: #ffffff;
	height: 146px;
	width: 396px;
	border-left: 1px solid #dddddd;
	overflow: hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.tg_art_container {
	display: block;
	width: 794px;
	height: 146px;
	margin-top: 2px;
}

.tg_art_img {
	display: block;
	height: 146px;
	width: 397px;
	float: left;
}

.tg_art_descr {
	display: block;
	background: #ffffff;
	height: 146px;
	width: 397px;
	overflow: hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}


a.redlink {display:block; width:794px; height: 146px;}
a.redlink:active .project_title{color: #e50000;}
a.redlink:hover .project_title{color: #e50000;}

a.redartlink {display:block; width:794px; height: 146px;}
a.redartlink:active .article_title{color: #e50000;}
a.redartlink:hover .article_title{color: #e50000;}