@media screen and (min-width:601px){
body {
background-color : #d3daed;
background-image : url(../img/4pix.gif);
font-family : Helvetica, Arial, sans-serif;
margin : 15px 0 0 0;
padding : 1em 0;
text-align : center;
}
html > body {
border-color : silver;
}

html {overflow-y: scroll;}

#checkcontainer{
text-align : right;
margin : 0 auto;
width : 785px;;
}

#bgcontainer {
background-image : url(../img/bgr.jpg);
width : 785px;
text-align :left;
margin : 0 auto;
padding : 0 5px 5px 0;
border : 0px dotted silver;
}

#ccontainer{
font-size : 10pt;
background-color : white;
text-align : left;
margin : 0 auto;
width : 765px;
padding : 0.5em;
border : 0px dotted silver;
}

#top {
background-color : white;
margin : 0  0 0.6em 0;
padding : 0;
min-height : 95px;
text-align : center;
}

#logo{
float:left; 
margin: 5px 0 0 0;
}

div#navi-container {
display:block;
margin : 0.3em;
}

ul#navi {
float : left;
width : 11.6em;
margin : 0 0 0 1.2em;
padding : 0;
border : 0px dotted silver;
}
ul#navi li {
list-style-type : none;
margin : 0;
padding : 0.3em 0;
}
ul#navi a {
padding : 0;
}
ul#navi a.text {
display : block;
padding : 0;
font-weight : bold;
}
ul#navi a:link {
background-color : #f2f2f2;
}
ul#navi a:visited {
color : #606060;
background-color : #f2f2f2;
}
ul#navi a:hover {
color : #ef7800;
background-color : white;
}
ul#navi a:active {
color : #ef7800;
background-color : #f2f2f2;
}
ul#navi a:focus {
color : #606060;
background-color : #f2f2f2;
}
ul#navi span {
display : block;
padding : 0;
font-weight : bold;
color : #f2f2f2;
background-color : #606060;
}

div#content {
margin : 0 0.9em 0 14.2em;
padding : 0;
border : 0px dotted silver;
}

* html div#content {
height : 1em;
}

div#content h1 {
font-size : 1em;
color : #606060;
background-image : url(../img/4pix.gif);
margin : 0 0.25em;
}
div#content p {
margin : 0.25em;
padding: 0.5em 0;
color : #606060;
text-align : justify;
}
p.right {
margin : 0.25em;
padding: 0.5em 0;
text-align : right;
}
img{
border:0;
}
#foto-left{
float : left;
margin : 0;
padding : 1.5em 1em  0 0;
}
#foto-right1 {
float : right;
margin : 0;
padding : 1.2em 0 0 1.2em;
}
#foto-right2 {
float : right;
margin : 0;
padding : 1.2em 0 0 1.2em;
}
#foto-big {
float : none;
margin : 0;
padding : 1.2em 0;
}

#bottom {
clear : both;
margin : 0 0.9em 0 1.2em;
color : #606060;
text-align : center;
background-color : #f2f2f2;
background-image : url(../img/4pix.gif);
min-height : 18px;
border : none;
}

table {
margin: 0;
color : #606060;
}

a {
color : #606060;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #ef7800;
text-decoration : none;
font-weight : bold;
}

a.ext {
color : #ef7800;
text-decoration : none;
font-weight : bold;
}

input.text1 {
min-width : 100%;
}
input.text2 {
min-width : 100%;
}
input.text3 {
min-width : 25%;
}
input.text4 {
min-width : 50%;
}
textarea {
min-width: 100%;	
}
input, textarea {
margin : 0.25em 0;
color : #a0a0a0;
font-size : 10pt;
font-family : Helvetica, Arial, sans-serif;
background-color : #ffffff;
border-color : silver;
border : 1px dotted #a0a0a0;
}


.group,
[class*=colgroup] { zoom:1 }
.group:after,
[class*=colgroup]:after { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.col { position:relative}
.col :first-child { margin-top:0}

@media all and (min-width: 30em) and (max-width: 50em) {
    [class*=colgroup] .col {
        float:left;
        width:47.5%;
        margin-left:5%
    }

    [class*=colgroup] .col:nth-of-type(2n+1),
    .colspan-2+.col {
        clear:left;
        margin-left:0
    }

    .colgroup-1 .col {
        width:100%;
        float:none;
        margin-left:0
    }

    .colgroup-3 .colspan-2,
    .colgroup-3 .colspan-2+.col,
    .colgroup-3 .col.primary,
    .colgroup-3 .col.secondary {
        width:100%;
        float:none;
        margin-left:0
    }
    .colgroup-3 .col.secondary { margin:2em 0 0 0 }
}

@media all and (min-width: 50em) {
    [class*=colgroup] .col {
    margin-left:5%;
    float:left
    }

    [class*=colgroup] .col:first-of-type { margin-left:0 }
    .colgroup-4 .col { width:21.2% }
    .colgroup-4 .col:nth-of-type(4n+1) {
        clear:left;
        margin-left:0
    }

    .colgroup-4 .col.colspan-3 { width:73.8%}
    .colgroup-3 .col { width:30%}
    .colgroup-3 .col:nth-of-type(3n+1) {
        clear:left;
        margin-left:0
    }

    .colgroup-3 .col.colspan-2 { width:64% }
    .colgroup-3 .col.middle {
        margin:0 auto;
        float:none
    }

    .colgroup-3 .col.colspan-2>p {
        line-height:1.4;
        margin-top:0.7em
    }

    .colgroup-3 .col.primary { float:right }
    .colgroup-3 .col.secondary {
        float:left;
        margin-left:0
    }

    .colgroup-2 .col { width:47.5%}
    .colgroup-2 .col:nth-of-type(2n+1) {
        clear:left;
        margin-left:0
    }
    .colgroup-1 .col {
        width:100%;
        margin-left:0
    }	
}
}



@media screen and (max-width:600px){
body {
background-color : #d3daed;
background-image : url(../img/4pix.gif);
font-family : Helvetica, Arial, sans-serif;
margin : 15px 0 0 0;
padding : 1em 0;
text-align : center;
}
html > body {
border-color : silver;
}

html {overflow-y: scroll;}

#checkcontainer{
text-align : right;
margin : 0 auto;
max-width : 785px;;
}

#bgcontainer {
background-image : url(../img/bgr.jpg);
max-width : 785px;
text-align :left;
margin : 0 auto;
padding : 0 5px 5px 0;
border : 0px dotted silver;
}

#ccontainer{
font-size : 12pt;
background-color : white;
text-align : left;
margin : 0 auto;
max-width : 765px;
padding : 0.5em;
border : 0px dotted silver;
}

#top {
background-color : white;
margin : 0  0 0.6em 0;
padding : 0;
max-width: 100%;
text-align : center;
}

.logo{
min-width:100%;
}

div#navi-container {
display:block;
margin : 0.3em;
}

ul#navi {
min-width : 100%;
margin : 1.2em 0;
padding : 0;
border : 0px dotted silver;
}
ul#navi li {
list-style-type : none;
margin : 0;
padding : 0.3em;
}
ul#navi a {
padding : 0;
}
ul#navi a.text {
display : block;
padding : 0;
font-weight : bold;
}
ul#navi a:link {
background-color : #f2f2f2;
}
ul#navi a:visited {
color : #606060;
background-color : #f2f2f2;
}
ul#navi a:hover {
color : #ef7800;
background-color : white;
}
ul#navi a:active {
color : #ef7800;
background-color : #f2f2f2;
}
ul#navi a:focus {
color : #606060;
background-color : #f2f2f2;
}
ul#navi span {
display : block;
padding : 0;
font-weight : bold;
color : #f2f2f2;
background-color : #606060;
}

div#content {
margin : 0;
padding : 0;
border : 0px dotted silver;
}

* html div#content {
height : 1em;
}

div#content h1 {
font-size : 1em;
color : #606060;
background-image : url(../img/4pix.gif);
margin : 0 0.25em;
}
div#content p {
display:block;
margin : 0.25em;
padding: 0.5em 0;
color : #606060;
text-align : justify;
}
p.right {
margin : 0.25em;
padding: 0.5em 0;

text-align : right;
}
img{
border:0;
}
#foto-left{
display:block;
float : left;
margin : 0;
padding : 0 auto;
}
#foto-right1 {
float : right;
margin : 0;
padding : 1.2em 0 0 1.2em;
}
#foto-right2 {
float : right;
margin : 0;
padding : 1.2em 0 0 1.2em;
}
#foto-big {
float : none;
margin : 0;
padding : 1.2em 0;
}

#bottom {
clear : both;
margin : 0 0.9em 0 1.2em;
color : #606060;
text-align : center;
background-color : #f2f2f2;
background-image : url(../img/4pix.gif);
min-height : 18px;
border : none;
}

table {
margin: 0;
color : #606060;
}

a {
color : #606060;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #ef7800;
text-decoration : none;
font-weight : bold;
}

a.ext {
color : #ef7800;
text-decoration : none;
font-weight : bold;
}

input.text1 {
min-width : 100%;
}
input.text2 {
min-width : 100%;
}
input.text3 {
min-width : 25%;
}
input.text4 {
min-width : 50%;
}
textarea {
min-width: 100%;	
}
input, textarea {
margin : 0.25em 0;
color : #a0a0a0;
font-size : 10pt;
font-family : Helvetica, Arial, sans-serif;
background-color : #ffffff;
border-color : silver;
border : 1px dotted #a0a0a0;}

.group,
[class*=colgroup] { zoom:1 }
.group:after,
[class*=colgroup]:after { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.col { position:relative}
.col :first-child { margin-top:0}

@media all and (min-width: 30em) and (max-width: 50em) {
    [class*=colgroup] .col {
        float:left;
        width:47.5%;
        margin-left:5%
    }

    [class*=colgroup] .col:nth-of-type(2n+1),
    .colspan-2+.col {
        clear:left;
        margin-left:0
    }

    .colgroup-1 .col {
        width:100%;
        float:none;
        margin-left:0
    }

    .colgroup-3 .colspan-2,
    .colgroup-3 .colspan-2+.col,
    .colgroup-3 .col.primary,
    .colgroup-3 .col.secondary {
        width:100%;
        float:none;
        margin-left:0
    }
    .colgroup-3 .col.secondary { margin:2em 0 0 0 }
}

@media all and (min-width: 50em) {
    [class*=colgroup] .col {
    margin-left:5%;
    float:left
    }

    [class*=colgroup] .col:first-of-type { margin-left:0 }
    .colgroup-4 .col { width:21.2% }
    .colgroup-4 .col:nth-of-type(4n+1) {
        clear:left;
        margin-left:0
    }

    .colgroup-4 .col.colspan-3 { width:73.8%}
    .colgroup-3 .col { width:30%}
    .colgroup-3 .col:nth-of-type(3n+1) {
        clear:left;
        margin-left:0
    }

    .colgroup-3 .col.colspan-2 { width:64% }
    .colgroup-3 .col.middle {
        margin:0 auto;
        float:none
    }

    .colgroup-3 .col.colspan-2>p {
        line-height:1.4;
        margin-top:0.7em
    }

    .colgroup-3 .col.primary { float:right }
    .colgroup-3 .col.secondary {
        float:left;
        margin-left:0
    }

    .colgroup-2 .col { width:47.5%}
    .colgroup-2 .col:nth-of-type(2n+1) {
        clear:left;
        margin-left:0
    }
    .colgroup-1 .col {
        width:100%;
        margin-left:0
    }	
}
}