/*-- teal: #104959 -- nav dark gray: #838787 -- nav light gray: #F2F2F2 -- orange: #F2940C -- pageArea bg: #CCCCCC -- siteBG: #DEDEDE -- text: #494949 --*/

body {
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color: #494949;
	background-color: #DEDEDE;
	margin: 20px 0px 50px 0px;
}
a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
a:hover{
	color: #F2940C;
	text-decoration:underline;
}
form {
	display:inline;
}
#pageArea{
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:880px;
}
#header{
	height:50px;
	margin-bottom:10px;
}
#header #CAlogo{
	float:left;
	width:317px;
	height:50px
}
#header #topNav{
	float:left;
	width:563px;
	height:50px
}
#header #topNav .tnLink{
	float:left;
	margin-left:10px;
	margin-bottom:6px;
	width:72px;
	height:23px;
	background-image:url('/graphics/topNavBg.gif');
	background-repeat:no-repeat;
	padding:9px 0px 0px 30px;
}
#header #topNav div.tnLink a{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
#header #topNav div.tnLink a:hover{
	text-decoration:underline;
}
#header #topNav .tnLinkOn{
	float:left;
	margin-left:10px;
	margin-bottom:6px;
	width:72px;
	height:23px;
	background-image:url('/graphics/topNavBg_on.gif');
	background-repeat:no-repeat;
	padding:9px 0px 0px 30px;
}
#header #topNav div.tnLinkOn a{
	color: #494949;
	text-decoration:none;
	font-weight:normal;
}
#header #topNav #tagLine{
	clear:left;
	margin-left:10px;
	width:540px;
	height:15px;
}
#contentArea{
	clear:both;
	padding:10px;
	background-color:#CCCCCC;
}
#footer{
	clear:both;
	margin-top:10px;
	background-color: #838787;
	color: #FFFFFF;
	font-size:12px;
	padding:5px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
}
#footer a:hover{
	color:#104959;
	text-decoration:underline;
}
#footerLang{
	float:right;
	position: relative;
}
#footerLangList{
	display:none;
	background-color: #FFFFFF;
	position:absolute;
	width:105px;
	line-height:1.8em;
	padding:5px 0px 10px 10px;
	border: 1px dashed #999999;
	margin-top:5px;
	bottom: 15px;
}
#footerLangList a{
	color:#104959;
	text-decoration:none;
}
#footerLangList a:hover{
	color:#F2940C;
	text-decoration:underline;
}
.buttonGreen{
	background-image:url('/graphics/buttonGreenBg.gif');
	background-repeat:no-repeat;
	padding:2px 0px 0px 3px;
	margin-top:8px;
	margin-bottom:8px;
	height:18px;
	line-height:1.4em;
}
.buttonGreen a{
	font-weight:normal;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;px;
	height:18px;
	line-height:1.4em;
}
.buttonGreen a:hover{
	font-size:10px;
	text-decoration:none;
	color:#F2940C;
}
.buttonWhite{
	background-image:url('/graphics/buttonWhiteBg.gif');
	background-repeat:no-repeat;
	padding:2px 0px 0px 3px;
	margin-top:8px;
	margin-bottom:8px;
	height:18px;px;
	height:18px;
	line-height:1.4em;
}
.buttonWhite a{
	font-weight:normal;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	color:#104959;px;
	height:18px;
	line-height:1.4em;
}
.buttonWhite a:hover{
	font-size:10px;
	text-decoration:none;
	color:#F2940C;
}

/* ---------------- */
/* Home page styles */
/* ---------------- */
#hpFeatured{
	width: 860px;
	height:317px;
	background-color:#FFFFFF;
	margin-bottom:10px;
	position: relative;
	overflow: hidden;
}

#hpFeaturedMask {
	position: absolute;
	background-color: #000000;
	opacity: 0.65;
	width: 860px;
	height:317px;
	z-index: 500;
	display: none;
}

.hpFeaturedImage {
	position: absolute;
	
	overflow: hidden;
	height: 317px;
	border: 0px;
	top: 0px;
	
	background-color: #ffffff;
	
	z-index: 1;
}

#hpFeaturedImage1 {
	left: 0px;
	width: 216px;
	cursor: pointer;
}

#hpFeaturedImage2 {
	left: 212px;
	padding-left: 4px;
	width: 216px;
	cursor: pointer;
}

#hpFeaturedImage3 {
	left: 424px;
	padding-left: 4px;
	width: 216px;
	cursor: pointer;
}

#hpFeaturedImage4 {
	left: 636px;
	padding-left: 4px;
	width: 220px;
	cursor: pointer;
}

.hpFeaturedImageTextContainer {
	position: absolute;
	top: 0px;
	left: 450px;
	width: 200px;
	height: 317px;
	background-color: #FFFFFF;
	padding: 0px;
}

.hpFeaturedImageText {
	padding: 10px 5px 5px 10px;
	
	color:#555555;
	font-size:12px;
	line-height:1.7em;
}

.hpFeaturedTextLink {
	font-weight: bold;
	color: #104959;
}
.hpFeaturedTextHighlight {
	font-weight: bold;
	color: #000000;
}

#hpText{	

}

#hpNews{
	float:left;
	width:520px;
	height:140px;
	background-color:#FFFFFF;
	color:#838787;
	font-size:12px;
	padding:15px;
}
.hpNewsPostItem{

}
.hpNewsTitle{
	color:#104959;
	font-weight:bold;
	font-size:15px;
	text-transform:uppercase;
}
.hpNewsPostTitle{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin-top:7px;
}
.hpNewsPostTitle a{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.hpNewsPostTitle a:hover{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}
.hpNewsPost{
	color:#838787;
	font-size:12px;
	line-height:1.1em;
	
}
.hpNewsPostDate{
	font-style:italic;
	font-size:10px;
}
#hpTeasers{
	float:left;
	width:280px;
	height:140px;
	background-color:#104959;
	padding:15px;
}

#hpTeasersItem{
	width: 280px;
	position: relative;
}

#hpTeaserContainer {
	position: relative;
	width: 310px;
	overflow: hidden;
}

#hpTeasers {
	position: relative;
}

.hpTeasersTitle{
	color:#FFFFFF;
	font-size: 18px;
	line-height: 22px;
	font-weight:bold;
	margin-bottom:8px;
}
.hpTeasersPost{
	color:#DEDEDE;
	font-size:15px;
	line-height:1.5em;
	height:83px;
}
/* ------------ */
/* Interior Page layout */
/* ------------ */

#ipFeatured{
	background-color:#104959;
	padding:4px;
	height:87px;
	margin-bottom:8px;
}
#ipFeaturedImg{
	float:left;
	height:87px;
	width:525px;
	background-color:#DEDEDE;
}
#ipFeaturedText{
	float:left;
	padding:7px 4px 4px 10px;
	font-size: 13px;
	font-weight:normal;
	color: #DEDEDE;
	width:300px;
	line-height:1.3em;
}
#ipFeaturedTextTitle{
	padding-bottom:5px;
	font-size: 19px;
	color: #FFFFFF;
}
#ipSideNav{
	clear:both;
	float:left;
	width: 165px;
	margin-right:10px;	
}
#ipSideNav .snLink{
	margin-bottom:6px;
	height:23px;
	background-image:url('/graphics/sideNavBg.gif');
	background-repeat:no-repeat;
	padding:9px 0px 0px 30px;
}
#ipSideNav div.snLink a{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
#ipSideNav div.snLink a:hover{
	text-decoration:underline;
}
#ipSideNav .snLinkOn{
	margin-bottom:6px;
	height:23px;
	background-image:url('/graphics/sideNavBg_on.gif');
	background-repeat:no-repeat;
	padding:9px 0px 0px 30px;
	color: #104959;
	text-decoration:none;
	font-weight:normal;
}
#ipSideNav div.snLinkOn a{
	color: #104959;
	text-decoration:none;
	font-weight:normal;
}
#ipSideNav .snButton{
	margin-top:20px;
	margin-bottom:6px;
	height:15px;
	background-image:url('/graphics/sideNavButtonBg.gif');
	background-repeat:no-repeat;
	padding:3px 0px 0px 5px;
}
#ipSideNav div.snButton a{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	text-transform: uppercase;
	font-size:10px;
}
#ipSideNav div.snButton a:hover{
	text-decoration:underline;
}

#ipContent{
	float:left;
	background-color:#FFFFFF;
	padding:10px;
	width:665px;
	color:#494949;
	line-height:1.3em;
	margin-bottom:10px;
	line-height:1.5em;
}
#ipContentFull{
	background-color:#FFFFFF;
	padding:10px;
	color:#494949;
	line-height:1.3em;
	margin-bottom:10px;
	line-height:1.5em;
}

#ipContentTitle{
	font-size:18px;
	color:#104959;
	font-weight:bold;
}
.ipContentSubTitle{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	margin-bottom:1px;
}
.ipContentSubSubTitle{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	margin-bottom:1px;
}
/* ------------ */
/* About pages styles */
/* ------------ */
.divider{
	height:3px;
	background-color:#DEDEDE;
	margin:10px 0px 10px 0px;
}
.indent{
	margin-left:15px;
}

/* ------------ */
/* Forum styles */
/* ------------ */
.forumItem {
	margin-bottom: 6px;
	color: #444444;
}

.forumTitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.forumDate {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #444444;
}

.forumMoreLink {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.forumMoreLink:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #F2940C;
	text-decoration: none;
}

/* ------------ */
/* documentation page styles */
/* ------------ */

.docItem{
	
}

.docItemTitle{
	margin: 5px 0px 0px 15px;
}

.docItemTitle a{
	color: #104959;
}

.docItemDescription{
	margin-left:15px;
}
.docItemStats{
	font-style:italic;
	margin-bottom:10px;
	color:#000000;
	font-size:11px;
	margin-left:10px;
}

/* ------------ */
/* project page styles */
/* ------------ */

.projectsOverview{
	
}

.projectTitle {
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: 13px;
}

.projectTitle  a{
	color: #104959;
	font-weight: bold;
	font-size: 13px;
}

.projectInstitution {
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-style: italic;
}

.projectDescription{
	margin-left:0px;
}

div.projectLink{
	margin: 5px 0px 0px 0px;
	font-style:italic;
	color:#000000;
	font-size:11px;
}

a.projectLink{
	font-style:italic;
	color:#000000;
	font-size:11px;
}

.projectImage {
	float: left;
	margin-right: 20px;
	margin-bottom:5px;
}
.projectText{
	
}
.projectFeatures{
	clear:both;
	padding-top:10px;
}
.projectFeatures ul{
	margin-top:0px;
	padding-top:0px;
}

.projectClear {
	clear: both;
}

/* ------------ */
/* profile library styles */
/* ------------ */
.profileItemTitle{
	margin: 5px 0px 0px 15px;
	font-weight:bold;
	margin-bottom: 5px;
	font-size: 13px;
}

.profileItemTitle a{
	color: #104959;
}

div.profileItemLink{
	float: right;
}

a.profileItemLink{
	color: #cc0000;
	text-decoration: underline;
}

.profileItemDescription{
	margin-left:15px;
}
.profileItemStats{
	font-style:italic;
	margin-bottom:10px;
	color:#000000;
	font-size:11px;
	margin-left:10px;
}
table.profileItemDetails{
	margin-left:15px;
	width:85%;
}

th.profileItemDetails {
	font-style:italic;
	font-weight:normal;
	background:#DEDEDE;
	width:33%;
}
	
td.profileItemDetailsCell{
	padding:3px;
	margin:0px;
	vertical-align:top;
	background:#F2F2F2;
}

tr.profileItemDetailsRow{
	margin:0px;
	padding:0px;
}

/* ---------------- */
/* roadmap styles */
/* ---------------- */
ul.roadmapList li{
	margin-bottom:5px;
}

/* ------------ */
/* developer page styles */
/* ------------ */

.devItem{
	
}

.devItemTitle{
	margin: 5px 0px 0px 15px;
	font-weight:bold;
	margin-bottom: 5px;
	font-size: 13px;
}

.devItemTitle a{
	color: #104959;
}

.devItemDescription{
	margin-left:15px;
}
.devItemStats{
	font-style:italic;
	margin-bottom:10px;
	color:#000000;
	font-size:11px;
	margin-left:10px;
}

table.devRepoLayout {
	margin-top: 10px;
}

tr.devRepoLayout {
	font-size: 11px;
}

td.devRepoPath {
	font-style: italic;
}

/* ------------ */
/* download page styles */
/* ------------ */

.downloadButton{
	background-color: #144959;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	width: 345px;
}
.downloadButton img{
	vertical-align:middle;
	margin-right:7px;
}
.downloadButton a{
	color:#FFFFFF;
	font-size: 16px;
}
.downloadButtonCaption a{
	text-decoration:underline;
	font-weight:normal;
}

div.download {
	 padding: 5px;
}

.downloadGrid {
	margin: 15px 0px 5px 0px
}

.downloadTitle{
	margin: 5px 0px 0px 15px;
	font-weight:bold;
	font-size: 15px;
}

.downloadTitleName{
	font-weight:bold;
	font-size: 18px;
}

.downloadDescription {
	margin: 5px 0px 10px 15px;
	font-size: 12px;
}

.downloadItem{
	margin-top: 15px;
}

.downloadItemTitle{
	margin: 10px 30px 0px 25px;
	font-weight:bold;
	font-size: 14px;
}

.downloadItemDescription {
	margin: 5px 0px 10px 25px;
	font-size: 12px;
}

.downloadLink {
	font-size: 12px;
}

a.downloadLink{
	color: #cc0000;
	text-decoration: underline;
}

span.importantText {
	color: #222222;
	font-weight: bold;
}

/* ------------ */
/* Tour styles */
/* ------------ */

/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 845px;
	clear: both;
	padding: 0px;
	margin-top: 20px;
}

h3 {
	font-size: 107%;
	line-height: 1.2;
	font-weight: bold;
	color: #0088cc;
	margin: 0;
}
tour.ul {
	border: 0px solid #ccc;
	padding: 0px;
	width: 600px;
	list-style-type: none;
	margin-left: 254px;
	margin-top: 0px;

}



/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
	list-style-type: none;
}

ul#portfolio li img{
	border: 0px solid #ccc;
	padding: 0px;
	width: 561px;
	list-style-type: none;
}
div#portfolio {
	border: 0px solid #ccc;
	padding: 0px;
	width: 600px;
	height: 374px;
	margin-left:-32px;
	margin-top: -11px;
	overflow: hidden;
}

ul#portfolio {
	list-style-type: none;
}

.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}
.slide {
width: 815px;
margin: 0px;

border: 1px solid #ddd;
height: 364px;
padding: 4px;

}
.caption {
width: 235px;
text-align: left;
float: left;
padding-left: 10px;
padding-top: 10px;
}



/* scrollable */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 825px; 
    height:394px; 
} 

 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 

img.scroll {
	cursor:pointer;
	}
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.left {
float: left;
margin-top: 175px;
padding-right: 2px;
margin-left: -4px;
}

.right {
float: right;
margin-top: -220px;
}
/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
	
#header div.search {
	float: left;
	padding: 4px;
	background-color: #aaa;
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-khtml-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#header div.search input {
	border: 1px solid #999;
	background-color: #fdfdfd;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#header div.search input.submit {
	background-color: #ccc;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
}

#header div.search input.submit:hover {
	background-color: #ddd;
	color: rgb(0, 100, 0);
}

#header div.search input.submit:active {
	border-color: rgb(0, 100, 0);
}


#search-for { margin: 15px 0 5px; }

.search-results { margin: 0 0 10px 20px; }

.search-results ol { margin: 5px 0 0 28px; }

.search-results ol li { margin: 0 0 3px; }