/*  
Theme Name: zweiviereins
Theme URI: 
Description: 
Version: 0.1
Author: David Hellmann - www.davidhellmann.com
Author URI: http://www.davidhellmann.com 

	
 */

#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:normal 15px/22px Georgia, "Times New Roman", Times, serif;
}

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;
}



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;
}