/* stylesheet file */
/* Version 6.0     */

.body
{
	background-color:    White;
	border:              0px;
}

div, table, tr, td
{
	font-family:         Verdana, Arial, Sans-Serif;
	font-size:           11pt;
	border-collapse:     collapse;
	margin:              0px;
	padding:             0px;
}

.table
{
	height:              0px;
	width:               0px;
    border:              0px;
	background-color:    White;
	table-layout:        fixed;
	margin-left:         auto;
	margin-right:        auto;
}

/* Die Tabelle hat folgenden Aufbau:           */
/*                                             */
/*        col1                                 */
/*      +------------------------------------+ */
/* row1 | Logo + Firmenname                  | */
/*      +------------------------------------+ */
/* row2 | Navigation - Menü                  | */
/*      +------------------------------------+ */
/* row3 | Leerraum                           | */
/*      +------------------------------------+ */
/* row4 | Navigation - Submenü               | */
/*      +------------------------------------+ */
/* row5 | Inhalt                             | */
/*      +------------------------------------+ */
/* row6 | Impressum                          | */
/*      +------------------------------------+ */


/* =========================================== */
/* Spalten-Breite                              */
/* =========================================== */

/* Weite für die Spalte der umgebenden Tabelle */
td.w_col   { width: 910px; vertical-align: top; }

/* Weiten für die Spalten der Zeile 1 */
td.w_r1c1  { width:  80px; vertical-align: top; }
td.w_r1c2  { width: 830px; vertical-align: top; }

/* Weiten für die Spalten der Zeile 2 */
td.w_r2c1  { width: 100px; vertical-align: top; }
/* td.w_r2c7  { width: 260px; vertical-align: top; } */
td.w_r2c7  { width: 370px; vertical-align: top; }

/* Weiten für die Spalten der Zeilen 3 und 4 */
td.w_r3c1  { width: 100px; vertical-align: top; }
td.w_r3c2  { width: 810px; vertical-align: top; }
td.w_r3c3  { width: 710px; vertical-align: top; }

/* wsc -> width services column */
td.wsc1   { width:  15px;  vertical-align: top; }
td.wsc2   { width: 695px;  vertical-align: top; }
td.wsc3   { width: 680px;  vertical-align: top; }

/* wic -> width impressum column */
td.wic1   { width: 150px;  vertical-align: top; }
td.wic2   { width: 558px;  vertical-align: top; }

/* wic -> width about us */
td.wac1   { width: 160px;  vertical-align: top;  text-align: right; }
td.wac2   { width: 540px;  vertical-align: top; }

td.wac3   { width: 270px;  vertical-align: top;  text-align: right; }
td.wac4   { width: 430px;  vertical-align: top; }


/* ============================================ */
/* Tabelle                                      */
/* ============================================ */

/* Innenabstand: padding: top right bottom left */
/* Außenabstand: margin : top right bottom left */

/* 1. Zeile: Logo + Firmenname ---------------- */
tr.row1
{
	height:              100%;
	border:              0px;
	margin:              0px 0px 0px 0px;
	padding:             10px 0px 0px 0px;
	background-color:    #CCCC99;
}

td.c11
{
	padding:             15px 0px 5px 15px;
}

/* 2. Zeile: Navigation - Menü ---------------- */
tr.row2
{
	height:              100%;
	border:              0px;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
	background-color:    #CCCC99;
}

td.c2
{
	border-width:        1px;
	border-color:        #CCCC99;
	border-style:        solid;
    border-bottom-color: Black;
}

/* 3. Zeile: Leerraum ------------------------- */
tr.row3
{
	height:              3px;
	border:              0px;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
	background-color:    #99CCCC;
}

/* 4. Zeile: Navigation - SubMenü ------------- */
tr.row4
{
	height:              100%;
	border:              0px;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
	background-color:    #99CCCC;
}

td.c4
{
	background-color:    #99CCCC;
}

/* 5. Zeile: Inhalt --------------------------- */
tr.row5
{
	height:              405px;
	border:              0px;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
	background-color:    #E8E8E8;
}

/* 6. Zeile: Leerraum ------------------------- */
tr.row6
{
	height:              27px;
	border:              0px;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
	background-color:    #E8E8E8;
}


/* ============================================ */
/* für das Menü                                 */
/* ============================================ */

td.menu_on
{
    width:               110px;
    height:              27px;
    line-height:         27px;
	background-image:    url(grafic/menu_on.PNG);
	background-repeat:   no-repeat;
	text-align:          center;
	border:              0px;
	margin:              0px;
	padding:             0px;
}

td.menu_off
{
    width:               110px;
    height:              27px;
    line-height:         27px;
	background-image:    url(grafic/menu_off.GIF);
	background-repeat:   no-repeat;
	text-align:          center;
	border:              0px;
	margin:              0px;
	padding:             0px;
}

a.menu_on
{
	font-family:         Verdana, Arial, Sans-Serif, Mistral; 
    font-size:           10pt;
    font-weight:         bold;
    color:               Navy;
	text-decoration:     none;
}

a.menu_off
{
	font-family:         Verdana, Arial, Sans-Serif, Mistral; 
    font-size:           10pt;
    font-weight:         bold;
    color:               Maroon;
	text-decoration:     none;
}


/* ============================================ */
/* für das Submenü                              */
/* ============================================ */

a.submenu_on
{
	font-family:         Verdana, Arial, Sans-Serif, Mistral; 
    font-size:           8pt;
    font-weight:         bold;
    color:               Navy;
	text-decoration:     none;
}

a.submenu_off
{
	font-family:         Verdana, Arial, Sans-Serif, Mistral; 
    font-size:           8pt;
    font-weight:         bold;
    color:               White;
	text-decoration:     none;
}


/* ============================================ */
/* Inhalt                                       */
/* ============================================ */

div.txt
{
	height:              405px;
	width:               810px;
	font-family:         Verdana, Arial, Sans-Serif;
    font-size:           11pt;
	text-align:          justify;
	padding:             0px 0px 0px 0px;
	margin:              0px 0px 0px 0px;
	overflow:            auto;
}

td.f10
{
	font-family:         Verdana, Arial, Sans-Serif;
    font-size:           10pt;
	text-align:          justify;
}

div.tab
{
	padding:             0px 15px 0px 15px;
}

h2.txt
{
	padding:             0px 0px 0px 0px;
	margin:              20px 15px 20px 15px;
}

p.txt
{
	padding:             0px 0px 0px 0px;
	margin:              0px 75px 0px 15px;
}

p.mb05  { margin-bottom:  5px; } 
p.mb15  { margin-bottom: 15px; } 


/* ============================================ */
/* Firmenname                                   */
/* ============================================ */

p.firma
{
	font-family:         Verdana, Arial, Sans-Serif, Mistral; 
    font-size:           20pt;
    font-weight:         bold;
	text-align:          justify;
	margin:              0px 0px 0px 0px;
	padding:             15px 0px 0px 0px;
}

p.descr
{
	font-family:         Verdana, Arial, Sans-Serif;
    font-size:           13pt;
    font-weight:         normal;
	text-align:          justify;
	margin:              0px 0px 0px 0px;
	padding:             0px 0px 0px 0px;
}


/* ============================================ */
/* für das Formular                             */
/* ============================================ */

form 
{ 
	padding:             16px 0px 0px 15px;
}

.field 
{  
    width:               500px;
    height:              18px;
    text-align:          left;
    background-color:    #FFFFCC;

    border-style:        inset;
    border-color:        white;
    padding:             4px;
    margin-bottom:       4px;

    font-family:         Verdana, Arial, Sans-Serif;
    font-weight:         normal;
    font-size:           10pt;
    line-height:         12pt;
}

.area
{
    width:               500px;
    text-align:          left;
    background-color:    #FFFFCC;

    border-style:        inset;
    border-color:        white;
    padding:             4px;
    margin-bottom:       4px;

    font-family:         Verdana, Arial, Sans-Serif;
    font-weight:         normal;
    font-size:           10pt;
    line-height:         12pt;
}

td.contact
{
	width:               500px;
    text-align:          left;
    vertical-align:      top;
    font-family:         Verdana, Arial, Sans-Serif;
    font-weight:         normal;
    font-size:           10pt;
    padding:             0px 0px 15px 0px;
	margin:              0px 0px 0px 0px;
}


td.contact_txt
{
	width:               90px;
	height:              18px;
    text-align:          left;
    vertical-align:      top;
    font-family:         Verdana, Arial, Sans-Serif;
    font-weight:         normal;
    font-size:           10pt;
    padding:             8px 0px 0px 0px;
	margin:              0px 0px 0px 0px;
}

td.contact_btn
{
    text-align:          right;
    padding:             0px 0px 0px 0px;
	margin:              0px 0px 0px 0px;
}

.button
{
	width:               100px;
	height:              24px;
	font-family:         Verdana, Arial, Sans-Serif;
    font-size:           10pt;
	text-align:          center; 
    text-decoration:     none;
    color:               Black;
    background-color:    transparent;
	border-style:        outset;
    padding:             0px 0px 0px 0px; 
	margin:              0px 0px 0px 0px;
}