@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,500,500italic,700);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text);
.content {max-width:750px;}
.p {max-width:750px;}
/** Template "blog1" (c) 2015 by svasti
 *
 * Please don't remove this copyright notice.
 *
 * When you build on this template, you may add
 * your own copyright notice.
 * You may even sell your modified version, provided you
 * give 50% of your revenue or at least 25€ to svasti
 * per domain.
 *
 * Notice: Content Styles should be shown automatically
 * in the online editor. However there is a bug in CKEditor
 * so that it does not show them in firefox as long as
 * the stylesheet has "@import url..." in it.
 **/
img {
 z-index: -1;
  box-shadow: 8px 8px 10px silver;
    border-radius:2px;
}
/**************************/
/*     Content Styles     */
/**************************/

img.left, img.links{
    margin: 0 5px 5px 0;
    float: left;
    clear: left;
}

img.right, img.rechts {
    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;
}
.wborder {
      background: #eee;
      border: 4px solid white;
      box-shadow: 0 0 1px rgba(0,0,0, .4);
    }
p.small {
    font-size:10px;
}
a {text-decoration:none;}

div.important, .important {
    clear: both;
    background: #f0f3f6;
    padding: 1em 2em;
    border: .3em solid #567;
    margin: 1em 0;
}

div.warning, .warning {
    clear: both;
    text-align: center;
    font-weight: 900;
    background: #069;
    background-image: -moz-linear-gradient(top left, #069, #096);
    background-image: -webkit-linear-gradient(top left, #069, #096);
    background-image: -o-linear-gradient(top left, #069, #096);
    background-image: -ms-linear-gradient(top left, #069, #096);
    background-image: linear-gradient(top left, #069, #096);
    color: #fff;
    padding: 1em;
    border: .3em solid #aaa;
    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: .06em;
    color:#d00;
}


/*******************/
/*      Start      */
/*******************/

body { font: 15px/1.6 'Open Sans', Verdana, sans-serif;
    margin:0; min-height:600px; font-weight: 400;
    font-family: 'Open Sans',  sans-serif; min-width:1100px;} 
body p { font-style: normal; font-weight: 400; font-size:15px; 
    font-family:  'Open Sans', Verdana;}
    
#body {
    background: #ade;
    background-image: -moz-linear-gradient(top left, #069 0%, #eff 49%, #eff 51%, #069 100%);
    background-image: -webkit-linear-gradient(top left, #069 0%, #eff 49%, #eff 51%, #069 100%);
    background-image: -o-linear-gradient(top left, #069 0%, #eff 49%, #eff 51%, #069 100%);
    background-image: -ms-linear-gradient(top left, #069 0%, #eff 49%, #eff 51%, #069 100%);
    background-image: linear-gradient(top left, #069 0%, #eff 49%, #eff 51%, #069 100%);
    background-attachment:fixed;
}


/*******************/
/*    Head Nav     */
/*******************/

.headnav {
    margin:0 auto 1em;
    max-width: 70em;
    color:#ccc;
}
.headnav p {
    text-align:right;
    margin:0;
    font-size:.85em;
    letter-spacing: .08em;
    line-height: 1.7;
}
.headnav p a {
    color:#030;
    text-decoration: none;
    display:inline-block;
}
.headnav p a:hover {
    color:blue;
    background: white;
}
.headnav img {
    margin-left:.5em;
}


/***********************/
/*      Container     */
/***********************/

.container {
    margin:0 auto;
    max-width: 70em;
    min-height:700px;
    padding: 2.2% 3% .5%;
    background: white;
    box-shadow: .4em .4em  1em #000;
    border-radius: 4px;
}


/***********************/
/*       Head          */
/***********************/

.header {
    min-height:60px; /* 120 px; */
    padding:0;
    font-size:9px;
}
.header h1 {
    float:left;
    font: normal 400%/1 'Open Sans', Lato, Tahoma, sans-serif;
    text-shadow: 1px 1px 7px #036;
    position:relative;
    margin:0 0 5px;
}
/* Hack to exclude IE8 */
body:first-of-type .header h1 {
    color:white;
}

.header p {
    clear:right;
    float:right;
    text-align:right;
    color:#aaa;
    font-size:.9em;
    margin:0;
}


/**************************/
/*     Search field       */
/**************************/

#search {
    display: inline-block;
    position:relative;
    margin:1em 0 3em;
}

#search input {
    position:relative;
    top:-3px;
    background: URL(images/search.jpg) no-repeat left 1px white;
    border: 1px solid #aaa;
    cursor: text;
    padding:1px 0 1px 17px;
    color:#888;
    border-radius: .5em;
    max-width:130px;
}
#search input:hover {
    border: 1px solid #fa0;
}
#search input:focus {
    border: 1px solid #fa0;
    color:black;
}
#search .button {
    position: absolute;
    top:3px;
    width:13px;
    background:none;
    border:none;
    cursor:pointer;
    z-index:100;
}
#search input.button:hover {
    border:none;
}


/**********************/
/*    Navigation      */
/**********************/

.nav {
    float:left;
    width:150px;
}
.nav ul {
    list-style-type: none;
    margin:0;
    padding:0;
    line-height:1.4;
    max-width: 16em;
}
.nav ul li {
    display:block;
}
.nav ul li span {
    color: #258;
    text-decoration:none;
    color:blue;
    padding:.3em 0;
    display:block;
}
.nav ul li a {
    display:block;
    color:black;
    text-decoration: none;
    width:160px;
    padding:.3em 0;
}
.nav ul li a:hover {
    background:#bcd; /* hellblau */
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
} 
.nav ul.menulevel1 li {
    float:left;
    position:relative;
    margin: 0;
    border-radius:3px,
}
.nav ul.menulevel2,
.nav ul.menulevel3 {
    position:absolute;
    visibility: hidden;
    width:160px;
    background:#bcd;      /*  e7e7e7;  */
    border-radius:3px;
    padding:0 0 0 1.5em;
    margin: 0;
    left:160px;
    top:0;
    z-index:15;
}
.nav li:hover > ul {
    visibility: visible;
}
.nav ul.menulevel1 li.sdocs ul.menulevel2,
.nav ul.menulevel1 li.sdocs ul.menulevel2 li.sdocs ul.menulevel3 {
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}


/**************************/
/* Alternative Navigation */
/**************************/

.nav2 {
    width:100%;
    padding:0 ;
    text-align:left;
    display:none;
    margin:0;
}
.nav2 ul {
    list-style-type: none;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    /* overflow:hidden; */
    padding:6px 0;
    margin: 0 ;
}
.nav2 ul li {
    line-height:2;
    display:inline-block;
	color: #055;
    border:1px solid #bbb;
    border-radius:3px;
    margin:0 0 -1px -6px;
    padding: 0 10px;
    white-space: nowrap;
}
.nav2 ul li span {
    background:#bff;
    margin:-4px -10px;
    padding: 4px 10px;
}
.nav2 ul li a {
    /* display:block; */
    color:black;
    text-decoration: none;
    border:none;
}

.nav2 ul li > a {
	color: #055;
}
.nav2 ul li.sdocs a {
    background:#eff;
    margin:-4px -10px;
    padding: 4px 10px;
}


/* ===================== */
/*       Locator         */
/* ===================== */

#locator {
    clear:both;
    border-top: 2px solid #ccc;
	font-size: 7pt;
    margin:0 8px 18px 0;
    width:100%;
    text-align:left}
#locator p  {
	margin:0;
	padding:2px 3px 4px;
	color:#444;
}
#locator a {
	font-weight: normal;
	text-decoration: underline;
	color: #444;
	letter-spacing:1px;
}
#locator a:hover {
	color: blue;
}



/*********************/
/*     Sidebar      */
/*********************/

.sidebar {
    float:left;
    max-width: 16em;
    clear:left;
}


/********************/
/*     Content      */
/********************/

.content {
    max-width:57em;
    width:100%;
    padding: .2em 0 1em;
    float:right;
    margin:0;
    clear:right;
}
h1, h2, h3, h4, h5, h6 {
    color:#246;
    margin: 0 0 .5em;
}
h1, h2, h3, h4 {
    font: normal normal 160% verdana;
}
p + h4, p + h5, p + h6 {
    margin: 1.5em 0 .5em;
}

h5, h6 {
    letter-spacing: .05em;
}
h5 {
    font: normal small-caps bold 140%/1.4 'Open Sans', Verdana, sans-serif;
}
h6 {
    font-size: 105%;
    font-weight:bold;
}
p {
    margin:0 0 1em;
}
code, pre {
    font: normal normal 100% Consolas, monospace;
    background:#ffd;
    display:block;
    white-space:pre;
    margin:.5em .5em 1em;
    padding:.5em;
}

/*********************/
/*    Newsbox 2+3    */
/*********************/

.subarea {
    width:100%;
    float:left;
    margin:0;
    /* border:1px solid green; */
}
.subarea div {
    padding:2%;
    border-top:.2em solid #aaa;
    margin:2% 0;

}
.subarea .left {
    width:44%;
    float:left;
    margin-right:2%;
    /* border:1px solid red; */
}
.subarea .right {
    width:44%;
    float:left;
    margin-left:2%;
    /* border:1px solid red; */
}
.subarea .full {
    max-width:100%;
}


/*****************************/
/* Prev-next page navigation */
/*****************************/

.prevnext {
    width:100%;
    border-collapse: collapse;
}
.prevnext td a {
    text-decoration:none;
    color:#999;
    letter-spacing:.2em;
    display:block;
    white-space: nowrap;
    padding: 0;
}
.prevnext td a:hover {
    color:blue;
    background-color:#cde;
}
.previous {
    width:33%;
    text-align:left;
}
.top {
    width:33%;
    text-align:center;
}
.next  {
    width:33%;
    text-align:right
}
.above {
    font-size:80%;
    border-bottom: 2px solid #ccc;
    margin:0 0 16px;
}

/**************************/
/*  Copyright & Login     */
/**************************/

.copyright {
    clear:both;
    text-align:center;
    font-size:x-small;
    margin:.5em 0 4em;
    letter-spacing:.2em;
}
.copyright a {
    color:#888;
    text-decoration:none;
    padding:0 1em;
}
.copyright a:hover {
    color:blue;
    background:white;}


/**********************************/
/*           Print view           */
/**********************************/

body.print  {
    padding:2em;
}

/**********************************/
/*          Responsiveness        */
/**********************************/

@media screen and (max-width: 930px) {
    .nav {
        display:none;
    }
    .nav2 {
        display:block;
    }
    .above {
        margin-bottom:0;
    }
}
#z1 {
font-family:Verdana;font-size:12px;
position:absolute; width:300px; height:150px;
border:0px solid white;
background-color:white;
}
h2 {text-shadow: 3px 3px 2px rgba(125, 123, 125, 1);
font-size:16px;}
h4 {text-shadow: 3px 3px 2px rgba(125, 123, 125, 1);
font-size:16px;}
hr {height:1px;}
a {text-decoration:none;}
a.active {color:blue;}
ul{list-style-type: circle;}
ul {list-style-image: url(./perl.jpg)}
ul {list-style-image: url(./userfiles/images/perl.jpg)}
#ul3 {list-style-image: url(./perl.jpg)}
.ul3 {list-style-image: url(../../userfiles/images/perl.jpg);}
.ul2 {list-style-image: url(perl.jpg); }
.content ul {
    list-style-image: url(perl.jpg);
    list-style-type: none;
}

.swiki td {width:220px;}
.box1{-webkit-box-shadow: -1px -1px 4px -3px rgba(151,166,204,1);
-moz-box-shadow: -1px -1px 4px -3px rgba(151,166,204,1);
    box-shadow: -1px -1px 4px -3px rgba(151,166,204,1);
padding:8px;}

.wborder{
      background: #eee;
      border: 4px solid white;
      box-shadow: 0 0 1px rgba(0,0,0, .4);
    }
a[href^="http://"] {
    background: url(https://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png)     center right no-repeat;
    padding-right: 13px; rel:nofollow;
}

a[href^="https://"] {
    background: url(https://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png)     center right no-repeat;
    padding-right: 13px;
}