/*defaults*/
*{
	padding: 0px;
	margin: 0px;
	border: none;
}

body
{
	background:#CCC8AB;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p		{margin:0 0 0 0; padding:0 0 15px 0; }

a.linktext:link { text-decoration: none; color: #C74341; }
a.linktext:visited { text-decoration: none; color: #C74341; }
a.linktext:hover { text-decoration: underline; color: #C74341; }

a.springertext:link {
	text-decoration: underline;
	color: #707277;
}
a.springertext:visited {
	text-decoration: none;
	color: #707277;
}
a.springertext:hover {
	text-decoration: none;	
	color: #707277;
}

img {
	border: none;
}

textarea { background:#ccc; color:#333; border:1px solid #aaa; }
.bordered { border:1px solid #aaa; }
/*structural elements*/
#content 			{width:700px; background:#eee; margin-left:auto; margin-right:auto; padding:8px; border-left:10px solid #ccc; border-right:10px solid #ccc; }
#container			{text-align:left; width:900px; background:#FFFFFF;}
#holder				{text-align:left;}
#holder2			{text-align:left; }
#holder3			{text-align:left; }
#holder4			{text-align:left; }
#holder5			{text-align:left; }
#holder6			{text-align:left; }
#holder7			{text-align:left; }
#logo				{background:url('../images/logo.gif') no-repeat 180px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px; }
#navigation		{padding:10px 0; }
#content			{float:left; width:490px; padding:20px 10px 0 0; line-height:160%; }
#news				{float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }
.newsItem		{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }
#footer			{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright		{float:right; }
.startweisser	{margin: 0 0 150px 0;}

#leftCol{
	width: 345px;
	float: left;
	margin: 7px 0 0 0;
}

#rightCol{
	margin: 7px 0 0 0;
	float: left;
}

	.newsBig{
		width: 539px;
		height: 196px;
		margin: 10px 0;
		background-image: url(../img/frontpage/bgGross.gif);
		background-repeat:no-repeat;
		clear: both;
	}
	
		.newsBig .datum {
			width: 45px;
			height: 126px;
			float: left;
			padding: 70px 0 0 0;
			margin: 0 0 0 2px;
			font-size: 1.0em;
			color: #585858;
		}
		
			.newsBig .zahl {
				font-family: Georgia, "Times New Roman", serif;
				font-weight: bold;
				font-size: 1.4em;
			}
			
		.newsBig .bild {
			padding: 25px 15px;
			float: left;
		}
		
		.newsBig .text {
			width: 300px;
			height: 195px;
			float:left;
		}
		
			.newsBig .text h6{
				color: #323232;
				font-size: 1.0em;
				margin: 0 0 10px 0;
			}
			
			.newsBig .text p{
				color: #858585;
				font-size: 0.8em;
				font-style: italic;
				line-height: 1.5em;
			}
			
	.newsSmall{
		width: 539px;
		height: 93px;
		margin: 10px 0;
		background-image: url(../img/frontpage/bgKlein.gif);
		background-repeat:no-repeat;
		clear: both;
	}
	
		.newsSmall .datum {
			width: 45px;
			height: 68px;
			float: left;
			padding: 25px 0 0 0;
			margin: 0 15px 0 2px;
			font-size: 1.0em;
			color: #585858;
		}
		
			.newsSmall .zahl {
				font-family: Georgia, "Times New Roman", serif;
				font-weight: bold;
				font-size: 1.4em;
			}
			
		.newsSmall .text{
			color: #878787;	
		}
		
			.newsSmall .text .blau{
				color: #235bcd;
			}
			
			.newsSmall .text p{
				color: #858585;
				font-size: 0.8em;
				line-height: 1.5em;
			}
	
	#rightCol h2{
		width: 300px;
		height: 60px;
		background-image: url(../img/headline.gif);
		background-repeat: no-repeat;
		text-indent: -2000px;
		margin: 20px 0 0 20px;
	}
	
	#rightCol h5{
		width: 100px;
		height: 20px;
		background-image:url(../img/projekte.gif);
		background-repeat: no-repeat;
		text-indent: -2000px;
		margin: 0 0 15px 20px;
	}

/*headings*/
.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

/*ankerpunkte*/
#start	{ padding:20px 0 0 0; }
#starttext {
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:0.7em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height:1.7em;
	color:#707277;
	vertical-align:top;
	
}

#leistungen			{ padding:20px 0 0 0; }
#kunden				{ padding:20px 0 0 0; }
#fallstudien		{ padding:20px 0 0 0; }
#wechseln			{ padding:20px 0 0 0; }
#login				{ padding:20px 0 0 0; }
#imp					{ padding:20px 0 0 0; }

.hintergrund {
	vertical-align:top;
	float: left;
	background-image:url(../img/hand.jpg);
	background-repeat:no-repeat;	
}

.hintergrund2 {
	vertical-align:top;
	float: left;
	background-image:url(../img/ordner.jpg);
	background-repeat:no-repeat;	
}

.hintergrund3 {
	vertical-align:top;
	float: left;
	width: 900px;
	background-image:url(../img/birne.jpg);
	background-repeat:no-repeat;	
}

.hintergrund4 {
	vertical-align:top;
	float: left;
	width: 900px;
	background-image:url(../img/aid.jpg);
	background-repeat:no-repeat;	
}

.hintergrund5 {
	vertical-align:top;
	float: left;
	width: 900px;
	background-image:url(../img/insel.jpg);
	background-repeat:no-repeat;	
}

.hintergrund6 {
	vertical-align:top;
	float: left;
	width: 900px;
	background-image:url(../img/tasse.jpg);
	background-repeat:no-repeat;	
}

.textgrund {
	text-align:justify;
	vertical-align:top;
	font-size:0.7em; 
	line-height:1.7em;
	color: #707277;
	margin-left: 360px;
	margin-right: 50px;
	margin-top: 80px;
}

.textgrund2 {
	text-align:center;
	vertical-align:top;
	font-size:0.7em; 
	color: #707277;
	padding: 100px 0 0 300px;
}

.textgrund3 {
	text-align:center;
	vertical-align:top;
	font-size:0.7em; 
	color: #707277;
	padding: 158px 0 0 71px;
}

.boxtest {  
	float:left;		
	vertical-align:top;
	padding-left: 360px;
	width: 162px;
	font-size:0.7em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height:1.7em;
	color: #707277;
}
.boxtest2 {  		
	vertical-align:top;
	width: 162px;
	float:left;
	margin-left:1px;
	font-size:0.7em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height:1.7em;
	color: #707277;

}

.springer {  		
	float: left;
	vertical-align:top;
	text-align: right;
	background-image:url(../img/bgBottom.gif);
	background-repeat:no-repeat;
	height: 200px;
	width: 900px;
	font-size:0.7em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height:1.7em;
	color: #525252;
}

	ul.subnavi{
		
		position: relative;
		top: 52px;
		left: 364px;
		float: left;
	}
	
	ul.subnavi li{
		float: left;
		list-style-type: none;
		margin: 0 5px;
	}
	
	ul a{
		color: #878787;
		font-size: 1.0em;
	}
	
	ul a:hover{
		text-decoration: none;
	}
	
	ul.subnavi li:after{
	content:"|";
	padding: 0 0 0 15px;
}

.springer2
 {  		
	float: left;
	vertical-align:top;
	text-align: right;
	background-image:url(../img/bgBottom2.gif);
	background-repeat:no-repeat;
	height: 200px;
	width: 900px;
	font-size:0.7em; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height:1.7em;
	color: #525252;
}

.springerlink {
	margin: 120px 380px 0 0;
}

.springerlink2 {
	margin: 120px 300px 0 0;
}

.springerlink3 {
	margin: 120px 320px 0 0;
}
.springerlink4 {
	margin: 120px 350px 0 0;
}
.hide {
	display: none;
}
.formname {
	margin: 0 0 0 10px;
}
.formtel {
	margin: 0 0 0 19px;
}
.formmail {
	margin: 0 0 0 30px;
}
.formbutton {
	margin: 0 0 0 129px;
}