/* Default Stylesheet */
/* >>> ELEMENTS <<< */
* {
    margin: 0;
    padding: 0;
}
body {
    color: #333;
    background-color: #f5f5f5;
    font-family: "Arial", "Tahoma", "MS Sans Serif", "Verdana", "helvetica", sans-serif;
    font-size: 75%;
    text-align: center;
}

menu {
    color: #333;
    background-color: #f5f5f5;
    font-family: "Arial", "Tahoma", "MS Sans Serif", "Verdana", "helvetica", sans-serif;
    font-size: 75%;
    text-align: center;
}

code {
	background:#eeeeee;
	border: 3px;
	padding:6px;
	font-size: 125%;
}​

/* >>> CONTAINERS <<< */
div#print { display: none }
div#container {
    width: 1024px;
    margin: 10px auto;
    text-align: left;
}
div#header-wrap { margin: 8px 0 }
div#header-in {
    background-color: transparent; /* can change if you are using a transparent .png and looking for a different effect */
    background-image: url('../images/knald/knald_docs_header.jpg');
    background-position: center center; /* can change depending on how you want the image positioned */
    background-repeat: no-repeat;
    padding: 150px; /*Header size */
    color: inherit;
    background-color: #fff;
    border: 0px;
}
div#content-wrap {
	width: 1008px;
    margin: 8px auto;
    text-align: left;
	background-color: #fff;
	outline: 8px solid #e5e5e5;
    height: auto;
}

div#center {
    display: inline-block;
    margin: 0px;
    color: inherit;
    background-color: #fff;
    overflow: hidden;
    width: 798px;
    vertical-align:top;
    border-left: 6px solid #e5e5e5;
    min-height: 750px;
}

div#center-in { padding: 20px }
div#left {
    display: inline-block;
    width: 200px;
    color: inherit;
    background-color: #fff;
    vertical-align:top;
}

div#left-in { padding: 1px }
div#footer-wrap { clear: both }
div#footer-in { }
/* >>> SUB CONTAINERS <<< */
* { }
/* >>> LISTS <<< */
ul#nav-left {

    list-style: none;
}
ul#nav-left li { }
ul#nav-left li a {
    display: block;
    width: 138px;
    color: #333333;
    background-color: inherit;
    text-decoration: none;
}
ul#nav-left li a:hover {
    display: block;
    width: 138px;
    color: #666;
    background-color: inherit;
    text-decoration: none;
}
ul#nav-left li a:active {
    display: block;
    width: 138px;
    color: #333333;
    background-color: inherit;
    text-decoration: underline;
}
/*ul#nav-left li a:hover {
    color: #666;
    background-color: #F1F7FF;
    border-bottom: 1px solid #E3EFFF;
}*/
ul#nav-top {
    float: right;
    padding: 1px 0;
    list-style: none;
}
ul#nav-top li { display: inline }
ul#nav-top li a {
    margin: 0 8px;
    color: #888;
    background-color: inherit;
    font-size: 90%;
    text-decoration: none;
}
ul#nav-top li a:hover {
    color: #4494FF;
    background-color: inherit;
}
ul#nav-footer {
    margin: 0 0 0 210px;
    padding: 0 2px;
    color: #aaa;
    background-color: inherit;
    font-size: 80%;
    list-style: none;
    text-align: right;
}
ul#nav-footer li { display: inline }
ul#nav-footer li.left { float: left }
ul#nav-footer li a {
    margin: 0 3px;
    color: #aaa;
    background-color: inherit;
}
ul#nav-footer li a:hover {
    color: #333;
    background-color: inherit;
}

ul.list {
    margin: 20px 30px;
    font-size: 90%;
    line-height: 20px;
}

ul, li, ol {
    margin:1em;
}
/* >>> TYPOGRAPHY <<< */
*.x { display: none }
div#header-wrap h1 {
    padding: 10px;
    font-size: 200%;
}
div#center h2 {
    margin: 0 0 5px 0;
    font-size: 150%;
}
div#left h2 {
    margin: 20px 20px 5px 20px;
    font-size: 100%;
}
div#center p {
    margin: 5px 0 5px 0;
    color: #444;
    background-color: inherit;
    font-size: 90%;
    line-height: 18px;
}
div#left p {
    margin: 0 20px 5px 20px;
    color: #666;
    background-color: inherit;
    font-size: 90%;
}
p a,
ul.list a {
    color: #4494FF;
    background-color: inherit;
    text-decoration: none;
}
p a:hover,
ul.list a:hover {
    color: #333;
    background-color: inherit;
}

img {
	border: 6px solid #e5e5e5;
	text-align: center;
	max-width: 740px;
    height: auto;
    width: auto\9; /* ie8 */
}

print {
	text-align: center;
}

/* >>> FORMS <<< */
* { }
/* >>> END <<< */