/* CSS Document */

* { /* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}
/*
{border: 1px solid black;}*/

body
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 background-color: #716954;
 text-align:left;
}

h1 {font-size:18px;color:#ffffff;margin:0px;}
h2 {font-size:14px;color:#ffffff;}
h3 {font-size:14px;color:#ffffff;}
p {margin-top:10px;}


a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:bold;
  color:#000000;
  font-size:12px;
}
a:active
{
  color:#a22c1e;
}

a:hover
{
color: #a22c1e;
}

/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{
  color:#5b5546;
  text-decoration:none;
}
a.menu:active, a.menu:hover
{
  color:#d45220;
}
a.menu-active
{
  color:#d45220;
  text-decoration:none;
}

.box
{
width: 900px;
height: 800px;
border: 0px solid white;
}


#title {
background: url(../img/titel.jpg);
width: 766px;
height:128px;
margin-left: auto;
margin-right: auto;
position:relative;
text-align:center;
}

/* Das Menü */
#menu {
width: 895px;
height: 20px;
color:#5b5546;
margin-top: 10px;
background-color:#ffffff;
text-align:center;
padding: 3px;
}

#top
{
background: url(../img/titel1.jpg) no-repeat;
width: 768px;
height: 64px;
margin-top: 10px;
border: 0px solid black;
margin-left: auto;
margin-right: auto;
position:relative;
}
/* Der Inhalt */
#content {
border-top: 0px solid #000000;
width: 900px;
height: 557px;
color:#000000;
}


#middle
{
background: url(../img/background.jpg) no-repeat;
width: 900px;
height: 463px;
margin-top: 0px;
margin-left: 6px;
border: 1px solid white;
}



#text
{
width: 900px;
height: 463px;
background: url(../img/background3.jpg) no-repeat;
margin-top: 0px;
margin-left: 0px;
border: 1px solid white;
}

#text1
{
width: 900px;
height: 463px;
background: url(../img/background2.jpg) no-repeat;
margin-top: 0px;
margin-left: 0px;
border: 1px solid white;
}

.tellafriend
{
width: 900px;
height: 463px;
background: url(../img/background4.jpg) no-repeat;
margin-top: 0px;
margin-left: 0px;
border: 1px solid white;
}

.impressum
{
width: 900px;
height: 463px;
background: url(../img/background.jpg) no-repeat;
margin-top: 0px;
margin-left: 0px;
border: 1px solid white;
}

.podcast
{
width: 900px;
height: 463px;
background: url(../img/background1.jpg) no-repeat;
margin-top: 0px;
margin-left: 0px;
border: 1px solid white;
}
.formular
{
background-color: transparent;
width: 400px;
height: 300px;
margin-left: 40px;
margin-top: 70px;
padding: 5px;
float: left;
position: relative;
border: 0px solid white;

}

#formular-text-text
{
color: #000000;
background: transparent;
}
.video
{
width: 720px;
height: 300px;
margin-left: 50px;
margin-top: 25px;
position: relative;
float: left;
}

.cover-foto
{
width: 320px;
height: 288px;
background:url(../img/cover320.jpg) no-repeat;
margin-left: 40px;
margin-top: 50px;
position: relative;
float: left;
}

#cover-foto-text
{
width: 320px;
height: 30px;
font-size: 10px;
font-weight: bold;
margin-top: 20px;
margin-left: 0px;
color: #000000;
border: 0px solid white;
text-align: left;
}

.insights
{
background-color: #dfd6c5;
opacity : .8;
filter : alpha(opacity=80); 
width: 400px;
height: 400px;
margin-right: 20px;
margin-top: 20px;
padding: 5px;
float: right;
overflow-y:scroll;
position: relative;
border: 0px solid white;
}

#insights-text
{
color: #000000;
background: transparent;
}

.impress
{
background-color: #dfd6c5;
opacity : .8;
filter : alpha(opacity=80); 
width: 800px;
height: 350px;
margin-right: 20px;
margin-top: 40px;
padding: 5px;
float: right;
position: relative;
border: 0px solid white;
}

#impressum-text
{
color: #000000;
background: transparent;
}


.cover-small
{
width: 150px;
height: 135px;
background:url(../img/cover150.jpg) no-repeat;
margin-left: 25px;
margin-top: 50px;
position: relative;
float: left;
}

#cover-small-text
{
width: 170px;
height: 30px;
font-size: 10px;
font-weight: bold;
margin-top: 10px;
margin-left: 40px;
color: #FFFFFF;
border: 0px solid white;
text-align: left;
}

.tracklist
{
background-color: #CCCCCC;
opacity : .7;
filter : alpha(opacity=70); 
width: 450px;
height: 400px;
margin-right: 20px;
margin-top: 20px;
padding: 5px;
float: right;
overflow-y:scroll;
overflow-x: hidden;
position: relative;
border: 0px solid white;
}

table.mytable { width: 97%; padding: 0px; border: none; }

table.mytable td { font-size: 12px; font-family: Arial, Helvetica, sans-serif;border: none; background-color: #FFFFFF; 
vertical-align: middle; padding: 5px; font-weight: normal; }

table.mytable th { font-size: 12px; border: none; background-color: #F4F4F4; 
vertical-align: middle; text-align: left; padding: 5px; font-weight: bold; }

.eplayer
{width: 150px;
height: 66px;
margin-top: 180px;
}

.meta
{
width: auto;
height: 70px;
float: left;
margin-right: 0px;
margin-top: 20px;
color: #ffffff;
}

.logo
{
width: auto;
background: url(../img/dg-logo.jpg) no-repeat;
height: 70px;
margin-top: 20px;
float: right;
}

.podcast1
{
width: 320px;
height: 200px;
background:url(../img/podcast.gif) no-repeat;
margin-left: 40px;
margin-top: 50px;
position: relative;
float: left;
}

#player
{
width: 250px;
height: 30px;
margin-left: 20px;
margin-top: 20px;
}

.meta a
{
font-size: 10px;
color: #ffffff;
}

.meta a:hover
{
font-size: 10px;
color: #000000;
}

.gallery
{
width: 600px;
height: 268px;
position: absolute;
text-align:justify;
border: 0px solid black;
margin-left: 30px;
margin-top: 20px;
}

#thumb
{
background-color: #993300;
margin-right: 3px;
float: left;
display: inline;
margin-bottom: 3px;
}