/* ---------------------------------------------
   Imports
--------------------------------------------- */
@import url("normalization.css");
@import url("color.css");
@import url("type.css");

/* ---------------------------------------------
   Layout-Stylesheets mit Darstellungseigen-
   schaften, Floats, Positionierungen, Breiten,
   Höhen, Paddings und Margins
--------------------------------------------- */

/* ---------------------------------------------
   DIVs 
--------------------------------------------- */
div#wrapper {
	width: 960px;
	margin: 0 auto;
}

div#header {
	height: 200px;
}

div#left {
	width: 204px;
}

div#main {
	width: 546px;
	margin-left: 204px;
	padding-bottom: 2em;
}

div#main div.inside {
	padding: 0 2em 0 1.5em;
}

div#right {
	width: 210px;
}

div#footer {
	height: 330px;
}

div.mod_yw_youtube {
	margin-bottom: 1.5em;
}

div.widget, div.submit_container {
	margin-left: 2px;
}


/* ---------------------------------------------
   Navigation
--------------------------------------------- */
div#navi_top {
	height: 62px;
}

div#navi_bottom {
	height: 103px;
}

#left #main_navi ul.level_1 {
	padding: 0.7em 0 0.7em 27px;
}

#left #main_navi ul.level_1 li {
	padding-bottom: 0.6em;
}

#left #main_navi ul.level_2 {
	padding: 0.3em 0 0 1em;
}

#left #main_navi ul.level_2 li.last {
	padding: 0em;
}

#left #main_navi li a,
#left #main_navi li a:link,
#left #main_navi li a:visited,
#left #main_navi li.active span {
    display: block;
    text-indent: -3000px;
}

/* News */
#left #main_navi .news a.news,
#left #main_navi .news a.news:link,
#left #main_navi .news a.news:visited,
#left #main_navi li.news.active span {
    height: 29px;
}

/* Band */
#left #main_navi .band a.band,
#left #main_navi .band a.band:link,
#left #main_navi .band a.band:visited,
#left #main_navi .band.active span {
    height: 29px;
}

/* Info */
#left #main_navi .info a.info,
#left #main_navi .info a.info:link,
#left #main_navi .info a.info:visited,
#left #main_navi li.info.active span {
    height: 17px;
}

/* Platten */
#left #main_navi .platten a.platten,
#left #main_navi .platten a.platten:link,
#left #main_navi .platten a.platten:visited,
#left #main_navi li.platten.active span {
    height: 17px;
}

/* Presse */
#left #main_navi .presse a.presse,
#left #main_navi .presse a.presse:link,
#left #main_navi .presse a.presse:visited,
#left #main_navi li.presse.active span {
    height: 17px;
}

/* Gigs */
#left #main_navi .gigs a.gigs,
#left #main_navi .gigs a.gigs:link,
#left #main_navi .gigs a.gigs:visited,
#left #main_navi li.gigs.active span {
    height: 33px;
}

/* Stuff */
#left #main_navi .stuff a.stuff,
#left #main_navi .stuff a.stuff:link,
#left #main_navi .stuff a.stuff:visited,
#left #main_navi li.stuff.active span {
    height: 30px;
}

/* Audio */
#left #main_navi .audio a.audio,
#left #main_navi .audio a.audio:link,
#left #main_navi .audio a.audio:visited,
#left #main_navi li.audio.active span {
    height: 17px;
}

/* Video */
#left #main_navi .video a.video,
#left #main_navi .video a.video:link,
#left #main_navi .video a.video:visited,
#left #main_navi li.video.active span {
    height: 17px;
}

/* Photo */
#left #main_navi .photo a.photo,
#left #main_navi .photo a.photo:link,
#left #main_navi .photo a.photo:visited,
#left #main_navi li.photo.active span {
    height: 17px;
}

/* Booking */
#left #main_navi .booking a.booking,
#left #main_navi .booking a.booking:link,
#left #main_navi .booking a.booking:visited,
#left #main_navi li.booking.active span {
    height: 28px;
}

/* Fans */
/* Fan-Bereich evtl. für später
#left #main_navi .fans a.fans,
#left #main_navi .fans a.fans:link,
#left #main_navi .fans a.fans:visited,
#left #main_navi li.fans.active span {
    height: 27px;
}
*/

/* Gästebuch */
#left #main_navi .gaestebuch a.gaestebuch,
#left #main_navi .gaestebuch a.gaestebuch:link,
#left #main_navi .gaestebuch a.gaestebuch:visited,
#left #main_navi li.gaestebuch.active span {
    height: 20px;
}

/* Links */
#left #main_navi .links a.links,
#left #main_navi .links a.links:link,
#left #main_navi .links a.links:visited,
#left #main_navi li.links.active span {
    height: 28px;
}

/* Impressum */
#footer #impressum_navi .impressum a.impressum,
#footer #impressum_navi .impressum a.impressum:link,
#footer #impressum_navi .impressum a.impressum:visited
{
    height: 25px;
	width: 154px;
    display: block;
    text-indent: -3000px;
	margin: 200px 0 0 75px;
}

#footer #impressum_navi li.impressum.active
{
    height: 25px;
    text-indent: -3000px;
	margin: 200px 0 0 75px;
}

/* ---------------------------------------------
   Links in der Fußzeile
--------------------------------------------- */
ul#footer_links {
	position: absolute;
	top: 280px;
	left: 160px;
	list-style-type: none;
}

ul#footer_links li {
	display: inline;
	padding-left: 10px;
}

ul#footer_links li img {
	padding: 0;
	margin: 0;
}

/* ---------------------------------------------
   Bilder 
--------------------------------------------- */
img {
	padding: 0.5em 1em 0.5em 0;
}

a#sprottenrock_logo {
	display: block;
	height: 139px;
	width: 510px;
	margin-left: 26px;
	text-indent: -3000px;
}

a#shop {
	display: block;
	height: 122px;
	width: 197px;
	margin: -61px 0 0 750px;
	text-indent: -3000px;
}

a#shop_items {
	display: block;
	height: 443px;
	width: 210px;
	text-indent: -3000px;
}

a#navi_myspaceLink {
	display: block;
	height: 84px;
	width: 191px;
	text-indent: -3000px;
}

/* Header Animation */
img#ani_fish {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

img.ani_bubble {
	position: absolute;
	visibility: hidden;
}

/* Platten */
div.cd_img {
	float: left;
	clear: both;
}

/* ---------------------------------------------
   Texte 
--------------------------------------------- */
/* Platten */
div.cd_text {
	padding: 2.5em 0 3em 0;
}

/* Gästebuch */
div.ce_comments div.form {
	margin-bottom: 1.5em;
}

div.ce_comments div.form div.widget {
	margin-bottom: 0.3em;
}

div.comment_default {
	padding: 0.5em;
}

/* Eventtext */
div .ce_text {
	padding-bottom: 1.5em;
}

div.layout_full .ce_text {
	padding-bottom: 2em;
}