/*******************************************************************************
 *	:: www.AtroXs.de Homepage Stylesheet ::
 *  :: Copyright by www.AtroXs.de
 *  :: Last Change : 11.02.2007 by X-Eon
*******************************************************************************/
/******************************/
/* :: Globale Formatierung :: */
/******************************/
A:link {color: #FFFFFF; text-decoration: none;}
A:visited {color: #FFFFFF; text-decoration: none;}
A:active {color: #FFFFFF; text-decoration: none;}
A:hover {color: #FFFFFF; text-decoration: underline;}
/* -- non navigation links */
/* .hlink {font-style: italic; letter-spacing: 1px; font-weight: bold;} */
.hlink {color: #b5d8ff !important; font-weight: bold;}

/*verdana, arial, helvetica, sans-serif, "DejaVu Sans"; */
body {color: #fff; font-size: 0.7em; font-family: 'Verdana', 'Deja-Vu Sans', 'Bitstream Vera Sans', sans-serif; text-align: center; background: #566b87 url(../../img/elements/bg_gradient.gif) repeat-x; padding: 0; margin: 5px;}
div {text-align: left;}
h2 {width: 472px; clear: both; font-size: 1em; font-weight: bold; text-align: center; background: url(../../img/elements/bg_titel_l.gif) no-repeat; height: 17px; padding: 1px 0 0 0; margin: 0;}
h3 {width: 158px; clear: both; font-size: 1em; font-weight: bold; text-align: center; background: url(../../img/elements/bg_titel.gif) no-repeat; height: 17px; padding: 0; margin: 0;}


/* -- header */
img#logo {border: 1px solid black;}
* html img#logo {margin-bottom: -2px;}
div#runningRow {height: 15px; margin-left: auto; margin-right: auto; border: 1px solid black; border-bottom: 0; border-top: 0; width: 888px; background: #3c5b88 url(../../img/elements/bg_stripes.gif) repeat-x; position: relative; overflow: hidden;}
div#runningRow div {position: absolute; white-space: nowrap;}

/* -- all elements unless the header sitting in the nest */
/* #43608a */
div#nest {padding: 0; padding-bottom: 20px; background: url(../../img/elements/bg_steel.gif); margin-left: auto; margin-right: auto; border: 1px solid black; width: 888px;}
div#nest div {float: left;}

/* --  nest is split in 3 parts */
div#nest div#left {float: left; width: 156px; margin-left: 24px; margin-top: 18px;}
div#nest div#middle {float: left; width: 470px; margin-left: 30px; margin-top: 18px;}
div#nest div#right {float: right; width: 156px; margin-right: 24px; margin-top: 18px;}
* html div#nest div#left {margin-left: 14px;}
* html div#nest div#middle {margin-left: 20px;}
* html div#nest div#right {margin-right: 14px;}

/* -- of course we have a footer */
div#foot {text-align: right; margin-left: auto; margin-right: auto; border: 1px solid black; border-top: 0; width: 888px; height: 15px; background: #3c5b88 url(../../img/elements/bg_stripes.gif) repeat-x; color: #bfbfbf;}

/* -- sometimes we must clear damn floating elements :( */
.clearItem {clear: both; }

/* -- other boxes and so on ... */
div.menuBox {border: 1px solid black; width: 148px; margin-bottom: 20px; padding: 4px; background: #4a6a99;}
div.menuBox img {margin: 4px;}
div.menuBox img.el {margin: 0;}
div.box {width: 462px; border: 1px solid black; min-height: 340px; padding: 4px; background: #4a6a99;}
* html div.box {height: 340px;}
div.newsBox {width: 462px; border: 1px solid black; min-height: 150px; padding: 4px; background: #4a6a99;}
* html div.newsBox {height: 150px;}
div.boxFoot {width: 470px; border: 1px solid black; border-top: 0; clear: both; font-size: 0.9em; font-weight: bold; text-align: right; background: #4c7cc4; height: 5px; padding: 0; margin: 0 0 40px 0;}
div.boxFootTxt {width: 465px; border: 1px solid black; border-top: 0; clear: both; font-size: 0.9em; font-weight: bold; text-align: right; background: #4c7cc4; height: 15px; padding: 0 5px 0 0; margin: 0 0 40px 0;}
div.box label {display: block; float: left; width: 150px; font-weight: bold;}

/* -- overwrite min-height for news boxes */
div.newsBox {min-height: 200px;}
* html div.newsBox {height: 200px;}

/* -- unfortunately we need tables anymore :( */
.headTd {background: url("../../img/elements/bg_foot.gif"); font-weight: bold;}

/* -- globaly form formats */
input {border: 1px solid #000000; font-size: 8pt; font-family: verdana,arial; background-color: #FFFFFF; color: #000;}
button {border: 1px solid #000000; font-size: 8pt; font-family: verdana,arial; background-color: #ffffff; color: #000;}
select {background-color:#FFF; font-size: 8pt; color: #000;}
checkbox, radio {background-color: #43608A; border: 0; color: #000;}


.bt_login {background:url(../../img/elements/bt_login.gif); width:38px; height:16px; border: 0px; cursor: pointer;}
.bt_anmelden {background:url(../../img/elements/bt_anmelden.gif); width:80px; height:16px; border: 0px; cursor: pointer;}



/* ***************************** */
/* Tooltip Formatierung          */
/* ***************************** */
.tool-tip {color: #000; padding: 1px; z-index: 666; background-color: #b7d3ff; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; border: 1px solid #000000;}
.tool-title {font-weight: bold; font-size: 8pt; color: #fff; padding: 4px 8px 4px 8px;	background-color: #5178b3; font-family: verdana;}
.tool-text {font-size: 8pt;	padding: 4px;}
.tool-text table {color: #000;}


.Tipp1 {border-bottom: 1px dashed #9ACD32;}

/********************************:: EOF ::************************************/