/* -- STYLES FOR WWW.SYLOGIC.NL -- */

* {
margin: 0;
padding: 0;
color: #525668;
}

body {
background: url(../images/bg_pattern.gif) repeat-x fixed;
}

img {
border: none;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clearfloat {
clear: both;
}

#wrapper {
width: 868px;
margin: 0 auto;
}

#pagemargin_left, #pagemargin_right {
width: 8px;
height: 568px;
float: left;
}

#pagemargin_right {
background: url(../images/shadow_right.gif) no-repeat;
}

#page {
width: 852px;
height: 568px;
background: url(../images/main_left.jpg) no-repeat;
background-position: 38px 147px;
}

#header {
width: 852px;
height: 147px;
background: url(../images/header_left.gif) no-repeat bottom left;
}

#header_right {
width: 259px; 
height: 147px; 
float: right; 
background: url(../images/header_right.gif) no-repeat top right;
}

#menuholder {
float: left;
padding: 55px 0px 0px 31px;
}

#strip {
position: relative;
width: 38px;
height: 421px;
float: left;
background: #3f095e;
}

#main_left {
width: 555px;
height: 356px;
float: left;
overflow-y: auto;
overflow-x: hidden;
}

#main {
width: 814px;
height: 421px;
float: right;
}

#mainpadding {
margin: 20px 29px 20px 35px;
}

#main_right {
position: relative;
width: 259px;
height: 356px;
float: right;
background: url(../images/main_right.jpg) no-repeat;
}

#icons {
position: absolute;
bottom: 0;
background: url(../images/dotted.gif) repeat-y bottom left;
padding: 0px 0px 3px 8px;
}

#footer {
width: 814px;
height: 65px;
}

#footer_left {
width: 526px;
height: 65px;
float: left;
background: url(../images/footer_left.gif) no-repeat;
}

#footer_right {
width: 288px;
height: 65px;
float: right;
background: url(../images/footer_right.gif) no-repeat;
}

#pagebottom {
width: 868px;
height: 8px;
clear: both;
text-align: right;
padding-top: 3px;
background: url(../images/shadow_bottom.gif) no-repeat;
}

/* -- IMAGES -- */

#menuholder img {
float: left;
display: block;
}

.toplogo {
margin: 13px 25px 0px 0px;
}

#menuholder img.home {
float: left;
display: block;
margin-right: 17px;
}

#strip img {
position: absolute;
bottom: 0;
margin: 7px;
}

#main img.button {
margin-bottom: 15px;
}

#main img.thumbs {
margin-top: 5px;
}

#main img.route {
border: 1px solid #dde1ed;
float: left;
display: block;
margin: 0px 5px;
}

#sms {
width: 143px; 
height: 144px; 
background: url(../images/bg_sms.gif) no-repeat; 
padding: 5px 8px;
margin-top: 15px;
}

#klantlogin {
width: 257px; 
height: 97px; 
background: url(../images/bg_klantlogin.gif) no-repeat; 
padding: 18px;
margin-top: 15px;
}

/* -- TEXT & LINKS -- */

h1 {
font: bold italic 15px verdana;
color: #9f469d;
margin-bottom: 6px;
}

h2 {
font: bold 13px verdana;
color: #707ca0;
margin-bottom: 3px;
}

h3 {
font: bold 9px/16px verdana;
color: #642f83;
text-transform: uppercase;
}

h4 {
font: bold 11px/16px verdana;
color: #525668;
}

.magenta {
color: #9f469d;
}

#main p {
font: 11px/16px verdana;
color: #525668;
margin-bottom: 15px;
}

#main .normal {
font: 11px/16px verdana;
color: #525668;
}

#main p.small, #main span.small {
font: 10px/15px verdana;
color: #8f95af;
}

#main td.small {
font: 10px/15px verdana;
color: #525668;
}

a:link, a:visited {
color: #525668;
}

a:hover {
color: #afd10e;
}

a:active, a:focus {
color: #9f469d;
}

a.more:link, a.more:visted {
color: #232d56;
}

a.more:hover, a.more:active {
color: #afd10e;
}

a.weblink:link, a.weblink:visited {
font: 10px/15px verdana;
color: #fff;
text-decoration: none;
padding: 0px 16px 1px 3px; 
background: #afd10e url(../images/bg_weblink.gif) no-repeat top right;
}

a.weblink:hover, a.weblink:active {
color: #fff;
background-color: #9f469d;
}

li.subitem {
list-style-type: none;
font: 10px/15px verdana;
color: #646e8d;
padding-left: 5px;
border-left: 1px solid #afd10e;
}

li.toppadding {
padding-top: 5px
}

li.subitem a:link, li.subitem a:visited {
text-decoration: none;
}

li.subitem a:hover {
color: #afd10e;
}

li.subitem a:active {
color: #9f469d;
}

#main ul, #main ul.list {
list-style-image: url(../images/bullet.gif);
margin-left: 13px;
margin-bottom: 15px;
}

#main ul.list2 {
list-style-image: url(../images/bullet2.gif);
margin-left: 16px;
margin-bottom: 15px;
}

#main li {
font: 11px/16px verdana;
color: #525668;
padding-bottom: 2px;
}

#main ul.outerlist {
list-style-image: url(../images/bullet2.gif);
margin-left: 15px;
}

#main ul.outerlist li {
font: 11px/16px verdana;
color: #525668;
}

#main ul.outerlist li.home {
list-style-image: url(../images/bullet.gif);
margin-left: -2px;
padding-left: 3px;
}

#main ul.innerlist {
list-style-image: url(../images/bullet.gif);
margin-left: 12px;
}

#pagebottom p {
font: 9px/15px verdana;
color: #fff;
margin-right: 19px;
}

#pagebottom a {
color: #fff;
}

#pagebottom a:hover {
color: #9f469d;
}

/* -- COLUMNS & TABLES -- */

.prices {
width: 300px;
border-bottom: 1px solid #dde1ed;
border-right: 1px solid #dde1ed;
border-left: 1px solid #dde1ed;
margin-bottom: 18px;
}

.admin {
border-bottom: 1px solid #dde1ed;
border-right: 1px solid #dde1ed;
border-left: 1px solid #dde1ed;
}

.admin col.column1 {
width: 180px;
}

.admin tr.bgfill {
background: #dde1ed; 
}

.admin td {
padding: 2px 5px;
}


.prices col.column1 {
width: 180px;
}

.prices tr.bgfill {
background: #dde1ed; 
}

.prices td {
padding: 2px 5px;
}

.standard td {
font: 11px/17px verdana;
color: #525668;
}

.coltable {
margin: 5px 0px 15px 0px;
}

.coltable col.col1 {
width: 60px;
}

.coltable td {
font: 10px/15px verdana;
color: #8f95af;
vertical-align: top;
}

.column_left {
margin-top: 12px; 
float: left;
}

.column_right {
margin-top: 12px; 
float: right;
}

th {
padding: 0px 15px;
}

.col_left {
width: 187px;
}

.col_right {
width: 289px;
}

.colpadding {
height: 103px;
vertical-align: top;
padding: 16px 14px 0px 14px;
}

.col_left td.col1 {
background: url(../images/col1_left.gif) no-repeat top left;
}

.col_left td.col2 {
background: url(../images/col2_left.gif) no-repeat top left;
}

.col_left td.col3 {
background: url(../images/col3_left.gif) no-repeat top left;
}

.col_left td.col4 {
background: url(../images/col4_left.gif) no-repeat top left;
}

.col_left td.col5 {
background: url(../images/col5_left.gif) no-repeat top left;
}

.col_left td.col6 {
background: url(../images/col6_left.gif) no-repeat top left;
}

.col_right td.col1 {
background: url(../images/col1_right.gif) no-repeat top right;
}

.col_right td.col2 {
background: url(../images/col2_right.gif) no-repeat top right;
}

.col_right td.col3 {
background: url(../images/col3_right.gif) no-repeat top right;
}

.col_right td.col4 {
background: url(../images/col4_right.gif) no-repeat top right;
}

.col_right td.col5 {
background: url(../images/col5_right.gif) no-repeat top right;
}

.col_right td.col6 {
background: url(../images/col6_right.gif) no-repeat top right;
}

.col2_right td td {
height: 15px;
padding: 0;
background: none;
}

/* -- FORM ELEMENTS -- */

input.radio {
margin: 0px 3px 0px 0px;
padding: 0;
}

input.textfield {
font: 11px verdana;
color: #525668;
height: 15px; 
border: 1px solid #cfd5e1;
padding: 1px 2px 0px 2px;
}

input.button {
font: 10px verdana;
color: #fff;
height: 17px;
border: 0;
padding: 0px 5px 4px 5px;
margin-top: 1px;
}

input.send {
background: url(../images/bg_formbutton_send.gif) no-repeat;
}

input.login {
background: url(../images/bg_formbutton_login.gif) no-repeat;
}

.line {
height:1px;
color:#dde1ed;
}

.textarea {
font: 11px verdana;
color: #525668;
border: 1px solid #cfd5e1;
padding: 1px 2px 0px 2px;
}