body {background-image: url(background.jpg); 
background-repeat: repeat; 
background-color: #f6f6f6;}

html {height: 100%; padding-bottom: 1px;}
body {height: 100%; margin:0;}
body,td,ul,p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#404040; line-height:22px;}
p {margin-top: 1em; margin-bottom: 2em;}

a.online {text-decoration:none; color:black;}
a.online:visited {text-decoration:none; color:black;}
a.online:hover {text-decoration:none; color:black;}

a {color:#003366;}
a:visited {color:#003366;}
a:hover{color:#cc9999;}

.ccbreak {margin-top:0; margin-bottom:0;}

.picleft {padding-right:10px;}
.picright {padding-left:10px;}

.number {padding:0;text-align:center;color:#404040;font-size:12px;background-color:#efefef;border:1px solid #404040;}
.bluebox {background-color: #f6f6f6; border:solid 1px #f0f0f0;}
.bluedivwide {padding:10px; margin-top:20px; background-color:#f6f6f6; border:#f0f0f0 1px solid; clear:both;}

.mobil {visibility:hidden;display:none;}
.nomobil {visibility:visible;display:block;}

.number {background-color:transparent;border:none;vertical-align:text-top;vertical-align:top;}

@media screen and (max-width: 600px)
{
.picportal {visibility:hidden;display:none;}
}
@media screen and (max-width: 500px)
{
.picleft {visibility:hidden;display:none;}
.picright {visibility:hidden;display:none;}
.picmobl {visibility:hidden;display:none;}
}
@media screen and (max-width: 600px)
{
.mobil {visibility:visible;display:block;margin-bottom:10px;}
.nomobil {visibility:hidden;display:none;}
}
@media screen and (min-width: 601px)
{
.mobil {visibility:hidden;display:none;}
.nomobil {visibility:visible;display:block;}
}