/*:::::: CSS Styles for DJ Shogun ::: Copyright @ Vera Zimperfeld 2006 ::::::*/

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background:url(../img/body_bg.gif) top left repeat-x fixed #666;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	line-height:140%;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	line-height:140%;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	line-height:140%;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.hidden {
	display:none;
}

.right {
	float:right;
	margin:0 8px 5px 5px;

}

/* --- Body of Shogun */

#shogun_body {
	margin:0;
	padding:0;
	/*margin-top:10px;*/
	text-align:center;
}

#wrap {
	margin:auto;
	padding:0;
	width:723px;
}


/* --- Top Part of Shogun */

#splashscreen {
	margin:0;
	padding:0;
	width:544px;
	height:298px;
	float:left;
	background:url(../img/shogun_splash.gif) top left no-repeat;
}
#logo {
	margin-left:15px;
	width:164px;
	height:298px;
	float:left;
	background:url(../img/shogun_logo.gif) top left no-repeat;
}

/* --- Title Bar of Shogun */

#title_bar {
	clear:both;
	width:723px;
	height:35px;
}

#select {
	float:left;
	width:193px;
	height:35px;
	background-image:url(../img/title/select.gif);
}
#platten_title {
	float:left;
	width:164px;
	height:35px;
	background-image:url(../img/title/plattentipp.gif);
}

#news_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/news.gif);
}

#archiv_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/archiv.gif);
}

#about_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/about.gif);
}

#equipment_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/equipment.gif);
}

#top10_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/top10.gif);
}

#favourites_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/favourites.gif);
}

#events_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/events.gif);
}

#referenzen_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/referenzen.gif);
}

#gallery_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/gallery.gif);
}

#links_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/links.gif);
}

#kontakt_title {
	float:left;
	width:366px;
	height:35px;
	background-image:url(../img/title/kontakt.gif);
}


/* --- Content Part of Shogun */
#content {
	margin:0;
	padding:0;
	padding-left:20px;
	width:703px;
	text-align:left;
	background:url(../img/content_bg.gif) top left repeat-y;
	overflow:auto;
}
#textarea {
	margin:0;
	padding:0;
	width:310px;
	float:left;
}


#navi {
	width:178px;
	margin:0;
	float:left;
	color:#fff;
	margin-left:36px;
}

/* --- Footer */
#footer {
	width:723px;
	height:20px;
	margin-bottom:10px;
	background:url(../img/footer.gif) top left no-repeat;
}



/* --- Sub-Classes for Textarea */
.datum {
	height:20px;
	width:300px;
	padding-top:5px;
	border-top:1px solid #000;
	font-weight:bold;
	color:#621000;
}

.line {
	height:1px;
	width:300px;
	padding-top:5px;
	border-top:1px solid #000;
}

#textarea h1 {
	font-size:10px;
	color:#c31f00;
	margin:0;
	padding:0;	
}
#textarea p {
	margin-bottom:15px;
}

#textarea a{
	padding-left:9px;
	background:url(../img/intext_link_no.gif) top left no-repeat;
	color:#6b1200;
	font-weight:bold;
	text-decoration:none;
}
#textarea a:hover{
	background:url(../img/intext_link_ro.gif) top left no-repeat;
	color:#c31f00;

}



/* --- Sub-Classes for Navi */

#navi a{
	
}

#navi ul{
	margin:1px;
	padding:0;
	list-style-type:none;
	display:block;
	font-weight:bold;
}
	
.home a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#580f00;
	margin-bottom:4px;
	margin-top:4px;

}
.home a:hover {
	background:#400b00;

}

.about a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#6a1100;
	margin-bottom:4px;
	margin-top:4px;
}
.about a:hover {
	background:#400b00;

}


.events a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#7f1400;
	margin-bottom:4px;
	margin-top:4px;
}
.events a:hover {
	background:#400b00;

}


.gallery a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#931901;
	margin-bottom:4px;
	margin-top:4px;

}
.gallery a:hover {
	background:#400b00;

}

.links a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#a91c01;
	margin-bottom:4px;
	margin-top:4px;
}
.links a:hover {
	background:#400b00;

}

.kontakt a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#b91e00;
	margin-bottom:4px;
	margin-top:4px;
}
.kontakt a:hover {
	background:#400b00;

}
.navi_7 a{
	color:#fff;
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background:#c31f00;
	margin-bottom:4px;
	margin-top:4px;
}
.navi_7 a:hover {
	background:#400b00;
}

.navi_aktiv a{
	display:block;
	height:13px;
	padding-top:2px;
	padding-left:13px;
	background-image:url(../img/navi_aktiv_bg.jpg);
	margin-bottom:4px;
	margin-top:4px;
	color:#681100;
}

.navi_sub a{
	display:block;
	align:right;
	height:13px;
	padding-top:2px;
	padding-left:40px;
	background-image:url(../img/navi_sub_bg.jpg);
	margin-bottom:4px;
	margin-top:4px;
	color:#681100;
}

.navi_sub a:hover{
	background-image:url(../img/navi_sub_bg_hover.jpg);
	color:#fff;
}

.navi_sub_aktiv a{
	display:block;
	align:right;
	height:13px;
	padding-top:2px;
	padding-left:40px;
	background-image:url(../img/navi_sub_bg_aktiv.jpg);
	margin-bottom:4px;
	margin-top:4px;
	color:#fff;
}

/* --- Kontakt */

#kontakt {
	width:178px;
	background:url(../img/contact_logo.gif) top left no-repeat #000;
	padding-top:30px;
}
#kontakt p{
	color:#fff;
	margin:8px;
}
#kontakt strong {
	color:#c31f00;
}

#kontakt a{
	color:#fff;
}

#kontakt a:hover{
	color:#dd3914;
}


/* --- Shoguns's Plattentipps */
#plattentipps {
	margin:0;
	padding:0;
	width:164px;
	float:right;
}
.plattentipps_headline {
	width:164px;
	height:20px;
	background:url(../img/plattentipp_shogun.gif) top left no-repeat;
}
#plattentipps p {
	color:#c0c0c0;
	margin:8px;
}
#plattentipps img {
	margin-bottom:8px;
}

/* --- Shoguns's Gallery */

.gallery_box {
	width:308px;
	height: 75px;
	border: 1px solid #681100;
	background-color:#ebebeb;
	margin-bottom: 10px;
}

.gallery_pic {
	float: left;
	width: 100px;
	height: 75px;
	border-right: 2px solid #fff;
}

.gallery_text {
	float:left;
	width: 196px;
	height: 65px;
	padding: 5px;
}




.specialtable {
	margin:0;
	padding:0;
}

.specialtable ul{
margin:0;
padding:0;
}
.specialtable li{
margin-left:15px;

}