html { height: 100.03%; }

body {
	font: 10pt 'helvetica neue', 'Lucida Grande', 'trebuchet ms', verdana, arial, sans-serif; 

	color: #222;

/*	background: #F3F1E6 url('bgBlue.gif') top right repeat-y; */
/*	background: #F3F1E6; */
		background: #fcfcfc;
		
	margin: 0;
	padding: 0;
}





/**
 *	globale dinge
 *
 */

/* alles, was versteckt werden soll */
.hidden { display: none; }

/* fuer unsichtbare dinge - z.b. type in vcard */
.none { display: none; }

/* um floats abzubrechen */
.clear { clear: both; }

/* z.b. hellere schriftbereiche */
.light { color: #555; font-weight: normal; }

.justify { text-align: justify; }

/* fuer alle bilder */
img { border: none; margin: 0; padding: 0; }

/* abkuerzungen */
abbr { border-bottom: 1px dotted #ccc; cursor: help; }


pre { background: #f5f8fc; border: 1px solid #eee; padding: 4px; }

hr { border: none; width: 100%; height: 16px; background: url('line.gif') repeat-x 0 0; }

.cc-icon { float: left; padding: 3px 12px 0 0; border: none; }




/**
 *	links
 *
 */
a { color: #0B6DB6; text-decoration: none; }
	a:visited { color: #0B6DB6; }
	a:active { color: #5b80ff; }
	a:hover { color: #0B6DB6; text-decoration: underline; }







/**
 *	die seitenaufteilung
 *
 */
#skips { position: fixed; top:0; right: 0; width: 256px; background: #fcfcfc; color: #fcfcfc; text-align: center; padding: 2px; }
	#skips a { color: #fcfcfc; text-decoration: none; }
	#skips:hover, #skips:hover a { background: #f5f8fa; color: #0B6DB6; }

#page { /* width: 850px; */ float: right; margin: 0; /* border: 1px solid #00b0e9; */ } 

#copyright { margin: 48px 32px 0 0; padding-top: 6px; text-align: right; color: #bbb; /* background: url('line.gif') repeat-x top left; */ }

	#copyright a { color: #777; }

/* flaggen zum sprachwechsel */
div#flags { float: left; }
	div#flags img { padding: 2px 4px; border: none; }

















/**
 *	content
 *
 */
#content { width: 582px; margin: 32px 300px 20px auto; padding: 0; line-height: 1.5em; color: #333; }

	#content h1 { font: 46px/33px 'Georgia', 'Times New Roman', serif; font-weight: normal; letter-spacing: -1px;
		margin: 32px 0 16px 0; padding: 0 0 6px 0; background: url('line.gif') repeat-x bottom center; }

	h2.headline {
/*		font: 33px/35px 'Palatino', 'Georgia', 'Times New Roman', serif; font-weight: normal; letter-spacing: -1px; */
		font: bold 16px 'palatino', 'georgia', 'Times New Roman', serif; text-transform: uppercase;
		margin: 64px 0 21px 0; padding: 0 0 6px 0; 
	}
	h2.headline a { /* color: #444034; */ color: #900; text-decoration: none; }

	h2.headline div { font: 83px/57px 'Palatino', 'Georgia', "Times New Roman", serif; letter-spacing: -7px; color: #eaeaea; font-weight: normal; 
	 	text-transform: none;
/*		margin: -24px 0; padding: 0; */
		margin: -24px 0; padding: 0; 
	}
	
	
	
	div#banner {
		width: 582px;
		height: 82px;
		/* background: url('header_geo_produkte.jpg') no-repeat -172px 0px; */
/*
			background: url(b.moleskine.jpg) no-repeat 0 0; 
			background: url(b.stift.jpg) no-repeat 0 0; 
*/
			background: url(b.rotweiss.tr.jpg) no-repeat 0 0; 
			
		
/*			border: 1px solid #ccc;
			border-left: none;
*/		
		margin: 0 0 16px 0;
	}
	
	
	
	#content h3 { font: 22px/23px 'Palatino', 'Georgia', 'Times New Roman', serif; font-weight: normal; color: #900; margin: 21px 0 8px 0; }
	#content h4 { /* font: 18px/21px 'Palatino', 'Georgia', 'Times New Roman', serif; font-weight: normal; margin: 21px 0 8px 0; */
		font: bold 16px 'palatino', 'georgia', 'Times New Roman', serif; text-transform: uppercase; margin: 21px 0 8px 0;
	}

	#content p, 
	#content address, 
	#content ul 
		{ margin: 1px 0 12px 0; text-align: justify; /* font: 11pt/15pt 'palatino', 'arial', sans-serif; */ }



	#contnt ul.download { margin:0; padding: 0; }
	#content ul.download li { margin: 0; padding: 0; padding-bottom: 8px; }
	#content ul.download li.codeRed {
		list-style: none;
		list-style-image: none;
		background: url('page_white_code_red.png') no-repeat 0 1px;
		padding-left: 21px;
	}
	#content ul.download li.codeWhite {
		list-style: none;
		list-style-image: none;
		background: url('page_white_code.png') no-repeat 0 1px;
		padding-left: 21px;
	}

	#content ul.download li.pdf {
		list-style: none;
		list-style-image: none;
		background: url('page_white_acrobat.png') no-repeat 0 1px;
		padding-left: 21px;
	}

	#content ul.download li.package {
		list-style: none;
		list-style-image: none;
		background: url('package.png') no-repeat 0 1px;
		padding-left: 21px;
	}







#sidebar { position: fixed; top: 32px; right: 0; width: 252px; float: right; margin: 0 8px 0 0; /* background: #DFDCCF; */ }			/* D6D1BD DFDCCF 4C7094 */

	#sidebar ul { margin: 0; margin-top: 24px; padding-left: 4px; }
	#sidebar ul li { border-right: 7px solid transparent; color: #bbb; list-style: none; list-style-image: none; margin: 4px 0 8px 0; padding: 0 6px; text-align: left; 
/*		background: url(folder.png) no-repeat top right; */
		padding-right: 21px;
	}

	#sidebar ul li h3 { 
		border-bottom: 2px solid transparent;

		margin: 2px 0; padding: 0; 
		font: bold 16px 'palatino', 'georgia', 'Times New Roman', serif; 
		color: #444034; 
		text-align: right; text-transform: uppercase; 
	}
	#sidebar ul li h3 a { display: block; color: #444034; text-decoration: none; }

		#sidebar ul li.applications h3 { border-color: #00b0e9; }
		#sidebar ul li.code h3 { border-color: #ff6dbc; border-color: #900; }
		#sidebar ul li.design h3 { border-color: #ffb900; }
		#sidebar ul li.usability h3 { border-color: #90e400; }
		#sidebar ul li.about h3 { border-color: #D6D1BD; }


	#sidebar ul ul.sub { margin: 0; margin-bottom: 24px; padding: 0; /* damit der slideToggle() nicht hoppelt */ border: 1px solid transparent; }
			#sidebar ul ul.sub li { margin: 2px 0; background: none; }





/**
 *	vcard / hcard 			kontaktdaten
 *
 */
address {}
	address.vcard { background: url('microformats.png') no-repeat 0px 1px; margin-bottom: 8px; padding-left: 24px; }
	address.downloadVCard { background: url('vcard.png') no-repeat 0px 3px; padding-left: 24px; margin: 18px 0; }

blockquote { border-left: 7px solid #ddd; margin: 0; margin: 0 0 0 4px; padding: 0; padding-left: 12px; }









/**
 *	bilderausrichtung
 *
 */
.imgfright { background: url('left-top-corner-box.jpg') 0px 0px no-repeat; float: right; margin: 4px 0 12px 12px; padding: 9px 5px 9px 9px; }
.imgfleft { float: left; margin: 4px 4px 4px 0; padding: 2px 9px 9px 0; }
	.imgfright img, .imgfleft img { padding: 0; margin: 0; border: 1px solid #ddd; }

	/* bild, was externen link andeutet */
	img.lnk { margin: 0; padding: 0; width: 9px; height: 11px; }

	/* nicht verlinkte projekte */
	a.gray { color: #333; }




	p img {
		margin: 0 0 12px 12px; padding: 0;
		float: left;
		
		border: 1px solid #ccc;
	}
	p img:first-child {
		margin-left: 0;
	}



/*
	dl {
	}
	dl dt {
		clear: both;
		font-weight: bold;
	}
	dl dd {
		margin: 0; padding: 0;
	}
	dl dd img {
		margin: 0 0 21px 21px; padding: 0;
		float: right;
		
		border: 1px solid #ddd;
	}
*/






	fieldset.vitae {
		margin: 16px 0px 8px 0px;
		padding: 4px 8px;
		border: none;
		border-top: 3px solid #CECCC1; 

		float: none;
	}

	fieldset.vitae legend {
		font: bold 1em 'helvetica neue', 'arial', sans-serif;
			font: bold 16px 'palatino', 'georgia', 'Times New Roman', serif; text-transform: uppercase;
		
		margin: 2px 0px;
		padding: 0px;
	}

	fieldset.vitae dl dt {
		display: block;
		float: left;
		width: 128px;
		padding: 2px 16px 8px 0px;

		font: bold 1em 'helvetica neue', 'arial', sans-serif;
		color: #AFADA4;				/* CECCC1 */
		text-align: right;
	}
	fieldset.vitae dl dd {
	/*	border: 1px solid #ccc; */
		padding: 0px 0px 8px 0px;
		margin-left: 164px; 
	}






a.cssBadge { text-decoration: none; }
a.cssBadge:hover { background: #eee; }

a.cssBadge {
	display: inline;
	font: 11px 'helvetica neue', arial, sans-serif;
	padding: 1px;
	border: 1px solid #777;
	margin: 0;
	text-decoration: none;
	background: #fff;
}
.cssBadgeFront {
	display: inline;
	background: #00b0e9;
	color: #fff;
	padding: 0 2px;
	margin: 0;
	margin-right: 1px;
}

.cssBadgeText {
	display: inline;
	color: #434343;
	padding: 0 3px;
	border: 0;
	margin: 0;
	margin-left: 1px;
}

.bgGreen { background: #90e400; }
.bgOrange { background: #ffb900; }
.bgBlue { background: #00b0e9; }
.bgGray { background: #aaa; }







form {}
input { width: 300px; border: 1px solid #bbb; margin: 0; padding: 2px; padding-left: 24px; }

label { display: block; width: 300px; margin-top: 6px; font-size: 9pt; }
label a { color: #666; }

input.fUser { background: url(user.png) no-repeat 3px 2px; }
input.fPass { background: url(key.png) no-repeat 3px 2px; }
	input:focus { background-color: #ffc; border-color: #999; }



a.cssButton {
	margin: 0; padding: 3px 6px; 
	border: 1px solid #ccc; 
	background: url(gradientBG.jpg) repeat-x 0 0; 
	color: #444; 
}
.cssButton:hover { border-color: #aaa; color: #111; text-decoration: none; }