/* --- HTML --- */

html { overflow-y: scroll; }
body { background: #EEF3FD url(/de/pictures/bg.gif) repeat-x; margin: 0px 0px 55px 0px; font-family: Verdana, sans-serif; font-size: 13px; color: black; }
h1 { color:#000; font: 21px "trebuchet ms", verdana, sans-serif; margin: 4px 0px 4px 0px;}
h2 { color:#000; font: 18px "trebuchet ms", verdana, sans-serif; margin: 4px 0px 4px 0px;}
h3 { color:#000; font: 18px "trebuchet ms", verdana, sans-serif; margin: 4px 0px 4px 0px;}
h4 { color:#000; font: bold 15px "trebuchet ms", verdana, sans-serif; margin: 4px 0px 4px 0px;}
p { font: 13px/20px Verdana, sans-serif; margin: 10px 0px;}
table { border: 0px; }
hr { height: 1px; border-top: 1px solid #D5D5D5; border-width: 1px 0px 0px 0px;}

form { margin: 0px; padding: 0px; }
input, select, textarea { font: 13px verdana, sans-serif; margin: 2px;}

a:link { text-decoration: none; color:#00B; }
a:visited, a:active { text-decoration: none; color:#0051EA; }
a:hover { text-decoration: underline; color:#0051EA; }  

#content a:hover img, #contentmain a:hover img { opacity: 0.75; }


/* --- Formattings --- */

.small { font-size: 11px; }
.smallgrey { font-size: 11px; color:#8A8F99; }
.red { font-weight: bold; color: #A0002C; }
.error { background: #A9002F; font-weight: bold; color: #FFF; }
.line { border-bottom: 1px dotted #DDE; }


/* --- FORM Layout --- */

table.long_form { background: #EEF5FF url(/de/pictures/bg_form2.gif) repeat-x; border-spacing: 0px; border-collapse:collapse; border: 1px solid #4A73BA; padding: 0px; }
table.long_form th { background: #274285 url(/de/pictures/bg_form.gif) repeat-x; text-align: left; padding: 2px 10px;}
table.long_form th h2 { color: #FFF; }
table.long_form td { padding: 5px 10px; }
table.long_form td.data { }
table.long_form td.data input { }
table.long_form td.data_error { background: #A9002F url(/de/pictures/bg_error.gif) repeat-x;}
table.long_form input.submitbutton { height: 32px; padding: 0px 20px; margin-bottom: 10px;}
table.long_form p.error { background: transparent; font-weight: bold; color: #FFF; margin-left: 8px; margin: 0px; padding: 5px; }
.required { color: #C00; }


/* --- Layout --- */

#header { width: 955px; height: 78px; margin: 35px auto 0px auto;}
#logo { float: left; }
#tenyears { float: left; margin-top: -35px; }
#contact { margin-right: 36px; margin-top: -8px; padding: 0px; float: right; font-size: 11px; }
#search { margin: 10px 35px 0px 0px; padding: 0px; float: right;}
#searchinput { padding-left: 4px; float: left; font: 13px Verdana, sans-serif; }

#page { width: 955px; margin: 0px auto; padding: 0px; }
#content { background: #E4EAF8 url(/de/pictures/bg_content.gif) center bottom repeat-x; margin: 0px; padding: 0px; overflow: hidden; clear: both; border-left: 1px solid #DEE3ED; }
#content_left {  width: 200px; margin: 0px; padding:  0px; float: left; background: #E4EAF8 url(/de/pictures/bg_nav_left.gif) repeat-x; }
#content_right { width: 684px; margin: 0px; padding: 35px; float: right;background: #FFF url(/de/pictures/bg_nav_right.gif) repeat-x; min-height: 450px; }

ul#list { margin: 10px 0px 16px 0px; padding: 0px; list-style-type: none; }
#list li { margin: 0px; padding: 0px 0px 2px 17px; background: url(/de/pictures/bullet.gif) no-repeat 0px 6px; font: 13px/20px Verdana, sans-serif; }

#item { margin: 0px; padding: 0px; height: 7em; clear: both;}
#item_pic { width: 70px; margin: 0px 0px 0px 5px; padding: 0px; text-align: center; float: left; }
#item_text { margin: 0px 0px 10px 90px; padding: 5px 0px 0px 0px; }
#item_text p { margin: 0px; }

#row { margin-bottom: 40px; clear: both;}
#row_pic { width: 110px; text-align: center; float: left; }
#row_text { margin-left: 135px; min-height: 50px;}
#row_text p { margin: 0px;}

#manual { width: 885px; margin: 0px; padding: 35px; clear: both; background-color: #FFF;}

#sitemap { width: 885px; margin: 0px auto; padding: 35px; background: #FFF url(/de/pictures/sitemapbg.gif) repeat-x; border-bottom: 1px solid #D2D9E6; border-top: 1px solid #DEE3ED; overflow: hidden;}
#sitemapcol1 { width: 221px; float: left; margin: 0px; }
#sitemapcol2 { width: 151px; float: left; margin: 0px; }
#sitemapcol3 { width: 186px; float: left; margin: 0px; }
#sitemapcol4 { width: 185px; float: left; margin: 0px; }
#sitemapcol5 { width: 100px; float: left; margin: 0px; }
ul.sitemap { margin: 8px 0px 16px 0px; padding: 0px; list-style-type: none; }
.sitemap li { margin: 0px; padding: 0px 0px 2px 0px; }
.sitemap a:link, .sitemap a:visited, .sitemap a:active {font: 11px/18px Verdana, sans-serif; text-decoration: none; color:#485D85;}
.sitemap a:hover { text-decoration: underline; }
a:link.sitemapheader, a:visited.sitemapheader, a:active.sitemapheader {font: bold 13px Verdana, sans-serif; text-decoration: none; color:#485D85;}
a:hover.sitemapheader { text-decoration: underline; }

#footnote { color: #485D85; width: 885px; margin: 0px auto; padding: 16px 35px 0px 35px; font: 11px/18px Verdana, sans-serif;}
#footnote a:link, #footnote a:visited, #footnote a:active { font: 11px/18px Verdana, sans-serif; text-decoration: none; color:#485D85;}
#footnote a:hover { text-decoration: underline; }
#footcol1 { float: left; }
#footcol2 { float: right; }


/* --- Navigation --- */

#navmain { width: 955px; height: 40px; margin: 0px auto; background: #AD000F url(/de/pictures/navbg.gif) repeat-x; border-bottom: 1px solid #600; }
#navcontainer ul { padding: 0px; margin: 0px 0px 0px 0px; }

ul#navbar li { display:block; float:left; }
ul#navbar li a { display: block; height: 40px; background: transparent url(/de/pictures/navbar.gif) no-repeat 0px 0px; text-indent: -9009px; margin: 0px; padding: 0px; }

ul#navbar li#Produkte a         { width: 124px; background-position: 0px 0px; }
ul#navbar li#Produkte a:hover   { background-position: 0px -40px }
ul#navbar li#Produkte.selected a{ background-position: 0px -40px }

ul#navbar li#Download a         { width: 121px;  background-position: -124px 0px; }
ul#navbar li#Download a:hover   { background-position: -124px -40px }
ul#navbar li#Download.selected a{ background-position: -124px -40px }

ul#navbar li#Kaufen a         { width: 102px;  background-position: -574px 0px; }
ul#navbar li#Kaufen a:hover   { background-position: -574px -40px }
ul#navbar li#Kaufen.selected a{ background-position: -574px -40px }

ul#navbar li#Support a          { width: 102px; background-position: -245px 0px; }
ul#navbar li#Support a:hover    { background-position: -245px -40px }
ul#navbar li#Support.selected a { background-position: -245px -40px }

ul#navbar li#Entwickler a        { width: 126px;  background-position: -347px 0px;  }
ul#navbar li#Entwickler a:hover  { background-position: -347px -40px }
ul#navbar li#Entwickler.selected a{ background-position: -347px -40px }

ul#navbar li#Partner a          { width: 101px;  background-position: -473px 0px; }      
ul#navbar li#Partner a:hover    { background-position: -473px -40px }
ul#navbar li#Partner.selected a { background-position: -473px -40px }


/* --- Pull-Down Navigation --- */

#navmain > div#navcontainer > ul#navbar > li > ul { position: absolute; display: none; background: #700 url(/de/pictures/bg_dropdown.gif) repeat-x; z-index: 99;}
#navmain > div#navcontainer > ul#navbar > li > ul > li {  float: none;  }
#navmain > div#navcontainer > ul#navbar > li > ul > li a { text-indent: 0px; color: #FFF; padding: 8px 25px; min-width: 200px; width: auto; height: auto; text-decoration: none; font-size: 11px; font-weight: bold; background: transparent; }
#navmain > div#navcontainer > ul#navbar > li#Produkte > ul > li a { text-indent: 9px; }
#navmain > div#navcontainer > ul#navbar > li > ul > li a:hover { background: #4A0004; }
#navmain > div#navcontainer > ul#navbar > li:hover ul { display: block; }
#navmain > div#navcontainer > ul#navbar > li:hover#Produkte > a   { background-position: 0px -40px; }
#navmain > div#navcontainer > ul#navbar > li:hover#Download > a   { background-position: -124px -40px }
#navmain > div#navcontainer > ul#navbar > li:hover#Support > a    { background-position: -245px -40px }
#navmain > div#navcontainer > ul#navbar > li:hover#Entwickler > a { background-position: -347px -40px }
#navmain > div#navcontainer > ul#navbar > li:hover#Partner > a    { background-position: -473px -40px }


/* --- Sub-Navigation --- */

#subcontainer { padding: 25px 0px 0px 10px; }
#sublist { margin: 0px; padding: 0px; }
#sublist li { list-style: none; }

#sublist li a { display: block; width: 160px; padding: 5px 0px 5px 20px; border-bottom: 1px solid #FFF; line-height: 15px; font: bold 11px Verdana, sans-serif; }
#sublist li a:hover { background-color: #CED9F3; text-decoration: none;}
#sublist li a:link#current { background-color: #CED9F3; text-decoration: none;}
#sublist li a:visited#current  { background-color: #CED9F3; text-decoration: none;}


/* --- Sub-Sub-Navigation --- */

#subsublist { font: bold 11px/18px Verdana, sans-serif; margin: 5px 0px 25px 22px; padding: 0px; }
#subsublist li { list-style: none; padding: 0px;}

#subsublist li a { display: block; width: 141px; padding: 2px 2px 2px 15px; border: 0px; margin: 0px; border-bottom: 1px solid #FFF; font: 11px/20px Verdana, sans-serif; }
#subsublist li a:hover { background-color: #CED9F3;  text-decoration: none; font: 11px/20px Verdana, sans-serif;}
#subsublist li a:link#current { background-color: #CED9F3;  text-decoration: none; font: 11px/20px Verdana, sans-serif;}
#subsublist li a:visited#current  { background-color: #CED9F3;  text-decoration: none; font: 11px/20px Verdana, sans-serif;}