

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

#inhalt { 
    height: auto;
    width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color:#edeeef;

  	overflow: auto;
  }
 #language {
	font-family:Comic Sans MS bold, Verdana;
	font-weight:bold;
	position:relative;
	z-index: 10;
	top: 136px;
	left: 25px;
	}
#language a {
	font-family:Comic Sans MS, Verdana;
	font-size: 12px;
	text-decoration:none;
	color:#a90000;
	}
#language a:hover {
	font-size: 12px;
	color:#0033aa;
	outline-color:#fff;
	} 

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

#nav {
font-family: Comic Sans MS, Verdana;
font-size: 13px;
margin-top:102px; 
margin-left:490px;
color: #000;
  
  }	

   
    /*  Navigation links, vertikal */

   #navigation2 {
    height: 488px; 
	width:192px;
 	font-family: Comic Sans MS, Verdana;
	font-weight: bold;
	line-height: 25px;
	background-color: #5f9084;	
 	overflow: auto;
	float:left;
	margin-left: 20px
	padding-left: 0px;
	padding-top:44px;
	text-align:left;
	background-image: url(navhg3.jpg);
   }


#navigation2 ul{
	margin-left: 20px;
	margin-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	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: Comic Sans MS , Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
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: #ff9;
	font-weight: bold;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
}

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

#navigation2 ul li .current{
color: #ff9;
border-bottom: 4px solid #ff9;
padding-bottom: 0;
}

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

      #metabild {
    height: 532px; 
	width:256px;
	float:left;
   }
       /*  Content */

#box {
    height: 464px; 
	width:497px;
	padding-top: 46px;
	padding-bottom:18px;
	padding-left:10px;
	/*padding-right:10px;*/
	overflow: hidden;
	/*border-top:1px solid #FFFFFF;*/
 	/*float:left;*/
	background-color:#edeeef;
	background-image:url(text_hg.jpg);

   }
#box h1{

font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	text-transform: uppercase;
	text-align:left;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:40px;
	color: #000000;
}
#box p {
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	text-align:left;
	padding:0px;
	margin-left: 40px;	
	color: #000;
    line-height: 18px;
}

table {
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px; 
	text-align:left;
	padding-top:0px;
	margin-left: 37px;	
	color: #660033;
    line-height: 14px;
}

#tabelle{
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px; 
	text-align:left;
	padding-top:0px;
	margin-left: 37px;	
	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: 150%;
	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: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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: #a90000;
	font-weight: normal;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

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

#underlinemenu ul li .current{
color: #fff;
border-top: 4px solid white;
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'cc'c4'e5uc0u188 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 Comic Sans MS, verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #660033;
   font-family: Comic Sans MS, 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: Comic Sans MS, 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: Comic Sans MS, 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:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	color:#666666;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:5px;
	width:300px;
	background-color:#E8E8E8;
	margin-left:40px;
	line-height: 18px;
	}

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

#sitemaplevel2 ul{
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 0px;	
	color: #660033;
}
#sitemaplevel1 ul a.level2{
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align:left;
	padding:0px;
	margin-left: 0px;	
	color: #660033;}
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Gr'cc'a6sse
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:0px;

}

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: 20px 30px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}
