.EN .menu a { padding: 0.6em 0.8em 0.5em 0.8em; }
.DE .menu a { padding: 0.6em 0.7em 0.5em 0.7em; }

#head, .nav .phone a, ol > li:before, .bar {
	background-color: #b80c03;
}

.quote .q {
	color: #b80c03;
}

.colorbg .quote .q {
	color: #fff;
}

#head a:hover, .nav .phone a:hover {
	background-color: #de170d; 
}

#head a.current, #head a.current:hover, #head a:active {
	background-color: #a60b03;
	border-top: 1px solid #980a03;
	border-bottom: 1px solid #c70d03;
}

#tools a, #lang ul a {
	background-color: #d5150b;
	border-top: 1px solid #e71c11;
	border-bottom: 1px solid #ae0d05;
}

#tools a.login {
	font-family: Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px white;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	border-top: 1px solid #fff;
}

.ie9 #tools a.login {
	filter: none;
}

#tools a.login .arr {
	font-weight: bold;
}

#tools a.login:hover {
	background: #fff;
}

.animation h1.title .text {
        text-shadow:
        rgba(155, 10, 2, 1) 1px 1px,
        rgba(155, 10, 2, 0.9) 2px 2px,
        rgba(155, 10, 2, 0.8) 3px 3px,
        rgba(155, 10, 2, 0.7) 4px 4px,
        rgba(155, 10, 2, 0.6) 5px 5px,
        rgba(155, 10, 2, 0.5) 6px 6px,
        rgba(155, 10, 2, 0.4) 7px 7px,
        rgba(155, 10, 2, 0.3) 8px 8px,
        rgba(155, 10, 2, 0.2) 9px 9px,
        rgba(155, 10, 2, 0.1) 10px 10px,
        rgba(155, 10, 2, 0.1) 11px 11px,
        rgba(155, 10, 2, 0.1) 12px 12px,
        rgba(155, 10, 2, 0.1) 13px 13px,
        rgba(155, 10, 2, 0.1) 14px 14px;
}

header.mobileheader h1 {
        text-shadow:
        rgba(132, 9, 2, 1) 1px 1px,
        rgba(132, 9, 2, 0.9) 2px 2px,
        rgba(132, 9, 2, 0.8) 3px 3px,
        rgba(132, 9, 2, 0.7) 4px 4px,
        rgba(132, 9, 2, 0.6) 5px 5px,
        rgba(132, 9, 2, 0.5) 6px 6px,
        rgba(132, 9, 2, 0.4) 7px 7px,
        rgba(132, 9, 2, 0.3) 8px 8px,
        rgba(132, 9, 2, 0.2) 9px 9px,
        rgba(132, 9, 2, 0.1) 10px 10px,
        rgba(132, 9, 2, 0.1) 11px 11px,
        rgba(132, 9, 2, 0.1) 12px 12px,
        rgba(132, 9, 2, 0.1) 13px 13px,
        rgba(132, 9, 2, 0.1) 14px 14px;
}

#mobiletrail {
        background: #a60b03;
}

/* LIANA logo */

#logo {
	display: inline-block;
	width: 276px;
        height: 54px;
	margin: -5px 0 0 0px;
}

#logo .sign, #logo .face {
	width: 57px;
	height: 54px;
	float: left;
}

#logo .face, #logo .text {
	line-height: 54px;
	background-image: url('/media/layout/img/pv/logo-liana.png');
}

#logo .front  {
	background-position: -57px 0px;
}

#logo .back {
	background-position: 0px 0px;

}

#logo .text {
	float: left;
	background-position: -114px 0px;
	width: 219px;
	height: 54px;
}

/* POSTIVIIDAKKO logo */

.FI #logo .face, .FI #logo .text {
	background-image: url('/media/layout/img/pv/logo.png');
}

.menu li.current a {
	background-color: #b80c03;
	color: #fff;
}
.subMenu li.current a {
	background-color: #b80c03;
	color: #fff;
}

h1.title .text, .year .text {
        background-color: #b80c03;
        border-top: 1px solid #de2016;
        border-bottom: 1px solid #810701;
}

h1.title .tip, .year .tip {
	 border-color: #b80c03 transparent transparent transparent;
}

#fixed .button {
	background: #cd1c12;
}

#fixed .button:hover {
	background: #d72218;
}

.button .tip {
	border-color: #b80c03 transparent transparent transparent;
}

.button:hover .tip {
	border-color: #c9140a transparent transparent transparent;
}

#contColor, .colorbg {
        background-image: none;
        background-color: #ac0b03;
}

.colorbg .pagination a, .colorbg .button {
	background-color: #cd1c12;
}	

.colorbg .pagination a:hover, .colorbg .button:hover {
	background-color: #d72218;
}	

#contColor h2 {
	text-align: center;
	color: #fff;
}

.bubble, .comments .author {
        background-color: #8d0902;
}

.comments .author h3, .comments .author q {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.comments .author .commenter {
	margin-top: 1.5em;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.bubble .tip {
	 border-color: #8d0902 transparent transparent transparent;
}

/* FLOWPLAYER */

.flowplayer .fp-waiting em {
	background-color: #4c8930 !important;
	box-shadow: none !important;
}

.flowplayer .fp-progress {
	background-color: #fff !important;
}

.flowplayer .fp-controls {
        background-color: #376e1d !important;
}

.flowplayer .fp-timeline, .flowplayer .fp-volumeslider {
        background-color: #4c8c2f !important;
}

.flowplayer.is-splash .fp-ui, .flowplayer.is-paused .fp-ui {
	background-image: url('/media/layout/img/pv/play_white.png') !important;
}

/* OLARK CHAT */

.olrk-state-compressed #habla_window_div, .olrk-state-compressed #habla_panel_div {
        width: 150px !important;
        right: 203px;
        bottom: 0px;
        position: absolute;
	background: transparent !important;
}

.ie7 .olrk-state-compressed #habla_window_div, .ie7 .olrk-state-compressed #habla_panel_div, .ie8 .olrk-state-compressed #habla_window_div, .ie8 .olrk-state-compressed #habla_panel_div {
	position: static;
}

.EN .olrk-state-compressed #habla_window_div, .EN .olrk-state-compressed #habla_panel_div, .lang-en .olrk-state-compressed #habla_window_div, .lang-en .olrk-state-compressed #habla_panel_div {
 	width: 170px !important;
        right: 183px;
}

.RU .olrk-state-compressed #habla_window_div, .RU .olrk-state-compressed #habla_panel_div, .lang-ru .olrk-state-compressed #habla_window_div, .lang-ru .olrk-state-compressed #habla_panel_div {
	right: 160px;
}

.ZH .olrk-state-compressed #habla_window_div, .ZH .olrk-state-compressed #habla_panel_div {
	right: 152px;
}

.AR #habla_window_div {
        font-family: Arial !important;
        right: auto !important;
        left: 135px !important;
}

.AR .olrk-state-compressed #habla_window_div {
        right: auto !important;
        left: 306px !important;
}

.olrk-state-expanded #habla_panel_div {
        -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
}

#habla_window_div {
	font-family: Arial !important;
        right: 10px !important;
        bottom: 0px !important;
        margin: 0 !important;
}

#habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div {
        -webkit-border-top-left-radius: 2px !important;
        -webkit-border-top-left-radius: 2px !important;
        border-top-left-radius: 2px !important;
        border-top-right-radius: 2px !important;
}

#habla_window_div #habla_topbar_div {
	max-height: 0.99em !important;
        padding: 0.65em 0.8em !important;
        font-weight: bold !important;
        font-family: Arial, Verdana, sans-serif !important;
        font-size: medium !important;
 	border-top: 1px solid #e81f15 !important;
        border-bottom: 0px !important;
        border-right: 1px solid #b80c03 !important;
        border-left: 1px solid #b80c03 !important;
        background-color: #cd1c12 !important;
        color: #FFF !important;
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important;
        font-size: 115% !important;
}

#habla_window_div #habla_topbar_div:hover {
 	background-color: #d72218 !important;
        border-top: 1px solid #f92b21 !important;
}


#habla_conversation_div a, #habla_window_div .habla_conversation_person2 {
        color: #a94644 !important;
}

#habla_window_div #habla_wcsend_input {
        border: 1px solid #d8d7d7 !important;
        font-family: Arial, sans-serif !important;
        background-color: #fff !important;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset !important;
        font-size: 90% !important;
        -moz-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -webkit-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -ms-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -o-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        transition: border 0.2s linear 0s, background 0.2s linear 0s;
        margin: 10px !important;
        width: 280px !important;
}

#habla_window_div #habla_wcsend_input:focus {
        background-color: #efefef !important;
        border-style: solid !important;
        border-color: #d8d7d7 !important;
        border-width: 1px !important;
        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

#habla_window_div #habla_expanded_div {
        border-left: 1px solid #d8d7d7 !important;
        border-right: 1px solid #d8d7d7 !important;
        border-bottom: 1px solid #d8d7d7 !important;
}

#habla_oplink_a:hover {
        text-decoration: none !important;
}

#habla_window_div .habla_button {
    	background-image: url("/media/layout/img/buttons-light.png") !important;
}

#habla_window_div.habla_window_div_base {
	z-index: 1000 !important;
}

.loading .anim {
        border: 6px solid #b80c03;
}

/* MEDIA QUERIES */

@media all and (max-width: 1280px) {
        #logo {
		background-image: url('/media/layout/img/pv/lianamailerlogo-230.png');
		width: 230px;
		height: 50px;
		margin: -5px 0 0 10px;  
      	}
        .FI #logo {
		background-image: url('/media/layout/img/pv/logo-230.png');
      	}
	#logo div, #logo span {
		display: none;
	}
}

@media all and (max-width: 1100px) {
	#logo {
		margin-top: -8px;
	}
}

@media all and (max-width: 940px) {

	#logo {
		margin: 8px 0 0 0px;
	}

	.menu a {
		font-size: 100%;
	}
	.subMenu a {
		font-size: 90%;
	}

	#sites ul a {
		background-color: #d5150b;
		border-top: 1px solid #e71c11;
		border-bottom: 1px solid #ae0d05;
	}
}

@media all and (min-width: 940px) {
	.imagebg {
		background-image: url('/media/layout/img/pv/image-bg.jpg') !important;
		background-repeat: repeat;
	}
}

@media all and (max-width: 767px) {
	#logo {
                float: left;
                margin: 5px 0 0 5px;
                background: transparent url('/media/layout/img/pv/lianamailerlogo-190.png') center center no-repeat;
                width: 195px;
                height: 41px;
        }

	.FI #logo {
		background: transparent url('/media/layout/img/pv/logo-190.png') center center no-repeat;
        }

	#fixed {
                background-color: #b80c03;
        }

	header.mobileheader {
		background: #b80c03;
		background: -moz-linear-gradient(top,  #b80c03 0%, #930a03 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b80c03), color-stop(100%,#930a03));
		background: -webkit-linear-gradient(top,  #b80c03 0%,#930a03 100%);
		background: -o-linear-gradient(top,  #b80c03 0%,#930a03 100%);
		background: -ms-linear-gradient(top,  #b80c03 0%,#930a03 100%);
		background: linear-gradient(to bottom,  #b80c03 0%,#930a03 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80c03', endColorstr='#930a03',GradientType=0 );
	}

	header.mobileheader .image {
		background: transparent url('/media/layout/img/pv/mobile-lianamailer-header-pic.png') center center no-repeat;
	}

	.FI header.mobileheader .image {
		background: transparent url('/media/layout/img/pv/mobile-header-pic.png') center center no-repeat;
	}

        #habla_window_div {
                position: absolute !important;
                right: 0 !important;
                bottom: -500px !important;
        }

	.FI #tools li.loginli {
		display: inline-block !important;
	}
}