/* Allgemein */
*
{
  
	font-family: Verdana, Arial;	/* Anpassen */
    font-size: 11pt;	/* Anpassen */
    margin: 0px;
    padding: 0px;
}

body
{
	background-color: #FFF5DC;
}

img
{
	border: 0px;
}

.dummy
{
	width: 100%;
}


/* steckt im dummy-div */
.site_container
{
	padding-top: 20px;
    padding-bottom: 10px;
	margin: auto;  
    width: 896px; /* Breite der Seite */
}



/* steckt im container-div */
.header
{
	background-image: url(../img/site/header.jpg);
    background-repeat: no-repeat;
    height: 166px;
}

.main_container
{
	position: relative;
    background-image: url(../img/site/content.jpg);
    background-repeat: repeat-y;
}

.footer
{
    background-image: url(../img/site/footer.jpg);
    background-repeat: no-repeat;
    height: 39px;
	text-align: right;
    padding-top: 2px;
    padding-right: 15px;
}



/* steckt im main-div */
.navigation_container
{
	position: absolute;
    top: 0px;
    left: 35px;
}

.content_container
{
    /* eventuell weiter unterteilen (title, content) */

	position: relative;
    top: 10px;
    left: 240px;	/* Breite des Menüs evtl. plus Abstand (hier etwas mehr, wegen der Linien) */
	width: 613px; 	/* Differenz aus Gesamtbreite und Menübreite (hier etwas mehr, wegen der Linien) */

    padding-bottom: 20px;
}

/* steckt im navigation_container-div */
.menu
{
	/* beinhaltet die einzelnen Menüeinträge */
	position: relative;
    left: 28px;
    height: 180px;
}

/* steckt im navigation_container-div */
.info
{
  /* für Zusatzinformationen oder ähnliches unterhalb des Menüs */
}

/* steckt im menu-div */
.menu_entry
{
	position: relative;
	background-image: url(../img/site/menu_normal.jpg);
	width: 131px;
    height: 42px;
}

/* Ergebnis des Kontaktformulars */
.mail_result
{
	height: 300px;
}

.start_left
{
    position: relative;
    top:0px;
    left: 0px;	
    height: 370px;
    width: 300px;
}

.start_right
{
    position: absolute; 
    top:0px; 
    left: 45%;
}

.start_left img
{
    margin-bottom: 70px;
}

.vertical_line
{
	border-right: 1px solid #800000;
}


/* ~~~~~~~~~~~~~~~~~~ Textformatierung ~~~~~~~~~~~~~~~~~~ */


h1
{
	color: #800000;
	font-size: 14pt;
    padding-bottom: 10px;
}

h2
{
	color: #800000;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 7px;
}

p
{
	padding-bottom: 7px;
}

ul
{
	padding-bottom: 7px;
    padding-left: 15px;
}

li
{
    padding-bottom: 5px;
    font-weight: bold;
}

table
{
    margin-left: -2px;
    margin-bottom: 5px;
}

a:link, a:visited
{
	color: #800000;
	font-weight: bold;
    text-decoration: none;
}

a:hover, a:active, a:focus
{
	text-decoration: underline;
}

.footer a:link, .footer a:visited
{
	color: #363636;
    font-size: 10pt;
    text-decoration: none;
}

.footer a:hover, .footer a:active, .footer a:focus
{
	text-decoration: underline;
}


/* ~~~~~~~~~~~~~~~~~~ Menupunkte ~~~~~~~~~~~~~~~~~~ */

/*******************************************/
/* Startseite */
#menu_home
{
    position: absolute;
    top: 0px;
    left: 0px;

    height: 42px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);
    
    text-align: center;
}

#menu_home a:link, #menu_home a:visited
{
    position: absolute;
    top: 0px;
    left: 0px;

    padding-top: 18px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_normal.jpg);
}

#menu_home a:hover, #menu_home a:active, #menu_home a:focus
{
	color: black;
	background-image: url(../img/site/menu_hover.jpg);
}

#menu_home_active
{
	color: black;    
	position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 18px;
  height: 42px;
  width: 131px;
  background-image: url(../img/site/menu_hover.jpg);
  text-align: center;
}

#menu_home_active a:link, #menu_home_active a:visited
{
    color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    text-decoration: none;

    padding-top: 18px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);
}

#menu_home_active a:hover, #menu_home_active a:active, #menu_home_active a:focus
{
	text-decoration: underline;
}

/*******************************************/
/* Referenzen */
#menu_references
{
    position: absolute;
    top: 42px;
    left: 0px;

    height: 42px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);

    text-align: center;
}

#menu_references a:link, #menu_references a:visited
{
    position: absolute;
    top: 0px;
    left: 0px;

    padding-top: 17px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_normal.jpg);
}

#menu_references a:hover, #menu_references a:active, #menu_references a:focus
{
	color: black;
	background-image: url(../img/site/menu_hover.jpg);
}

#menu_references_active
{
	color: black;    
	position: absolute;
  top: 42px;
  left: 0px;

  height: 42px;
  width: 131px;
  background-image: url(../img/site/menu_hover.jpg);
  text-align: center;
}

#menu_references_active a:link, #menu_references_active a:visited
{
    color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    text-decoration: none;

    padding-top: 18px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);
}

#menu_references_active a:hover, #menu_references_active a:active, #menu_references_active a:focus
{
	text-decoration: underline;
}

/*******************************************/
/* Kontakt */
#menu_contact
{
    position: absolute;
    top: 84px;
    left: 0px;

    height: 42px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);

    text-align: center;
}

#menu_contact a:link, #menu_contact a:visited
{
    position: absolute;
    top: 0px;
    left: 0px;

    padding-top: 17px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_normal.jpg);
}

#menu_contact a:hover, #menu_contact a:active, #menu_contact a:focus
{
	color: black;
	background-image: url(../img/site/menu_hover.jpg);
}

#menu_contact_active
{
	color: black;    
  position: absolute;
  top: 84px;
  left: 0px;

  height: 42px;
  width: 131px;
  background-image: url(../img/site/menu_hover.jpg);
  text-align: center;
}

#menu_contact_active a:link, #menu_contact_active a:visited
{
    color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    text-decoration: none;

    padding-top: 18px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);
}

#menu_contact_active a:hover, #menu_contact_active a:active, #menu_contact_active a:focus
{
	text-decoration: underline;
}

/*******************************************/
/* Impressum */
#menu_impressum
{
    position: absolute;
    top: 126px;
    left: 0px;
    
    height: 42px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);

    text-align: center;
}

#menu_impressum a:link, #menu_impressum a:visited
{
	position: absolute;
    top: 0px;
    left: 0px;

    padding-top: 17px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_normal.jpg);
}

#menu_impressum a:hover, #menu_impressum a:active, #menu_impressum a:focus
{
 	color: black;
    background-image: url(../img/site/menu_hover.jpg);
}

#menu_impressum_active
{
	color: black;    
	position: absolute;
  top: 126px;
  left: 0px;
    
  height: 42px;
  width: 131px;
  background-image: url(../img/site/menu_hover.jpg);
  text-align: center;
}

#menu_impressum_active a:link, #menu_impressum_active a:visited
{
    color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    text-decoration: none;

    padding-top: 18px;

    height: 25px;
    width: 131px;
    background-image: url(../img/site/menu_hover.jpg);
}

#menu_impressum_active a:hover, #menu_impressum_active a:active, #menu_impressum_active a:focus
{
	text-decoration: underline;
}