/*
################################################
###                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:#421929; }
a:hover { color:#421929; text-decoration: underline; }
a { color: #421929; 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   ###
######################
######################
######################
######################
######################
######################
######################
*/


.UserTable
{
  padding-right: 15px;
  text-align: left;
}

body{ width: 1024px; background-color: #EFEFEF; }
.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:#EFEFEF;
  border:1px solid #62555B;
  
  border: 1px solid #62555B;
  border-right: 2px solid #62555B;
  border-bottom: 2px solid #62555B;
  -webkit-border-radius: 10px;
  padding:5px 15px 5px 15px;
  float: left;
  width: 764px;
}
#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: -55px;}
.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%;
  max-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 ###
#####################
*/
#MenuList li{
  font-size: 14px;
  list-style: none;
  margin-left: -20px;
}



/*
#####################
###  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;
}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	padding: 10px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #DEDEDE;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #CCC;
	border-width: 5px 5px 20px;
	color: #CCC;
}
#gallery ul a:hover { color: #CCC; }