@charset "utf-8";

.csc-header-n2 h1 { margin-left:8px; }

/****************

Content - Column 1

 ****************/ 

#intro { margin-bottom:10px }

.content1
{
	width: 311px;
	margin-right: 10px;
	/*

     background-color:red;

     */

    float: left;
}

/****************

Content - Column 1 - Teaser

 ****************/

.teaser_box
{
	width: 303px;
	height: 123px;
	background-color: #151515;
	padding: 4px;
}

.teaser_box h2
{
	width: 287px;
	height: 19px;
	background-color: #232323;
	padding: 8px 8px 0px 8px;
	color: #919191 !important;
	font-family: Arial;
	font-size: 10px;
	margin-bottom:0px;
}

.teaser_box .images
{
	width: 303px;
	height: 75px;
	background-color: #0C0C0C;
	margin: 3px 0 3px 0;
}

.teaser_box .images a
{
	height: 73px;
	width:99px;
	padding-top:2px;
	display:block;
	background-color:#99CC33;
	margin-right:3px;
	float:left;
}

.teaser_box .last
{
	height: 75px;
	display:block;
	margin-right:-3px !important;
	float:left;
}

.teaser_box .more
{
	color: #99CC33 !important;
	font-family: Arial;
	font-size: 10px;
	width:99px;
	padding-left:8px;
}

.teaser_box .contact
{
	color: #151515 !important;
	width: 79px;
	height: 15px;
	background-image: url(images/contact.gif);
	background-position:95% 3px;
	background-repeat: no-repeat;
	background-color: #99CC33;
	display: block;
	font-family: Arial;
	font-size: 11px;
	padding-left:20px;
	float:right;
}

/****************

Content - Column 2

 ****************/ 

 

 

.content2
{
	width: 311px;
	margin-right: 10px;
	float: left;
}

#container a { color:#698d23; }

/****************

Content - Column 2 - Teaser

 ****************/ 

.teaser_box2
{
	width: 303px;
	height: 113px;
	background-color: #151515;
	padding: 4px;
}

.teaser_box2 h2
{
	width: 287px;
	height: 19px;
	background-color: #232323;
	padding: 8px 8px 0px 8px;
	color: #919191 !important;
	font-family: Arial;
	font-size: 10px;
	margin-bottom:0px;
}

.teaser_navi h2
{
	background-color: #151515!important;
	padding:2px 0px 0px 0px !important;
	height: 12px !important;
}

.teaser_box2 .images
{
	width: 303px;
	height: 75px;
	background-color: #0C0C0C;
	margin: 3px 0 3px 0;
}

.teaser_box2 .images a
{
	height: 75px;
	width:303px;
	display:block;
	background-color:#99CC33 !important;
}

.content2 .teaser_box2 .teaser_navi a
{
	color: #A1A1A1 !important;
	font-family: Arial;
	font-size: 10px;
	background-image:url(images/h1_dots.gif);
	background-repeat:no-repeat;
	padding-left:6px;
}

.teaser_box2 .teaser_navi a:hover { color: #99CC33 !important; }

/****************

Content - Column 3

 ****************/ 

 

.content3
{
	width: 281px;
	float: left;
}