body, body div, body p, body th, body td, body li, body dd {font-size: x-small; /* false value for WinIE4/5 */voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */voice-family: inherit;   /* recover from trick */font-size: small/* intended value for better browsers */}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd  {font-size:   small;/* be nice to Opera */}
html, body {height: 100%;width: 100%;}
#container {position: relative;min-height: 100%;height:auto !important; /* voor moderne browsers */height:100%; /* voor IE */}
#nonFooter{position: relative; min-height: 100%;background-color: #A42C09;}
* html #nonFooter{height: 100%;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* algemeen */
body {background:  #A42C09 url() repeat-x left bottom;font-family: Verdana, trebuchet MS, Arial, Helvetica, sans-serif;color: #000; margin: 0 !important; padding: 0; text-align: center; /* for IE5 and IE5.5 on Windows */}
img, img a, img input {border:none}
p	{font-family: Verdana, trebuchet MS, Arial, Helvetica, sans-serif;margin: 0;padding: 4px 0;color: #FFF;line-height:1.4em;}

h1, h2, h3, h4, h5, h6	{font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;}
h1	{font-size : large;font-weight: normal;color: #FFF;padding: 0;margin: 0;letter-spacing: 0.05em;}
h2	{font-size : small;font-weight: normal;color: #000;padding: 0;margin: 0;font-family: Verdana, trebuchet MS, Arial, Helvetica, sans-serif;}
h3 {font-size : small;font-weight: bold;line-height: normal;color: #FFF;padding:0;margin: 0;font-family: Verdana, trebuchet MS, Arial, Helvetica, sans-serif;display:block;clear:both;}
h4, h5, h6	{color: #FFF;margin: 0 0 8px 0px;padding: 0 0 0 22px;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: medium;}

a:link {text-decoration: underline;color: #FFF;}
a:visited {text-decoration: underline;color: #FFF;}
a:hover {text-decoration: underline;color: #000;}
a:active {text-decoration: underline;color: #000;}

hr {height: 0;border: 0;border-bottom: 4px double #FFF;}
table {margin:0;padding:0;border-collapse:collapse;}
td {margin:0;padding:0;}
th {margin:0;padding:0;}
blockquote {}
abbr, acronym, .help {border-bottom: 1px dotted #DFDFDF;cursor: help;}
.bottom a:link, .bottom a:visited, .bottom a:hover, .bottom a:active {color: #E5E5E5;text-decoration: none;}
.bottom {color: #E5E5E5;height: 12px;line-height: 12px;clear: both;display:block;text-align: right; margin:0;padding: 0 18px;font-size: x-small;letter-spacing: 0.05em;}

/* algemeen */
/*div css*/
#header {background: #CF6803 url(../images/header.jpg) no-repeat center top;display:block;height:225px;margin: 0;padding:0;text-align: center;border-bottom: 3px solid #FFF;}
#headerwrapper {width: 800px;margin: 0 auto 0 auto; /* for IE5mac */padding:0;display: table; height: 225px; _position: relative; overflow: hidden;text-align:left;}
#header h2 {padding:8px 0;text-align:center;margin-top:2em;}

h1#logo {position:relative;overflow:hidden;height: 46px;width:625px;float:left;display:inline;margin:0;padding:0;border:none;text-align: center; vertical-align: bottom;}
#logo span {cursor:hand;display:block;position:absolute;left:0;top:0; z-index:1000;height: 46px;width:625px;margin:0; padding:0;text-align: center;background: transparent url(../images/boogiephil-logo.gif) no-repeat 175px bottom;}
h1#logo a {text-decoration: none;font-weight: normal;font-size: large;color:#DF9A1E;padding: 0;margin:0;text-align: center; }

#lang {color:#F1CF47;width:800px;height:27px;display:block;clear:both;background: transparent url(../images/boogiephil-taal.gif) no-repeat center top;margin: 0 auto 0 auto;text-align:center;}
#lang a:link,#lang a:visited {color:#F1CF47;text-decoration:none;font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-size:14px;line-height:18px;vertical-align:middle;text-align:center;}
#lang a:hover {color:#FFF;text-decoration:none;}
#lang a:active, #header #lang a.current_language {cursor:default;color:#F1CF47;text-decoration:none;font-weight:bold;}

.navigatie {width:800px;text-align:center;padding:18px 0 0 0;}
ul.menu {display:inline;text-align:center;margin: 0 auto 0 auto;padding:0;}
ul.menu li {display:inline;list-style:url(none) none outside;margin:0;padding:0 8px;color:#FFF;font-size:1.2em;font-weight:normal;}
ul.menu li a:link,ul.menu li a:visited {color:#FFF;font-weight:normal;text-decoration:none;}
ul.menu li a:hover,ul.menu li a:active,ul.menu li a:focus {color:#000;font-weight:normal;text-decoration:none;}
.navigatie ul.menu li a.current {color:#000;font-weight:normal;text-decoration:none;}

ul li.pianoservice  a:link, ul li.pianoservice  a:visited {color:#3397B0;}
ul li.pianoservice  a:hover, ul li.pianoservice  a:active, ul li.pianoservice  a:focus {color:#A42C09;}
.navigatie ul.menu li.pianoservice  a.current {color:#A42C09;font-weight:normal;text-decoration:none;}

#horizon  {_position: absolute; _top: 50%;display: table-cell; vertical-align: middle;}
#vertical {_position: relative; _top: -50%;}
#contentwrapper {background-color: #A42C09;width:100%;height: auto;padding: 25px 0;}

#content {background-color: #A42C09;width: 624px;padding:0;margin: 0 auto 0 auto; /* for IE5mac */text-align: left; /* combat the alignment on the body */}
/*.kolon1 img.kader {float:right;display:inline;}*/
img.kader {border:7px solid #FFF;display:inline;}
img.track {width:200px !important;height:200px !important;border:3px solid #FFF;text-align:center;margin-top:18px}
.border {border:6px solid #FFF;}
.kolon1 p {text-align:right;}
.kolon1 {width: 300px;float:left;display:inline;text-align:right;margin: 0 12px 0 0; padding: 0;}
.kolon1 img {margin: 0; padding: 0;}
.kolon2 {color:#FFF;width: 300px;float:left;display:inline;margin: 0 0 0 12px; padding: 0;}

#content2 {background-color: #A42C09;width: 800px;margin: 0 auto 0 auto; /* for IE5mac */text-align: left; /* combat the alignment on the body */}
#content2 .kolon1 {width: 388px;float:left;display:inline;margin: 0 12px 0 0; padding: 0;}
#content2 .kolon2 {color:#FFF;width: 388px;float:left;display:inline;margin: 0 0 0 12px; padding: 0;}

#footer {position: static;width: auto;height: auto;margin: 0;padding: 18px 0 8px 0;background:  #000 url(../images/lines.gif) repeat-x left 6px;color:#fff;clear:both;border-bottom:8px solid #000;}
#footer .tagline {background: url(../images/ornament.gif) no-repeat center top;display:block;padding:3px 17px 6px 0;}
#footer .tagline h2 {color:#FFF;}

#footer h2 {display:inline;padding: 0 30px;margin:0;}
#footer h1, #footer h1 a {padding: 6px 0;text-decoration:none;color:#FFF;}
#footer .footernavigatie {position:relative;display:block;float:none;clear:both;height: auto;margin: 0;padding:8px 0;color:#FFF;}
#footer ul.footermenu1 {float:left;display:inline;width:49%;margin: 0 0 18px 0;padding:0;color:#FFF;}
#footer ul.footermenu2 {float:right;display:inline;width:49%;margin: 0 0 18px 0;padding:0;color:#FFF;}
#footer ul.footermenu1 li {list-style:url(none) none outside;text-align:right;margin: 0;padding:4px 0;color:#FFF;}
#footer ul.footermenu2 li {list-style:url(none) none outside;text-align:left;margin: 0;padding:4px 0;color:#FFF;}
.footernavigatie ul.footermenu1 li a:link,.footernavigatie ul.footermenu1 li a:visited,.footernavigatie ul.footermenu2 li a:link,.footernavigatie ul.footermenu2 li a:visited {color:#FFF;font-weight:normal;text-decoration:none;}
#footer ul.footermenu1 li a:hover,#footer ul.footermenu1 li a:active,#footer ul.footermenu2 li a:hover,#footer ul.footermenu2 li a:active {color:#A42C09;font-weight:normal;text-decoration:none;}
#footer ul.footermenu1 li a.current, #footer ul.footermenu2 li a.current {cursor:default;color:#A42C09;font-weight:normal;text-decoration:none;}
h2.pianoservice a:hover,h2.pianoservice li a:active, h2.pianoservice  a.current {color:#A42C09;}

/*div css*/


/*content*/
span.boogiephil {font-size : large;font-weight: bold;color: #FFF;padding: 0;margin: 0;letter-spacing: 0.05em;text-transform: capitalize;}
span.boogiephilsays {color:#000;}
.rechts {float:right;text-align:right;}
.nodisplay {display: none;}
.center {text-align:center;width:auto;display:block;}
.padding {padding-top:18px;}
.padding2 {padding:9px 0;}

p.small {font-size:x-small;padding-bottom:8px;clear:both;float:none;width:288px;display:block;}
#content2 p.small {font-size:x-small;padding-bottom:8px;clear:both;float:none;width:388px;display:block;text-align:right;}
#content2 p.small a {text-decoration:underline;}
.row {width:auto;height:auto;clear:both;display:block;margin-bottom:36px; padding: 0;}
.row a {text-decoration:none;}
.thumbnail {margin:18px 0;}
.kolon2 dl, .kolon1 dl {margin: 0;padding: 0;}
.kolon2 dt  {white-space: nowrap;color:#FFF;margin: 0;padding: 0;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: medium;} 
.kolon1 dt {white-space: nowrap;color:#FFF;margin: 0;padding: 0;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: medium;text-align:right;}
.kolon2 dt a:link, .kolon2 dt a:visited,.kolon2 dt a:hover,.kolon2 dt a:active {text-decoration:none;}
.kolon2 dd {color:#000;margin: 0 0 8px 0px;padding: 0;font-weight: normal;text-transform: uppercase;font-size: small;line-height: normal;}
.kolon1 dd {color:#000;margin: 4px 0 8px 0px;padding: 0 22px 0 22px;font-weight: normal;text-transform: uppercase;font-size: small;line-height: normal;text-align:right;}
.kolon2 ol li {margin: 0;padding: 3px 0;}
.kolon2 ol li a {border-bottom: 1px dotted #FFF;}

.superscript {font-size: 80%;letter-spacing: 0.01em;padding: 0;margin: 0em 0.1em;text-align: left;vertical-align:top;}
h4  {color:#FFF;margin: 0;padding: 0;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: medium;} 
h4 a:link, h4 a:visited, a.scroll {text-decoration:none;line-height:18px;vertical-align:middle;}
.center, .center a:link, .center a:visited, .center a:hover, .center a:active {text-decoration:none;}
/*content*/

/*object*/
.scroll {text-decoration:none;line-height:18px;vertical-align:middle;}

.object {text-align:center;}
/* hides the second object from all versions of IE */
* html object.mov {display: none;}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {display: inline;}

/* hides t2he second object from all versions of IE >= 5.5 */
* html object.mov {display/**/: none;}
a.lbAction {text-decoration:none;color:#FFF;}
/*object*/
/*forms*/
.form {padding: 0 0 0 9px;}
fieldset {border: none;margin:0 12px 0.5em 0;padding: 0;float:left;width:286px;display:inline;}
fieldset p {color:#FFF;margin: 8px 0 8px 24px;padding:0;clear:both;font-size:x-small;}
legend {display:none;}
label {color:#FFF;position: absolute !important; text-align:right; width:84px !important;margin:0;padding: 0;}
input, textarea, select {font-family: Verdana, trebuchet MS, Arial, Helvetica, sans-serif;margin-left: 96px;border: 1px solid #000;padding:0.1em;}
textarea {padding:0.4em;}
input.code {font-family: monaco,Terminal, monospace}
.inputwidth {width:190px; margin-bottom: 0.5em;}
.textareawidth  {width:100%;margin: 0;margin-bottom: 0.5em;}
label.check   {font-size:x-small;text-align:left!important;padding-top:5px;margin-left:0 !important; width:auto !important;clear:both;}
input.checkbox   {width:auto !important;border: none;}
/*forms*/