/*defaults*/
body 	{background:#87CEFA url('../images/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}


/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px; }
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{background:url('../images/logo.gif') no-repeat 680px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px; }
#header		{background:#DADADA url('../images/header_home.jpg') no-repeat 10px 10px; padding:10px; height:200px; }
#content	{float:left; text-align:justify; 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; }
.newsItemb	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #87CEFA; font-size:90%; margin-bottom:20px; }
#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px 20px 5px 20px; border-top:2px solid #87CEFA; }


/*headings*/
.newsItem h3	{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*/
ul#navigation  			{margin:0; padding:10px 0; }
ul#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
ul#navigation a			{color:#225799; padding:0 20px 0 0; text-decoration:none; }
ul#navigation a:hover	{color:#000000; text-decoration:underline; }

#aktuelles #aktuellesLink,
#institut #aboutLink,
#technology #technologyLink,
#portfolio #portfolioLink,
#partners #partnersLink,
#contact #contactLink,
#jobs #jobsLink
{text-decoration:underline; }



#rightcolumn { 
margin : 0 0 0 0;
display : inline;
width : 29.9%;
float : left;
background-color : #fff;
min-height : 300px;
} 
* html #rightcolumn { 
height : 300px;
} 
#rightcolumn h1 { 
font-size : 1.3em;
padding-left : 10px;
margin-top : 50px;
margin-bottom : 15px;
color : #8ac752;
} 
#rightcolumn h2 { 
font-size : 1.2em;
padding-left : 10px;
margin-top : 10px;
margin-bottom : 15px;
color : #8ac752;
} 
#rightcolumn p { 
padding : 10px;
margin-top : 10px;
margin-bottom : 15px;
margin-left : 1em;
text-align : justify;
background-color : #f2f2f2;
} 
#navcontainer { 
width : 220px;
padding : 0 0 1em 1em;
margin-bottom : 1em;
font-family : Verdana;
color : #333;
text-transform : uppercase;
} 
#navcontainer ul { 
list-style : none;
margin : 0;
padding : 0;
border : none;
} 
#navcontainer li { 
border-bottom : 1px solid #000000;
margin : 0;
} 
#navcontainer li a { 
display : block;
padding : 5px 5px 5px 0.5em;
background-color : #ffffff;
color : #888888;
text-decoration : none;
width : 100%;
} 
html > body #navcontainer li a { 
width : auto;
} 
#navcontainer li a:hover { 
background-color : #87CEFA;
color : #fff;
} 
#footer { 
background-color : #ffffff;
display : inline;
float : left;
width : 100%;
height : 45px;
background-image : url(images/footer.jpg);
background-repeat : no-repeat;
background-position : bottom;
text-align : center;
} 

/* -------------------- TABLE STYLING -------------------- */
table {
	margin: 10px 0px; 
	border-collapse: collapse;			
}
th strong {
	color: #333;
}
th {
	background: #dae1e2;
	height: 3em;
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
	text-align: center;
	border-left: 1px solid #3d3d3d;
	border-bottom: solid 2px #3d3d3d; 
	border-top: solid 2px #3d3d3d;
}
tr {
	color: #707070;
	height: 2.5em;	
}
td {
	padding-left: 12px;
	padding-right: 12px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
tr.row-c {
	background: #FFFFFF;
}


/*footer styling, pre-styled so you can "whack" another navigation menu in there if you like*/
#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; 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 */
