/*---------------------------------------*/
/*--             ArcanuM               --*/
/*---------------------------------------*/
/*-- Name:  main.css                   --*/
/*-- Autor: Martin Oelke               --*/
/*-- Datum: 18.08.2013                 --*/
/*-- Zweck: Bestimmt das Aussehen der  --*/
/*--        allg. Homepage             --*/
/*-- Aenderung:                        --*/
/*--                                   --*/
/*---------------------------------------*/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

@font-face {
 font-family: font-tw;
 src: url("../fonts/TradeWinds-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: font-tw;
 src: url("../fonts/TradeWinds-Regular.ttf") /* TTF file for CSS3 browsers */
}


  /*
   div {
   border: 1px solid #eeeeee;
}


table {
    border: 1px solid;
    border-color: #eeeeee;
}
td {
    border: 1px solid;
    border-color: #eeeeee;
}
  */


body {
  
/*  background-color: #ffffff;
    background-image: url("../images/bg-white.png");  
    background-repeat: repeat-y;
*/  
    
    background-color: #000000;
    background-image: url("../images/bg-black.png");  
    background-repeat: repeat-y;

   
/*  background-color: #ff7600;
    background-image: url("../images/bg-orange.png");
    background-repeat: repeat-y;
*/
  
/*  background-color: #FFFFFF;
    background-image: url("../images/main-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
*/
  
    background-position: top center;
    background-attachment: fixed;
    bottom: 0px;

    font-family: Verdana, Arial, sans-serif;
    font-size: 93%;
    color: #cfcfcf;
    margin-right: auto;
    margin-left: auto;
}


/* Allgemeiner Background (Riffelbleche) */
#mainbackgnd {
    position: relative;
    margin-top: 155px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    width: 910px;
    background-image: url("../images/riffel-black.png");
    background-position: center top;
    background-repeat: repeat;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px 0px 20px 10px #cccccc;
    -moz-box-shadow: 0px 0px 20px 10px #cccccc;
    -webkit-box-shadow: 0px 0px 20px 10px #cccccc;
}

#mainbackgnd_adm {
    position: relative;
    margin-top: 125px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    width: 910px;
    background-image: url("../images/riffel-black.png");
    background-position: center top;
    background-repeat: repeat;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px 0px 20px 10px #cccccc;
    -moz-box-shadow: 0px 0px 20px 10px #cccccc;
    -webkit-box-shadow: 0px 0px 20px 10px #cccccc;
}

#mainbackgnd-slide {
    position: relative;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    width: 910px;
    background-image: url("../images/riffel-black.png");
    background-position: center top;
    background-repeat: repeat;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px 0px 20px 10px #cccccc;
    -moz-box-shadow: 0px 0px 20px 10px #cccccc;
    -webkit-box-shadow: 0px 0px 20px 10px #cccccc;
}

#clear {
    clear: left;
    clear: right;
}

a{
}
a:link { color:#E5C300; text-decoration: none; }
a:visited { color:#E5C300; text-decoration:none; }
a:focus { color:#FFFFFF; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:none; cursor: pointer;}
a:active { color:#FFFFFF; text-decoration:none; }
a img { border : 0 none; }

font {
}
.activ {
    color: #D06800;
}
.notact {
    color: #777777;
}

.text-xs-ws {
    font-size: x-small;
    color: #CCCCCC;
} 

.text-s-ws {
    font-size: small;
    color: #CCCCCC;
}

.text-s-rt {
    font-size: small;
    color: #fd3600;
}

.text-ms-ws {
    font-size: 14px;
    color: #CCCCCC;
}

.text-ms-gb {
    font-size: 14px;
    color: #E5C300;
}

.text-m-ws {
    font-size: medium;
    color: #CCCCCC;
}

.text-m-rt {
    font-size: medium;
    color: #fd3600;
}

.text-m-gb {
    font-size: medium;
    color: #E5C300;
}   

.text-l-ws {
    font-size: large;
    color: #CCCCCC;
}

.text-l-rt {
    font-size: large;
    color: #fd3600;
}

.text-l-gb {
    font-size: large;
    font-style: italic;
    color: #E5C300;
}

.text-xl-ws {
    font-size: x-large;
    color: #CCCCCC;
}

.text-xl-gb {
    font-size: x-large;
    
    color: #E5C300;
}

.text-xl-rt {
    font-size: x-large;
    font-style: italic;
    color: #fd3600;
}

.titel-s {
    font-size: large;
    font-family: font-tw, sans-serif;
    color: #fd3600;
}

.titel-m {
    font-size: x-large;
    font-family: font-tw, sans-serif;
    color: #fd3600;
}

.titel-l {
    font-size: xx-large;
    font-family: font-tw, sans-serif;
    color: #fd3600;
}

.tw-s-ws {
    font-size: large;
    font-family: font-tw, sans-serif;
    color: #cccccc;
}

.tw-m-ws {
    font-size: x-large;
    font-family: font-tw, sans-serif;
    color: #cccccc;
}

.tw-m-gb {
    font-size: x-large;
    font-family: font-tw, sans-serif;
    color: #E5C300;
}

.tw-l-ws {
    font-size: xx-large;
    font-family: font-tw, sans-serif;
    color: #cccccc;
}

#bottom_blank {
    position: relative;
    width: 910px;
    height: 35px;
}

#back {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 0px;
    width: 190px;
    height: auto;
}

#back_110 {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 0px;
    width: 110px;
    height: auto;
}


#button_190 {
    position: relative;
    height: 25px;
    width: 190px;
    background-image: url("../images/riffel-red.png");
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 2px solid #888;
    border-bottom: 2px solid #888;
    font-family: Verdana, Arial, sans-serif;
    color: #fff;
    padding-right: 0px;
    padding-top:2px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 0 3px 3px #000000;
}

#button_190:hover {
    background-image: url("../images/riffel-hell.png");
    border-top: 2px solid #888;
    border-left: 2px solid #888;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

#button_190 img { border : 0 none; }

#button_110 {
    position: relative;
    height: 25px;
    width: 110px;
    background-image: url("../images/riffel-red.png");
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 2px solid #888;
    border-bottom: 2px solid #888;
    font-family: Verdana, Arial, sans-serif;
    color: #fff;
    padding-right: 0px;
    padding-top:2px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 0 3px 3px #000000;
}

#button_110:hover {
    background-image: url("../images/riffel-hell.png");
    border-top: 2px solid #888;
    border-left: 2px solid #888;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

#button_110 img { border : 0 none; }

#nopointer_ws:hover {
    color:#CCCCCC;
    text-decoration:none;
}
#nopointer_ws:link { color:#CCCCCC; text-decoration: none; }
#nopointer_ws:visited { color:#CCCCCC; text-decoration:none; }
#nopointer_ws:focus { color:#CCCCCC; text-decoration:none; }
#nopointer_ws:hover { color:#CCCCCC; text-decoration:none; cursor: text;}
#nopointer_ws:active { color:#CCCCCC; text-decoration:none; }

#nopointer_gb:hover {
    color:#E5C300;
    text-decoration:none;
}
#nopointer_gb:link { color:#E5C300; text-decoration: none; }
#nopointer_gb:visited { color:#E5C300; text-decoration:none; }
#nopointer_gb:focus { color:#E5C300; text-decoration:none; }
#nopointer_gb:hover { color:#E5C300; text-decoration:none; cursor: text;}
#nopointer_gb:active { color:#E5C300; text-decoration:none; }

#nopointer_rt:hover {
    color:#fd3600;
    text-decoration:none;
}
#nopointer_rt:link { color:#fd3600; text-decoration: none; }
#nopointer_rt:visited { color:#fd3600; text-decoration:none; }
#nopointer_rt:focus { color:#fd3600; text-decoration:none; }
#nopointer_rt:hover { color:#fd3600; text-decoration:none; cursor: text;}
#nopointer_rt:active { color:#fd3600; text-decoration:none; }