/* Floating table of contents */




#connection_menu {
	visibility:hidden;
}


#navigator {
	position: fixed;
	margin: 0;
	top: 0px;
	left: 200px;
	width: 470px;
	height:30px;
	background:#fff;
}

#navigator a {
	color:#999;
}

#navigator a.current {
	color:#000;
}

#navigator a:hover {
	color:#f06;
}



p.image_caption {
	margin:0px;
	font-size:0.9em;
	font-style:italic;
	padding:10px 0px 10px 10px;
}

/* images */

.flickr {
	margin-bottom:9px;
	vertical-align:top;
}


.flickr_s {
	width:70px;
	height:71px;
}

.flickr_m {
	width:230px;
}

.flickr_l {
	width:470px;
}

.flickr_ll {
	width:510px;
}


.flickr_xl {
	width:710px;
}


.margin_right {
	margin-right:10px;
}


/* paragraphs */

.p_s {
	margin-bottom:10px;
	font-size:0.9em;
	line-height:1.1em;
}

.p_m {
	margin-bottom:10px;
	font-size:1.0em;
	line-height:1.3em;
}

.p_l {
	margin-bottom:10px;
	font-size:1.5em;
	line-height:1.1em;
}

.p_xl {
	margin-bottom:10px;
	font-size:2.5em;
	padding:0;
	line-height:1.2em;
}

p {
	padding:4px 0px;
}

#navigator p {
	margin-top:10px;
	font-size:1em;
}


hr {
	color: #999;
	background-color: #999;
	height:1px;
	margin:0;
	padding:0;
}





/* menu 2 */



.min-height-1 {
	min-height:48px;
}

.min-height-2 {
	min-height:64px;
}

/* Colors */

body {
	/* background:#f1fbff; */
	background:#fff;
}

a {
		/* color:#fe4837;  salmon */
		/* color:#0fc; fluoresent */
		color:#33D9AF;
		font-weight:normal;
		text-decoration:underline;
}

a.index {
	
	/* color:#00CEFF; bright blue */
	color:#000;
}


a.libraries {
	color:#333;
}


#menu a {
	color:#999;
	background:#ccc;
}

a:hover, #menu a:hover {
  color: #000;
  text-decoration:none;
}



#menu a:hover {
	background:#ddd;
}


#menu a.active {
	color:#0fc;
	background:#eee;
}


.color-1 {
	color:#333;
}

.color-2 {
	color:#666;
}

.color-3 {
	color:#999;
}

.color-4 {
	color:#f00;
}

.color-white {
	color:#fff;
}

.color-main {
	color:#fe4837;
}

.background-main {
	background:#fe4837;
}


.color-black {
	color:#000;
}


.background-1 {
	background:#fffbca;
}

.background-2 {
	background:#ffefc1;
}

.background-3 {
	background:#ffe1b8;
}


.background-4 {
	background:#ffc9a8;
}

.background-5 {
	background:#f00;
}


.rounded-8 {
	padding:8px 8px;
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
}

.bold {
	font-weight:bold;
}

strong.menu_headline, 
strong.menu_headline a,
#title strong a {
	color:#111;
}










/**/

body {
	/* background:#f4f4f4; */
	/* background:#DEFBF4; */
	/* background:#FBFBDE; */
	/* background:#DEFAFB; */
}

.information {
	/* background:#FCFFEE; */
	/* background:#DDFDF3; */
	/* background:#FCFFEE; light yellow */
	 background:#ebf4f5; /**/
}

#header {
	background:transparent;
	margin:20px 0px 40px 0px;
}

#title {
	width:200px;
	height:100px;
	float:left;
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
	margin-right:4px;
}


#title h1 {
	margin:8px 12px;
	font-weight:bold;
	padding:0;
	font-size:1.0em;
	color:#fff;
	/* text-shadow: #333 0px 0px 5px; */

}


#title.index {
	/* background:#00F0EE; /* bright blue */
	background:#222;
}

#title h1 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#title.information {
	background:#00F0BE; /* turkis*/
}

#title.libraries {
	background:#00D3D8; /* 485252; */
}



#footer, #contact {
	margin:40px 10px 40px 0px;
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
	background:#transparent; /*33D9AF*/ /* 176DCA; */
	float:left;
}

#footer p, #contact p {
	margin:10px 10px 10px 0px;
	font-weight:bold;
	padding:0;
	font-size:0.8em;
	color:#999;
}

#footer a {
	color:#333;
	font-weight:bold;
}


#contact {
	/* background:#0fc;  fluoresent */
	/* background:#22D2FF;  bright blue */
	/* background:#0689F2;  blue */
	/* background:#fe4837; salmon */
	color:#22D2FF;
}

#contact a {
	color:#333;
	font-weight:bold;
}

#contact:hover {
	background:#ddd;
}


#menu {
	padding:0;
	float:left;
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
}


#menu p {
  margin: 0;
  padding: 0;
  margin-top:10px;
  margin-bottom:3px;
}


#menu ul {
  padding: 0;
  margin:0;
  list-style-type: none;
}

#menu li, #menu li a {
	font-size:1.0em;
	line-height: 1.02em;
	font-weight:bold;
	float:left;
}

#menu li a {
	-moz-border-radius:6px; 
	-khtml-border-radius:6px; 
	-webkit-border-radius:6px; 
	margin:0px 4px 4px 0px;
	padding:6px 12px;
	color:#888;
	background:#e8e8e8;
}

#menu li a:hover {
  color: #000;
  background:#ccc;
}


#menu a:link, #menu a:visited {
	text-decoration: none;
	font-size:0.9em;
}

#menu li a.active {
	color:#fff;
	background:#333;
}



#menu a.menu-contact {
	color:#333;
	background:#fff;
}




.flickr-container-l1 {
	height:320px;
	overflow:hidden;
	margin-bottom:10px;
}


.image-caption {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:0.9em;
	color:#333;
}

.image-inbox {
	margin:10px;
	position: absolute;
	opacity:1;
	bottom:0px;
	right:0px;
	color:#111;
	font-weight:bold;
	background:#0fc; 
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
}

.image-inbox p {
	margin:4px 8px;
	font-size:0.9em;
}


.margin-bottom-0 {
	margin-bottom:0;
}
.margin-bottom-1 {
	margin-bottom:10px;
}
.margin-bottom-2 {
	margin-bottom:20px;
}
.margin-bottom-3 {
	margin-bottom:40px;
}


.margin-top-0 {
	margin-top:0;
}
.margin-top-1 {
	margin-top:10px;
}
.margin-top-2 {
	margin-top:20px;
}
.margin-top-3 {
	margin-top:40px;
}


.font-family-1 {
	font-family:monospace;
}



#cv {

}

.headline {
	border-bottom:1px solid #333;
	padding:10px 0px 0px 0px; 
	margin:0px 0px 10px 0px;
}

.bold {
	font-weight:bold;
}

#cv strong {
	font-weight:bold;
	font-size:1.0em;
	padding:6px 8px 6px 8px;
	margin:0px 0px 0px 0px;
	background:#0fc;
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
}


#cv ul {
	padding:0px 0px 0px 0px;
	list-style:none;
	margin:20px 0px 20px 0px;
}

#cv ul li {
	margin-bottom:4px;
}