/*
 *  plastick.org stylesheet
 *  
 *  author: eichinger.s@gmx.de  
 *
 */
html {
    height:   100%;
    width:    100%;
}
body {
    background-color: #000;
    background:       url(img/body_bg.gif) 0 0 repeat;
    text-transform:   lowercase;
    color:            #fff;
    font-family:      verdana, arial, helvetica, sans-serif;
    font-size:        11px;
    padding:          0 0 40px 0;
    margin:           0;
    text-align:       center; 
}       
/*
 *  layout positioning 
 *
 */    
#center_container {
    padding:           0;
    text-align:        center;   
    width:             712px;
    background-color:  transparent;
    margin:            auto;
    margin-left:       auto;
    margin-right:      auto;
}
#center_box {
    float:             left;
    text-align:        center;
    line-height:       110%;
    width:             712px;    
    background-color:  transparent;
    margin:            0 0 0 0;
}
#content_border {
    float:            left;
    text-align:       left;
    width:            700px;
    background-color: #333;
    padding:          0 6px 6px 6px;
    margin:           0 0 40px 0;
}
#content {
    float:            left;
    text-align:       left;
    width:            700px;
    background-color: #fff;
    color:            #333;
    padding:          0 0 0 0;
    margin:           0 0 0 0;
}
/*
 *  content styling
 *
 */
a {
    outline: none;
}
a,
a:link,
a:active,
a:visited {
    color:           #563;
    text-decoration: underline;
}         
a:hover {
    color:            #681;
    text-decoration:  none;
}
h1 {
    font-size:    14px;
    font-weight:  bold;
    margin:       0;
    padding:      0;
}
h2 {
    font-size:      12px;
    font-weight:    bold;
    margin:         0 0 0 0;
    padding:        10px 0 0 0;
    letter-spacing: 1px;
} 
input, textarea {
    font-size:    11px;
    font-family:  verdana, arial, helvetica, sans-serif;
}
table, td {
    font-size: 11px;
    color:     #333;
}
p, td, th, div, span {
    font-family: verdana, arial, helvetica, sans-serif;
}
blockquote {
    margin:           10px 50px 10px 50px;
    background:       url(img/blockquote.gif) 0 0 no-repeat;
    background-color: #efc;
    color:            #333;
    font-size:        11px;
    text-align:       left;
}
blockquote a,
blockquote a:link,
blockquote a:active,
blockquote a:hover,
blockquote a:visited {
    color: #563;
}
#quote {
    padding:      5px 15px 20px 30px;
    line-height:  14px;
    font-weight:  normal;
}
#quote p {
    margin-bottom:  0;
    padding-bottom: 0;
}
#linkbox {
    margin:           10px 50px 10px 50px;
    padding:          0 0 0 0;
    background-color: #efc;
    color:            #999;
    font-weight:      bold;
    font-size:        11px;
    text-align:       left;
}
#linkbox a,
#linkbox a:link,
#linkbox a:active,
#linkbox a:hover,
#linkbox a:visited {
    color: #563;
}
#link {
    clear:        both;
    padding:      5px 15px 20px 30px;
    line-height:  14px;
    font-weight:  normal;
    color:        #666;
}
abbr {
  cursor:         help;
  border-bottom:  1px dashed #aaa;
}
.submit {
    height:           20px;
    width:            125px;
    cursor:           pointer;
    border:           outset 1px #ccc;
    background-color: #ac5;
    color:            #333;
    font-weight:      bold;
    font-size:        10px;
    padding:          1px 2px;
    float:            none;
}
/*
 *  banner / navigation 
 *
 */
#banner {
    color:            #000;
    background-color: #fff;
    background:       url(img/header.gif) 0 0 no-repeat;
    text-align:       left;
    width:            700px;
    height:           80px;
    margin:           0;
    border:           1px solid #333;
    border-width:     0 6px 0 6px;    
}
ul#navigation {
    height:       80px;
    margin:       0;
    padding:      0;
    text-align:   left;
}
ul#navigation li {
    list-style: none;
    display:    inline;
    margin:     0; 
    padding:    0;
}
a#nav_home,
a#nav_home_current,
a#nav_home:visited {
    float:            left;
    width:            68px;
    height:           80px;
    margin:           0; 
    padding:          0;
    text-decoration:  none;
    border:           0;
    background:       url(img/home.gif) 0 0 no-repeat; 
}
a#nav_home:hover,
a#nav_home_current:hover {
    background-position: -68px 0px;
}
a#nav_home_current {
    background-position: -136px 0px; 
}
a#nav_blog,
a#nav_blog_current,
a#nav_blog:visited {
    float:            left; 
    width:            58px;
    height:           80px;
    margin:           0; 
    padding:          0;
    text-decoration:  none;
    border:           0;
    background:       url(img/blog.gif) 0 0 no-repeat; 
}
a#nav_blog:hover,
a#nav_blog_current:hover {
    background-position: -58px 0px;
}
a#nav_blog_current {
    background-position: -116px 0px;
}
#nav_disabled {
    float:            left; 
    width:            68px;
    height:           80px;
    margin:           0; 
    padding:          0;
    text-decoration:  none;
    border:           0;
}
a#nav_klikk,
a#nav_klikk_current,
a#nav_klikk:visited {
    float:            left; 
    width:            68px;
    height:           80px;
    margin:           0; 
    padding:          0;
    text-decoration:  none;
    border:           0;
    background:       url(img/klikk.gif) 0 0 no-repeat; 
}
a#nav_klikk:hover,
a#nav_klikk_current:hover {
    background-position: -68px 0px;
}
a#nav_klikk_current {
    background-position: -136px 0px; 
}
a#nav_info,
a#nav_info_current,
a#nav_info:visited {
    float:            left; 
    width:            52px;
    height:           80px;
    margin:           0; 
    padding:          0;
    text-decoration:  none;
    border:           0;
    background:       url(img/info.gif) 0 0 no-repeat; 
}
a#nav_info:hover,
a#nav_info_current:hover {
    background-position: -52px 0px;
}
a#nav_info_current {
    background-position: -104px 0px; 
}
/*
 *  page 'home'
 *
 */
#introduction {
    width:    575px;
    margin:   0 63px 50px 62px;
    padding:  0;  
}
#random {
    margin:   0;
    padding:  6px 6px 0 0;
    height:   20px;
}
#random p {
    float:   left;
    margin:  0 0 0 0;
    padding: 0 0 0 6px;
    height:  20px;
}
a#randomlink,
a#randomlink:hover,
a#randomlink:visited {
    display:          block;
    height:           20px;
    float:            right;
    width:            20px;   
    text-decoration:  none;
    background:       url(img/random.gif) right center no-repeat;
}
#introduction_de {
    float:        left;
    border-right: 1px solid #999;
    width:        275px; 
    text-align:   right;
    padding:      0 12px 0 0;
    margin:       0;
}   
#introduction_en {
    float:      right;
    width:      275px;
    text-align: left; 
    padding:    0 0 0 12px;
    margin:     0;
    color:      #777;
}
#mindbox{
    width:      500px;
    margin:     0 100px 50px 100px;
    padding:    0;
}
#thoughts_header {
    float:            left;
    width:            250px;
    text-align:       left;
    font-weight:      bold;
    padding:          15px 10px 5px 10px;
    color:            #999;
    background-color: #f9f9f9;
    border-bottom:    1px solid #eee;
}
#thoughts_date {
    float:            right;
    width:            210px;
    text-align:       right;
    padding:          15px 10px 5px 10px;
    color:            #999;
    background-color: #f9f9f9;
    border-bottom:    1px solid #eee;
    font-size:        10px;
}
.thought {
    clear:            both;
    color:            #666;
    text-align:       left;
    padding:          20px 10px;
    background-color: #f9ffed;
    border:           1px solid #eee;
    border-width:     0 1px 1px 1px;
}
/* 
 *  page 'info'
 *
 */
#info {
    width:      575px;
    margin:     30px 63px 50px 62px;
    padding:    0;
    text-align: left; 
}
#kontaktformular {
  margin: 0 0 50px 0;
}
#kontaktformular label {
    clear:      left;
    float:      left;
    width:      150px;
    text-align: right;
    padding:    2px 5px 2px 2px;
    margin:     0;
}
#kontaktformular input {
    float:  left;
    margin: 0 0 2px 0;
    width:  275px;
}
#kontaktformular textarea {
    float:    left;
    width:    275px;
    height:   100px;
    margin:   0 0 0 0;
    overflow: auto;
}
#kontaktformular .del {
    height:           20px;
    width:            125px;
    margin:           5px 5px 5px 166px;
    cursor:           pointer;
    border:           outset 1px #ccc;
    background-color: #ac5;
    color:            #333;
    font-weight:      bold;
    font-size:        10px;
    padding:          1px 2px;
}
#kontaktformular .preview {
    height:           20px;
    width:            125px;
    margin:           5px 0 0 5px;
    cursor:           pointer;
    border:           outset 1px #ccc;
    background-color: #ac5;
    color:            #333;
    font-weight:      bold;
    font-size:        10px;
    padding:          1px 2px;
}
#kontaktformular .submit {
    height:           20px;
    width:            125px;
    cursor:           pointer;
    border:           outset 1px #ccc;
    background-color: #ac5;
    color:            #333;
    font-weight:      bold;
    font-size:        10px;
    padding:          1px 2px;
    float:            none;
}
#msg {
    color:            #777;
    background-color: #efc;
    text-align:       center;
    padding:          10px;
}
#preview_box {
    border:           1px solid #eee;
    margin:           0 50px 50px 50px;
    background-color: #f9f9f9;
    padding:          0 20px 5px 20px;
    color:            #333;  
    text-align:       left;
}
#preview_box em {
    color: #777;
}
.preview_label {
    padding:    2px 5px 2px 0;
    width:      100px; 
    color:      #333;
    text-align: right;
    color: #777
}
/* 
 *  page 'klikk'
 *
 */
#klikk{
    margin:   0px 0px 50px 0px;
    padding:  0;
}
#klikk a,
#klikk a:active,
#klikk a:link
#klikk a:visited {
    text-decoration:  none;
    color:            #444;
}
#klikk a:hover {
    text-decoration:  none;
    color:            #681;
}
.catrow {
    float:    left;
    width:    139px;
    padding:  0;
    margin:   0;
}
* html .catrow {
    width:    125px;
}
.lastrow {
    float:    left;
    width:    143px;
    padding:  0;
    margin:   0;
}
#klikk label {
    float:            left;
    display:          block;
    width:            130px;
    text-align:       left;
    padding:          15px 0 10px 10px;
    margin:           0;
    background-color: #f9f9f9;
    font-family:      Verdana, Arial, sans-serif;
    font-size:        11px;
    font-weight:      bold;
    letter-spacing:   2px;
    color:            #999;
}
* html #klikk label {
    width: 127px;
}
.label_border {
    border:       1px solid #ddd;
    border-width: 0 0 0px 1px;
}
#klikk label.last_border {
    width:        133px;
    border:       1px solid #ddd;
    border-width: 0 0 0px 1px;
}
* html #klikk label.last_border {
    width: 137px; 
}
dl {
    clear:    both;
    float:    left;
    margin:   0;
    padding:  0;
    width:    139px;
}
* html dl {
    width: 132px; 
    padding: 0 0 0 5px;
}
.klikk_border {
    clear:        both;
    float:        left;
    border:       1px dashed #ddd;
    border-width: 0 0 0 1px;
}
dt img {
    float:  left;
    display: block;
    width:  15px;
    height: 15px;
    margin: 0 0 0 15px;
    border: 1px solid #eee;
}
*html dt img {
    margin: 0 0 0 0;
}
dt a:hover img {
    border: 1px solid #681;
}
dt {
    clear: both;
    padding: 8px 0 0 0;
}
dt span {
    float:  left;
    width:  95px;
    margin: 0 0 0 5px;
    cursor: pointer;
}
dt a:hover span {
    text-decoration: underline;
}
dd span {
    display:      block;
    font-size:    10px;
    padding:      0 0 0 15px;
    margin:       10px 0 0 0;
    background:   url(img/path.gif) 0 4px no-repeat;
}
dd span.gram {
    display:          inline;
    font-size:        11px;
    padding:          0 0 0 0;
    margin:           0 0 0 0;
    background-image: none;
    text-transform:   none;
}
.linkliste dd { 
    margin:   0; 
    padding:  0; 
    position: absolute; 
    left:     -9000px; 
    top:      0; 
    width:    0; 
    overflow: hidden; 
}  
.linkliste dd.hidden {
    position: absolute;
    left:     -9000px;
    top:      0;
    width:    0;
    overflow: hidden;
}
.linkliste dd.visible {
    padding:          10px;
    width:            200px;
    overflow:         auto;
    border:           1px double #333;
    background-color: #f9ffed;
    opacity:          0.95;
    -moz-opacity:     0.95;
    filter:           alpha(Opacity=95);
}
#random_link {
    width:    575px;
    margin:   0 0 50px 62px;
    padding:  0;  
}
/* 
 *  global classes
 *
 */
#footer {
    text-decoration:  none;
    font-size:        10px;
    text-align:       center;
    padding:          5px;
    margin:           4px 0 4px 0; 
    color:            #999;
    padding:          2px;
    background-color: #f9f9f9;
    border-top:       1px solid #eee; 
}
#footer span a {
    cursor: text; 
}
#footer a,
#footer a:visited {    
    text-decoration:  none;
    font-size:        10px;
    text-align:       center;
    padding:          0;
    margin:           0;
    color:            #999;
    padding:          0 5px 0 5px;   
}
#footer p a:hover {
    color:           #666;   
    text-decoration: underline;
}
a#up,
a#up:link,
a#up:active,
a#up:visited,
a#up:hover {
    display:          block;
    float:            right;
    text-decoration:  none;
    padding:          0;
    margin:           0 5px 0 0;
    height:           15px;
    width:            15px;
    background:       url(img/up.gif) 0 0 no-repeat;
}
.nodeco,
a.nodeco,
a.nodeco:link,
a.nodeco:active,
a.nodeco:visited,
a.nodeco:hover {
    border: 0;
    text-decoration: none;    
}
.spacer {
    clear:    both;
    display:  block;
    margin:   0;
    padding:  0;
    height:   30px;
}
.clear {
    clear: both;
}
.m {
    font-size:    12px;
    line-height:  14px;
}
.s {
    font-size: 11px;
}
.xs {
    font-size: 10px;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.b {
    font-weight: bold;
}
.dark {
    color: #000;
}
.light {
    color: #999;
}
gram,
.gram {
    text-transform: none;
}