body {
background-image:url(hintergrund2.gif);
background-repeat:repeat-x;
background-color:#40383e;
margin:0;
}
/*  BOX */

#inhalt { 
    height: auto;
    width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 23px;
	/*background-color:#edeeef;*/
  	overflow: auto;
  }
  

  
 /*  Navigation oben, horizontal */
 
#navigation {
	height:126px;
	width:auto;
	background-image:url(header2.jpg);
	background-color: #fff;
	overflow: hidden;
 	border: 0px;
		flaot:left;
   }

#nav {
margin-top:90px; 
margin-left:320px;
  
  }	

   
    /*  Navigation links, vertikal */

   #navigation2 {
    height: 279px; 
	width:121px;
 	background-color: #a87585;	
 	overflow:auto;
	float:left;
	padding-right:10px;
	padding-top:10px;
	text-align:right;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;	
	background-image: url(background.jpg);

   }


#navigation2 ul{
	margin: 0;
	margin-bottom: 1em;
	padding-left: 0;
	font-weight: normal;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
list-style-type:none;
}

/*
 * Erstellt am 21.07.2011 durch Hasler Reto im Auftrag von Sonngard Trindler
 */
#navigation2 ul.rex-navi2 {
  margin: 0;
	margin-bottom: 1em;
	padding-left: 0;
	font-weight: normal;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
	list-style-type:none;
}

* html #navigation2 ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#navigation2 ul li{
display: block;
	margin-bottom: 5px;
}


#navigation2 ul li a{

	color: #FFFFFF;
	font-weight: normal;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
}

/*
 * Erstellt am 21.07.2011 durch Hasler Reto im Auftrag von Sonngard Trindler
 */
#navigation2 ul.rex-navi2 li a {
	color: #000000;
	font-weight: normal;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
  
}

#navigation2 ul li a:hover{
color: black;
border-bottom: 4px solid black;
padding-bottom: 0;
}

#navigation2 ul li a:active{
color: black;
border-bottom: 4px solid black;
padding-bottom: 0;
}
    /*  Metabild laden */

      #metabild {
	overflow: hidden;
    height: 289px; 
	width:175px;
 	border-left: 1px solid  #FFFFFF;
	border-top: 1px solid  #FFFFFF;

	float:left;
   }
       /*  Content */

#box { 
	min-height:269px;
	width:585px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:50px;
	overflow: hidden;
	border-top:1px solid #FFFFFF;
 	float:left;
	background-color: #DDD;
	/*background-color:#edeeef;*/
	border: 1px solid  #FFFFFF;
	

   }

#box h1{

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	text-transform: uppercase;
	text-align:left;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:112px;
	color: #660033;
}
#box p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;
    line-height: 14px;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 102px;	
	color: #660033;
    line-height: 14px;
}

#tabelle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;
    line-height: 14px;

}


#box a:link{
	color: #660033;

}
#box a:visited{
	color: #660033;

}
#box a:hover{
	color: #ff0000;

}
#box a:active{
	color: #660033;

}

a[href^="http:"] {
background: transparent url('aoutside.gif') 100% 50% no-repeat;
padding-right: 8px;
}
a[href^="http://mp3blog.ch"],
a[href^="http://www.mp3blog.ch"] {
background: transparent;
padding-right: 0px;
}

#underlinemenu{
	margin: 0;
	padding: 0;

}

#underlinemenu ul{
	margin-bottom: 1em;
	padding-left: 0;
	float: left;
	font-weight: normal;
	width: 100%;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
	float: left;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#underlinemenu ul li a:hover{
color: white;
border-top: 4px solid black;
padding-bottom: 0px;
}

#formwrap {
   padding: 0px 0px 0px 0px;
 	margin-left:112px;
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben für Opera */
fieldset {
   border: 0px solid #fff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
legend {
   border: 1px solid #fff;
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #660033;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
.txt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #660033;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 0px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 207px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
		margin-left:112px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin-left:112px;
    line-height: 18px;
	}
#sitemaplevel ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;
}
#sitemaplevel1 ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;
}
#sitemaplevel1 ul a.level1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;
}

#sitemaplevel2 ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;
}
#sitemaplevel1 ul a.level2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 112px;	
	color: #660033;}
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
}
div.jaosg_galerie{

		margin-left:112px;

}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

/* BEGIN MAGAZINLAYOUT*/
/*magazinlayout konfiguration: */
.magazine-layout {
	overflow:auto;
	padding-left:108px;
		position: relative;
		width: 100%;
		max-height:440px;
	}
	.magazine-container {
	background-color: #DDD;
	
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		line-height: 0.0em;
		filter: alpha(opacity=70);
		opacity: 0.70;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}


/* END MAGAZINLAYOUT*/