@media print {
.bildschirm {
display:none;
padding:0px;
margin:0px;
}
}

@media screen, handheld   {body
{
	background-image:url(//www.codeinbarrels.net/cib/bilder/1.png);
	color:white;
}
  .context
{
	background-color:black;
  	opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    width:1061px;
	margin-left:auto; 
	margin-right:auto; 
	-index: 100; 
    border:2px black solid;
    margin-top:-10px;
	min-height: 1000px;
 	float:center;
}





@media screen, handheld  .linkbutton {
    background:none!important;
     border:none; 
     padding:0!important;
    /*border is optional*/
     border-bottom:1px solid #444; 
}

.solidcontext
{
	background-color:black;
	width:1061px;
	z-index: 100;
    border:2px black solid;
    margin-top:20px;
    margin-left:10px;
	min-height: 1000px;
 	float:center;
}

.solidcontextbig
{
	background-color:black;
	width:99%;
	z-index: 100;
    border:2px black solid;
    margin-top:20px;
    margin-left:10px;
	min-height: 1000px;
 	float:center;
}


.solidcontextred
{
	background-color:orange;
	width:1061px;
	z-index: 100;
    border:2px black solid;
    margin-top:20px;
    margin-left:10px;
	min-height: 1000px;
 	float:center;
}
.innercontext
{
	margin-left:auto; 
	margin-right:auto;     
	width:600px;
	text-align: left 

}


.innercontext img
{
	max-width:600px;
}

a:link { font-weight:bold; color:red; text-decoration:none; }
:visited { font-weight:bold; color:red; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:red; text-decoration:none; }
a:active { font-weight:bold; color:red; text-decoration:underline; }

}
@media print {
.bildschirm {
display:none;
padding:0px;
margin:0px;
}


body
{
        background-image:url(//www.codeinbarrels.net/cib/bilder/1.png);
        color:white;
}

h1, h2, h3, a {
 color:#000;
 background-color:#fff;
}

.innercontext
{
        margin-left:auto; 
        margin-right:auto;     
        width:600px;
        text-align: left 
}
 

}


@media handheld
{ 
/*only screen and (max-width: 1200px),
#//(min-device-width: 1208px) and (max-device-width: 1300px)  { */



  .context
{
    width:100%;
	margin-left:0px; 
	margin-right:0px; 
}

.solidcontext
{
    width:100%;
    margin-top:0px;
    margin-left:0px;
}

.innercontext
{  
        width:100$;
}

.bigonmobile
{
    font-size: 300% ;

}

.bigonmobile a
{
    font-size: 300% ;

}

#menu a
{
    font: bold 26px Arial, Helvetica !important;
}

#menu li {
    font: bold 26px Arial, Helvetica !important;
}


#menu {
    width: 100%;
    margin: 10px auto;
    border-radius: 1px;
}



input { font-size: 300%; }

	

}