/* $Id: add.css,v 1.2 Exp $ */

/*
 * Add CSS
 *
 */
 
 .teaser-box:hover p.meta, .teaser-box:hover p, .teaser-box:hover h3, .teaser-box:hover h2, .teaser-box:hover, .nurtext p, .nurtext p.meta, .nurtext h3, .nurtext h2 {	
color:#003361 !important;
text-shadow: 0px 0px 8px #fff!important;
}

.teaser-box:hover {
	background-color:#fafafa !important;
	background-image:none !important;
	border:solid 1px #003361 !important;
	}
 
.teaser-box {
	width:220px;
	height:220px;
	padding:10px;
	font-size:12px !important;
	background-color:#fafafa;
	margin-bottom:8px;
	margin-left:0.8em;
    position: relative;
	color:#fff !important;
	background-size:cover !important;
	background-position:50% 50% !important;
	float:left;
	border:solid 1px #ccc;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
	
.teaser-box:nth-child(2n+1) {
	margin-left:8px;
	}
	
.teaser-box h2 {
	padding:0 !important;
	margin:6px 0px 0px 0px!important;
	font-weight:bold !important;
	font-size: 26px !important;
	line-height: 28px !important;
	text-transform:uppercase !important;
	color:#fff !important;
	text-shadow: 0px 0px 8px #000 !important;
	}
	
.teaser-box h3 {
	padding:0 !important;
	margin:8px 0 0 0 !important;
	font-size: 16px !important;
	word-wrap: break-word !important;
	color:#fff !important;
	text-shadow: 0px 0px 8px #000 !important;
	}
	
.teaser-box p {
	color:#fff ;
	padding:0 !important;
	margin:0!important;
	text-shadow: 0px 0px 8px #000 ;
	}

.teaser-box p.meta {
	color:#fff;
	padding:8px !important;
	margin:0!important;
	font-size:14px !important;
	position: absolute !important;
   bottom: 0;
   left: 0;
   	text-shadow: 0px 0px 8px #000;
	}
	
.teaser-box a:hover{
	color:#003361 !important;
	text-decoration:underline;
	}
	
img.left {
	float:left;
	margin-right:8px;
	}
	
.eilmeldung {
	color:#FF4444;
	}
	
.meta {
	font-style: italic;
	font-size: 90%;
	line-height: 120%;
	padding-bottom: 10px;
	display: inline-block;	
	}
.node-content p {
	margin-bottom: 8px !important;
	}