/*  
Theme Name: zweiviereins
Theme URI: 
Description: 
Version: 0.1
Author: David Hellmann - www.davidhellmann.com
Author URI: http://www.davidhellmann.com 
	
 */
 
 #baslik{
				position:fixed; 
				margin-top:0;
				height:70px; 
				/*background-color:#EBEBEB;*/
				background-image:url('../images/bg_tp.png');
				width:100%;
				border-bottom:1px white solid;
				z-index:999;
				
}

#baslik div.ustbut {
				float:right;
				color:gray;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				font-size:11px;
				margin-top:20px;
				margin-right:20px;
					
}

#navlist li {
display: inline;
list-style-type: none;



}

#navlist a{
color:black;
text-decoration:none;
color:gray;
padding:5px 10px 5px 10px;
border:thin #C0C0C0 solid;
background-color:#fff;
}

#navlist a:hover{
color:black;
text-decoration:none;
color:#fff;
background-color:#CCCCCC;
}



#baslik div.logo {
			 width:200px;
			 float:left;	
			 margin:5px 0 0 10px;
			 }

#hkyazi {
	padding:25px;
	width:800px;
	margin:0 auto;
	text-align:left;
	height: 100%;
	position: relative;

	
}
#hkyazi .h1 {
				font-size:18px;
				color:#C0C0C0;
				height:100px;
				
}

#tooltip{
	position:absolute;	
	background:#333;
	border:1px solid #333;
	padding:0px 5px;
	line-height:22px;
	color:#fff;
	display:none;
}	
 
* { 
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	list-style:none;
}
body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
				font-size:small;
			 color:#808080;
			 line-height:20px;
}
a {
	color:#e10000;
	font-weight:normal;
	cursor:pointer;
	text-decoration:underline;
}
a:focus{ 
	outline: none;
}
.noborder {
	border: none;
}
	 
a:link:hover, 
a:visited:hover { 
		color:#000;
	text-decoration:none;
}
a:link:active, 
a:visited:active {
	color:#6fa20b;
}
.bild-links {
	margin:0 20px 20px 0;
	padding:5px;
	border:1px solid #ccc;
	float:left;
}
/* __Page List
--------------------------------------------------*/
ul#page {
	width:100%;
	text-align:center;
	clear:both;
	float:left;
	margin-top:70px;
}
ul#page li.headline {
	background:#000;
	padding:0;
	clear:both;
	text-align:left;
}
ul#page li.headline h3 {
	width:960px;
	color:#fff;
	margin:0 auto;
	text-align:right;
	font:bold 12px/20px Georgia, "Times New Roman", Times, serif;
	padding:4px 0 4px 0;
}
ul#page li.bg {
	width:100%;
	padding:0 0 200px 0;
	background:#fff url(../images/content-bg.png) center top repeat-x;
	clear:both;
	float:left;
	text-align: center;
}
/* __Startseitenbox
--------------------------------------------------*/
.startseitenbox {
	width:1000px;
	margin:0 auto;
	text-align:left;
	color:#333;
	height: 100%;
	position: relative;
}
.startseitenbox .logo  {
	width:136px;
	height:136px;
	margin: 0 0 0 20px;
	float:left;
	background:url(../images/logo.png);
}
.startseitenbox .logo a  {
	width:136px;
	height:136px;
	display:block;
	text-indent:-99999px;
}
.startseitenbox .navi  {
	width:472px;
	height:38px;
	padding:49px 0 0 0;
	float:right;
	margin: 0 20px 0 0;
}
.startseitenbox h1 {
	clear: both;
	float: left;
	margin: 0 0 0 20px;
	background:url(../images/headline.png);
	width: 960px;
	height: 370px;
	text-indent: -99999px;
}
/* __Newsboxen
--------------------------------------------------*/
ul.newsboxen {
	width: 980px;
	clear: both;
	float: left;
	margin: 70px 0 0 10px;
}
ul.newsboxen li.left  {
	width:625px;
	margin:0 5px 10px 10px;
	float: left;
}
ul.newsboxen li.left h2 {
	width:625px;
	font:normal 32px/34px Georgia, "Times New Roman", Times, serif;
	color:#444;
	text-align:left;
	float:left;
}
ul.newsboxen li.left .h2meta {
	width:625px;
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	text-align:left;
	float:left;
	clear:both;
	border-bottom:3px solid #eee;
	padding:5px 0 10px 0;
	margin:0 0 20px 0;
}
ul.newsboxen li.left h3 {
	width:625px;
	font:normal 21px/28px Georgia, "Times New Roman", Times, serif;
	color:#333;
	text-align:left;
	border-bottom:1px dotted #ccc;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	float:left;
}
ul.newsboxen li.left p  {
	text-align:left;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}
ul.newsboxen li.right  {
	width:310px;
	margin: 67px 5px 10px 20px;
	float: left;
	padding:20px 0 0 0;
	border-top:3px solid #eee;
}
ul.newsboxen li.right h4 {
	width:310px;
	font:normal 21px/28px Georgia, "Times New Roman", Times, serif;
	color:#333;
	text-align:left;
	border-bottom:1px dotted #ccc;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	float:left;
}
ul.newsboxen li.right img.newsbild {
	width:310px;
	margin:0 0 10px 0;
	float:left;
}
ul.newsboxen li.right p {
	width:290px;
	padding:10px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	background:#f4f4f4;
	float:left;
}
ul.newsboxen li.right p img.mitarbeiter {
	float:left;
	margin:0 10px 20px 0;
	width:80px;
	height:80px; border:5px solid #fff;
}
ul.newsboxen li.right p span {
	color:#000;
	font:bold 16px/21px Arial, Helvetica, sans-serif;
}
ul.newsboxen li.sponsoren  {
	width:960px;
	margin:10px 0px;
	float: left;
	clear: both;
}
ul.newsboxen li.sponsoren h2 {
	width:960px;
	font:normal 32px/34px Georgia, "Times New Roman", Times, serif;
	color:#444;
	text-align:left;
	float:left;
	margin: 0 0 0 10px;
}
ul.newsboxen li.sponsoren .h2meta {
	width:960px;
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	text-align:left;
	float:left;
	clear:both;
	border-bottom:3px solid #eee;
	padding:5px 0 10px 0;
	margin:0 0 20px 10px;
}
ul.newsboxen li.sponsoren .box {
	width: 960px;
	padding: 20px 20px 15px 0;
	float: left;
	clear: both;
	background: #eee;
}
ul.newsboxen li.sponsoren p  {
	text-align:justify;
	margin:0 0 0 20px;
	width: 220px;
	float: left;
}
/* __Projekte
--------------------------------------------------*/
ul.projekte {
	width: 980px;
	clear: both;
	float: left;
	margin: 70px 0 0 10px;
}
ul.projekte li  {
	width:960px;
	margin: 0 5px 10px 10px;
	float: left;
	border-bottom: 3px dotted #eee; 
}
ul.projekte li h2 {
	width:960px;
	font:normal 32px/42px Georgia, "Times New Roman", Times, serif;
	color:#444;
	text-align:left;
	border-bottom:3px solid #eee;
	padding: 0 0 40px 0;
	margin: 0 0 30px 0;
	float:left;
}
ul.projekte li img.teaser {
	width:960px;
	height:480px;
	margin:10px 0 5px 0;
	overflow:hidden;
	float:left;
}
ul.projekte li .h2meta {
	width:310px;
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	text-align:left;
	float:left;
	clear:both;
	border-bottom:3px solid #eee;
	padding:5px 0 10px 0;
	margin:0 0 20px 0;
}
ul.projekte li p  {
	text-align:justify;
	padding:5px;
	margin:0 0 15px 0;
}
ul.projekte-alt {
	width: 980px;
	clear: both;
	float: left;
	margin: 70px 0 0 10px;
}
ul.projekte-alt li  {
	width:960px;
	margin: 2px 0 2px 20px;
	float: left;
	padding:5px 0 10px 0;
	border-bottom: 1px dotted #ddd; 
}
ul.projekte-alt li.projekte-alt-headline  {
	width:960px;
	margin: 0 5px 10px 10px;
	float: left;
	height:auto;
	padding:0;
	border-bottom: none; 
}
ul.projekte-alt li.projekte-alt-headline h2 {
	width:960px;
	font:normal 32px/34px Georgia, "Times New Roman", Times, serif;
	color:#444;
	text-align:left;
	float:left;
	margin: 0 0 0 10px;
}
ul.projekte-alt li.projekte-alt-headline .h2meta {
	width:960px;
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#999;
	text-align:left;
	float:left;
	clear:both;
	border-bottom:3px solid #eee;
	padding:5px 0 10px 0;
	margin:0 0 20px 10px;
}











.zitem {
	width:112px;
	height:77px;	
	border:4px solid #c1c1c1;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:125px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}


.clear {
	clear:both;	
}