/*
    MS-Software GmbH

    Used Colors:
            #F6E3B9     (sand yellow)
            #669ACC     (steel blue)
            #FFFFFF     (white) BG
*/

body {
    padding:0px;  margin: 0px;
    padding-left: 0px;
    font-family: Arial, sans-serif; font-size: 10pt; color:black;
    line-height: 125%;
/*
	background: url(../img/core-bg.png) repeat-y;
*/
}
table {
    font-family: Arial, sans-serif; font-size: 10pt;
}
h4 {
   color:#669ACC;
   margin: 12px 10px 4px 0px;
   }
hr {
    color:#CCC;
}
a {
    color: #F3AE40; /*#000099;*/
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
.hint-text {
    width:80%;
    font-size:8pt;
    color: grey;
    background: #e5e5e5;
}

.externalURL {
}

.externalURL:hover {
}

.inlineimage {
    display:inline;
    padding:0px;
    margin:0px;
}
.button-link {
    font-size:8pt; font-family: Verdana;
    padding: 1px 4px 1px 4px; /* NUR 1pixel padding (top,bottom) IE... */
    text-decoration: none;

    color:#444;
    background: #DBDBDB;
    border: 1px solid #BBB;

    white-space: nowrap;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.button-link:hover {
    color:#444;
    border-color: #444;
    background: #BBB;
}
.global-wrapper {
    width:80%;
    text-align: left;
}

.page-title {
    display:block;
    padding:6px;
    background: #fff /*#F6E3B9 */;
    color: grey;
    font-size:14pt;
    font-weight: bold;
}
.toplink-holder {
    text-align: right;
    padding: 6px;
}

/******************************************************
 * CORE
 ******************************************************/

.core-wrapper {
    width: 100%;
    min-width: 990px;
}
.core {
    width:990px;
    padding:0px;
/**/
    margin-left: auto ;
    margin-right: auto ;
	background: url(../img/core-bg.png) repeat-y;
/**/
}
.core-head {
    padding: 0px;
    margin-left: 18px; margin-right: 18px;
    height: 150px;
    overflow: visible;
    text-align: left;
}
.core-client {
    position: relative;
    left:0px;
    margin-left: 18px; margin-right: 18px;
    width:944px;
    text-align: center;
}
.core-table {
    width: 944px;
    background-color: #FFF;
}
.core-navigation {
    padding:0px;
    width:210px;
}
.core-content {
    width: 734px;
    padding: 0px;
    text-align:left;
}
.core-bottomline {
    height: 24px;
    margin-left: 18px; margin-right: 18px;
    font-size:8pt;
    text-align: center;
    color:#fff;
}
.core-bottomline a {
    display: inline;
    text-decoration: none;
    color:#fff;
    font-weight: 300;
}
.core-bottomline a:hover {
    color:#FFFF00;
    font-weight: 300;
}

/******************************************************
 * HEAD-TABLE
 ******************************************************/

.head-table {
    width: 100%;
}
.head-table #begin {
    vertical-align: top;
    width: 210px;
}
.head-table #end {

}
.toplogo {
    z-index: 77;
    position: relative;
    left: 0px; top: 80px;
    width: 500px; height: 100px;
    background: url(../img/logo.png) no-repeat;
}
.topcontactblock {
    padding-left: 4px;
    border-left: 2px black dotted;
    position: relative;
    float:right;
    font-family: Arial;
    font-weight: bold;
}
.topcontactblock span {
    font-size: 10pt;
}
.topcontactblock a {
    font-size: 8pt;
    color:#314C63;
}
.topcontactblock a:hover {
    color: #7FC5FF;
}
.backlogo {
    background: url(../img/logo-back.png) no-repeat;
}

/******************************************************
 * NAVIGATION
 ******************************************************/

.core-navigation ul {
    font-size: 12pt;
    font-weight: normal;
    list-style: none; margin: 0;
    padding: 32px 4px 4px 4px;
}

.core-navigation a {
    display: block;
    text-decoration: none;
    color:#000099;
}
.core-navigation a:hover {
    color:#FF0000;
}
.core-navigation li {
    margin: 0;
    padding: 2px;
    display: block;
}
.core-navigation .nav-active {
    border-bottom : 2px red dotted;
    border-left   : 2px red dotted;
}
.core-navigation .nav-normal {
    border-bottom : 2px #ccc dotted;
}
.core-navigation .nav-subactive {
    border-bottom : 2px red dotted;
    border-left   : 2px red dotted;
}
.core-navigation .nav-subnormal {
    border-bottom : 2px #ccc dotted;
}
.core-navigation .nav-seperator {
    padding: 0px;
}
.core-navigation .nav-label {
    display:block;
    border-bottom : 2px #ccc dotted;
    color:#669ACC;
    padding: 2px;
}

/******************************************************
 * INPUT -- GLOBAL
 ******************************************************/

.defaultform fieldset {
    width:90%;

    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #669ACC;
    border-color: #669ACC;
}
.defaultform fieldset legend {
    font-size: 12pt; font-weight: bold;
}
.defaultform fieldset label {
    float:left;
    text-align: right;
    width: 30%
}
.defaultform br {
  clear: left;
}
.defaultform fieldset input, select, textarea {
    width: 400px;
    height:20px;
    font-family:Verdana; font-size:10pt; color:black;
    font-weight: normal;
    padding-left: 6px; padding-right: 6px;
    margin-top: 2px; margin-bottom: 2px;
    background: #fff;

    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #669ACC;
}
.defaultform fieldset input:hover, select:hover, textarea:hover {
    border-color: #e5e5e5;
}
.defaultform fieldset input:focus, select:focus, textarea:focus {
    border-color: #000;
}
.defaultform fieldset textarea {
    height:auto;
}
.defaultform #button {
    float:none;
    width:auto;
    display: inline;
    height:20px;
    font-size:8pt; font-family: Verdana; color:black;
    font-weight: normal;
    padding: 2px 4px 2px 4px;
    text-decoration: none;

    color:#444;
    background: #DBDBDB;
    border: 1px solid #BBB;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.defaultform #button:hover {
    border-color: grey;
}
.defaultform #button:focus {
    border-color: black;
}
.defaultform .backbutton{
    float:left;
    padding: 10px;
}
.defaultform .proceedbutton{
    float:right;
    padding: 10px;
}
.defaultform_error {
    text-align: left;
    display: block;
    width:auto;
    padding: 6px;
    background: #F6D5DD;
    border: 1px solid #C5002F;
    color: #C5002F;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 4px;
}
.defaultform_mustfield {

}


/******************************************************
 * SEARCH - INPUT
 ******************************************************/

.topsearch {
    /*
    position: relative;
    top: -35px;
    left: -40px;
    */
}

.topsearch div{
    height:24px;
    padding-left: 24px;
    background: url(../img/search-left.png) no-repeat;
    white-space: nowrap;
}
.topsearch input {
    font-family:Verdana; font-size:11pt; color:black;
    font-weight: bold;
    color:#AC935F;
    margin:0px;
    height:24px;
    width:150px;
    padding-top: 3px;
    background: url(../img/search-back.png);
    border: 0px;
    vertical-align: middle;
}
.topsearch #button {
    display: inline;
    height:24px;
    width:36px;
    margin:-4px;
    background: url(../img/search-right.png) no-repeat;
}

/******************************************************
 * errors
 ******************************************************/
.error-message {
    width:auto;
    padding: 6px;
    background: #F6D5DD;
    border: 1px solid #C5002F;
    color: #C5002F;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 4px;
}

/******************************************************
 * BASKET
 ******************************************************/

.basket-wrapper {
    /*width: 98%;*/
}
.basket {

    width: 100%;
}
.basket-headline {
    background: #7FB4Df; /*#669ACC;*/
    color:#FFF;
}
.basket-bottomline {
    background: #7FB4Df;
    color:#FFF;
}
.basket-headline th {
    font-family: inherit; font-size: inherit; font-weight: inherit;
}
.basket tr.basket-content-line1 {
    background: #B4C737; /*#F6E3B9;*/
}
.basket tr.basket-content-line1:hover {
    background: #DBDBDB;
}
.basket tr.basket-content-line2 {
    background: #B4C737; /*#F4EAD4;*/
}
.basket tr.basket-content-line2:hover {
    background: #DBDBDB;
}
.basket tr.basket-content-line1 a{
    color:#314C63;
    text-decoration: none;
    display: block;
}
.basket tr.basket-content-line2 a{
    color:#314C63;
    text-decoration: none;
    display: block;
}

/******************************************************
 * SACHGRUPPE
 ******************************************************/

.sachguppe-wrapper {
    width:98%;
}
.sachgruppe-out {
    /*width: 400px;*/
}
.sachgruppe-out ul {
    display:block;
    list-style: none;
}
.sachgruppe-out ul li {
    display:block;
    padding: 1px 0px 1px 0px;
}
.sachgruppe-out ul li a {
    display:block;
    text-decoration:none;
    color: black;
    background: url(../img/lstarr.png) #FAEBFF no-repeat left ;
    padding: 2px;
    padding-left: 16px;
}
.sachgruppe-out ul li a:hover {
    background: url(../img/lstarr.png) #DBDBDB no-repeat left ;
}

/******************************************************
 * FASTSEARCH
 ******************************************************/

.fsearch-wrapper {
    width:98%;
}
.fsearch-headline {
}
.fsearch-content {
}
.fsearch-bottomline {
}
.fsearch-bottomline a {
    font-size:8pt; font-family: Verdana;
    padding: 2px 4px 2px 4px;
    text-decoration: none;

    color:#444;
    background: #DBDBDB;
    border: 1px solid #BBB;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.fsearch-bottomline a:hover {
    border-color: #444;
    background: #BBB;
}

/******************************************************
 * SHORTVIEW
 ******************************************************/

.shortview {
}
.shortview-image {
    padding:4px;
    vertical-align: top;
}
.shortview-image img {
    padding: 2px;
  /*border-bottom: 1px solid grey;
    border-right: 1px solid grey;*/
}
.shortview-image img:hover {
  /*background: grey;*/
}
.shortview-content {
    width:100%;
    vertical-align: top;
}
.shortview-content table{
    width:100%;
}
.shortview-content table th {
    color: #4AA8F0;
    vertical-align: top;
    text-align: left;
    font-weight: bold; font-size: 12pt;
}
.shortview-content table td {
    vertical-align: top;
}
.shortview-bottomline {
    padding: 4px;
}
.shortview-prz {
    display: block;
    text-align: right;
    font-weight: bold; font-size: 12pt;
}
.shortview-warenkorb {
    display: block;
    font-weight: bold; font-size: 12pt;
    text-align: center;
    width:100%;
}
.shortview-warenkorb a {
    display:block;
    padding-right: 28px;
    background: url(../img/small-basket.png) #DBDBDB no-repeat 95% 50%;
}
.shortview-warenkorb a:hover{
    padding-right: 28px;
    background: url(../img/small-basket.png) #BBB no-repeat 95% 50%;
}
.shortview-pdetails {
    display: block;
    text-align: center;
    width:100%;
}
.shortview-pdetails a {
    display: block;
}

/******************************************************
 * DETAILVIEW
 ******************************************************/

.detailview {
}
.detailview table {
    width: 98%;
}
.detailview-image {
    width:200px;
}
.detailview-title {
    color: #4AA8F0;
    display:block;
    font-size:16pt; font-weight: bold;
    padding-left: 6px;
}
.detailview-text {
    padding: 0px 16px;
}
.detailview-prz {
    display: block;
    text-align: center;
    font-weight: bold; font-size: 12pt;
}
.detailview-warenkorb {
    display: block;
    font-weight: bold; font-size: 12pt;
    text-align: center;
    width:70%;
}
.detailview-warenkorb a {
    display:block;
    padding-right: 28px;
    background: url(../img/small-basket.png) #DBDBDB no-repeat 95% 50%;
}
.detailview-warenkorb a:hover{
    padding-right: 28px;
    background: url(../img/small-basket.png) #BBB no-repeat 95% 50%;
}

.staffel-wrapper {
    width:70%;
    text-align: center;
}
.staffel-wrapper span {
    font-weight: bold;
    font-size: 10pt;
    font-style: italic;
}
.staffel-wrapper table {
    width: 100%;
}

.emff {
    width:90%;
    border: 1px solid #ddd;
}
.emff span {
    display: block;
    font-size: 10pt; font-weight: bold; color: #669ACC;
    border-bottom: 1px solid #ddd;
}
.emff-playercol {
    background: #ddd;
}

/******************************************************
 * SHOWFORM
 ******************************************************/

.showform {
    width: 98%;
}
.showform #form-wrapper {

}

/******************************************************
 * IMPRESSUM
 ******************************************************/

.impressum-wrapper{
    width: 80%;
    text-align: left;
}

/******************************************************
 * KONTAKT
 ******************************************************/

.kontakt-wrapper{
    width: 98%;
}
.kontakt-formtable {
    width: 100%;
    border: 1px solid #F6D5DD;
}
.kontakt-formtable th {
    line-height: 14px;
}
.kontakt-formtable td {
    padding: 1px 0px;
    line-height: 14px;
}

/******************************************************
 * NEWS
 ******************************************************/

.news-wrapper {
    width: 90%;
    text-align: left;
}

.news-wrapper h2 {
    font-family: "Akbar Plain", "Comic Sans MS", sans-serif;
    font-size: 14pt;
    color: #B3C737;
}

.news {
}
.news #topic{
    color: #C5002F;;
    font-weight: bold;
    }

.news #title {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #F6D5DD;
}
.news #text img {
/*
    width:120px;
    height:96px;
*/    float:left;
    margin-right: 12px;
    margin-bottom: 12px;
}
.news #text {
    text-shadow:black;
    margin-top: 10px;
}

.news-nachweis {
    font-size:8pt;
}

.news-hoder {
    overflow: scroll;
    width:100%;
    height: 600px;
}

.contact-wrapper {
    width: 90%;
    text-align: left;
}
.contact {
}
.contact #topic{
    color: #C5002F;;
    font-weight: bold;
    }

.contact #title {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #F6D5DD;
}
.contact #text img {
/*
    width: 120px;
    height:160px;
*/    float:left;
    margin-right: 12px;
    margin-bottom: 12px;
}
.contact #text {
    text-shadow:black;
    margin-top: 10px;
}

.contact-nachweis {
    font-size:8pt;
}

/******************************************************
 * DOWNLOADBOX
 ******************************************************/

.download-box {
    margin-top: 25px;
    padding-left: 6px;
    padding-right: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url(../img/download_art.png) #E0FFDD no-repeat right;

    border: 1px solid #00CC00;
    -moz-box-shadow: rgba(0,204,0,1) 0 4px 18px;
    -webkit-box-shadow: rgba(0,204,0,1) 0 4px 18px;
    -khtml-box-shadow: rgba(0,204,0,1) 0 4px 18px;
    box-shadow: rgba(0,204,0,1) 0 4px 18px;
}
.download-box #head {
    color: #00CC00;
    font-weight: bold;
}
.download-box #ln0 {
    display:block;
    background: url(../img/download_bg0.png);
}
.download-box #ln1 {
    display:block;
    background: url(../img/download_bg1.png);
}

/******************************************************
 * OTHER
 ******************************************************/

.weblink {
   background-color: #FFFCF5;
}
.weblinkHeader {
   background-color: #FFF5E1;
   text-weight: bold;
   line-height: 165%;
   border-bottom: 1px solid #808080;
}