/** Template "Road" by svasti

 */

/**************************/

/*     Content Styles     */

/**************************/

img.left {

    margin: 0 5px 5px 0;

    float: left;

    clear: left;

}



img.right {

    margin: 0 0 5px 5px;

    float: right;

    clear: right;

}



img.left_horizontal {

    margin: 0 5px 5px 0;

    float: left;

}



img.right_horizontal {

    margin: 0 0 5px 5px;

    float: right;

}



p.small {

    font-size:10px;

}



div.textbox, .textbox {

    float:right;

    /* background: #f4f4f4; */

    padding: 1em;

    border: .1em solid #bbb;

    margin: 0 0 0 1em ;

    width:50%;

    max-width:390px;

    border-radius: .5em;

}



div.important, .important {

    clear: both;

    background: #eff;

    padding: 1em 2em;

    border: 1px solid #06b;

    margin: 1em 0;

}



div.warning, .warning {

    clear: both;

    text-align: center;

    font-weight: 900;

    background: #c33;

    color: #fff;

    padding: 1em;

    border: .5em outset #c33;

    margin: 1em 0;

}

.warning a {

    color: #aaf;

}



.important p:first-child,

.warning p:first-child {

    margin-top: 0;

}

.important p, .warning p {

    margin: 1em 0 0;

}

span.highlight {

    font-weight: 900;

    letter-spacing: .1em;

    color:#066;

}



/* Marker for tinymce 3 */

._-_-_-_-_-_-_-_ {}





/*******************/

/*      Start      */

/*******************/



body {

    font: 13px/1.5 Verdana, Geneva, sans serif;

    margin:0;

}

#body {

    background: #eee;

    background-image: -moz-linear-gradient(left, #ccd5d1 0%, #eef5f1 20%, white 100%);

    background-image: -webkit-linear-gradient(left, #ccd5d1 0%, #eef5f1 20%, white 100%);

    background-image: -o-linear-gradient(left, #ccd5d1 0%, #eef5f1 20%, white 100%);

    background-image: linear-gradient(left, #ccd5d1 0%, #eef5f1 20%, white 100%);

}



.container {

    /* overflow:hidden; */

    text-align:center;

    margin:0 auto;

    max-width:1170px;

}



blockquote {

    margin-left:10%;

    max-width:520px;

}





/***********************/

/*       Head          */

/***********************/



.headimage {

    background:URL(images/Header.png) 0 repeat-x white;
	display:block;

  position:absolute;

    width:100%;

    height:125px;

    z-index: -1;

}

.header {

    text-align:left;

    padding:2em 2em 0 2em;

    min-height: 100px;

    overflow:hidden;

}

.header h1 {

    float:left;

    font: italic bold 300% Georgia, serif;

    letter-spacing:.01em;

    color:#888;

    position:relative;

}

.header h1 span {

    position: absolute;

    color:white;

    top:-2px;

    left:-2px;

}

.header form {

    float:right;

    text-align:right;

    margin-top:1em;

}



.header div {

    float:right;

    text-align:right;

    color:black;

    margin:0 0 .5em;

    padding:0 .5em;

}



.header p.lastupdate {

    float:right;

    text-align:right;

    font-size:.9em;

    margin:0;

    padding:0 .1em;

    background:#eee;

    opacity:.7;

    clear:right;

    box-shadow:  0 0 8px 5px #fff;

    border-radius: .5em;

}

.header p.languagemenu {

    margin-top:10px;

    float:right;

    clear:right;

}





/**************************/

/*   Search Field         */

/**************************/



.header div {

    float:right;

    position:relative;

    left:8px;

}

.header div form {

    margin: 0;

}

.header div input {

    position:relative;

    top:-3px;

    background: URL(images/search.gif) no-repeat left 1px #bbb;

    border: 2px solid #aaa;

    cursor: text;

    padding:1px 0 1px 17px;

    color:#fff;

    border-radius: .5em;

    margin:0;

}

.header div input:hover {

    border: 2px solid #fa0;

}

.header div input:focus {

    border: 2px solid #fa0;

    color:black;

}



.header div .button {

    position: absolute;

    top:3px;

    width:13px;

    background:none;

    border:none;

    cursor:pointer;

    z-index:1000;

}

.header div .button:hover {

    border:none;

}

.header div .button:focus {

    border:none;

}





/**************************/

/*   Top right buttons    */

/**************************/



.icons {

    margin:0;

    padding:18px 5px 0 ;

    float:right;

}

.icons a {

    color:black;

    padding:0 .5em;

}

.icons a:hover {

    color:#00b;

    background-color:#ded;

}





/**********************/

/*    Navigation 1    */

/**********************/



.nav {

    text-align:left;

    margin:0 1%;

}

.nav ul {

    list-style-type: none;

    margin:0;

    padding:0;

    width:90%;/* limit width otherwise

    some popups may be outside screen */

}

.nav ul li {

    line-height:1.45;

    padding: .2em 1em ;

    color:#0a0;

    background:white;

    margin: 0;

    border: 1px solid #777;

    border-radius: 4px;

}

.nav ul li a {

    display:block;

    color:black;

    text-decoration: none;

    background:#e7e7e7;

    margin:-.2em -1em;

    padding: .2em 1em ;

    border-radius: 4px;

}

.nav ul.menulevel1 li.sdocs a {

    text-decoration: underline;

}

.nav ul.menulevel1 li ul.menulevel2 li a {

    text-decoration: none;

}

.nav ul li a:hover,

.nav ul.menulevel1 li.sdocs a:hover,

.nav ul.menulevel1 li ul.menulevel2 li a:hover {

    color:#0a0;

    background:white;

}



.nav ul.menulevel1 li {

    float:left;

    margin-right:8px;

    position:relative;

    white-space: nowrap;

}

.nav ul ul {

    position:absolute;

    visibility: hidden;

    width:180px;

    background:#e7e7e7;

    padding: 2px 5px 5px 8px;

    border-radius: 0 .5em .5em .5em;

    box-shadow: 5px 5px 5px #888;

    border-right: 1px solid #777;

    border-left: 1px solid #777;

    border-bottom: 1px solid #777;

}

.nav ul.menulevel2 {

    left:-1px;

    z-index:15;

}

.nav ul.menulevel1 li ul.menulevel2 li {

    width:178px;

    white-space: normal;

    margin: 2px 0;

    padding: 0;

    border:none;

}

.nav ul.menulevel1 li ul.menulevel2 li a {

    margin:0;

    padding:0;

}

.nav ul ul ul {

    left:178px;

    top:-5px;

    z-index:20;

    border-radius: .5em;

    border-left:none;

}

.nav li:hover > ul {

    visibility: visible;

}





/*************************/

/*  Breadcrumbs-Locator  */

/*************************/



.locator {

    clear:left;

    display:block;

    text-align:left;

    margin:3px 0;

}

.locator p  {

    font-size:.7em;

    margin:.5em 0 0 1%;

    color:#444

}

.locator a {

    color: #688;

}





/********************/

/*     Content      */

/********************/



.content {

clear:both;

    text-align:left;

    margin:0 1% 0;

    padding:1.4em 2em 0;

    background:white;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-shadow:  3px 3px 10px #ddd;

}

h1, h2, h3, h4 {

    font: normal normal 24px verdana;

	color:#0a9;

    margin: 0 0 .5em;

}

h4, h5, h6 {

    margin: 1.5em 0 .5em;

}

h5 {

    font: 22px/1.4 'Trebuchet MS', Verdana, sans-serif;

    letter-spacing: .05em;

}

h6 {

    letter-spacing: .05em;

    font-size: 15px;

    font-weight:bold;

    color:#086;

}

p {

    margin:0 0 1em;

}





.submenu h4 {

    font-size:14px;

    margin-top:3em;

}





/**************************/

/*    Subnavigation       */

/**************************/



.subnav {

    margin-top:.5em;

    width:100%;

    border-collapse:collapse;

    Font-size:90%;

}

.subnav td {

    padding:0;

    margin:0;

}

.subnav td a {

    text-decoration:none;

    color:#aaa;

    display:block;

    white-space: nowrap;

    padding: 0;

}

.subnav td a:hover, .subnav td.top a:hover {

    color:#076;

    background-color:#eee;

}

.previous {

    width:33%;

    text-align:left;

}

.top {

    width:33%;

}

.subnav td.top a {

    padding-left:48%;

    color:white;

}

.subnav td.top a::before{

    content:'^';

    color:#777;

}

.subnav td.top a:hover::before{

    content:'';

}

.subnav td.top a:hover {

    padding-left:0;

    text-align:center;

}

.next  {

    width:33%;

    text-align:right

}





/**************************/

/*       Newsboxes        */

/**************************/

.newsbox {

    vertical-align:top;

    text-align:left;

    display: inline-block;

    width: 31%;

    margin:2% 1% 0%;

    min-width:290px;

    background:white;

    padding:.7em 1em .3em;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-shadow:  3px 3px 10px #ddd;



}

.newsbox > h4, .newsbox >h5, .newsbox > h6 {

    margin-top:0;

}





/**************************/

/*  Copyright & Login     */

/**************************/



.copyright {

    clear:both;

    text-align:center;

    font-size:x-small;

    margin:1em 0;

}

.copyright a {

    color:#777;

    text-decoration:none;

}

.copyright a:hover {

    color:#090;

    background:white;

}

.tale {

background:blue;

color:white;

font-size: 100%;

text-align: center;

vertical-align: center;

border: 2px solid white;

}



.taley {

border: 1px solid white;

cellpadding:2px;

}

.tale a:link {color:yellow;}

.tale a:visited {color:yellow;}

.tale a:hover {color:blue; background:white;}

.tale a:active {color:yellow;}