@charset "UTF-8";
/* CSS Document */
/* OBOE grafisk manual by Ieva Sargautyte*/
/*GLOBAL STYLES*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/bg.png);

}

a {text-decoration: none;}

#wrapper {height: auto; width: 100%; float: left; 	background: url(images/bg_con.png) top center repeat-y; padding-top: 30px; margin: 0px 0px 50px 0px;}
#container {
	width: 990px;
	margin: 0 auto 30px auto;
	

} 



#main{
	margin-left: 250px; padding-bottom: 30px;
} 

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/*HEADER-------------------------------------------------------------------------------*/


#header { 	
	height: 125px;
	width: 990px;
	margin: 0 auto;
	padding: 0; 
	background: url(images/head.png) center top no-repeat;
} 




/*MENU---------------------------------------------------------------------------------------------------------------------*/
#proj_menu_wrap { position: absolute; top: 125px; left: 0px; z-index: -1; width: 100%; height: 45px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; background: #fff;}
#proj_menu {
width: 100%;
	text-align: left;
	float: left;

}

/*MAIN MENU*/

#proj_menu ul{
	color: #ff6401;
	width: 1010px;
	margin: 0 auto;
}

#proj_menu ul li {
	float: left;
	margin: 0 1px;
	
}

#proj_menu ul li a {
	padding: 15px 18px;
	display: block;
	color: #666;
	font-size: 11px;
	 font-family: 'TitilliumText22L400wt', verdana, sans-serif;
	 font-size: 1.3em;
	text-transform: uppercase;

}

#proj_menu ul li a:hover, #sidebar .box, #proj_menu ul li a.cur {
	color: #00B085;
}

#proj_menu ul li a.cur {background: url(images/bg_menu.png) right top no-repeat;}

/*MAIN---------------------------------------------------------------------------------*/

p {line-height: 18px; padding-top: 10px;}
p.indent {padding-left: 40px;}

#main h1 {margin-bottom: 20px; font-size: 26px; font-family: 'TitilliumText22L600wt', verdana, sans-serif; text-transform: uppercase;}
#main p a {color:#ff7e3e;}
#main p a:hover {color: #f05a28; text-decoration: underline;}


.post h3 {font-size: 1.6em; margin: 0 0 0 7px; padding: 15px 0 10px 0;font-family: 'TitilliumText22L600wt', verdana, sans-serif; color: #444; clear: both;}
.post h4, .post h4 a {font-size: 1em; font-weight: bold; color: #222; font-family: 'TitilliumText22L600wt', verdana, sans-serif;}
.post h4 a:visited {color: #666;}
.post h4 a:hover {color: #ff7e3e;}

.post ul li a {list-style-image: none;}
.post ul li p {font-size: 0.8em; color: #333; padding: 0px;}
.post {
	padding: 10px 0 30px;
	margin-bottom: 20px;
	float:left;
	width: 100%;
	color: #444;
}


h2, .post h2, .post h2 a {font-size: 24px; font-family: 'TitilliumText22L600wt', verdana, sans-serif; color: #333; padding: 0; margin: 0 0 20px 0; clear: both;}
.post h2 span {font-size: 10px; color: #999; padding: 0; margin: 0 0 0 0; line-height: 0.5em;}
.post ul {
	padding-left: 0px;
	margin: 10px 0 10px 0;
	padding:0 40px 0 0;
}


/*SIDEBAR------------------------------------------------------------------------------------------*/


#sidebar {
	float: left;
	width: 215px;
}

#sidebar .box {padding: 30px 10px 10px 10px;  margin-bottom: 10px; float: left; width:195px; }
#sidebar .box h3, #sidebar h3 {
	position: relative;
	float: left;
	font-size: 1.3em;
	font-family: 'TitilliumText22L600wt', verdana, sans-serif;
	text-transform: uppercase;
	width: auto;	
	padding: 0 7px 0 0;
	top: -10px;
	color: #444;
	}
#sidebar .box ul {margin-top: 20px; padding: 0px; display: block;}
#sidebar .box ul li {display: block;}
#sidebar .box ul li a {padding: 3px 12px; display: block; color: #555; margin: 3px 0;}
#sidebar .box ul li a:hover, #sidebar .box ul li a.cur {background: #00B085; -moz-border-radius: 5px; border-radius: 5px; color: #fff;}
#sidebar .box#banners ul li {width: 50%; float: left; }
#sidebar .box#banners ul li a img {max-width: 140px; float: left;}
#sidebar .box#gip ul li a {color: #999;}
#sidebar .box#gip ul li a:hover, #sidebar .box#gip ul li a.cur { }
hr{color: #fff;background-color: #444; height: 0px; padding: 0; margin: 0; opacity: 0.5; filter:alpha(opacity=50);}  


/*LISTS---------------*/

ol {padding-left: 40px;
margin-bottom: 10px;
padding-right: 40px;}

ol li {
	color: #786E68;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 20px;
	}
	
	
ol li span {
	padding-bottom: 0px;
	font-size: 12px;
	color: #666;
	line-height: 12px;

  list-style-type: none;
}

.post ul li  {
	text-indent: 0px;
	list-style-type: none;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 36px;
	background-position: 1px;
	color: #333;
	}	

/*FORMS*/

input[type=submit] {display: block; background: url(images/form_button.png) no-repeat; border: none; width: 67px; height: 24px; color: #D51C55;}
input[type=submit]:hover {
	background-image: url(images/form_button_h.png);
	cursor: pointer;
	color: #C3194C;
}
input[type="text"] {
	display: block;
	background-repeat: repeat;
	background-image: url(images/form_text.png);
	background-color: transparent;
	height: 20px;
	border: none;
	float: left;
			-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	color: #666;
	margin: 2px 2px 0 0;
	
	
}

	
label {padding-left: 5px; color:#666; font-family: verdana; font-size: 11px;}	

/* LINKS -----*/

a#top {visibility: hidden;}
a.totop {
float: left;
color: #ff7e3e; 
padding: 3px 9px;
}
a.totop:hover {color: #fff; background: #ff7e3e; -moz-border-radius: 9px; border-radius: 9px; -moz-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
a.totop:after {content:url(images/ico_goto.png);}
a.totop:hover:after {content: url(images/ico_goto_h.png);}



/*TABLES-------------*/


table,td,th{
	border:none;
	border-collapse:collapse;
	margin:0;
	padding:10px;
}
table{
	border:none;
	margin-bottom: 20px;
}


table tr.even {
	background: url(images/form_text.png);
}
	
tr {padding: 10px;}

td,th{
	vertical-align:top;
	font-weight:normal;
}
thead th{
	font-size:110%;
	color: #333;
	vertical-align:middle;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
	height: 25px;
	text-align: center;
}

tfoot td,tfoot th{
	margin-top:5px;
	border:none;
}
caption{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	margin:5px;
}

tbody td, td {	min-height: 24px; vertical-align:middle; padding: 10px;  }



table img {border: none; padding: 0;}

table tfoot {	border-top:1px solid #fff;}

table span.aprasas {font-size: 10px; color: #666; line-height: 10px;}
table a.forma:after {content: " 〉"; }
table a {color: #ff7e3e;}
table a:hover {color: #f05a28;}

/*WP image alignment*/

	


.post img {
	margin: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: url(images/form_text.png);
	display: block;
	padding: 5px;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 13px 10px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

p.izanga {font-size: 1.3em; line-height: 1.6em;}


dl.logos, .logos2
{
	
	width: 270px;
	height: 180px;
	text-align: center;
	padding: 10px;
	float: left;
	margin: 0 15px 15px 0;
}

.logos dd, .logos2
{

	text-align: left;
	line-height: 1.5em;
}

.logos2 p {width: 50%; float: left; font-size: 0.8em;}
span.rub {font-size: 1.2em;}

.logos2 img
{

		margin: 0 0 10px 0; padding: 0px; display: block; border-radius: 4px; -moz-border-radius: 4px;
}



img.logo {padding: 30px; background: #fff;}
img.logo_negativ {padding:30px; background: #000;}



@font-face {
    font-family: 'TitilliumText22L1wt';
    src: url('titilliumtext22l001-webfont.eot');
    src: url('titilliumtext22l001-webfont.eot?#iefix') format('eot'),
         url('titilliumtext22l001-webfont.woff') format('woff'),
         url('titilliumtext22l001-webfont.ttf') format('truetype'),
         url('titilliumtext22l001-webfont.svg#webfontqZS6TtrL') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22L250wt';
    src: url('font/titilliumtext22l002-webfont.eot');
    src: url('font/titilliumtext22l002-webfont.eot?#iefix') format('eot'),
         url('font/titilliumtext22l002-webfont.woff') format('woff'),
         url('font/titilliumtext22l002-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l002-webfont.svg#webfont3XcYVHmB') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22L400wt';
    src: url('font/titilliumtext22l003-webfont.eot');
    src: url('font/titilliumtext22l003-webfont.eot?#iefix') format('eot'),
         url('font/titilliumtext22l003-webfont.woff') format('woff'),
         url('font/titilliumtext22l003-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l003-webfont.svg#webfontkwln44fg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22L600wt';
    src: url('font/titilliumtext22l004-webfont.eot');
    src: url('font/titilliumtext22l004-webfont.eot?#iefix') format('eot'),
         url('font/titilliumtext22l004-webfont.woff') format('woff'),
         url('font/titilliumtext22l004-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l004-webfont.svg#webfontaI5pkvNr') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22L800wt';
    src: url('font/titilliumtext22l005-webfont.eot');
    src: url('font/titilliumtext22l005-webfont.eot?#iefix') format('eot'),
         url('font/titilliumtext22l005-webfont.woff') format('woff'),
         url('font/titilliumtext22l005-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l005-webfont.svg#webfontBunJOPeY') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22L999wt';
    src: url('font/titilliumtext22l006-webfont.eot');
    src: url('font/titilliumtext22l006-webfont.eot?#iefix') format('eot'),
         url('font/titilliumtext22l006-webfont.woff') format('woff'),
         url('font/titilliumtext22l006-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l006-webfont.svg#webfont7oMJBggX') format('svg');
    font-weight: normal;
    font-style: normal;

}

#footer { height: 40px; width: auto;  text-align: center; background: #00b085; position: fixed; bottom: -5px; left: 20px; border-radius: 4px; -moz-border-radius: 4px;}
#footer a {color: #fff; display: block; padding: 10px;}
#footer:hover {background: #017F5E;} 

.logotyper  {float: left; width: 100%; }
.logotyper img {float: left; margin-right: 20px;}
.logotyper p {padding: 50px 10px 10px 30px; margin-left: 30px;}

#header a {display: block; opacity: 0; filter: alpha(opacity=0); width: 100%; height:100px;}

span.fonts {font-size: 4em; font-family: 'TitilliumText22L600wt', sans-serif;}
h3 span {font-size: 0.8em;}

img.fonts {border-bottom: 1px solid #00B085; -moz-border-radius: 0px; border-radius: 0px;}
.post#grafiskt {background: url(images/gr_el2.png) no-repeat; height: 705px;}

.post ul li {padding: 0px;}
.post ul li a {color:#00b085; display: block; padding: 5px; margin: 0px;}
.post ul li a:hover {color: #017f5e;}
.post ul li a:hover:before {content: "〉 ";}
.post ul li a:visited {color:#19F2B9;}