body { color:#FFFFFF;
       background:url(bilder/blau_dunkel.png) fixed;
       background-color:#000041;
       margin-left:0px;
       margin-right:0px;
       font-family:Georgia,"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
       font-size:11pt;
       line-height: 13pt; }

h1,h2,h3,h4,p,ul,ol,li,div,th,address,blockquote,nobr,b,i { font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; }

h3,h4 { line-height:15pt; }

h1,h2,h3,h4,b,strong,a { text-shadow:black 5px 5px 8px; }

p,i,div { text-shadow:black 1px 1px; }

p,b,i { text-align:justify; }

a:link    { color:#aaaaff; font-weight:bold; text-decoration:none; }
a:visited { color:#aaaaff; font-weight:bold; text-decoration:none; }
a:hover   { color:#ddddff; font-weight:bold; border-bottom: 1px dashed #ccccff; }
a.grafik:hover { border:0px; background:inherit; }
a:active  { color:#8080ff; font-weight:bold; text-decoration:none; }

a.h5download:link, a.h5download:visited, a.h5download:hover, a.h5download:active {
  font-weight: normal;
}

*.mitte { vertical-align:middle; }
*.oben  { vertical-align:top; }
*.unten { vertical-align:bottom; }

.button, input[type="submit"] {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 11px/100% "Trebuchet MS",Verdana,Helvetica, sans-serif;
  padding: .3em 1.3em .45em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .35em;
  -moz-border-radius: .35em;
  -khtml-border-radius: .35em;
  border-radius: .35em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -khtml-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);

  color: #FFFFFF;
  border-bottom:thin solid #000000;
  border-right:thin solid #000000;
  border-top:thin solid #1111AA;
  border-left:thin solid #1111AA;
  background: #050566;
  background: -webkit-gradient(linear, left top, left bottom, from(#050566), to(#000022));
  background: -khtml-gradient(linear, left top, left bottom, from(#050566), to(#000022));
  background: -moz-linear-gradient(top, #050566, #000022);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#050566', endColorstr='#000022');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#050566, endColorstr=#000022)"; 
}

.button:hover, input[type="submit"]:hover {
  text-decoration: none;

  background: #0505DD;
  background: -webkit-gradient(linear, left top, left bottom, from(#0505DD), to(#101033));
  background: -khtml-gradient(linear, left top, left bottom, from(#0505DD), to(#101033));
  background: -moz-linear-gradient(top, #0505DD, #101033);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0505DD', endColorstr='#101033');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0505DD, endColorstr=#101033)";
}

.button:active, input[type="submit"]:active {
  position: relative;
  top: 1px;

  color: #2525FF;
  background: -webkit-gradient(linear, left top, left bottom, from(#2525FF), to(#101055));
  background: -khtml-gradient(linear, left top, left bottom, from(#2525FF), to(#101055));
  background: -moz-linear-gradient(top, #2525FF, #101055);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2525FF', endColorstr='#101055');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2525FF, endColorstr=#101055)";
}

a.button:hover { border-bottom:thin solid #000000; }

.playbutton {
  vertical-align: middle;
}

.bg1 { background-color:#000000; color:#ffffff }
.bg2 { background-color:#d6d6d6; color:#000000; }
.bg3 { background-color:#ffffff; color:#000000; }

.i18n {
		position:fixed;
		bottom:5px;
		right:5px;
		z-index:5;
		text-align:right;
}

.kontaktfeld {
	background-color:#222288;
	color:#ffffff;
	border-top:thin solid #222244;
	border-left:thin solid #222244;
	border-bottom:thin solid #005577;
	border-right:thin solid #005577;
	font-family:monospace;
	font-size:medium;
	text-align:justify; }

	div.inhalt, div.grafik, div.hilfe, div.home, div.impressum, div.info, div.kontakt, div.lizenzen, div.news, div.danke, div.newsletter, div.text, div.werke, div.mblog, div.blog {
	font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif;
	vertical-align: top;
	margin-left: 190px;
	margin-right: 220px;
	padding-top: 90px;
	padding-bottom: 130px;
	z-index:2;
}

div.grafik {
	text-align: center;
}

img {
  border: 0;
}

table.werke_head {
  width: 100%;
}

td.werke_titel {
  text-align: left;
  vertical-align: top; 
}

td.werke_download {
  text-align: right;
  vertical-align: top; 
}

td.werke_cover {
  width: 300px;
}

.h5cover, .h5song_no, .h5song_length, .h5song_title, .h5song_play {
  vertical-align: top;
}

.h5song_length {
  color: #8080ff;
  text-align: right;
}

div.grafik_pic {
	padding-top:30px;
	text-align:center;
}

div.grafik_text {
	margin-top: 30px;
	text-align: justify;
	margin-left:10%;
	margin-right:10%;
}

div.zentriert {
	vertical-align: middle;
	text-align: center;
}

.rechts {
  text-align: right;
}

div.nach_oben {
	margin-top: 15px;
	text-align:right;
	margin-bottom:100px;
}

.nach_oben a {
	font-size:small;
	color:#8080ff;
	font-weight:normal;
}

div.hilfe_back, div.impressum_back, div.info_back, div.news_back, div.text_back {
	/* background:url(bilder/logo_dbz_dunkel.png) fixed no-repeat center; */
	height: 400px;
	z-index: 0;
}

div.news p { text-indent:-40px; margin-left: 70px; text-align:justify; }

div.nottranslated { font-size:small; color:#8080ff; text-align:center; padding-bottom: 20px;}

div.lyrics { margin-left:20%; }
pre.lyrtab { font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif; }
div.story  { margin-left:10%; margin-right:10%; text-align:justify; }
div.kapitakt { margin-left:10%; margin-right:10%; margin-top:100px; text-align:justify; }

div.submenu { text-align:right; font-size:11pt; line-height:11.5pt; position:fixed; bottom:90px; left:10px; width: 160px; z-index:5; }

div.subsubmenu {
	position:fixed;
	top:50px;
	right:50px;
	text-align:right;
}

div.mkmenu {
	font-size:small;
	text-align:center;
	margin-bottom:15px;
}

.submenu a, .subsubmenu a, .mkmenu a { font-weight:normal; }

td.mkmenul {text-align:left;}
td.mkmenur {text-align:right;}

div.menu { height:19px; width:50%; background-color:#FDD700; text-align:right; padding-right:10px;}
div.item { width:50%; background-color:#FEEA00; visibility:hidden; }
div.datum { font-size:x-small; text-align:right; }

div.iii {
	position: absolute;
	text-align: center;
	top:40%;
	left:0;
	right:0;
	margin-top: -175px;
	margin-left: auto;
	margin-right: auto;
}

div.startinfo {
	position: absolute;
	text-align: center;
	font-size:small;
	bottom:85px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
}

table.startnewsletter {
	text-align:center;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
}

.startnewsletter td {
	text-align:left;
}

.start_tested_browsers {
	position: absolute;
	text-align:center;
	font-size:small;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	bottom: 5px;
}

.start_blog_update {
	margin-top:0px;
}

.start_kontaktlnk {
  position:absolute;
  right:15px;
  bottom:5px;
  font-size:small;
  text-align:right;
}

.start_kontaktlnk a, .start_tested_browsers a {
	color:#8080ff;
	font-weight:normal;
}

div.impresslnk { position:absolute; right:15px; padding-bottom:5px; font-size:small; text-align:right; vertical-align:bottom; }

span.top_on {
	font-weight: bold;
}

.abst40 { margin-bottom:40px; }

.abst15 { margin-bottom:15px; }

.abst14 { margin:7px; }

.download {
  margin-top: 25px;
  vertical-align: middle;
  text-align: center;
}

.pic_left { float: left; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; }

.pic_right { float: right; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }

iframe.left {
  float: left;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

iframe.right {
  float: right;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}