/*  
Theme Name: h2omedia.de 2007 
Theme URI: http://www1.h2omedia.de
Description: wordpress theme for h2omedia.de
Version: 1.0
Author: Christian Eideloth
Author URI: http://kriz.org

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	}
a {
	text-decoration:none; }

/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}


.center {
	text-align: center;
	}

hr {
	display: none;
	}
a {
	color:#B2B2B2; }
a img {
	border: none;
	}

/* h2omedia.de */
#commentform {
	width:410px;
	margin:0 0 20px 0;
}
#comment-block form {
	font-size:10px;
}

#commentform textarea,
#commentform input {
	padding:2px;
	border:1px solid #c4c4c4;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#commentform #submit-container:hover {
	background-image:url(images/background_single_link.gif);
}
#commentform #submit {
	background-image:url(images/single_link_arrow_grey.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	border:none;
	font-size:11px;
	font-weight:bold;
}
#commentform #submit:hover {
	background-image:url(images/single_link_arrow.gif);
}
#commentform p {
	margin:0 0 10px 0;
}

#respond,
#comments {
	color:#AFAFAF;
	text-transform:uppercase;
}
#comment {
	width:408px;
	border:1px solid #c4c4c4;
}
#comment-block {
	background-image:url(images/background_single_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:600px;
}

#submit {
	border:none;
	color:#ff9f00;
	background-color:transparent;
	cursor:pointer;
}
.commentlist {
	position:relative;
	margin:0;
	padding:0 0 0 20px;
	width:400px;
}
.count {
	color:#afafaf;
}
.commentlist .count {
	position:absolute;
	left:-0px;
}
.subteaser_container {
	background-image:url(images/background_subteaser_right.gif);
	background-position:right top;
	background-repeat:repeat-y;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	width:600px;
	clear:both;
	min-height:110px;
}
.subteaser {
	clear:both;
	min-height:110px;
	cursor:pointer;
	margin:0 30px 20px 0;
	padding:0 0px 0 0;
	color:#A1A1A1;
}

.subteaser:hover {
	background-image:url(images/background_teaser_hover.gif);
	cursor:pointer;
}

.headline {
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	margin:0 0 10px 0;
	color:#A1A1A1;
}
.subteaser a {
	color:#A1A1A1;
}


.subteaser .image {
	float:left;
}
.subteaser .content {
	background-repeat:repeat;
	width:100%;
}
.subteaser .image img {
	margin:0px 30px 0 0px;
}
.subteaser .category {
	text-transform:uppercase;
}
.subteaser .text {
	font-size:12px;
	line-height:14px;
}
.subteaser .text div {
	overflow:hidden;
}

* html .subteaser .text div {
	height:1%; 
}
.subteaser .text p {
	font-size:11px;
	margin:0;
	padding:0;
}
.category {
	font-size:11px;
	color:#cacaca;
}
.pagetitle {
	padding:0 0 50px 0;
}
.pagetitle .description {
	color:#b2b2b2;
	margin:6px 0 0 0; 
}

.subteaser .category {
  color:#B2B2B2;
}
.subteaser .headline a,
.subteaser .text {
  color:#666666;
}

h1.cattitle {
	color:#FF9F00;
	margin:0;
	text-transform:uppercase;
	font-size:32px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:none; }


#footer ul,
#footer ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:inline; 
}

					
#page {
	margin:0 0 0 60px;
}
#page #logo {
	margin:55px 0 36px 0;
}					



.error {
	margin:40px 0 40px 0;
	color:#cc0000;
}

.teaser_block {
	width:610px;
}
.teaser_block table {
	margin:0
	padding:0; }
.teaser_block table tr td {
	padding:0;
	vertical-align:top; }

.teaser_block .teaser_td:hover {
	background-image:url(images/background_teaser_hover.gif);
	cursor:pointer;
}
.teaser_block .teaser_td {
	border-bottom:10px solid #fff;
}


.teaser_container {
	margin:0 0px 10px 0;
	width:180px;
}
.teaser {
	padding:10px 0 0 0;
	margin:0px 0 0 0;
	color:#666666;
}
.teaser .category {
	color:#B2B2B2;
	color:#B2B2B2;
}
.teaser .headline a,
.teaser .text a {
	color:#666666;
}

.headline  {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	background-image:url(images/teaser_headline_arrow.gif);
	background-repeat:no-repeat;
	background-position:right 2px;
}

.headline h1 {
	color:#ACACAC	;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 15px 9px 0;
}
.teaser .image {
	/*height:110px;*/
	width:180px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
.teaser .image img {
}
.teaser .category {
	padding:20px 0 0 0;
	text-transform:uppercase;
}
.teaser .text {
	font-size:11px;
	margin:0 0 14px 0;
}
.text p {
	font-size:11px;
}

#taglist {
	width:110px;
	float:left;
	margin:0 0 0 10px;
}

#footer {
	font-size:11px;
	color:#cacaca;
	margin:40px 0 20px 60px;
	clear:both;
}

.navigation {
	clear:both;
	display:block;
	background-image:url(images/buttons/btn_navprojekte.gif);
	width:600px;
	height:17px;
	margin:0 0 3px 0;
}
.navigation a span {
	visibility:hidden;
}
.navigation .alignright {
	float:right;
}
.navigation .alignleft {
	float:left;
}