@charset "UTF-8";

/*** Project: Isinger und Merz ***/

/* Farben

*/

/*** fix ***/

body {
	font-size: 101.01%;
}

html, body {
height: 100%;
}

/*** reset ***/

body, div, img, p  {
	border: none;
	margin: 0px;
	padding: 0px;
}

/*** basics ***/

body {
	font-family: Trebuchet MS ,arial ,helvetica, sans serif;
	font-size: 0.625em;
	background: white;
	color: #3d3d3d;
}


a:active,
a:hover {
	color: #b5002a;
}

a:link,
a:visited{
	color: #3d3d3d;
	text-decoration: none;
}

a:active,
a:focus {
	outline: none;
}

.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.4em;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	}


/*** structure ***/
	div#header,
	div#tools,
	div#content,
	div#footer {
		width: 89.6em;
		margin: 0px auto;
	}

	/*** header ***/
	div#header {
		background: transparent url(../../images/mood/header/bits.jpg) no-repeat top left;
		position: relative;
		height: 29.6em;
		overflow: hidden;
	}
		body.mood1 div#header {
			background: transparent url(../../images/mood/header/bits.jpg) no-repeat top left;
		}
		div#border {
			background: transparent url(../../images/layout/header/head-overlay.png) no-repeat;
			height: 100%;
		}
		div#header ul {
			margin: 0;
			padding: 0;
		}
		div#header ul#navigation {
			list-style-type: none;
			margin-left: 252px;
			width: 20em;
			height: 26.3em;
			background: transparent url(../../images/icons/1x1_50white.png) repeat;
			padding-top: 2em;
			border-right: 2px solid #999999;
		}
			ul#navigation li {
				font-size: 1.9em;
				padding-left: 0.7em;
				line-height: 1.7em;
				color: black;
			}
			ul#navigation li a:hover {
				color:white;
			}
			ul#navigation li.active {
				background: transparent url(../../images/icons/1x1_50black.png) repeat;
				position: relative;
				white-space: nowrap;
				color: white;
			}
			ul#navigation li li {
				font-size: 1em;
				color: white;
			}
			ul#navigation li.active a {
				color: white;
			}
			ul#navigation li.active a:hover {
				color: black;
			}

			div#header ul ul {
				list-style-type: none;
				position: absolute;
				top: 0em;
				width: 12em;
				right: -12.2em;
				background: transparent url(../../images/icons/1x1_50grau.png) repeat;
				border-right: 2px solid #999999;
			}
		a#logo {
			position: absolute;
			bottom: 1.3em;
			left: 0px;
		}

	/*** Tools ***/
	div#tools  {
	}

			div#tools ul {
				padding: 0;
				margin: 0.5em 0 1.5em 0;
			}
			div#tools li {
				display: inline;
				list-style-type: none;
				padding-left: 1.5em;
				padding-right: 1em;
				background: url(../../images/icons/arrow-small-grey.png) left center no-repeat;
			}
			div#tools li.first {
				padding-left: 1em;
				background: url(../../images/square.png) left center no-repeat;
			}
	/*** Content ***/
	div#content  {
		}

	div#columnLeft, div.referenzen .left {
		float: left;
		width: 23.5em;
		}

		div.newsBlock {
			margin: 1.6em 0 2em 0;
			}
		div#columnLeft div.newsBlock {
			margin-top: 0.8em;
			}
		div#columnRight div.newsBlock {
			margin-top: 2.1em;
			}
		div.referenzen div.newsBlock {
			margin-top:0;
			}
		div.newsBlock div{
			background: #e3e3e3;
			display: block;
			margin:0 0 1em 0;
			padding-left:1.2em;
			}
		div.newsBlock span {
			background: white;
			padding: 0.2em 0.5em 0 0.5em;
			color: #a3a3a3;
			text-transform : uppercase;
			line-height: 1em;
			font-size: 1.1em;
			}
		div.referenzen div.newsBlock span {
			font-size: 1.4em;
			}
		div.newsBlock h3 {
			color: #3d3d3d;
			text-transform : uppercase;
			margin: 0 0 0.8em 0;
			padding: 0;
			font-size: 1.2em;
			}

		div.newsBlock p {
			font-size: 1.1em;
			line-height: 1.3em;
			margin: 0 0 1em 0;
			}
		div.referenzen div.center div.newsBlock p {
			color: #666666;
			}

		div.newsBlock a {
			background: transparent url(../../images/icons/arrow-black.gif) 6em center no-repeat;
			font-size: 1.1em;
			display: block;
			color:#3D3D3D;
			}

		div.newsBlock  a:hover {
			background: transparent url(../../images/icons/arrow-red.gif) 6em center no-repeat;
			color:#B5002A;
			}

		div.newsBlock  h3 a,
		div.newsBlock h3 a:hover{
			background:none;
		}


		div.news_pictures div.news-single-img{
			float:none;
			margin:0px;
		}

		div.news_pictures{
			margin-top:1.6em;
		}

		div.news-single-timedata{
			float:none;
		}

		div.news-single-item{
			background-color: #FFF;
			border: none;
			margin:0px;
			padding:0px;
		}

	div#columnCenter, div.referenzen .center  {
		margin-left: 27.3em;
		width: 35em;
		}

		div#columnCenter h1,
		div#columnCenter div.news-single-item h2{
		color: #b5002a;
		font-weight: normal;
		font-size: 2.7em;
		text-transform: uppercase;
		}
		div#columnCenter h2 {
		font-weight: normal;
		text-transform:uppercase;
		margin:-0.1em 0 1em 0;
		font-size: 1.4em;
		}
		div#columnCenter h3 {
		color: #666666;
		font-weight: normal;
		text-transform:uppercase;
		margin: 2em 0 0.5em 0;
		font-size: 1.4em;
		}
		div#columnCenter p, div#columnCenter ul, p.bodytext {
		font-size: 1.3em;
		line-height: 1.5em;
		margin: 0em 0 1.2em 0;
		color: #666666;
		}

		p.news-single-author{
			display:none;
		}
		div.news_pictures_latest img {
			padding-bottom: 5px;
		}

		div#columnCenter p a {
		color:#b7022c;
		}

		div#columnCenter ul.sitemap li ul{
			font-size:0.9em;
		}

		a.bigredbutton {
			background: #a80008 url(../../images/icons/bigredbutton_bg.gif) repeat-x;
			padding: 0.2em 1em 0.3em 1em;
			line-height:1.8em;
			border:1px solid #cccccc;
			color: #ffffff;
			font-size:1.1em;
			}
		a.bigredbutton img {
			width: 9px;
			height: 9px;
			padding: 0 0 0 0.5em;
			}

		div.linkBlock, div.referenzBlock {
			position: relative;
			width: 23.5em;
			height: 21.6em;
			margin: 1em 0 3em 0;
		}

		div.referenzBlock {
			margin: 0;
			}

		div.linkBlock img, div.referenzBlock img {
			position: absolute;
			width: 23.5em;
			height: 21.6em;
			}
		a.linkBlock, a.referenzBlock {
			position: absolute;
			width:23.5em;
			height:21.6em;
			display:block;
			}
		div.referenzBlock img, a.referenzBlock {
			height:18em;
			}

		a.linkBlock h4 {
			background: transparent url(../../images/icons/1x1_50black.png) repeat;
			color: #ffffff;
			font-size: 2.2em;
			padding: 0.5em 0 0 0.4em;
			font-weight: normal;
			text-transform: uppercase;
			}
		a.referenzBlock h4 {
			position: absolute;
			bottom: 1.24em;
			width:10.26em;
			background: transparent url(../../images/icons/1x1_50black.png) repeat;
			color: #ffffff;
			font-size: 2.2em;
			padding: 0.5em 0 0 0.4em;
			font-weight: normal;
			text-transform: uppercase;
			}
		a.linkBlock h5 {
			background: transparent url(../../images/icons/1x1_50black.png) repeat;
			color: #ffffff;
			font-size: 1.3em;
			padding: 0 0 0.5em 0.7em;
			margin:0;
			font-weight: normal;
			text-transform: uppercase;
			}
		a.linkBlock h6, a.referenzBlock h6 {
			position: absolute;
			bottom: 0;
			width:17.35em;
			background: transparent url(../../images/icons/1x1_50black.png) repeat;
			color: #ffffff;
			font-size: 1.3em;
			padding: 0.2em 0 0.5em 0.7em;
			font-weight: normal;
			text-transform: uppercase;
			}
		a.linkBlock img, a.referenzBlock img {
			position: absolute;
			bottom: 1.1em;
			right: 2em;
			width: 0.95em;
			height: 0.95em;
			}

/* Kontaktformular */

	fieldset.csc-mailform {
		border: 0;
		font-size: 1.2em;
		padding: 0;
		}
	div.csc-mailform-field {
		margin: 0 0 0.6em 0;
		color: #666666;
		}
	div.csc-mailform-field label {
		width: 8em;
		display: block;
		float: left;
		}
	fieldset#mailformAnrede {
		border:0;
		margin: 0;
		padding: 0;
		}
	fieldset#mailformAnrede label{
		width: 4em;
		}

	div.csc-mailform-field #mailformAnredeHerr, div.csc-mailform-field #mailformAnredeFrau {
		width:1.2em;
		float: left;
		}
	div.csc-mailform-field input {
		width: 16em;
		height: 1.1em;
		}
	div.csc-mailform-field textarea {
		width: 16em;
		}
	#mailformAnrede legend {
		display: none;
		}

	#mailformNewsletter {
		width: 1.2em;
		}
	#mailformformtype_mail {
		height: 2em;
		width: 8em;
		margin-left: 7.1em;
		}

	div#columnRight, div.referenzen .right {
		float: right;
		width: 23.5em;
		}


	/*** Footer ***/
	div#footer {
		background: transparent url(../../images/layout/footer/footer-bg3.jpg) repeat-x;
		width:89.8em;
		height: 6em;
		margin-top:2em;
		}

		.footerTop {
			}
			div#footer .footerTop h3 {
				float: left;
				font-size: 1em;
				}
			div#footer .footerMeta {
				float: right;
				}
			div#footer .footerMeta a {
				color: black;
				font-size: 1em;
				padding: 0 0 0 1em;
				}
			div#footer .footerMeta a:hover {
				color: #b7022c;
				}

		.footerBottom {
			clear: both;
			}
			.footerBottom div.bottomLeft {
				float: left;
				margin: 8px 0 0 7px;
				}
			.footerBottom div.bottomRight {
				float: right;
				margin: 8px 12px 0 0;
				}
		div#footer div.footer_text {
			padding-top: 1em;
			line-height: 3em;
			padding-left: 2em;
			color: white;
			font-size: 1em;
		}

div.news_pictures .news-single-imgcaption {
	margin-bottom: 10px;
}