/* Structure */
html, body {
    margin: 0;
    padding: 0;
    border: none;
    background-color:#FFF;
}

body {
    margin:0px;
}

body, input, textarea, select {
    font-size:11px;
    font-weight:normal;
		color: #16366a;
		font-family: Verdana,  Arial, sans-serif;
}

.mceVisualAid {
    border: 1px dashed #FFBBBB;
}

p {
    margin: 0px;
}

input {
    margin: 0px;
}

input.button {
    height: 21px;
    padding: 0px 6px;
}

/* Forms */
form {
    margin: 0px;
    padding: 0px;
}

#search {
    float: right;
    color: white;
    margin: 20px;
    padding-right: 5px;
    margin-right: 10px;
}

#form_container {
		margin-top: 10px;
		height: 310px;
		width: 700px;
		overflow: auto;
}

#form_container label {
    width: 150px;
    float: left;
    text-align: left;
    margin: 0 1em 10px 0;
    clear: both;
    padding: 2px 4px;
}

#form_container input {
    margin-bottom: 6px;
}

#form_container select {
    margin-bottom: 6px;
}

.form_separator {
    color: black;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 5px;
    margin-bottom: 5px;
    clear: both;
}

/* Images */
img {
    border: 0px;
}

/* Links */
a {
    text-decoration: none;
    color: #3767BC;
}
a:hover {
    text-decoration: none;
    color: #000000;
}

/* Headings */
h1 {
    margin: 0px;
    font-weight: bold;
    font-size: 22px;
    color: #16366a;
}

h1.subtitle {
    padding-bottom: 5px;
}

h1.single {
		padding-bottom: 5px;
}

h1.head {
		font-size: 12px;
		color: #16366a;
		margin: 5px 0 15px 5px;
		font-weight: bold;
}

h1.head a{
		color: #16366a;
}

h2 {
    font-size: 15px;
    color: #16366a;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

h2.video {
	margin: 0px;
	padding: 0px;
}

/* Miscellanous */
#container {
    margin: 30px auto;
    width: 962px;
    height: 652px;
    border: solid 2px #aac6e5;
}

#content {
    margin-top: 15px;
    text-align: left;
    background-image: url(http://www.melander.ch/styles/images/live/body_bg.gif);
    background-repeat: repeat-x;
    min-height: 500px;
    height: auto;
    clear: both;
}

#content_header {
    background-color: #BBC6D3;
    padding: 5px 10px;
    color: white;
}

#content_area {
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    width: 735px;
    padding: 5px;
}

/* Accessibility */
hr.hide {
    display: none;
}

/* Articles */
.introduction {
    color: black;
    display: block;
    padding: 10px;
    background-color: #E8EDF3;
}

.chapter_control {
    color: black;
    display: block;
    padding: 4px 8px;
    background-color: #E8EDF3;
    margin-top: 15px;
    clear: both;
}
.left {
    float: left; margin: 0px;
}
.right {
    float: right; margin: 0px;
}
.top {
    display: block; margin: 0px 0px 10px 0px;
}

/* Loginbox */
#loginbox {
    background-color: #E9EEF4;
    width: 180px;
    display: inline;
    float: left;
    padding: 10px;
}

.label {
    display: block;
}

input.field {
    background-color: #BAC5D3;
    border: 1px solid #A0AEC0;
}

#toolboxswitcher {
    display: inline;
    position: absolute;
    cursor:hand;
    cursor:pointer;
    top: 150px;
    right:0px;
}
.toolboxswitcherbuttons {
    border-top: 1px solid #FFFFFF;
}
#toolbox {
    display: none;
    position: absolute;
    top: 171px;
    right: 21px;
    background-color: white;
    border: 1px solid #95A6BD;
    -moz-opacity: 0.7; filter: alpha(0.7);
}

#toolbox #title {
    padding: 5px;
    color: white;
    background-color: #95A6BD;
    -moz-opacity: 0.7; filter: alpha(0.7);
}

#toolbox #buttons {
    padding: 5px;
    color: black;
    -moz-opacity: 0.7; filter: alpha(0.7);
}

#toolbox #buttons input {
    color: black;
}

#toolbox .info {
    padding: 5px;
    color: black;
    border-bottom: 1px solid #95A6BD;
    -moz-opacity: 0.7; filter: alpha(0.7);
}

.chapter {
    clear: both;
}

ul.sub {
		margin-left: 0;
		padding-left: 10px;
		list-style: none;
		line-height: 20px;
}

li.sub_itw {
		padding-left: 10px;
		background-image: url(http://www.melander.ch/images/melander/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		font-weight: bold;
		list-style-image: none;
}

li.sub {
		padding-left: 10px;
		background-image: url(http://www.melander.ch/images/melander/bullet_empty.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		list-style-image: none;
}

a.topnav {
		font-weight: bold;
		color: #bd9746;
		padding-right: 20px;
		font-size: 14px;
}

a.topnav:hover {
		color: #735a23;
}

a.topnav_itw {
		font-weight: bold;
		color: #735a23;
		padding-right: 20px;
		font-size: 14px;
}

td {
		vertical-align: top;
}

li {
		list-style-image:url(http://www.melander.ch/images/melander/bullet_yellow.gif);
}