@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
    /* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
    ** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
    */

    * { margin:0; padding: 0; }

    /* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
    option {padding-left: 0.4em;}

    /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
    ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
    html { height: 100% }
    body {
        min-height: 101%;
    /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
        font-size: 100.01%;
    /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
            Fensters geändert wird. */
        position: relative;

    /* Vorgabe der Standardfarben und Textausrichtung*/
        color: #000;
        background-color: #ddd;
    /*background: url("/images/v-trans2white.png") repeat-x left bottom gray;*/
        text-align: left;

        font-family:Verdana, Arial, Sans-Serif;
        font-size:12px;



    }

    /* Standardrahmen zurücksetzen */
    fieldset, img { border:0; }

    /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
    select, input, textarea { font-size: 99% }


/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

#full {
   width:960px;
   margin:10px auto;
   text-align:left;
   border:4px solid #ffffff;
   background-color:#ffff00;
   background-image: url(../images/strahlen.png);
   }

#header {
        float:right;
        width: 960px;
        height: 180px;
        background-image: url(../images/header.png);
}

#menu {
        float: left;
        width: 260px;
}

#content {
         float:right;
        min-height: 300px;
        width: 670px;
        margin-right:20px;
        margin-bottom:20px;
}

#content_top {
        height: 25px;
        width: 670px;
        background-image: url(../images/content_top.png);
}

#content_bottom {
        height: 25px;
        width: 670px;
        background-image: url(../images/content_bottom.png);
}

#content_mid {
        width: 630px;
        min-height: 250px;
        background-color:#ffffff;
        padding-left:20px;
        padding-right:20px;
	padding-bottom:10px;
}

#footer {
   width:960px;
   margin:0px auto;
   text-align:center;
   }

p, h1, h2, h3, h4, h5, h6 { 
	font-family:Verdana, Arial, Sans-Serif;
}

p   {
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	margin-bottom:6px;
}

h1   { font-size:32px; line-height:40px; font-weight:bold; margin-bottom:20px;}

h2   {font-size:24px; line-height:30px; font-weight:bold;}

h3   {font-size:18px; line-height:24px; font-weight:bold;}

h4   {font-size:14px; line-height:18px; font-weight:bold;}

h5   {font-size:14px; line-height:18px; font-weight:bold;}

h6   {font-size:12px; line-height:16px; font-weight:bold;color: #777; margin-bottom:20px;}

a {
	text-decoration: none;
	color:#666;
	font-weight:bold;
}

a:active {color:#666;}

a:visited {color:#666;}

a:hover {color:#f00;}

a.menu {
             text-decoration: none;
             color: #000000;
             padding: 6px;
}
a.menu:hover {color: #ff0000;}

.songtext {
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	margin-bottom:10px;	
}

.language {
          position: relative;
          text-align:right;
          padding-top:150px;
          margin-right:80px;
          margin-bottom:10px;
          color:#000000;
          text-decoration:none;
}

.breadcrumb {
          position: relative;
          text-align:left;
          padding-top:0px;
          margin-bottom:4px;
          color:#000000;
          text-decoration:none;
          font-size: 12px;
          font-weight: bold;
}

.menuline {
          text-align: right;
          width: 200px;
          background-color:#ffffff;
          margin-bottom: 10px;
          font-size: 18px;
          font-weight: bold;
          padding: 3px;
          }

.thumbnail {
	border:3px solid #eee;
	margin: 5px;
	float:left;
}

.bigpic {
	border:10px solid #fff;
	margin: 20px;

}

.thumbnail:hover {
	border:3px solid #f00;
}

.image_description {
	text-align:center;
        	background-color:#ffffff;
	
}

.image_title {
	text-align: center;
	margin: auto;
	margin-top: 30px;
        	background-color:#ffffff;
	max-width:400px;
	min-width: 200px;
}


.cover {float:right; margin:6px; width:300px;}

.cover_player {margin-top:10px; margin-left:70px}


/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/
    ul, ol, dl { margin: 0 0 1em 1em }
    li { margin-left: 1.5em; line-height: 1.5em; }
    dt { font-weight: bold; }
    dd { margin: 0 0 1em 2em; }
    blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

}