*
{
    margin : 0px;
    padding : 0px;
    font-family: verdana;
    font-weight : normal;
    font-size : 12px;
    color : #aaa;
    border : 0px;
}
body
{
    background-image: url('DefaultImages/bodyBG.png');
    background-color: #000;
    background-repeat: repeat-x;
}
input, select, textarea
{
    color : #000;
    background: #fff;
    border: 1px solid #000;
    padding: 5px;
    background-image: url('DefaultImages/inputBG.png');
    background-repeat: repeat-x;
}
select { padding: 4px; }
option { padding: 0px; }
h1 { font-size: 18px; }
h2 { font-size: 18px; }
button, .button
{
    color : #000;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    background-image: url('DefaultImages/buttonBG.png');
    background-repeat: repeat-x;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    cursor : pointer;
}
a { cursor: pointer; }
a span { cursor: pointer; }

.left { float: left; }
.right { float: right; }
.line, .centerLine, .buttonLine { float: left; width: 100%; overflow: hidden; }
.buttonLine { text-align: right; }
.buttonLine button { margin-left: 0px; }
.centerLine { text-align: center; }

.roundedBox { float: left; width: 100%; }
.roundedBox .leftTopCorner, .roundedBox .rightTopCorner, .roundedBox .leftBottomCorner, .roundedBox .rightBottomCorner
{ width: 6px; height: 6px; }
.roundedBox .leftTopCorner, .roundedBox .leftBottomCorner { float: left; }
.roundedBox .rightTopCorner, .roundedBox .rightBottomCorner { float: right; }
.roundedBox .top, .roundedBox .bottom { float: left; width: 100%; background-color: #222; }
.roundedBox .boxContent { float: left; width: 100%; background-color: #222; }
.roundedBox .innerContent { float: left; width: 95%; margin-left: 5px; }
.roundedBox .leftTopCorner { background-image: url('DefaultImages/box4LeftTopCornerBG.png'); }
.roundedBox .rightTopCorner { background-image: url('DefaultImages/box4RightTopCornerBG.png'); }
.roundedBox .leftBottomCorner { background-image: url('DefaultImages/box4LeftBottomCornerBG.png'); }
.roundedBox .rightBottomCorner { background-image: url('DefaultImages/box4RightBottomCornerBG.png'); }


.centerContent
{
    margin: 0px auto 0px auto;
    width : 1000px;
}

/* HEADER */
.header
{
    float: left;
    width : 950px;
    height: 300px;
    background-image: url('DefaultImages/headerBG.png');
    background-repeat: no-repeat;
}
.header span
{
    float: right;
    font-size: 22px;
    color: #aaa;
    margin-top: 90px;
}
.info { float: left; width: 220px; margin-left: 635px; margin-top: 55px; }

/* MENU */
.menu
{
    float: left;
    width : 898px;
    height: 40px;
    margin-left: 25px;
    background-image: url('DefaultImages/menuBG.png');
    background-repeat: repeat-x;
    border-bottom: 1px solid #222;
}
.menu ul { float: left; margin-left: 20px; margin-top: 11px;}
.menu ul li { float: left; margin-right: 50px; list-style-type: none; }
.menu ul li a { text-decoration: none; font-size: 14px; color: #bbb; }
.menu ul li a:hover { color: #fff; }

/* CONTENT */
.content
{
    float: left;
    width: 950px;
    padding-bottom: 10px;
    background-image: url('DefaultImages/contentBG.png');
    background-repeat: repeat-y;
}

.inner
{
    float: left;
    width: 870px;
    margin-left: 40px;
    margin-top: 10px;
}

/* AKTUALIS */
.aktuails { float: left; width: 100%; }
.advert { margin-left: 130px; }
.newsBox { float: left; width: 100%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #555; }
.newsBox a { float: left; width: 100%; font-size: 18px; color: #b39572; text-decoration: none; }
.newsBox p { float: left; width: 100%; margin-top: 10px; line-height: 22px; color: #aaa; }
.newsBox span.small { float: left; width: 100%; font-size: 10px; color: #888; }

/* PARTNEREINK */
.partnereink a { float: left; margin-left: 18px; margin-top: 10px; }
.partnereink h1 { margin-left: 18px; margin-bottom: 20px; margin-top: 10px; }

/* ROLUNK */
.rolunk p { line-height: 25px; margin-top: 30px; text-align: justify; }
.rolunk ul { line-height: 25px; margin-top: 30px; margin-bottom: 20px; font-size: 18px; }
.rolunk ul li { margin-left: 30px; }

/* PICASA GALERY */
.picasaGalery { float: left; width: 785px; margin-left: 20px; }
.picasaGalery .frame { float: left; width: 150px; margin-right: 15px; margin-left: 29px; margin-top: 10px; margin-bottom: 10px; background-image: url('DefaultImages/galeryAlbumPhotoBG.png'); background-repeat: no-repeat; }
.picasaGalery .frame img { float: left; width: 144px; height: 144px; cursor: pointer; }
.picasaGalery .frame h1 { float: left; width: 100%; font-family: verdana; font-size: 12px; font-weight: bold; color: #888; margin-top: 5px; }
.picasaGalery .frame span { float: left; font-size: 10px; color: #aaa; }
.picasaGalery .pictureFrame { float: left; overflow: hidden; width: 170px; height: 170px; border: 1px solid #444; text-align: center; margin: 8px; margin-left: 15px; }
.picasaGalery .pictureFrame img { border: 5px solid #333; margin-top: 5px; cursor: pointer; }

/* REGISTRATION */
.registration { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.registration input { font-weight: bold; }
.registration strong { font-weight: bold; margin-left: 5px; }
.registration .centerDIV { width: 510px; overflow: hidden; margin : 0px auto 0 auto; }
.registration form { width: 500px; }
.registration input { width: 340px; }
.registration select option { color: #000; }
.registration .shortInput { width: 50px; }
.registration .button { float: right; margin-right: 5px; width: 100px; font-weight: normal; padding: 0px;}
.registration .line { margin-top: 10px; margin-bottom: 10px; }
.registration h1 { float:left; width: 140px; padding-top: 5px; margin-left: 5px; font-size: 12px; }
.registration h2 { margin-left: 5px; font-weight : normal; font-size : 20px; }
.registration h3 { margin-left: 5px; }
.registration h4 { float:left; padding-top: 4px; }
.registration h5 { float:left; margin-left: 145px; color: #aaa; }
.registration h6 { float: right; color: #ff0000; margin-right: 5px; }
.registration .emailLine { float: left; width: 100%; margin-bottom: 20px; margin-top: 10px;}
.registration .centerLine { float: left; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; }
.registration .centerLine button { float: none; width: 150px; }
.registration .centerLine h2 { margin-bottom: 10px; }

/* FOOTER */
.footer
{
    float: left;
    width : 950px;
    margin-bottom: 20px;
}
.footer span { float: right; margin-right: 20px; padding: 10px; color: #555; }
.footer span a { text-decoration: none; color: #080; }
.footer span a:hover { color: #0a0; }


/* ADMIN -------------------------------------------------------------------- */
.memberEditor { float: left; width: 100%; }

/* LOGIN */
.login
{
    float: left;
    width: 250px;
    background: #f8f8f8;
    border: 1px solid #444;
    padding-left : 5px;
    padding-right : 5px;
    margin-left: 300px;
    background-image: url('DefaultImages/windowHeaderBG.png');
    background-color: #222;
    background-repeat: repeat-x;
}
.loginInput { width: 245px; float: right; }
.login .fullLine { width: 100%; overflow: hidden; margin-bottom: 5px; }
.login .fullLine input { float: right; width: 180px; font-weight: bold; }
.login button { float: right; }
.login .logoutButton { float: right; }
.login h1 { float: left; margin-top: 5px; }
.login h2 { font-size: large; color: #fff; }
.login h3 { float: left; margin-top: 3px; }
.login h4 { font-size: 18px; }
.login h6 { color: #ff0000; margin-top: 7px; margin-bottom: 3px;}
.logoutForm h1 { font-size: 12px; font-weight: bold; }
.logoutForm .fullLine h2 { font-size: 10px; color: #000; }
.logoutForm .fullLine { margin-top: 5px; }

/* DATAGRID */
table { float: left; width: 100%; border: 1px solid #333;}
tr { height : 20px; }
td, th { padding-left: 2px; padding-right: 2px; }
th { height: 22px; background-color: #888; }
th { color: #000; }
.headerRow { background-color : #333; }
.evenRow { background-color : #222; }
.evenRow:hover { background-color : #444; }
.oddRow { background-color : #333; }
.oddRow:hover { background-color : #444; }
.dataGrid { width: 100%; }
.dataGridWindowLine { margin-top: 3px; margin-bottom: 3px; width: 100%; float: left;}
.dataGridWindowLabel { margin-left: 5px; margin-top: 5px; float: left; overflow: hidden; }
.dataGridWindowInput { float: left; overflow: hidden; }
.dataGridWindowInput form { float: left; width: 100%; }
.dataGridWindowInput a { float: left; width: 100%; margin-top: 5px; }
.dataGridWindowInput img { float: left; margin-top: 5px; }
.dataGridWindowButton { float: right; margin-right: 10px; width: 90px; border: 1px solid #333; }
.dataGridButtonLine { float: left; width: 100%; border-top: 1px solid #444; padding: 0px; background-image: url('DefaultImages/dataGridButtonLineBG.png'); background-repeat: repeat-x; }
.dataGridButtonLineButton { margin-right: 10px; margin: 2px; }
.dataGridSelectedBG { background-color : #666; }
.dataGridSelectedPageButton { font-weight: bold; }
.grayRow td { color: #aaaaaa; }
.greenRow td { color: #009900; }
.uploadButton {padding: 2px; width: 100px; height: 21px; margin-left: 5px; border: 1px solid #ccc; background-image: url('DefaultImages/buttonBG.png'); }


/* WINDOWS */
.window
{
    display : none;
    position : absolute;
    z-index : 6;
    background-color : #333;
    width : 340px;
    border : 1px solid #666;
}
.windowHeader { float : left; width : 100%; height : 24px; margin-bottom: 5px; background-color : #444; border-bottom: 1px solid #555; }
.windowHeader img { float : right; border : 0px; margin : 5px; cursor: pointer; }
.windowHeader h1 { float : left; margin : 3px; font-size: 14px; }
.windowContent { float : left; width : 100%; }
.windowFooter { float : left; width : 100%; height : 1px; margin-top: 5px; background-color : #222; }


/* DATE PICKER */
.datePickerBG, .timePickerBG {
    position: absolute;
    z-index: 7;
    float : left;
    background-color: #eee;
    moz-opacity:.01;
    filter:alpha(opacity=01);
    opacity:.01;
}
.datePicker, .timePicker
{
    display: none;
    position: absolute;
    z-index: 8;
    float : left;
    width : 200px;
    background-color: #f8f8f8;
    border : 1px solid #90a8c8;
}
.timePicker { width: 175px; }
.datePicker button, .timePicker button { padding: 0px; background-image: none; }
.datePicker .emptyCell, .datePicker .rightEmptyCell, .datePicker .previousButton,
.datePicker .nextButton, .datePicker .todayButton
{ background : #eeeeee; }
.datePicker .cell, .datePicker .rightCell, .timePicker .cell { background-color: #e8eef7; }
.datePicker .currentButton, .timePicker .currentButton { background-image: url('DefaultImages/windowHeaderBG.png'); }
.datePicker .cellSelected, .datePicker .rightCellSelected, .timePicker .cellSelected { background-color : #ffffcc; }
.datePicker .shortWeek, .datePicker .shortWeekRight { background : #c9d7e9; }
.datePicker .cell:hover, .datePicker .rightCell:hover, .datePicker .previousButton:hover,
.datePicker .nextButton:hover, .datePicker .todayButton:hover, .timePicker .cell:hover
{ background : #c9d7e9; }
.datePicker .row, .timePicker .row { float : left; width : 100%; margin-bottom : 3px; }
.datePicker .cell, .datePicker .emptyCell, .datePicker .rightEmptyCell, .datePicker .rightCell,
.datePicker .cellSelected, .datePicker .rightCellSelected,
.datePicker .previousButton, .datePicker .nextButton, .datePicker .todayButton,
.datePicker .currentButton, .timePicker .cell, .timePicker .cellSelected, .timePicker .currentButton
{ float : left; border : 0px; cursor : pointer; }
.datePicker .cell, .datePicker .emptyCell, .datePicker .rightEmptyCell,
.datePicker .rightCell, .datePicker .cellSelected,
.datePicker .rightCellSelected, .timePicker .cell, .timePicker .cellSelected
{ width : 26px; height : 18px; }
.datePicker .rightCell, .datePicker .rightEmptyCell, .datePicker .shortWeekRight
{ color : red; }
.datePicker .previousButton, .datePicker .nextButton, .datePicker .shortWeek, .datePicker .shortWeekRight
{ width : 26px; height : 16px; }
.datePicker .todayButton { height : 16px; width : 142px; }
.datePicker .currentButton, .timePicker .currentButton { height : 20px; width : 200px; cursor : default; }
.datePicker .cell, .datePicker .emptyCell, .datePicker .cellSelected,
.datePicker .previousButton, .datePicker .shortWeek, .timePicker .cell, .timePicker .cellSelected
{ margin-right : 3px; }
.datePicker .nextButton { float : right; }
.datePicker .shortWeek, .datePicker .shortWeekRight { float : left; margin-bottom : 3px; border : 0px; }
.timePicker span { float: left; width: 100%; padding-top: 5px; padding-bottom: 3px; padding-left: 5px; }
.timePicker .minuteLine { float: left; width: 100%; border-top: 1px solid #90a8c8; background-image: url('DefaultImages/windowHeaderBG.png'); background-repeat: repeat-x;}
.timePicker .hourLine { float: left; width: 100%; background-image: url('DefaultImages/windowHeaderBG.png'); background-repeat: repeat-x;}