/*content_links*/
.rumble{width:100%;height:100%x}

.rumble_container{position:absolute;left:50%}

#bands_container{top:267px;margin-left:-259px;width:56px;height:70px}
#archiv_container{top:245px;margin-left:188px;width:65px;height:86px}
#editorial_container{top:493px;margin-left:-529px;width:112px;height:34px}
#bilder-2011_container{top:464px;margin-left:-5px;width:133px;height:61px}

#doppelbock_container{top:18px;margin-left:-512px;width:252px;height:342px}
#guillermo-sorya_container{top:389px;margin-left:-496px;width:295px;height:184px}
#florian-egli-weird-beard_container{top:367px;margin-left:190px;width:243px;height:183px}
#verena-von-horsten_container{top:9px;margin-left:27px;width:286px;height:157px}
#futurekids_container{top:306px;margin-left:-179px;width:153px;height:171px}
#kejnu_container{top:162px;margin-left:-105px;width:232px;height:103px}

#facebook_container{top:711px;margin-left:-115px;width:44px;height:41px}
#twitter_container{top:733px;margin-left:-66px;width:39px;height:38px}


/*layout*/
html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body{
	margin:0;
	padding:0;
	height:100%;	
	width:100%;
	font-family:arial;
	font-size:12px;
	color:white;
	letter-spacing:0.04em;
	line-height:16px;
	
}


/*fonts*/
p{margin:0;padding:0}

img{border:0px;}

h1{margin:0;padding:0;margin-bottom:5px;line-height:1}

h2{margin:0;padding:0;line-height:1;margin-bottom:5px}

/*links*/
a{color:white;text-decoration:underline;font-family:arial;font-size:12px;letter-spacing:0.00em;padding:0;outline:none;margin:0;}
a:visited{color:white}
a:hover{color:white}

a.nav{color:whitep;letter-spacing:0.08em;font-size:17px;margin-right:20px;padding:3px 11px 0px 11px;height:19px;text-decoration:none;display:block;float:left}
a.nav:visited{color:white}
a.nav:hover{color:black;background:white}

a.nav_active{font-weight:normal;letter-spacing:0.08em;color:black;background:white;font-size:17px;height:19px;margin-right:20px;padding:3px 11px 0px 11px;text-decoration:none;display:block;float:left}
a.nav_active:visited{color:black}
a.nav_active:hover{color:black}

a.int{color:white;padding:0 0px 0 0px;letter-spacing:0.04em;margin-left:0px;text-decoration:none;font-size:13px;}
a.int:visited{color:white}
a.int:hover{color:black;background:white;padding:0 2px 0 2px;letter-spacing:0.03em;}

a.bg{background:none}
a.bg:hover{background:none}

/*divs*/
#container{
	position:absolute;
	height:100%;
	min-height:800px;	
	width:100%;
	background:url(layout/pics/bg_content.jpg) no-repeat top center;}

#content_overlay{
	position:absolute;
	left:50%;
	top:57px;
	margin-left:-375px;
	width:750px;
	height:522px;
}

#content_nav{
	position:absolute;
	height:30px;
	width:750px;
	background:url(layout/pics/bg_trans.png);
}

#content_menu{
	position:absolute;
	margin:4px 0 0 4px;
}

#content_left{
	position:absolute;
	margin-top:33px;
	height:100%;
	width:308px;
	background:url(layout/pics/bg_trans.png);
}

#content_right{
	position:absolute;
	margin-top:33px;	
	margin-left:308px;
	height:100%;
	width:442px;
	background:url(layout/pics/bg_trans.png);	
}

#content_pic{
	position:absolute;
	margin-top:33px;
	height:100%;
	width:750px;
	background:url(layout/pics/bg_trans.png);
}

#back_link{
	position:absolute;
	width:100%;
	height:100%;
}

#kreuz{
	position:absolute;
	margin-left:721px;
	margin-top:3px;
	width:32px;
	height:32px;
	background:url(layout/pics/kreuz.png) no-repeat;
}

#facebook{display:block;position:absolute;left:50%;margin-left:-110px;height:35px;width:35px;top:710px}
#twitter{display:block;position:absolute;left:50%;margin-left:-60px;height:35px;width:35px;top:730px}
#stadtkultur{display:block;position:absolute;left:50%;margin-left:-30px;height:60px;width:100px;top:680px}

#credit{
	position:fixed;right:8px;bottom:4px;
}