*, html, body{ font-family:Helvetica, Arial, Verdana, sans-serif; }

body{background:#000;}

strong { font-weight: bold; line-height: 1.6em; }

#header{height:200px; width:100%; background:#fff no-repeat url(../images/slam_header_bg.gif) 870px 0; position:relative; }
#header .mod_navigation{ list-style:none; position:absolute; top:50px; left:335px; text-transform:uppercase; }
#header .mod_navigation li a, #header .mod_navigation li span.active{ display:block; height:25px; line-height:25px; font-size:0.9em; width:195px; padding:0 0 0 25px; color:#000; font-weight:bold; text-decoration:none; }
#header .mod_navigation li a:hover, #header .mod_navigation li.active a, #header .mod_navigation li.trail a { background:#000; color:#fff; }

#header .mod_navigation li .left{}
#header .mod_navigation li .right{ position:relative; left:220px; top:-125px; }

#header .mod_navigation li ul.level_2 { display: none; }


.clear{clear:both; height:0; overflow:hidden;}


h1{display:block; width:225px; height:110px; background:no-repeat url(../images/slamarama_logo.gif) 0 0; text-indent:-9999px; position:absolute; top:45px; left:50px; }
h1 a{display:block; width:225px; height:110px; }

#content{position:relative; }
#raster { background:transparent url(../images/overlay.png) repeat-x; padding: 0 0 165px;}
body.aktuell #raster, body.die-slams.poetry-slam #raster, body.home #raster, body.bilder #raster, body.links #raster, body.impressum #raster { padding: 0; }
body.videos #raster{ padding: 0; }
body.twitter #raster { padding: 0 0 100px; }
body.videos.videodetail #raster{ background:transparent url(../images/overlay.png) repeat-x; padding: 0 0 255px;}

	#content{background:#000 url(../images/backgrounds/slamarama_image1.jpg) no-repeat; }
	body.image1 #content{background:#000 url(../images/backgrounds/slamarama_image1.jpg) no-repeat; }
	body.image2 #content{background:#000 url(../images/backgrounds/slamarama_image2.jpg) no-repeat; }
	body.image3 #content{background:#000 url(../images/backgrounds/slamarama_image3.jpg) no-repeat; }
	body.image4 #content{background:#000 url(../images/backgrounds/slamarama_image4.jpg) no-repeat; }
	body.image5 #content{background:#000 url(../images/backgrounds/slamarama_image5.jpg) no-repeat; }
	body.image6 #content{background:#000 url(../images/backgrounds/slamarama_image6.jpg) no-repeat; }
	body.image7 #content{background:#000 url(../images/backgrounds/slamarama_image7.jpg) no-repeat; }
	body.image8 #content{background:#000 url(../images/backgrounds/slamarama_image8.jpg) no-repeat; }
	body.image9 #content{background:#000 url(../images/backgrounds/slamarama_image9.jpg) no-repeat; }

	#left{ float:left; width:250px; margin:50px 25px 25px 50px; }
	#middle{float:left; width:450px; margin:50px 25px 25px 0; }
	#right{float:left; width:150px; margin:30px 0 25px 0; }
	body.layout1col #middle { float: none; width: 850px; margin: 50px auto 25px; }
	body.layout2col #middle { width: 500px; margin: 50px 100px 25px 50px; }
	body.layout2col #right {float:left; width:300px; margin:50px 0 25px 0; }
	
	#right .subheadline { color: #fff; margin-bottom: 10px; line-height: 1.2em; }
	
	#nowrap .video { overflow: hidden; position: relative; width: 225px; padding: 0 0 10px; }
	body.layout1col #nowrap .video { float: left; text-align: left; padding: 0 50px 50px 0; width: 230px; height: 150px; }
	#nowrap .video h3 { font-size: 12px; text-transform: uppercase; font-weight: bold; }
	#nowrap .video h3 span { background: #000; padding: 1px; line-height: 1.2em; color: #fff }
	#nowrap .video a { color: #fff; text-transform: uppercase; text-decoration: none; position: relative; }
	#nowrap .video a:hover .name { background: #000; color: #fff; }
	#nowrap .video a img { margin: 10px 0 0; }
	#nowrap .video a.ansehen { font-size: 11px; background: #000; color: #fff; padding: 1px; position: absolute; right: 0; bottom: 88px; }
	body.layout1col #nowrap .video a.ansehen { font-size: 11px; background: #000; color: #fff; padding: 1px; position: absolute; right: 50px; bottom: 88px; }
	body.layout1col #nowrap .video a.ansehen:hover { background: #fff; color: #000; }
	#nowrap .video a.ansehen:hover { background: #fff; color: #000; }
	
	#left .mod_customnav li a { background: #fff; color: #000; text-decoration: none; padding: 2px; line-height: 1.3em; }
	#left .mod_customnav li a:hover, #left .mod_customnav li.active a { background: #000; color: #fff; }
	
#headertype{height:30px; background:#000; color:#fff; position:relative; top:25px; text-transform:uppercase; font-size:0.75em; line-height:30px; }
#headertype span{position:absolute; line-height: 30px; }
#headertype span span { position: static; }
#headertype span#section1{left:50px;}
#headertype span#section2{left:325px;}
#headertype span#section3{left:800px;}
#headertype span a{color:#666; text-decoration:none; font-size:0.95em; }
#headertype span a:hover{color:#fff;}
#headertype #flickr{color:#0063dc; text-transform:normal; }
#headertype #flickr span{color:#ff0084; line-height:30px;}


#content #middle h2{ font-size: 24px; font-weight: bold; line-height:1.2em; padding: 2px; background: #000; display: inline; color: #fff; }
#content #middle h2 span{color: #fff;}
#content #middle h3 { background: #000; color: #fff; font-size: 16px; font-weight: bold; padding: 3px; display: inline; margin: 20px 0 5px; }
#content #middle h4 { font-weight: bold; line-height: 1.6em; margin: 0 0 10px; }
#content #middle #twitter h2 a{color: #fff;}
#content #middle .mod_rss_reader h2 a:hover { color: #fff; text-decoration: underline; }
#content #middle .ce_text {background:url(../images/transparent_bg.png); color:#fff; padding:15px; font-size:0.75em; line-height:1.6em; margin: 25px 0 0;}
#content #middle .ce_table {background:url(../images/transparent_bg.png); color:#fff; padding:15px; font-size:0.75em; line-height:1.6em; margin: 0 0 10px;}
#content #middle .ce_table tr td { padding: 0 10px 0 0; line-height: 1.6em; }
#content #middle .ce_table tr td a { color: #fff; }
#content #middle .ce_table tr td a:hover { text-decoration: none; }
#content #middle .mod_rss_reader div {background:url(../images/transparent_bg.png); color:#fff; padding:15px; margin: 25px 0 0; font-size:0.75em; line-height:1.6em;}
#content #middle .ce_text p, #content #middle .mod_rss_reader p { line-height: 1.6em; }
#content #middle .ce_text p a, #content #middle .mod_rss_reader a { color: #fff; line-height: 1.6em; }
#content #middle .ce_text p a:hover, #content #middle .mod_rss_reader a:hover { color: #ccc; }
#content #middle p{padding:0 0 15px 0;}

#content #middle .navi { position: relative; }
#content #middle a.back, #content #middle a.next, #content #middle a.prev { background: #fff; color: #000; text-decoration: none; padding: 2px; font-size: 12px; }
#content #middle a.next { position: absolute; top: 0; right: 0; }
#content #middle a.back:hover, #content #middle a.next:hover, #content #middle a.prev:hover { background: #000; color: #fff; }

#content #middle #fotos img { width: 450px; }
body.layout2col #content #middle #fotos img { width: 500px; }

#content #middle .mod_rss_reader .rss_default_header { background: none; padding: 0; margin: 0; }
#content #middle .mod_rss_reader .rss_default_header a { color: #000; }
#content #middle .mod_rss_reader .rss_default_header p.description { display: none; }

#content #middle .mod_eventlist .event p { padding: 0 0 15px; }
#content #middle .mod_eventlist .event h2 { font-size: 16px; }
#content #middle .mod_eventlist .event .ce_text { padding: 15px 15px 0; margin: 3px 0 25px; }

#content #middle .ce_form {background:url(../images/transparent_bg.png); color:#fff; padding:15px; font-size:0.75em; line-height:1.6em; margin: 25px 0 0;}
#content #middle .ce_form label { font-size: 16px; text-transform: uppercase; display: block; }
#content #middle .ce_form input.text, #content #middle .ce_form textarea, #content #middle .ce_form select { padding: 6px; font: 12px Helvetica, Arial; Verdana, sans-serif; width: 405px; margin: 0 0 10px; position: relative; top: -4px; }
#content #middle .ce_form select { width: 417px; }
#content #middle .ce_form textarea { height: 100px; }
#content #middle .ce_form input.submit { background: #000; color: #fff; height: 30px; width: 100px; font-size: 12px; text-transform: uppercase; }
#content #middle .ce_form input.submit:hover { cursor: pointer; background: #fff; color: #000; }
#content #middle .ce_form p.error { color: red; padding: 5px 0 10px; }

#content #middle #myytplayer { margin: 25px 0 0; }
	
#nowrap{width:950px; overflow:hidden; }


#footer{ height:200px; width:100%; background:#000; position:aboslute; z-index:120; font-size:0.75em;padding:25px 0 0 0; line-height:1.6em; color:#999; }
#footer p, #footer ul{margin:0 0 0 50px;}
#footer p a{color:#fff;}
#footer p a:hover { color: #ccc; }
#footer ul{ list-style:none; position: relative; top: 10px; }
#footer ul li{ float:left; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #ccc; }
#footer ul li.last { margin: 0; padding: 0; border: 0; }
#footer ul li a{ color:#fff; text-decoration:none; }
#footer ul li a:hover{text-decoration:underline;}
#footer img{border:0; margin:0 25px 0 0;}


#flickr_gallery img{ width:60px; display:block; float:left; border:5px solid #000; }
#flickr_gallery p.more{ clear:both; }
#flickr_gallery a { font-size: 12px; background: #000; color: #fff; text-decoration: none;margin:0 5px 5px 0;float:left; }
#flickr_gallery a:hover { background: #fff; color: #000; }
#flickr_gallery img:hover{border-color:#fff;}
a#link-large { font-size: 12px; color: #fff; background: #000; padding: 2px; text-decoration: none; float: right; }
a#link-large:hover { background: #fff; color: #000; }