* { margin: 0; padding: 0; }

body { font-family: 'Calibri', 'Tahoma', 'Helvetica', sans-serif; font-size: 82.5%; line-height: 1.1em; padding: 5px 0; text-align: center; background-color: #eee; color: #000; }
a { color: #3a6298; text-decoration: underline; background-color: inherit; }
a:visited { text-decoration: none; }
a:hover { color: #7ea6dc; background-color: inherit; }
a:active { position: relative; top: 1px; outline: 0px none; }
p { margin: 1em; line-height: 1.4em; text-align: left; }
h1 { text-align: left; font-family: 'Old Standard TT', 'BiauKai', 'Georgia', serif; font-size: 3.5em; font-weight: normal; font-style: italic; letter-spacing: 0.1em; color: #000;	 }
h1 a:hover { color: #000; }
h2 { font-size: 1.3em; margin: 25px 10px 5px 0; padding: 2px 0 2px 10px; clear: both; border-bottom: 1px solid #3a6298; text-align: left; font-weight: bold; font-style: normal; color: #3a6298; background-color: inherit; }
h3 { font-size: 1.1em; margin: 25px 10px 5px 0; padding: 2px 0 2px 10px; clear: both; text-align: left; font-weight: bold; font-style: normal; color: #3a6298; background-color: inherit; }
h4 { margin: 0 10px 0px 10px; padding: 0 5px 0 5px; text-align: justify; font-weight: bold; }
ul, ol { margin: 10px 5px 10px 5px; text-align: left; }
ul { margin: 0 0 0 25px; list-style-image: url('./images/bullet_blue.png'); }
li { margin: 0 0 0 25px; text-align: left; padding: .1em 0 .2em 0; }


fieldset { margin: 5px 15px; border: 1px solid #ccc; padding: 15px; }
legend { margin: 0 5px; font-weight: bold; font-size: 110%; color: #3a6298; }
fieldset.noborder { border: 0; }
label { float: left; clear: both; width: 125px; text-align: right; padding-right: 5px; margin: 2px 0; }
label.required { font-weight: bold; }
label.error { color: red; }
input { width: 300px; border: 1px solid #ccc; float: left; text-align: left; padding: 1px; margin: 2px 0; }
input.button { width: 150px; text-align: center; }
input.radio, input.checkbox { width: auto; height: auto; }
textarea { width: 300px; height: 120px; border: 1px solid #ccc; float: left; text-align: left; padding: 1px; margin: 2px 0; }
input.error, textarea.error { border-color: red; }
select, option { font-size: 10px; }

#container { text-align: left; margin: 0 auto; width: 800px; border: 1px solid; border-color: #666; background-color: #fff; color: inherit; }

#header { clear: both; width: 770px; height: 160px; background-image: url('./images/background.png'); padding: 15px; }
#slogan { position: absolute; top: 40px; left: 50%; margin-left: -360px; background-color: transparent; border: none; font-family: 'Old Standard TT', 'BiauKai', 'Georgia', serif; font-size: 1.4em; font-weight: normal; color: black; font-style: italic; }

#menu { border-bottom: 8px solid #3a6298; padding: 0; margin: 0; z-index: 1; }
#menu li { margin: -19px 0 0 10px; padding: 0; display: inline; list-style-type: none; float: left; border: 1px solid #3a6298; background-color: #3a6298; border-bottom-width: 1px; 
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#menu a { display: block; width: 100px; font-size: 1.1em; color: #ffffff; text-align: center; text-decoration: none; padding: 4px 2px 6px 2px; height: 15px; margin: 0 5px; }
#menu a:hover { font-weight: bold; }

body#home      #menu li.home      a,
body#portfolio #menu li.portfolio a,
body#contact   #menu li.contact   a
  { font-weight: bold; color: #3a6298; }
body#home      #menu li.home ,
body#portfolio #menu li.portfolio,
body#contact   #menu li.contact
  { background-color: #fff; border-bottom-color: #fff; }

#main { width: 792px; float: left; padding: 6px 4px 6px 4px; text-align: center; background-color: #fff; color: inherit; }

#sidebar { width: 240px; padding: 0 5px; float: right; }
#sidebar h2 { display: none; }
#sidebar h3 { font-size: 1.3em; margin: 25px 10px 5px 0; padding: 2px 0 2px 10px; clear: both; text-align: left; border-bottom: 1px solid #3a6298; }
#sidebar ul { margin: 0 0 1em 0; }
#sidebar legend { font-weight: normal; font-size: 1em; margin: 0; padding: 0;}

#content { width: 530px; padding: 0 5px; border-right: 1px solid #ccc; float: left; }

pre { width: 300px; text-align: left; padding: 0; margin: 0; }

#footer { background-color: #3a6298; color: #fff; text-align: center; font-size: 0.85em; clear: both; padding: .5em; }
#footer a { color: #fff; font-size: 1em; background-color: inherit; text-decoration: underline; }

#portfoliobox { margin: 0; }
#portfoliobox h3 { border-bottom: 1px solid #ccc; cursor: pointer; }
#portfoliobox h3:hover { color: #7ea6dc; background-color: inherit; }
#portfoliobox h3.accordion-enabled { background-image: url('/style/images/portfolio_header.png'); background-repeat: no-repeat; background-position: right; }
#portfoliobox h3.accordion-enabled.selected { background-image: none; }
#portfoliobox div { border-bottom: 1px solid #ccc; height: 17em; }
#portfoliobox h4 { margin: 0 10px 0px 10px; padding: 0 5px 0 5px; text-align: justify; font-weight: bold; }
#portfoliobox p { margin: 5px 15px 10px 20px; }
#portfoliobox img.portfolio { width: 200px; border: 1px solid #ccc; float: right; padding: 1px; margin: 0 15px 0 10px; }

div.column { height: 775px; min-height: 775px; }
*>div.column { height: auto; }
p.melding { border: 1px dotted #ccc; color: #3a6298; font-style: italic; padding: 5px; background-color: inherit; }
img.no-border { border: 0; }

#ticker { float: left; width: 180px; height: 190px; margin: .5em 0 2em -.5em; list-style-image: none; list-style-type: none; }
#ticker li { width: 180px; display: none; }
#ticker li.first { display: inline; }
#ticker img { border: 1px solid #ccc; padding: 1px; }

li#googletalk { list-style-image: none; list-style-type: none; }

#contact p em { color: #3a6298; }

.name { font-family: 'Reenie Beanie', cursive; font-size: 2em; }

/* CLASSES FROM JAVASCRIPT */
a.acrobat  { background: url('./images/pdf.png') center right no-repeat; padding-right: 20px; padding-top: 1px; }
a.email    { background: url('./images/email.png') center right no-repeat; padding-right: 18px; }
a.vcard    { background: url('./images/vcard.png') center right no-repeat; padding-right: 20px; }
a.external { background: url('./images/link_go.png') center right no-repeat; padding-right: 18px; }
a.no_icon  { background-image: none; padding-right: 2px; }
#menu a.external { background: none; padding-right: 2px; }

address.googlemaps { background: url('./images/map.png') center right no-repeat; padding-right: 20px; color: #3a6298; text-decoration: underline; background-color: inherit; cursor: pointer; display: inline; font-style: normal; }

#goog-wm input { width: auto; height: auto; margin: 2px; padding: 1px; }

/* Translate */
#sidebar input { width: auto; height: auto; margin: 2px; padding: 1px; }
#sidebar fieldset { margin: 0; padding: 0; border: 0; }