html {
  position: relative;
  min-height: 100%;
}

body, html {
    font-family: sans-serif, "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.linkstable td {vertical-align:top; padding:8px 3px 5px 5px;}

.mysep10name {display:none;}

.mysep20name {display:block;}

.myname {font-size:16px;margin-left:20%}

.mythemen {background-color:#7cffeb;height:70px;}

.mygreen {width:100px;height:70px;}

.myblue {width:100px;height:70px;}

.thema1 {margin-right:80px;margin-left:30px;}

.navileft {
	position:absolute;
	margin-left:104px;
	width:100px;
	height:550px;
	background-image: url("../images/navbg.jpg");
    background-repeat: repeat-x;
    float:left;
    }

.navileft a {font-size:14px;color:#2558FF;text-decoration:none;}

.navitop {display:none;}

.navhrefs {padding:8px;}

.navitop a {font-size:14px;color:#2558FF;text-decoration:none;}

.navhrefstop {padding:10px 15px;}

.textcontent {position:absolute;float:left;margin-left:220px; width:600px;}

.myimage2{display:none;}

.myimage {position:absolute;margin-left:860px;display:block;}

.myimage img {width:270px;border:0 none;}





.cursorpointer {cursor:pointer;}

.maincontentdiv {background-color:white;padding:0px;}

.width100proz {width:100%;}

.space-sep10 {
    clear: both;
    display: block;
    height: 10px;
}

.space-sep20 {
    clear: both;
    display: block;
    height: 20px;
}

.space-sep30 {
    clear: both;
    display: block;
    height: 30px;
}

.space-sep40 {
    clear: both;
    display: block;
    height: 40px;
}

.space-sep50 {
    clear: both;
    display: block;
    height: 50px;
}

.space-sep60 {
    clear: both;
    display: block;
    height: 60px;
}

.space-sep80 {
    clear: both;
    display: block;
    height: 80px;
}

.body-wrapper {
    padding-bottom: 40px;
    padding-top: 20px;
    position: relative;
    z-index: 0;
}























@media (max-width: 350px) {

.mysep20name {display:none;}

.mysep10name {display:block;}

.myname {margin-left:10%}

.mygreen {width:10px;display:none;}

.myblue {width:10px;}

.mythemen {min-width:300px;}

.thema1 {margin-right:3px;margin-left:1px;font-size:9px;}

.navileft {margin-left:14px;width:10px;display:none;}

.navhrefs {display:none;}

/*.navitop {background-color:#C0FFE8;display:block;margin-left:0px;min-width:300px;}*/
.navitop {background-color:white;border:1px solid #dedede;display:block;margin-left:0px;min-width:300px;}

.navhrefstop {padding:5px 10px;}

.navitop a {font-size:13px;color:#2558FF;text-decoration:none;margin-right:10px;}

.textcontent {position:absolute;float:left;margin-left:5px; width:280px;}

.myimage{display:none;}

.myimage2{display:block; width:100px;margin-top:30px;margin-left:30px;}

.container {padding-left:3px;padding-right:3px;}

.maincontentdiv {padding:2px;}


}








@media (min-width:351px) and (max-width: 600px) {

.mysep20name {display:none;}

.mysep10name {display:block;}

.myname {margin-left:11%}

.mygreen {width:20px;}

.myblue {width:20px;}

.mythemen {min-width:325px;}

.thema1 {margin-right:4px;margin-left:4px;font-size:10px;}

.navileft {margin-left:24px;width:20px;}

.navhrefs {display:none;}

/*.navitop {background-color:#C0FFE8;display:block;margin-left:44px;min-width:282px;max-width:550px;}*/
.navitop {background-color:white;border:1px solid #dedede;display:block;margin-left:44px;min-width:282px;max-width:550px;}

.navhrefstop {padding:5px 10px;}

.navitop a {font-size:13px;color:#2558FF;text-decoration:none;margin-right:10px;}

.textcontent {position:absolute;float:left;margin-left:55px; width:100%; max-width:300px;}

.myimage2{display:block; width:150px;margin-top:30px;margin-left:30px;}

.myimage {display:none;}

.container {padding-left:6px;padding-right:6px;}

.maincontentdiv {padding:5px;}


}







@media (min-width:601px) and (max-width: 768px) {

.mysep20name {display:none;}

.mysep10name {display:block;}

.myname {margin-left:14%}

.mygreen {width:40px;}

.myblue {width:40px;}

.mythemen {min-width:300px;}

.thema1 {margin-right:10px;margin-left:30px;font-size:14px;}

.navileft {margin-left:44px;width:40px;}

.navhrefs {display:none;}

/*.navitop {background-color:#C0FFE8;display:block;margin-left:84px;min-width:280px;max-width:650px;}*/
.navitop {background-color:white;border:1px solid #dedede;display:block;margin-left:84px;min-width:280px;max-width:650px;}

.navhrefstop {padding:5px 10px;}

.navitop a {font-size:13px;color:#2558FF;text-decoration:none;margin-right:10px;}

.textcontent {position:absolute;float:left;margin-left:95px; width:100%; max-width:500px;}

.myimage2{display:block; width:150px;margin-top:30px;margin-left:30px;}

.myimage {display:none;}

.container {padding-left:6px;padding-right:6px;}

.maincontentdiv {padding:5px;}


}







@media (min-width:769px) and (max-width: 991px) {

.mysep20name {display:none;}

.mysep10name {display:block;}

.myname {margin-left:18%}

.mygreen {width:60px;}

.myblue {width:60px;}

.mythemen {min-width:300px;}

.thema1 {margin-right:30px;margin-left:40px;font-size:14px;}

.navileft {margin-left:64px;width:60px;}

.navhrefs {display:none;}

/*.navitop {background-color:#C0FFE8;display:block;margin-left:124px;min-width:280px;max-width:650px;}*/
.navitop {background-color:white;border:1px solid #dedede;display:block;margin-left:124px;min-width:280px;max-width:650px;}

.navhrefstop {padding:5px 10px;}

.navitop a {font-size:13px;color:#2558FF;text-decoration:none;margin-right:10px;}

.textcontent {position:absolute;float:left;margin-left:135px; width:100%; max-width:450px;}

.myimage2{display:none; width:150px;margin-top:30px;margin-left:30px;}

.myimage {margin-left:585px;display:block;}

.myimage img {width:140px;border:0 none;}

.container {padding-left:6px;padding-right:6px;}

.maincontentdiv {padding:5px;}


}








@media (min-width:992px) and (max-width: 1200px) {


.mysep20name {display:none;}

.mysep10name {display:block;}

.myname {margin-left:22%}

.mygreen {width:100px;}

.myblue {width:100px;}

.thema1 {margin-right:40px;margin-left:50px;font-size:14px;}

.navileft {margin-left:104px;width:100px;}

.navhrefs {display:block;}

.navitop {display:none;}

.textcontent {position:absolute;float:left;margin-left:215px; width:100%; max-width:580px;}

.myimage2{display:none;}

.myimage {margin-left:795px;display:block;}

.myimage img {width:150px;border:0 none;}

.container {padding-left:6px;padding-right:6px;}

.maincontentdiv {padding:5px;}

.mythemen {min-width:300px; max-width:1000px;}

}








@media (min-width:1201px) {

.mysep20name {display:block;}

.mysep10name {display:none;}

.myimage img{width:270px;border:0 none;}

.maincontentdiv {padding:5px;}


}