/*
################################################
###                RESET-CODE                ###
### html5doctor.com/html-5-reset-stylesheet/ ###
################################################
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding:0;
  border: 0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
._B { font-weight: bold; }
._U { text-decoration: underline; }
._C { text-align: center; }

/*
####################
### FONT Styling ###
####################
*/
body, html {
  /*font-size: 14px;*/
  font-size: 0.91em;
  font-family: "Segoe UI", "Arial", "Verdana", "Helvetica", sans-serif;
  *font-size:small;
  *font:x-small;
}
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }

/* normalize monospace sizing  en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
###########################
### minimal base styles ###
###########################
*/
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }

/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself.
   www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
/* Lässt das Downloadmenü verschwinden???

a:hover, a:active { outline: none; }
*/

a, a:active, a:visited { color:#0066cc; }
a:hover { color:#0066cc; text-decoration: underline; }
a { color: #0066cc; text-decoration: none; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], input[type=url], button { cursor: pointer; }

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

/* The Magnificent CLEARFIX */
.clearfix { display: block; clear: both;}


/*
######################
### Primary Styles ###
###     Author     ###
###   Sereby.org   ###
######################
######################
######################
######################
######################
######################
######################
*/
body{ width: 1024px; background-color: #7FD1FB; }
.Center  { margin: 0px auto; }
.PicDiv {
  overflow: hidden;
  padding: 0px;
  position: relative;
  margin: 0px auto;
}
#IMG_Project  { margin-top:    0px; margin-left: 0px;}
#IMG_UU       { margin-top:  -50px; margin-left: 0px;}
#IMG_XP       { margin-top: -100px; margin-left: 0px;}
#IMG_2000     { margin-top: -150px; margin-left: 0px;}
#IMG_Downloads{ margin-top: -200px; margin-left: 0px;}
#IMG_Kontakt  { margin-top: -250px; margin-left: 0px;}
#IMG_Impressum{ margin-top: -300px; margin-left: 0px;}
#IMG_Addons   { margin-top: -350px; margin-left: 0px;}

.IMG_DLBig    { margin-top:    0px; margin-left: -400px;}
.IMG_DLSmall  { margin-top: -131px; margin-left: -500px;}
.IMG_RSS      { margin-top: -131px; margin-left: -465px;}
.IMG_News     { margin-top: -131px; margin-left: -425px;}
.IMG_PayPal   { margin-top: -165px; margin-left: -445px;}

#IMGHeader{min-height: 190px; height: 190px;}
#IMGFooter{min-height: 110px; height: 110px;}
#HeadText{
  margin: 0px;
  min-height: 50px; height: 50px;
  min-width: 400px; width: 400px;
  top: -218px;
  left: 380px;
}
#CopyRight{text-decoration: none; cursor: default; color: #000;}
#ContentBase{
  overflow: hidden;
  padding: 0px 30px 0px 30px;
  margin-top: 0px;
  background: url('../img/header/layout_y.png') repeat-y;
}
#ContentBorder{
  background-color:#BBE7FC;
  border:1px solid #6F9BB1;
  
  border: 1px solid #6F9BB1;
  border-right: 2px solid #6F9BB1;
  border-bottom: 2px solid #6F9BB1;
  -webkit-border-radius: 10px;
  padding:5px 15px 5px 15px;
  clear: both;
}
#ContentFrame{float:left; width:750px;}
#ContentBoxBase{float:left; width:160px; padding:20px 0px 0px 20px;}
#ContentBox{
  background: #FAFAFA;
  height:auto;
  -webkit-border-radius: 10px;
  padding:5px 5px 8px 8px;
  /*Bottom*/
  border: 1px solid #AAA;
  border-right: 2px solid #AAA;
  border-bottom: 2px solid #AAA;
 }
#FooterDiv{text-align: center; margin-top: -45px;}
.BreakWord{
  word-wrap:break-word;      /* for IE, Firefox since 3.5 and Opera since 10.5 */
  overflow:hidden;           /* required for text-overflow */
  text-overflow:ellipsis;    /* for IE and WebKit (Safari, Chrome) */
  -o-text-overflow:ellipsis; /* for Opera since 9.0 */
}
.Headline {
  border-left-width:0 !important;
  border-right-width:0 !important;
  border-top-width:0 !important;
  border-bottom-width:2px;
  border-style: solid;
  border-color:#c5d0da;
  font-size:1.5em;
  font-weight:normal;
  margin-top:7px;
  margin-bottom:10px !important;
}
.ContactLabel{width: 70px; text-align: right; padding-right: 5px; height: 22px;}

/*
#####################
###  News Styling ###
#####################
*/
.NewsBox, .DLBox{
  height: auto;
  min-height:200px;
  width:98%;
  background-color:#FAFAFA;
  -webkit-border-radius: 10px;
  padding: 5px 5px 5px 8px;
  /*Bottom*/
  border: 1px solid #AAA;
  border-right: 2px solid #AAA;
  border-bottom: 2px solid #AAA;
}
.IMGSmall{height:28px; width:28px;}
.IMGBig{height:128px; width:128px;}
.NewsTitleIMG{float:left; padding: 5px 5px 0px 0px;}
.NewsTitle, .DLTitle{
  float: right;
  height:35px;
  width:350px;
  background-color: #CCC;
  border: 1px solid #AAA;
  -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; 
  padding: 5px 5px 5px 8px;
  margin-top: -6px;
  margin-right: -6px;
}


/*
#####################
###   Downloads   ###
#####################
*/
.DLBox {float:left; width:630px;}
#DLInfo{float: left; padding-left: 15px;}
.InfoField {color: #989898; font-size: .8em; padding-bottom: 5px;}
.PayPalIMGDiv{margin-left: 32px; width: 85px; height: 45px;}
.PayPalText{margin-left:10px; }

 
/*
#####################
###  Menu Styling ###
#####################
*/
#MenuContent{position: relative; font-size: 1.3em; line-height: 2.3em;}
#MenuContent a{text-decoration:none;}
#MenuContent>ul>li>div:hover, .SubMenuTitle div:hover{ background: url('../img/header/menu_active.png') no-repeat bottom; }
.ActiveTitle{ background: url('../img/header/menu_curr.png') no-repeat bottom; }
.SubMenuTitle{cursor: pointer;}
.SubMenuGroup * {z-index:6;} /* für FireFox nötig */
.SubMenuGroup{
  display:none;
  position:absolute;
  background:#FFFFFF url('../img/header/dropdown_back.gif') repeat-x 0 100%;  
  background-color:#FFFFFF !important;
  border:1px solid #CCCCCC;
  min-width:140px; width: 140px;
  padding-bottom:10px;
  z-index:6;
}
.SubMenuGroup ul{
  list-style: none;
  margin-top: 2px;
  margin-left: -12px;
}
.SubMenuGroup a{
  display:block;
  border:solid 1px #FFFFFF;
  color:#0066CC;
  line-height:1.3em;
  padding:2px 4px;
  width: 124px;
}
.SubMenuGroup a:hover{
  background-color:#F3F7FD;
  color:#006699;
  border:1px solid #BED6FA !important;
  line-height:1.3em;
}
.SubMenuGroupShadow{
  border-color:#000000;
  border-style:solid;
  border-width:0 2px 2px 0;
  height:100%;
  left:1px;
  filter:alpha(opacity=10); opacity:0.1; moz-opacity:0.1;
  position:absolute;
  top:1px;
  width:100%;
  z-index:3;
}
.SubMenuLine{ 
  border-top: 1px solid #CCC;
  margin-left: 16px;
  margin-top: 5px;
  padding-bottom: 4px;
  height: 1px;
  width: 100px;
}
.SubMenuLi{margin-left: 3px; line-height:1.3em; padding-bottom: 3px;}
menu li:hover .SubMenuGroup { display:block; }
menu li { display:block; position:relative; float:left; list-style-type:none; color: #0066cc; padding: 0px 15px; text-decoration:none; }
menu ul ul a { font-size:13px; }

/*
#####################
###    Tabbing    ###
#####################
*/
.tabberlive .tabbertabhide {display:none;}
ul.tabbernav
{
 line-height: 2em;
 margin:0px;
  padding-top:5px;
 border-bottom: 1px solid #000;
}
ul.tabbernav li{list-style: none; display: inline;}
ul.tabbernav li a
{
 font-size: 0.8em;
 border: 1px solid #FAFAFA;
 background: #CFE2F1;
 -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; 
 padding: 3px 0.5em;
 text-decoration: none;
}

ul.tabbernav li a:link {color: #0066cc;}
ul.tabbernav li a:hover{color: #000; background: #E7E7E7; border:1px solid #C9D5DC;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; 
;}
ul.tabbernav li.tabberactive a{font-size: 1.3em; background: #FAFAFA; border:1px solid #C9D5DC;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; 
;}
ul.tabbernav li.tabberactive a:hover{color: #000; background: #FAFAFA; border:1px solid #C9D5DC;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; 
;}
.tabberlive .tabbertab {padding:5px; border-top:0;}
.tabberlive .tabbertab h2 {display:none;}


/*
#####################
###  IE6-Warnung  ###
#####################
*/
#IE6Warnung{
  color: #FFF;
  border-color: #000;
  background: #212121;
  padding: 5px;
  text-align: center;
}

#IE6Warnung a:link, 
#IE6Warnung a:visited,
#IE6Warnung a:active,
#IE6Warnung a:hover{
  color:#FFF;
}

/*
#####################
### Print Styling ###
#####################
*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}