/* 
    Document   : style
    Created on : 07.02.2013, 08:07:32
    Author     : Thomas
    Description:
        Purpose of the stylesheet follows.
*/

/* root { 
    display: block;
}
*/

/*******************************************************************************
 *                                                                             *
 *                                                                             *
 *                                C O N T E N T                                *
 *                                                                             *
 *                                                                             *
 ******************************************************************************/








/*******************************************************************************
 *                                                                             *
 *                                                                             *
 *         D o k u m e n t b a u    u n d    t o p n a v i g a t i o n         *
 *                                                                             *
 *                                                                             *
 ******************************************************************************/
/*
*, root, html {
    margin: 0;
    padding: 0;
    font-family: "Arial", "Sans", "Verdana", sans-serif;
}
*/
body {
/*
    margin: 0 auto;
    width: 1024px;
    background-color: lightgrey;
*/
    margin: 0 auto;
    width: 1024px;
    min-height: 760px;
    height: 100%;

    background: none;
    
    color: #333333;
    /*font-family: Impact, Charcoal, sans-serif; /*Verdana; */
    font-family: "Courier New", Courier, monospace;
}

#mainframe {
    display: inline-block;
    background: none;
    width: 100%;
}

.header {
    background: none;
    height: 65px;
    position: relative;
}

.header .title {
    color: #333;
    font-size: 24px;
    text-decoration: none;
    
    padding: 5px;
    bottom: 0;
    position: absolute;
}

.header_menu {
    display: none;
}

.topnavi {
    display: none;
}

.horiz_nav li {
    text-align: center;
    display: inline-block;
    /*border: 1px solid black;*/
}

.horiz_nav li * {
    display: inline-block;
    vertical-align: middle;
}

.horiz_nav h1 {
    font-size: 1.6em;
}

.horiz_nav input {
    font: 1.2em Sans;
    color: lightgrey;
}

.navi a {
    font: 0.8em Sans;
    color: white;
    text-decoration: none;
    vertical-align: middle;
}

.navi li {
    padding-right: 4px;
    border-right: 1px solid white;
}
.navi li:last-child {
    border-right: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.side {
    display: none;
}

.sidenavi {
    display: none;
}


.content-item {
    font-size: 20px;
    color: #333;
    text-decoration: none;
    margin: 10px;
    vertical-align: top;
    display: inline-block;
    background: #cff;
    background: -moz-linear-gradient(#444, #cff); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cff),color-stop(1, #444));	
    background: -webkit-linear-gradient(#444, #cff);	
    background: -o-linear-gradient(#444, #cff);
    background: -ms-linear-gradient(#444, #cff);
    background: linear-gradient(#444, #cff);
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
}

.content-item div {
    display: table-cell;
    height: 100px;
    width: 150px;
    vertical-align: middle;
    text-align: center;
}

.content-item:hover {
    color: #fcc;
    cursor: pointer;
}

.button {
    font-size: 20px;
    color: #fafafa;
    text-decoration: none;
    margin: 5px;
    vertical-align: top;
    text-algin: center;
    display: inline-block;
    background: #333;
    background: -moz-linear-gradient(#444, #333); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333),color-stop(1, #444));	
    background: -webkit-linear-gradient(#444, #333);	
    background: -o-linear-gradient(#444, #333);
    background: -ms-linear-gradient(#444, #333);
    background: linear-gradient(#444, #333);
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
    border: none;
}

.button:hover {
    background: #f00;
    background: -moz-linear-gradient(#444, #f00); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f00),color-stop(1, #444));	
    background: -webkit-linear-gradient(#444, #f00);	
    background: -o-linear-gradient(#444, #f00);
    background: -ms-linear-gradient(#444, #f00);
    background: linear-gradient(#444, #f00);
    cursor: pointer;
}