/* --------------------------------------------------------------*/
/* screen css */
/* ------------------------------------------------------------- */

/* --------------------------------------------------------------*/
/* general */
/* --------------------------------------------------------------*/

html { 
    overflow            : auto;
    height              : 100%;
}

body {
    background          : #000000; 
    color               : #000000;
    font-family         : Verdana, Arial, Sans-Serif;
    font-size           : 0.8em;
    line-height         : 1.4em;
    font-weight         : normal;
    text-align          : center;
    padding             : 0;
    margin              : 0;
}

a:link {
    color               : #FF0000;
    text-decoration     : none;
}

a:visited {
    color               : #FF0000;
    text-decoration     : none;
}

a:hover {
    color               : #FF0000;
    text-decoration     : none;
}

a:active {
    color               : #FF0000;
    text-decoration     : none;
}

a:focus {
    color               : #FF0000;
    text-decoration     : none;
}

#container {
	position              : absolute;
	left                  : 50%;
	top                   : 50%;
	margin-left           : -400px;
	margin-top            : -250px;
	width                 : 800px;
	height                : 500px;
}

#container_main {
    background-image    : url(../images/background.png);
    background-repeat   : no-repeat;
    position            : relative;
    width               : 920px;
    height              : 740px;
    text-align          : left;
    top                 : 0px;
    padding             : 0;
    margin              : 0 auto;
}

.table_style {
    padding             : 5px;
    margin              : 0 auto;
}

.cell_style {
    font-size           : 0.7em;
    line-height         : 1.2em;
    font-weight         : normal;
    padding             : 5px;
    margin              : 0 auto;
}

.input_field {
    font-family         : Verdana,Arial,Helvetica;
    font-size           : 3.0mm;
    border-style        : solid;
    border-width        : 1px;
    border-color        : #3d3d3d;
    color               : #3d3d3d;
    background-color    : #FFFFFF;
}

.input_field_darkgreen {
    font-family         : Verdana,Arial,Helvetica;
    font-size           : 3.0mm;
    border-style        : solid;
    border-width        : 1px;
    border-color        : #3d3d3d;
    color               : #3d3d3d;
    background-color    : #DDDDDD;
}

/* --------------------------------------------------------------*/
/* main */
/* --------------------------------------------------------------*/

#top_navi_philosophie {
    position            : absolute;
    width               : 159px;
    height              : 191px;
    left                : 23px;
    top                 : 447px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_handwerk {
    position            : absolute;
    width               : 136px;
    height              : 154px;
    left                : 174px;
    top                 : 368px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_kunsthandwerk {
    position            : absolute;
    width               : 134px;
    height              : 145px;
    left                : 29px;
    top                 : 242px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_unsere_events {
    position            : absolute;
    width               : 141px;
    height              : 137px;
    left                : 779px;
    top                 : 163px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_rundgang {
    position            : absolute;
    width               : 141px;
    height              : 140px;
    left                : 478px;
    top                 : 506px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_leiden_schafft_leidenschaft {
    position            : absolute;
    width               : 151px;
    height              : 220px;
    left                : 769px;
    top                 : 266px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_kontakt {
    position            : absolute;
    width               : 171px;
    height              : 118px;
    left                : 508px;
    top                 : 0px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#top_navi_impressum {
    position            : absolute;
    width               : 203px;
    height              : 116px;
    left                : 198px;
    top                 : 0px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#content_headline {
    position            : absolute;
    width               : 150px;
    height              : 45px;
    left                : 440px;
    top                 : 105px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}

#content {
    position            : absolute;
    left                : 340px;
    top                 : 155px;
    width               : 410px;
    height              : 325px;
    font-size           : 10pt;
    color               : #000000;
    padding             : 10px 10px 10px 10px;
    margin              : 0px;
    overflow            : auto;
}

table.contentpaneopen {
    font-size           : 10pt;
    color               : #222222;
}

/* --------------------------------------------------------------*/
/* bottom */
/* --------------------------------------------------------------*/

#bottom_navi {
    position            : absolute;
    width               : 920px;
    height              : 89px;
    top                 : 651px;
    left                : 0px;
    text-align          : left;
    padding             : 0;
    margin              : 0 auto;
}