html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}



*
{
	margin: 0;
	padding: 0;
}


body
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
	color:#666666;
    padding:0;
    margin:0;
    border:0;
    vertical-align:top;
    text-align:left;
	}

 
#main
    {
    position:relative;
    top:0px;
	left:20px;
	z-index:1;
    /*achtung: hier immer schauen, wie breit die breiteste Grafik für das Layout ist*/
    width:627px;
    border:0;
    font-size:1em;
    }
 
 

/* allgemeine formatierungen */ 
h1
    {
    font-size:1.1em;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
    }

p
    {
	margin:10px 0 5px 0;
    }
 
 
hr
    {
	color:#CCCCCC;
	margin:5px 0 5px 0;
	}

td {
	padding:10px 10px 10px 0px;
	}

 
/*   divs layout */
#telefon
    {
    position:absolute;
    top:18px;
    left:460px;
    z-index:2;
    margin:0;
    padding:0;
	text-align:left;
	color:#666666;
	font-size:0.7em;
    }

#mail
    {
    position:absolute;
    top:18px;
    left:586px;
    z-index:2;
    margin:0;
    padding:0;
	text-align:left;
	color:#666666;
	font-size:0.7em;
    }


/* navigation oben */
#navi_1
    {
    position:absolute;
    top:5px;
    left:0px;
    z-index:2;
    margin:0;
    padding:0;
	text-align:left;
	color:#333333;
	font-size:0.8em;
    }


#navi_oben_start
    {
    position:absolute;
    top:10px;
    left:39px;
    z-index:1;
    border:0;
    margin:0;
    padding:0;
    }

#navi_oben_kontakt
    {
    position:absolute;
    top:10px;
    left:129px;
    z-index:1;
    border:0;
    margin:0;
    padding:0;
    }

#navi_oben_inhalt
    {
    position:absolute;
    top:10px;
    left:204px;
    z-index:1;
    border:0;
    margin:0;
    padding:0;
    }

#navi_oben_impressum
    {
    position:absolute;
    top:10px;
    left:272px;
    z-index:1;
    border:0;
    margin:0;
    padding:0;
	width:120px;
    }

/* header mit fotos oben */
#header
    {
    position:absolute;
    top:35px;
    left:0px;
    z-index:10;
    border:0;
    margin:0;
    padding:0;
	border-left:4px solid #CCCCCC;
	border-right:4px solid #CCCCCC;
	width:619px;
	height:170px;
    }

#header_1
    {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:28px;
	height:117px;
	background-image:url(images/header1.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
    padding:0;
	float:left;
    }


#header_2
    {
    position:absolute;
    top:0px;
    left:28px;
    z-index:1;
    width:87px;
	height:117px;
	background-image:url(images/header2.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
    padding:0;
	float:left;
    }

#header_3
    {
    position:absolute;
    top:0px;
    left:115px;
    z-index:1;
    width:75px;
	height:117px;
	background-image:url(images/header3.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
    padding:0;
	float:left;
    }

#header_4
    {
    position:absolute;
    top:0px;
    left:190px;
    z-index:1;
    width:63px;
	height:117px;
	background-image:url(images/header4.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
	float:left;
    padding:0;
    }

#header_5
    {
    position:absolute;
    top:0px;
    left:253px;
    z-index:1;
    width:134px;
	height:117px;
	background-image:url(images/header5.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
	float:left;
    padding:0;
    }

#header_6
    {
    position:absolute;
    top:0px;
    left:387px;
    z-index:1;
    width:232px;
	height:117px;
	background-image:url(images/header6.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
    padding:0;
    }

#header_7
    {
    position:absolute;
    top:117px;
    left:0px;
    z-index:1;
    width:619px;
	height:53px;
	background-image:url(images/header7.jpg);
    background-repeat:no-repeat;
    border:0;
    margin:0;
    padding:0;
    }


/* hauptnavigation querr */
#quernavi
    {
    position:absolute;
    top:220px;
    left:10px;
    z-index:20;
    margin:0;
    padding:0;
	text-align:left;
	color:#666666;
	font-size:0.8em;
    }

#quernavi_1
	{
	float:left;
	margin-right:10px;
	height:32px;
	width:110px;
	}

#quernavi_2
	{
	float:left;
	margin-right:15px;
	width:100px;
	height:32px;
	}

#quernavi_3
	{
	float:left;
	margin-right:15px;
	width:80px;
	height:32px;
	}

#quernavi_4
	{
	float:left;
	margin-right:15px;
	width:80px;
	height:32px;
	}

#quernavi_5
	{
	float:left;
	margin-right:15px;
	width:80px;
	height:32px;
	}

#quernavi_6
	{
	float:left;
	margin-right:0px;
	width:80px;
	height:32px;
	}



/* subnavigation links */
#subnavi
    {
    position:absolute;
    top:270px;
    left:10px;
    z-index:22;
    margin:0;
    padding:0;
	text-align:left;
	color:#990000;
	font-size:0.8em;
    }


/* seiteninhalt container */
#content
    {
    position:absolute;
    top:245px;
    left:0px;
    z-index:20;
	text-align:left;
	color:#333333;
	border-top:1px solid #CCCCCC;
	border-left:4px solid #CCCCCC;
	border-right:4px solid #CCCCCC;
	width:620px;
	min-height:500px;
	color:#333333;
	font-size:0.7em;
	line-height:1.5em;
    }

#text
    {
	margin-left:180px;
	padding-top:30px;
	padding-right:30px;
	padding-left:30px;
	border-left:1px solid #CCCCCC;
    }

/* referenzbilder */
#reference
    {
    position:absolute;
    top:245px;
    left:628px;
    z-index:20;
    margin:0;
    padding:0;
	text-align:left;
	color:990000;
	font-size:0.8em;
    }

#logo
	{
	margin-top:-100px;
	margin-left:-210px;
	width:170px;
	}

.copyright
	{
	margin-left:-20px;
	margin-top:20px;
	}



/* Links allgemein */
a:link,
a:visited
	{
	text-decoration:none;
	color:#990000;
	}

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



/* links beim hovern in roter schrift */ 
a.red:link,
a.red:visited
	{
	text-decoration:none;
	color:#666666;
	}

a.red:focus,
a.red:active,
a.red:hover
	{
	color:#990000;
	}



/* links mit rotem Kästchen quernavi */

a.quernavi
	{
	height:16px;
	padding-left:20px;
	}
	

a.quernavi:link,
a.quernavi:visited
    {
    display:block;
	background:url(images/unternehmen.gif) 0 0 no-repeat ;
	text-decoration:none;
	color:#666666;
    }

a.quernavi:hover,
a.quernavi:focus,
a.quernavi:active
    {
    display:block;
    background:url(images/unternehmen.gif) 0 -14px no-repeat;
    }


/* links mit rotem Kästchen subnavi */

a.subnavi
	{
	border:0;
	padding-left:20px;
	display:block;
	}
	

a.subnavi:link,
a.subnavi:visited
    {
	background:url(images/unternehmen.gif) 0 30px no-repeat ;
	text-decoration:none;
	color:#666666;
    }

a.subnavi:hover,
a.subnavi:focus,
a.subnavi:active
    {
    background:url(images/unternehmen.gif) 0 -14px no-repeat;
    }


/* Unterlinks in der Seite mit rotem Kästchen subnavi */

a.deepnavi
	{
	padding-left:20px;
	text-align:left;
	}
	

a.deepnavi:link,
a.deepnavi:visited
    {
	text-decoration:none;
	color:#990000;
    }

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


/* Links ohne Formatierungsänderung  */

a.ohne:link,
a.ohne:visited,
a.ohne:focus,
a.ohne:active
    {
    color:#333333;
	text-decoration:none;
    }


a.ohne:hover
    {
	text-decoration:none;
    }


a.underline:link,
a.underline:visited,
a.underline:focus,
a.underline:active,
a.underline:hover
    {
    color:#333333;
	text-decoration:underline;
    }