/* CSS Document */



.mainframe {
	background-color:#B5D5FF;
	background-position: bottom;
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:auto;
	margin:auto;
	text-align:left;
}

.content_bg {
	/* background-color: #FFFFFF;*/
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:auto;
}

.introcontent_bg {
	background-color:#CC0000;
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:631px;
}


/* -----------------------Coverbild-------------------------- */
.introcoverbild {
/*background-image: url(1-bilder/streetwise_web-back.jpg);*/
position: absolute;
left:4px;
top:311px;
width:851px;
height:300px;
}

/* -----------------------Coverbild2007-------------------------- */
.introcoverbild2007 {
	position: absolute;
	left:89px;
	top:157px;
	width:766px;
	height:300px;
	background-position: right;
	text-align:right;
}


/* --------------------------sponsors--------------------------  */

.worldshop-banner {
position:absolute;
left:587px;
top:492px;
width:200px;
height:77px;
}


.subculture-banner {
background-image: url(1-bilder/logo_subculture_web.jpg);
position:absolute;
left:7px;
top:555px;
width:99px;
height:30px;
}

.medienkonzept-banner {
background-image: url(1-bilder/logo_medienkonzept_web.jpg);
position:absolute;
left:146px;
top:563px;
width:105px;
height:19px;
}

.metrobasel-banner {
/*background-image: url(1-bilder/logo_metrobasel.jpg); */
position:absolute;
left:255px;
top:488px;
width:156px;
height:24px;
}

.fhnw-banner {
position:absolute;
left:5px;
top:525px;
width:218px;
height:31px;
}

.bannertext a {
font: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #333333;
}

.bannertext {
position:absolute;
left:37px;
top:572px;
width:818px;
height:31px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #999999;
}

.translearn-banner {
/*background-image: url(1-bilder/logo_translearn_web.jpg);*/
position:absolute;
left:211px;
top:514px;
width:60px;
height:27px;
}

.dsu-banner {
background-image: url(1-bilder/logo_dsu.jpg);
position:absolute;
left:283px;
top:503px;
width:123px;
height:25px;
}

/* --------------------------sponsors--------------------------  */

.stilnavbar a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:16px;
	text-decoration: none;
	color:#FFFFCC;
}



.navbar-neu {
	position:relative;
	left:0px;
	top:122px;
	width:512px;
	height:20px;
	background-color:#000000;
	color:#FFCC00;
}

.navbarstreet2008 {
	position:absolute;
	left:0px;
	top:122px;
	width:720px;
	height:20px;
	background-color:#000000;
	color:#FFCC00;
}

.navbar-photowebtool {
	position: absolute;
	left:0px;
	top:122px;
	width:512px;
	height:20px;
	background-color:#000000;
	color:#FFCC00;
}

.navbar-whiteback {
	position:relative;
	left:0px;
	top:22px;
	width:847px;
	height:100px;
	background-color: #FFFFFF;
	color:#FFCC00;
}


.navbar-home a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:16px;
	text-decoration: none;
	color:#FFFF99;
}

.navbar-home {
position:absolute;
left:512px;
top:122px;
width:77px;
height:20px;
background-color:#000000;
color:#FFCC00;
}


.navbar-exchange a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:16px;
	text-decoration: none;
	color:#FFFF99;
}

.navbar-exchange {
position:absolute;
left:589px;
top:122px;
width:97px;
height:20px;
background-color:#000000;
color: #FFFF99;
}


.navbar-products a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:16px;
	text-decoration: none;
	color: #FFFF99;
}

.navbar-products {
position:absolute;
left:686px;
top:122px;
width:84px;
height:20px;
background-color:#000000;
color:#FFCC00;
}


.navbar-events a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:16px;
	text-decoration: none;
	color: #FFFF99;
}

.navbar-events {
position:absolute;
left:669px;
top:100px;
width:96px;
height:20px;
background-color:#000000;
color:#FFCC00;
}



.navbar-streetwise a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:16px;
	text-decoration: none;
	color: #FFFF99;
}
.navbar-streetwise {
position:absolute;
left:770px;
top:122px;
width:77px;
height:20px;
background-color:#000000;
color:#FFCC00;
}


.intro_logo {
position: relative;
left:222px;
top:277px;
width:156px;
height:28px;
}

.logo2 {
background-image: url(1-bilder/DEF_streetwise_logo_web.jpg);
position:absolute;
left:89px;
top:52px;
width:312px;
height:58px;
}

.year a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:33px;
text-decoration: none;
color: #CCCCCC;
}

.year {
position:absolute;
left:28px;
top:89px;
width:77px;
height:444px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:33px;
text-decoration: none;
color: #000000;
}

.year2008 a {
color: #009DE0; 
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

.year2008 {
position:absolute;
left:0px;
top:147px;
width:90px;
height:330px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:12px;
text-decoration: none;
color: #000000;
}



.language a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:13px;
text-decoration: none;
color: #CC0000;
}


.language {
font-family: Arial, Helvetica, sans-serif;
color:#999999;
font-weight:bolder;
font-size:13px;
text-decoration:none;
position:absolute;
left:1px;
top:531px;
width:157px;
height:17px;
}


.language2 a {
font-family: Arial, Helvetica, sans-serif; 
font-weight: bolder;
font-size:13px;
text-decoration: none;
color: #CC0000;
}


.language2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bolder;
	font-size:13px;
	text-decoration: none;
	position:absolute;
	left:0px;
	top:162px;
	width:157px;
	height:17px;
	z-index: 3;
}



.logo3 {
background-image: url(1-bilder/DEF_streetwise_logo_cut.jpg);
position:absolute;
left:89px;
top:52px;
width:312px;
height:58px;
}



.sublogo2 {
/*--background-image: url(1-bilder/trinational_exchange.jpg);--*/
position:absolute;
left:517px;
top:114px;
width:334px;
height:35px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:33px;
text-decoration: none;
color: #000000;
}

.icon-home2 {
background-image: url(1-bilder/icon_1_web.jpg);
position:absolute;
left:523px;
top:41px;
width:62px;
height:62px;
}

.icon-exchange2 {
background-image: url(1-bilder/icon_2_web.jpg);
position:absolute;
left:608px;
top:44px;
width:62px;
height:62px;
}



.icon-products2 {
background-image: url(1-bilder/icon_3_web.jpg);
position:absolute;
left:695px;
top:42px;
width:62px;
height:62px;
}

.icon-expo2 {
background-image: url(1-bilder/icon_4_web.jpg);
position:absolute;
left:779px;
top:44px;
width:62px;
height:62px;
}



.start-link a {
color: #990000;
text-decoration:none;
}

.start-link {
position:absolute; 
left:263px; 
top:242px; 
width:422px; 
height:26px;
color: #990000;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
}





.adresstitel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bolder;
	color: #333333;
	text-decoration: none;
	position:absolute;
	left:402px;
	top:205px;
	width:472px;
	height:38px;
}

.newstitel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bolder;
	color: #333333;
	text-decoration: none;
	position:absolute;
	left:402px;
	top:205px;
	width:178px;
	height:38px;
}

.soundtitel {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 48px;
font-weight: bolder;
color: #333333;
text-decoration: none;
position:absolute; 
left:402px; 
top:181px; 
width:472px; 
height:38px;
}

.adresssubtitel {
	position:absolute;
	left:404px;
	top:287px;
	width:379px;
	height:20px;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.adresstextbox a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #990000;
}

.adresstextbox {
	position:absolute;
	text-align: left;
	left:404px;
	top:307px;
	width:443px;
	height:177px;
	overflow: auto;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.adress-bild-all {
	/*background-image: url(1-bilder/homecover_white_red.jpg);*/
	background-position: center top;
	position: absolute;
	height: 198px;
	width: 400px;
	left:0px;
	top:287px;
}

.video-bild-all {
	/*background-image: url(1-bilder/homecover_white_red.jpg);*/
	background-position: center top;
	position: absolute;
	height: 350px;
	width: 400px;
	left:-25px;
	top:217px;
}

.adress-bild-dsu {
	background-image: url(1-bilder/dsu_zap2.jpg);
	background-position: center top;
	position: absolute;
	height: 166px;
	width: 222px;
	left:173px;
	top:308px;
}

.contact-background {
	background-image: url(1-bilder/DEF_streetwise_cover_72RGB.gif);
	background-position: center top;
	position: absolute;
	height: 237px;
	width: 850px;
	left: 0px;
	top: 250px;
}



.homelinkliste a {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #990000;
text-decoration: none;
}

.homelinkliste {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #999999;
text-decoration: none;
position: absolute;
height: 29px;
width: 269px;
left: 404px;
top: 170px;
}

.newslinkliste a {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #666666;
text-decoration: none;
}

.newslinkliste {
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #CCCCCC;
	text-decoration: none;
	position: absolute;
	height: 40px;
	width: 375px;
	left: 535px;
	top: 227px;
	z-index: auto;
}

.partnerlinkliste a {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #999999;
text-decoration: none;
}

.partnerlinkliste {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #CCCCCC;
text-decoration: none;
position: absolute;
height: 40px;
width: 375px;
left: 622px;
top: 211px;
}


.eventslinkliste a {
font: normal 13px Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#990000;
text-decoration: none;
}

.eventslinkliste {
font: normal 13px Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
text-decoration: none;
position: absolute;
height: 40px;
width: 333px;
left: 597px;
top: 227px;
}



.home-bild-projekt {
background-position:bottom;
background-repeat:no-repeat;
position: absolute;
height: 198px;
width: 400px;
left:0px;
top:287px;
}


.newstextbox a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:lighter;
font-style: normal;
text-decoration:none;
color: #990000;
}

.newstextbox {
	position:absolute;
	text-align: left;
	left:404px;
	top:307px;
	width:443px;
	height:177px;
	overflow: auto;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.exchangetextbox a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
font-style: normal;
text-decoration:none;
color: #990000;
}

.exchangetextbox {
	position:absolute;
	text-align: left;
	left:404px;
	top:307px;
	width:443px;
	height:190px;
	overflow: auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}


.soundbox a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-style: normal;
text-decoration:none;
color: #FFFF66;
}

.soundbox {
	position:absolute;
	background-color: #000000;
	text-align: left;
	left:404px;
	top:307px;
	width:443px;
	height:190px;
	overflow: auto;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}





.exchange-photo-cover {
background-image: url(1-bilder/exchange_photo.jpg);
background-position:center top;
background-repeat:no-repeat;
position: absolute;
height: 303px;
width: 214px;
left:100px;
top:190px;
}

.exchange-sound-cover {
/* background-image: url(1-bilder/exchange_sound.jpg); */
background-position:center top;
background-repeat:no-repeat;
position: absolute;
height: 303px;
width: 214px;
left:314px;
top:190px;
}

.exchange-video-cover {
background-image: url(1-bilder/exchange_video.jpg);
background-position:center top;
background-repeat:no-repeat;
position: absolute;
height: 303px;
width: 214px;
left:528px;
top:190px;
}

.exchange-media-cover {
background-image: url(1-bilder/exchange_media.jpg);
background-position:center top;
background-repeat:no-repeat;
position: absolute;
height: 303px;
width: 214px;
left:642px;
top:190px;
}

.photo-box-klein {
position: absolute;
height: 39px;
width: 40px;
left: 0px;
top: 144px;
}

.sound-box-klein {
position: absolute;
height: 39px;
width: 40px;
left: 45px;
top: 144px;
}

.video-box-klein {
position: absolute;
height: 39px;
width: 40px;
left: 90px;
top: 144px;
}

.exchangelinks a {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #990000;
text-decoration: none;
}

.exchangelinks {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #999999;
text-decoration: none;
position: absolute;
height: 29px;
width: 353px;
left: 4px;
top: 186px;
}


.exchangelinkliste a {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #333333;
text-decoration: none;
}


.exchangelinkliste {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #CCCCCC;
text-decoration: none;
position: absolute;
height: 40px;
width: 375px;
left: 629px;
top: 229px;
}

.soundlinkliste a {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #333333;
text-decoration: none;
}


.soundlinkliste {
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #999999;
text-decoration: none;
position: absolute;
height: 40px;
width: 375px;
left: 629px;
top: 221px;
}


.photowebtool-bilderscreen {
	/*background-image: url(1-bilder/homecover_white_red.jpg);*/
	background-position: center top;
	background-repeat: repeat-y;
	position: absolute;
	text-align:right;
	height: 202px;
	width: 850px;
	left:0px;
	top:300px;
	overflow: scroll;
}

.photowebtoolframe {
	background-color:#000000;
	position:relative;
	left:0px;
	top:320px;
	width:900px;
	height:auto;
	overflow:auto;
}


.newlinks a {
font: normal 17px Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #990000;
text-decoration: none;
}

.newlinks {
font: normal 17px Geneva, Arial, Helvetica, sans-serif;
font-weight: lighter;
color: #999999;
text-decoration: none;
position: absolute;
height: 29px;
width: 363px;
left: 4px;
top: 213px;
}