html { padding:0px; margin:0px;}
body { background-color: #FFFFFF; font-size: 12px; font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; color: #555; margin:0px;}
a, a:link, a:visited { color: #933; text-decoration: none; border: none;}
a:hover, a:active { text-decoration: none; border: none; }

a.linkspage:link, a.linkspage:visited {color: #777; text-decoration: none;}
a.linkspage:hover, a.linkspage:active {color: #933; text-decoration: underline;}

body {
scrollbar-arrow-color: #464646;scrollbar-3dlight-color: #CCCCCC;scrollbar-darkshadow-color: #999999;scrollbar-face-color: #D4D0C8;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #CCCCCC;scrollbar-track-color: #e6e6e6;}

#right_grad {
	height: 310px;
	background-image:url(images/bg_rightside_grad.gif);
	 background-repeat: no-repeat;
}

.aboutin2 {display: block; width: 107px; height: 35px; background: url("images/menu_aboutin2.gif") no-repeat 0 0;}
.aboutin2:hover {background-position: 0 -35px; text-decoration:none;}
.aboutin2 span {display: none;}

.schedule {display: block; width: 87px; height: 35px; background: url("images/menu_schedule.gif") no-repeat 0 0;}
.schedule:hover {background-position: 0 -35px; text-decoration:none;}
.schedule span {display: none;}

.intropeep {display: block; width: 95px; height: 35px; background: url("images/menu_intropeep.gif") no-repeat 0 0;}
.intropeep:hover {background-position: 0 -35px; text-decoration:none;}
.intropeep span {display: none;}

.map {display: block; width: 89px; height: 35px; background: url("images/menu_map.gif") no-repeat 0 0;}
.map:hover {background-position: 0 -35px; text-decoration:none;}
.map span {display: none;}

.soon {display: block; width: 85px; height: 35px; background: url("images/menu_soon.gif") no-repeat 0 0;}
.soon:hover {background-position: 0 -35px; text-decoration:none;}
.soon span {display: none;}

.work {display: block; width: 82px; height: 35px; background: url("images/menu_work.gif") no-repeat 0 0;}
.work:hover {background-position: 0 -35px; text-decoration:none;}
.work span {display: none;}

.devote {display: block; width: 62px; height: 35px; background: url("images/menu_devote.gif") no-repeat 0 0;}
.devote:hover {background-position: 0 -35px; text-decoration:non;e}
.devote span {display: none;}

.talk {display: block; width: 65px; height: 35px; background: url("images/menu_talk.gif") no-repeat 0 0;}
.talk:hover {background-position: 0 -35px; text-decoration:none;}
.talk span {display: none;}

.outreach {display: block; width: 63px; height: 35px; background: url("images/menu_outreach.gif") no-repeat 0 0;}
.outreach:hover {background-position: 0 -35px; text-decoration:none;}
.outreach span {display: none;}


pre {
  font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
  font-size: 85%;
  line-height: 1.4em;
  margin: 1em 0;
  border: 1px dotted #999;
  padding: 0.5em 0 0.3em 0.5em;
}

em { letter-spacing: .1em;}
ul { list-style-image: url(templates/idea/img/bullet.gif); margin-left: 1.6em; padding-left: 1.6em;}
ul li { line-height: 1.4em; }

/*  positioning-layers dynamisch */
#landing_gradient_greenish {
	background-image:url(images/gradient_greenish.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
}

/*  positioning-layers dynamisch */
#gotomain {
	float:left;
	width:200;
	height:70;
}
#container {
	width: 100%;
	border:0px;
}

#main {
	left:0px;
	top:0px;
	width: 798px;
	background-image:url(images/main_bg.gif);
}

#header {
	width: 798px;
	height: 118px;
	background-image:url(images/menu_bg.gif);
}

#left {
	float: right;
	height: 194px;
	width: 170px;
	background-image: url(images/top_left_texture.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#right { 
	float: left;
	height: 194px;
	width: 170px;
	background-image: url(images/top_right_texture.gif);
	position: relative; 
	top: 0px;
}

#links_latest {
	float: left;
	width: 764px;
	height: 260px;
	margin-left: 12px;
}

#links_favorites {
	width: 782px;
	height: 330px;
	margin-left: 8px;
	padding-bottom: 10px;
	background-image: url(images/section_beige.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: left;
}

#links_container_all {
	width: 782px;
	height: 530px;
	margin-left: 8px;
	padding-bottom: 10px;
	background-image: url(images/section_beige.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: left;
}

#links_featured {
	padding-top: 15px;
	width: 191px;
	height: 135px;
	float: left;
}

#links_h2 {
	float: left;
	width: 183px;
	margin-top: 10px;
	font-size: 1em;
	color:#333;
}

#links_text {
	width: 183px;
	margin-top: 5px;
	font-size: 1em;
	line-height: 1.3em;
}


#links_thumb {
	float: left;
	width: 183px;
	height: 100px;
	background-color:#333;
}

#links_first {
	float: left;
	width: 250px;
	height: 140px;
	margin-left: 12px;
}

#links{
	float: left;
	margin-left: 3px;
	width: 250px;
	height: 140px;
}

#links_list {
	float: left;
	width: 240px;
	height: 140px;
	padding-left: 5px;
	overflow: auto;
	background-image: url(images/links_list_bg.gif);
}

#section_beige {
	width: 782px;
	height: 280px;
	margin-left: 8px;
	padding-bottom: 10px;
	background-image: url(images/section_beige.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: left;
}

#section_beige_long {
	width: 782px;
	height: 400px;
	margin-left: 8px;
	padding-bottom: 10px;
	background-image: url(images/section_beige.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: left;
}

#section_tut_000 {
	width: 782px;
	margin-left: 8px;
	padding-bottom: 10px;
	background-color:#f6f6f3;
	clear: left;
}

#section_tut_001 {
	width: 782px;
	margin-left: 8px;
	padding-bottom: 10px;
	background-color:#fefdfd;
	clear: left;
}

#h1 {
	float: left;
	width: 503px;
	margin-top: 10px;
	margin-left: 12px;
	font-size: 1.2em;
	color:#333;
}

#h2 {
	float: left;
	width: 240px;
	margin-top: 10px;
	font-size: 1em;
	color:#333;
}

#h3 {
	float: left;
	width: 240px;
	margin-top: 10px;
	font-size: 1em;
	line-height: 1.3em;
}

#h9 {
	float: left;
	width: 100px;
	margin-top: -10px;
	font-size: 7em;
	color:#DEDDDA;
}

#divider {
	width: 760px;
	height: 40px;
	clear: both;
}

#latest {
	float: left;
	width: 756px;
	height: 260px;
	margin-left: 12px;
}

#latest_thumb {
	width: 756px;
	height: 260px;
}

#latest_text {
	float: right;
	width: 245px;
	margin-top: 0px;
	font-size: 1em;
	line-height: 1.3em;
}
	
#featured_first {
	float: left;
	width: 250px;
	height: 160px;
	margin-left: 12px;
}

#featured {
	float: left;
	margin-left: 3px;
	width: 250px;
	height: 160px;
}

#featured_thumb {
	float: left;
	width: 250px;
	height: 120px;
	background-color:#333;
}

#featured_text {
	width: 240px;
	margin-top: 5px;
	font-size: 1em;
	line-height: 1.3em;
}

#menu {
	left:0px;
	top:0px;
	width: 735px;
	height: 75px;
}

#footer {
	left:0px;
	top:0px;
	height: 100px;
	width: 1000px;
	background-image:url(images/footer_bg.gif);
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 1px;
background-color: #333;
left: -3000px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: 70px; /*position where enlarged image should offset horizontally */
}


#right, #content, #left { 
border: none;
padding:0px;
margin:0px;
} 
#main_nav { position:relative; left:234px; top:63px; width:510px; height:25px;;}


.in2km {display: block; width: 326px; height: 68px; background: url("km.gif") no-repeat 0 0;}
.in2km:hover {background-position: 0 -68px; text-decoration:none;}
.in2km span {display: none;}


.in2em {display: block; width: 315px; height: 68px; background: url("em.gif") no-repeat 0 0;}
.in2em:hover {background-position: 0 -68px; text-decoration:none;}
.in2em span {display: none;}