.error {
	border: 2px solid red;
	color: red;
	margin: 0px 0px 18px 0px;
	padding: 1px 6px 2px 6px;
}
.info{
	border: 2px solid blue;
	color: blue;
	margin: 0px 0px 18px 0px;
	padding: 1px 6px 2px 6px;
}
.imgborder {
	border: 1px solid black;
}
img{behavior:url('/pngbehavior.htc')}
/* CSS RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }

/* ELEMENT DESIGN */
body { background:#000; font: 400 13px/22px "Open Sans", Arial, Helvetica, sans-serif; color:#333; }
a { text-decoration:none; color:#8b3; transition:all 200ms ease}
hr { border: 0 none; border-bottom: solid 1px #ccc; }
h1, h2, h3 { font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight: 300; color:#8b3; }
h4, h5, h6 { font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:400; }
h1 { font-size:30px; line-height:36px; }
h2 { font-size:26px; line-height:32px; }
h3 { font-size:20px; line-height:26px; }
h4 { font-size:18px; line-height:24px; }
h5 { font-size:16px; line-height:22px; }
h6 { font-size:14px; line-height:20px; }
h1, h2, h3, h4, h5, h6, p { margin-bottom:.6em; }

#content ul, #content ol {margin:10px 0 0 0; padding: 0 0 0 30px; }
#content ul li { list-style:outside disc; margin-bottom:10px; }
#content ol li { list-style:outside decimal; margin-bottom:10px; }

/* ID DEFINITION */
#topimage { width:900px; height:250px;  overflow:hidden; position:relative; background:url(/images/1/topbg.png) no-repeat center center #fff; }

a.toptab{position:absolute; bottom:-19px;}
#tabLogin{right:90px; z-index:999;}
#tabLang{right:0px; z-index:1000;}

#head ul.languages{position:absolute; right: 0; bottom:-19px; z-index:1000; list-style:none; display:block; padding:0; margin:0;}
#head ul.languages li, #head ul.languages li a{display:block; margin:0; padding:0; list-style:none; float:left; width:88px; height:20px; text-indent:-10000px; overflow:hiden;}
#head ul.languages li{margin-right:-30px;position:relative;}
#head ul.languages li a{background-position:center top; background-repeat:no-repeat;}

#head ul.languages li.login a{background-image:url(/images/1/tabLogin.png);}
#head ul.languages li.lang4 a{background-image:url(/images/1/flag_English.png);}
#head ul.languages li.lang3 a{background-image:url(/images/1/flag_German.png);}
#head ul.languages li.lang2 a{background-image:url(/images/1/flag_Russian.png);}
#head ul.languages li.lang1 a{background-image:url(/images/1/flag_Swedish.png);}

#head ul.languages li.lang4 a:hover{background-image:url(/images/1/flag_English_hover.png);} 
#head ul.languages li.lang3 a:hover{background-image:url(/images/1/flag_German_hover.png);} 
#head ul.languages li.lang2 a:hover{background-image:url(/images/1/flag_Russian_hover.png);} 
#head ul.languages li.lang1 a:hover{background-image:url(/images/1/flag_Swedish_hover.png);}

#head ul.languages li.current.lang{z-index:1200;}
#head ul.languages li.current.lang4 a{background-image:url(/images/1/flag_English_on.png);} 
#head ul.languages li.current.lang3 a{background-image:url(/images/1/flag_German_on.png);} 
#head ul.languages li.current.lang2 a{background-image:url(/images/1/flag_Russian_on.png);} 
#head ul.languages li.current.lang1 a{background-image:url(/images/1/flag_Swedish_on.png);}

#languages{display:none;}
#head.expanded #languages{display:block;}
#languages ul{display:block;  position:absolute; bottom:10px; right:0;}
#languages ul li{display:block; float:left; margin-left:10px;}
#languages ul li a{color:#390; text-shadow: 0 1px 0 #ad4;}
#languages ul li.current a{color:#000; text-shadow: 0 1px 0 #ad4;}

#head {position:relative; z-index:10000;  background:url(/images/1/head.png) repeat-x left top #9c3; }
#head div.wrap{position:relative; height:122px;}
#head.expanded div.wrap{height:152px;}

#logo { position:absolute; left:-125px; top:-1px; }

#menu1 { height:30px; position:absolute; right:0; top:40px; }
#menu1 ul { display:block; list-style:none; margin:0; padding:0; height:30px; }
#menu1 ul li { display:block; float:left; height:30px; margin:0 0 0 10px; padding:0; }
#menu1 ul li a { display:block; font: 300 16px/16px "Open Sans", Arial, Helvetica; color:#eee; text-shadow:0 2px 2px #000; padding:6px 10px 8px 10px; }
#menu1 ul li.current a { background-color:#8b3; text-shadow:0 -1px 0 #7aa219; border-radius:4px; box-shadow: inset 0 -5px 5px rgba(255,255,255,.2), 0 2px 2px #000; }

#menu2{float:left; width:240px; min-height:300px; padding-right:50px; margin-right:50px; background:url(/images/1/leftcol.png) no-repeat right top;}
#menu2 ul li{font: 300 22px "Open Sans", Tahoma; margin-bottom:10px; letter-spacing:-1px;}
#menu2 ul li a{color:#8b3; padding-left: 30px; background:url(/images/1/quicklink.png) no-repeat left center;}
#menu2 ul li a:hover, #menu2 ul li.current a{color:#693; background-position: 5px center;}

#main{padding: 40px 0; background-color:#fff; }

#content { width:550px; float:left;}

#lowercontent { clear:both; border-top:solid 10px #8b3; padding:40px 0; background:url(/images/1/midshade.jpg) no-repeat center top #9c3; }
#lowercontent #content{color:#fff; width:500px; margin:0;}
#lowercontent h1, #lowercontent h2, #lowercontent h3, #lowercontent h4, #lowercontent h5, #lowercontent h6{color:#fff; text-shadow:0 -1px 0 #8b3;}
#lowercontent a{color:#fff; text-shadow:0 -1px 0 #8b3;}

#quicklinks{float:left; width:260px; padding-right:50px; border-right: solid 1px #dec; margin-right:50px;}
#quicklinks ul li{font: 300 22px "Open Sans", Tahoma; margin-bottom:10px; letter-spacing:-1px;}
#quicklinks ul li a{color:#fff; padding-left: 30px; background:url(/images/1/quicklink.png) no-repeat left center;text-shadow:0 -1px 0 #8b3;}
#quicklinks ul li a:hover{color:#693; background-position: 5px center;text-shadow:0 1px 0 #ad4;}

#foot { padding:20px 0; border-top: solid 10px #000; font-size:11px; line-height:20px; min-height:200px; background:url(/images/1/footbg.png) repeat-x left top; color:#ddd; text-shadow:0 -1px 0 #000; }
#foot h3{color:#ccc; font: 700 18px "Open Sans", Tahoma; letter-spacing:-1px;}
#foot a{ color:#ccc; text-decoration:none; }
#foot a:hover { color:#8b3 }
#foot td{vertical-align:top;}

/* GENERAL CLASSES */
.wrap { width:900px; margin:0 auto; }
.l { float:left; }
.r { float:right; }
.clear { clear:both; height:0; visibility:hidden; overflow:hidden; }
.content { margin:18px 20px; }
table.formtable input[type="text"], table.formtable textarea { border:solid 1px #ccc; padding:2px 4px; font: 300 12px Arial, Helvetica; color:#666; border-radius:3px; box-shadow:0 1px 3px #ddd; margin-bottom:2px }
.footnote{color:#666; font-size:11px;}
.topimage{margin-bottom:20px; border-radius:3px}

/* Responsive web */
@media (max-width:974px){
     .wrap{width: 90%; margin: 0 5%;}
    #foot{width:100%; margin:0; padding:20px 0 0 0;}
    #foot table,
    #foot table tbody,
    #foot table tbody tr,
    #foot table tbody tr td,
    #foot table tbody tr td ul,
    #foot table tbody tr td ul li{width:auto;text-align:left;display:block; box-sizing:border-box; padding:0; margin:0;}
    #foot table tbody tr td{float:left; white-space:normal;}
    #foot table tbody tr td:nth-child(odd){white-space:nowrap;}
    #foot table tbody tr td:nth-child(even){width:40px; height:180px;}
    #menu2,#quicklinks{width:30%; padding-right:5%; margin-right:5%; }

    #content, #lowercontent #content{width:59%;}
    #lowercontent #content img{max-width:20%}
    #topimage{width:100%; height:23vw}
    #topimage img{width:100%;}
    #logo{max-width:60%; margin: 0 auto;left:0; display:block; position:relative;}
    #logo img{width:100%; }
    #menu1{height:auto; position:relative; top:0; right:auto; text-align:center}
    #menu1 ul{height:auto;}
    #menu1 ul li{float:none; display:inline-block;height:auto; margin:0 5px}
    #menu1:after{content:''; display:block; overflow:hidden;clear:both;}

    #head{background-position: left bottom; background-color:#595A58}
    #head div.wrap{height:auto;padding-bottom:20px;}
}
@media (max-width:640px){
    #logo{max-width:100%;left:0; display:block; position:relative;}
    #logo img{width:100%; }
    #menu2,#quicklinks{min-height:auto !important;background:none; width:100%; margin:0; padding:0 0 20px 0; float:none; border:none; border-bottom:solid 1px #fff;}
    #quicklinks{margin-bottom:20px;}
    #menu2 ul,#quicklinks ul{margin-bottom:0}
    #menu2 ul li a,#quicklinks ul li a{display:block; border:solid 1px #eee; padding: 5px 5px 5px 30px; background-position: 5px 50%; border-radius:5px;}
    #content, #lowercontent #content{width:100%; float:none;}
    #foot{font-size:14px; line-height:150%}
    #foot table tbody tr td{float:none; margin-top:20px;}
    #foot table tbody tr td:nth-child(even){display:none;}
    .formtable,
    .formtable tbody,
    .formtable tbody tr,
    .formtable tbody tr td,
    .formtable tbody tr th{
    	display:block;
        position:relative;
        text-align:left;
        width:100%
    }
    .formtable tbody tr td:nth-child(2){position:absolute; right:10px; top:30px; width:40px; font-size:30px; color:#faa; text-align:right;z-index:100}
    .formtable tbody tr td input[type='text'],
    .formtable tbody tr td textarea{width:90%; padding:4%; border:solid 1% #eee; font-size:16px;}
    .formtable tbody tr td input[type='submit']{background:#6c0; color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,.2); font-size:14px; border:solid 1px #4a0; display:block; margin:0 0 5px 0; border-radius:5px; float:none; width:100%; padding:4% 5%; box-sizing:border-box;}
    .formtable tbody tr:last-child td{text-align:center;}
    #head ul.languages{left:0; right:auto;}
}
<!-- defaultVersion = -->
<!-- formincludeVersion = -->
<!-- dbopenVersion = $Id: db_open.asp 25 2012-05-05 09:04:18Z torgil $-->