body { font: .83em/1.4em "Trebuchet MS", Arial; color: #222222; background: url("../_page_img/maydorf_bg.png") #252426 repeat-y fixed; ;background-position: center;}
input, textarea, select {font-family: "Trebuchet MS", Arial; }
form > div {background: #f2f6f8; border: 1px solid #cccccc; padding: 10px; text-align: right;}
form > div > div {margin: 0 0 7px 0;}
input[type="text"] {width: 300px; margin-left: 10px;}
select {width: 303px; margin-left: 10px; }
textarea {width: 500px; font: inherit;}

#content table { border-collapse: collapse; margin-bottom: 15px;}
#content tr {background: #f2f6f8;}
#content tr:hover td {background: #eaeff3;}
#content td, th { border:1px solid #cccccc; padding: 10px; text-align: center; }
#content td.license {text-align: left; color: #1b335b; }
td.license .desc{ font-size: .9em; line-height: 1.2em; color: #222222;}
td.price { font-size: 1.2em; font-weight: bold; line-height: 1em; color: #1b335b;}
td.price .desc{ font-size: .7em; font-weight: normal; color: #222222;}
strike { color: #555555; font-weight: normal; font-size: .8em;}

span.button, span.button a {display:block; height: 32px; line-height: 29px; background:url("../img/button.png"); color: white; text-shadow: 0 -1px 0 #a02804; text-decoration: none; font-size: 15px;}
span.button a {background:url("../img/button.png") right 32px;}

p { margin: 0 0 15px 0; }

a {	color: #244E79; font-weight: bold; } a:hover { color: #1b335b; }

.page { width: 920px; margin: 0 auto; border: 0px solid #2E4B6F; }
#page-main { padding-top: 5px; background: url("../_page_img/maydorf_stripe.png")  repeat-x; }
#page-internal { padding-top: 16px; background: url("../_page_img/maydorf_stripe.png")  repeat-x; }

#header {padding-top:11px;}
#top { margin: 0 16px 7px 17px;}
#menu { height: 29px; background: url("../img/menu-bg.gif"); margin: 0 0px 0 0px; border: 1px solid #8A929F; padding-top: 6px; }
#menu ul { height: 29px; float: left; list-style: none; margin: 0; padding: 0 0 0 8px; }
#menu li { float: left; }
#menu ul a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 13px/23px Tahoma, Arial, sans-serif;
  color: #244E79;
  padding: 0 10px 0 10px;
}
#menu ul a.current, #menu ul a:hover { border-bottom: 6px solid #0168a9; }


.line {height: 1px; border-top: 1px solid #cecece; background: #e1e1e1; border-bottom: 2px solid #f1f1f1; }

#columns { background: transparent; overflow: hidden; width: 100%;height:750px; }

img.thumbnail { width: 176px; height: 100px; margin: 0 10px 10px 10px; border: 2px solid #cccccc; }
img.thumbnail:hover { border: 2px solid #aaaaaa; }
img.ilda-thumbnail { width: 186px; height: 186px; margin: 0 19px 0 0; border: 3px solid #cccccc; }
img.ilda-thumbnail:hover { border: 3px solid #ccaaaa; }

div.thumbnail { width: 160px;  float: left; text-align: center; border: 1px solid #cdcdcd; margin: 0 0 20px 0; }
div.thumbnail a { display: block; padding: 120px 0 5px 0; }
div.thumbcurrent { padding: 120px 0 5px 0; border: 2px solid #e66924; }



#column-main-centre { float: left; text-align: justify; width: 860px; margin: 20px 0 20px 30px; }


#column-main-left { float: left; text-align: justify; width: 405px; margin: 20px 0 20px 30px; }


#column-main-left-alt {
  float: left;
  width: 405px;
  max-width: 405px;
  border: 1px solid #cccccc;
  background: white;
  margin: 20px 0 20px 20px;
  padding: 0 15px 20px 20px;
  font-size: 12px;
  color: #555555;
  height:690px;
}
#left-header {
  background: url("../_page_img/maydorf_tab.png") no-repeat;
  font: 13px/30px Tahoma, arial; color: white;
  float: left; position: relative; left: -30px; top: -3px;
  height: 34px;
  padding: 0 5px 0 10px;
  text-transform: uppercase;
}


#column-main-right {
  float: right;
  width: 380px;
  border: 1px solid #cccccc;
  background: white;
  margin: 20px 20px 20px 15px;
  padding: 0 15px 20px 20px;
  font-size: 12px;
  color: #555555;
  height:690px;
}

#right-header {
  background: url("../_page_img/maydorf_tab.png") no-repeat;
  font: 13px/30px Tahoma, arial; color: white;
  float: left; position: relative; left: -30px; top: -3px;
  height: 34px;
  padding: 0 25px 0 32px;
  text-transform: uppercase;
}

.li {
  height: 16px;
  font-size: 13px;
  background: url("../img/bullet.png") 0 1px no-repeat;
  padding-left: 22px; margin: .8em 0 .3em 0;
  color: #222222;
  clear: both;
}

#content { text-align: justify; padding: 25px 0 30px 30px; width: 530px; float: left; }
#content h1 { font-size: 1.6em; color: #244E79; padding: 0 0 15px 0; margin: 0; }
#content h2 { font-size: 1.2em; color: #244E79; padding: 5px 0 12px 0; margin: 0; }

#sidenav { margin: 0 30px 30px 0; width: 280px; float: right; background: #f2f6f8; border: 1px solid #cccccc; border-top: none;}
#sidenav.fixed{ position: fixed; top: 0; }

.sidebox { background: url("../img/sidebox-bg.gif") repeat-x; width: 280px; height: 170px; position: relative;}
.sidebox_footer { position: absolute; top: 154px; height: 16px; width: 280px; background: url("../img/sidebox-footer-bg.png"); }
#boxshot { position: absolute; margin: 20px 0 0 18px; }
#box-version {
  position: absolute; left: 130px; top: 20px; width: 134px; padding-top: 18px;
  background: url("../img/gif-animator-version.png") right 0 no-repeat; color: #2f5071;
  text-align: right; font: bold 13px Tahoma;
}
#box-download, #box-buy  { position: absolute; left: 130px; width: 134px; height: 30px; font: 13px/30px Tahoma; text-transform: uppercase;}
#box-download { top: 63px;}

#box-senden, #box-buy  { position:relative; left: 240px; width: 134px; height: 30px; font: 13px/30px Tahoma; text-transform: uppercase;}
#box-senden { top: 20px;}

#box-absenden, #box-buy  { position:relative; left: 270px; width: 134px; height: 30px; font: 13px/30px Tahoma; text-transform: uppercase;}
#box-absenden { top: 20px;}


#box-buy { top: 100px;}

#box-download a, #box-buy a { display: block; padding-left: 15px; text-decoration: none; color: #244E79; }
#box-senden a, #box-buy a { display: block; padding-left: 15px; text-decoration: none; color: #244E79; }
#box-absenden a, #box-buy a { display: block; padding-left: 15px; text-decoration: none; color: #244E79; }

#box-download a { background: url("../img/button-download.png") right 0; }
#box-senden a { background: url("../img/button-senden.png") right 0; }
#box-absenden a { background: url("../img/button-senden.png") right 0; }

#box-buy a { background: url("../img/button-buy.png") right 0; }

#box-download a:hover { background: url("../img/button-download.png") right 30px; }
#box-senden a:hover { background: url("../img/button-senden.png") right 30px; }
#box-absenden a:hover { background: url("../img/button-senden.png") right 30px; }

#box-buy a:hover { background: url("../img/button-buy.png") right 30px; }

.linksbox {	padding: 0 10px 0 15px; }
.linksbox ul { margin: 0; padding: 0; list-style: none; }
.linksbox li { padding: 8px 0 7px 20px; border-bottom: 1px #cccccc solid; background: url("../img/bullet.png") 0 11px no-repeat; }
.linksbox li a { text-decoration: none; font-size: 16px; }
.linksbox a.desc { font-size: 12px; font-weight: normal; color: #222222; }

.quote { background: url("../img/quote.png") no-repeat 15px 1px; padding: 3px 15px 0 15px; margin-top: 20px; text-indent: 26px; color:#4f4f4f;}
.quote-author { background: url("../img/user.png") no-repeat; margin-top: 8px; margin-bottom: 20px; text-indent: 24px; font-weight: bold; }

#footer { background: url("../_page_img/maydorf_footer.png") #d0e2ee top; width: 100%; overflow: hidden; }
#footer-left { float: left; line-height: 20px; padding: 15px 20px;color: #5c5d66; }
#footer-left a { text-decoration: none; font-weight: normal;color: #5c5d66; }
#footer-right { float: right; text-align: right; padding: 20px 20px;color: white; }
.social-icon { width: 50px; height: 50px; margin-top: 0px; margin-left: 8px; border: 0; }

#content ul { margin: 0; padding: 0 30px 10px 10px; list-style: none; }
#content ul > li { margin: 0; padding: 0 0 1em 15px; background: url("../img/bullet-small.gif") 0 2px no-repeat; }
#content ol > li { margin: 0; padding: 0 20px 1em 0; }