/* Autor: www.meiss.info | www.rhein-main-mediendesign.de */
/* Stand 2010 */

/* Allgemein -------------------------------------------------------------------------------- */

/*
Struktur:
| id_container  - fenster zentriert, für das layoutbild
|| id_text  - für den seitentext ||
|| id_fuss  - für die fusszeile ||
|
*/


/* ---------------------------------------------------------------------------------- */
/* Allgemeine Anweisungen - siehe auch "css_neutral.css ----------------------------- */
/* ---------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
		border: 0 none;
}

a img {
	border: none; /**/
}

/* ---------------------------------------------------------------------------------- */
/* Allgemeine Anweisungen - FF ----------------------------- */
/* ---------------------------------------------------------------------------------- */

html {
	height: 101%; /* erzwingt Scrollbar in FF */
}

/* Layoutstuktur Body/Background ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

body 
{
/*	background: #fff url('images/footer_bg.jpg') repeat left; */
 	background: #fff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 99%;
	color: #000;
	/* text-align: center;  Zentrieren für den IE 5 und 5.5 */
}

/* Site immer im Viewport zentrieren */
#zentriert {
 position: absolute;
 width: 760px;
 height: 510px;
 left: 50%;
 top: 50%;
 margin-left: -380px;
 margin-top: -255px;
 padding: 0px;
	background: #ccc url('images/layout_2010_webdesign.jpg') repeat-x left; 
 /*	background: ; */
/*	border: 1px dotted red; */
text-align: left;  /* Zentrieren für den IE 5 und 5.5 wieder aufheben, wegen nicht weitervererben */
}

div#header {
	float: left;
	width: 740px; /* 760px + 2x padding */
	height: 70px;
/*	border: 1px dotted blue; */
	padding: 10px;
}


div#mastertextbox /* 760x */
{
	float: left;	
	width: 460px;
	height: 360px;
/*	border: 1px dotted red; */
	padding: 10px;
}

div#footer {

	float: left;	
	width: 740px;
	height: 20px;
/*	border: 1px dotted green; */
	padding: 10px;
}

p#fuss {
	font-size: 60%;
	color: #ccc;
	text-align: center;
	padding-top: 5px;
	line-height: 12px;
	letter-spacing: 1px;
}

/* Text/Ueberschriften ----------------------------------------------------------------------- */
/* 	----------------------------------------------------------------------------------------- */

p.titel {
	font-size: 80%;
	color: #ccc;
	text-align: center;
	padding-top: 45px;
	line-height: 12px;
	letter-spacing: 1px;
}

p
{
	color: #000;	
	font-size: 80%;
	text-align: justify;
	line-height: 110%;
		margin-left: 45px;	
}

p.mail
{
	color: #000;	
	font-size: 80%;
	text-align: center;
	line-height: 100%;
			margin-left: 40px;
}


h1 {
	font-size: 105%;
	color: #fff;
	margin-left: 45px;		
	margin-top: 50px;	
}

h2 {
	font-size: 90%;
	color: #fff;
	margin-left: 45px;		
	margin-top: 10px;
	margin-bottom: 50px;	
}



/* Farbe der Hyperlinks---------------------------------------------------------------------- */
/* 	----------------------------------------------------------------------------------------- */

a.text:link        { color: #808080; font-weight: normal; text-decoration: none; border-bottom: 1px dotted; }
a.text:visited   { color: #808080; font-weight: normal; text-decoration: none; border-bottom: 1px dotted; } 
a.text:hover    { color: #000; font-weight: normal; text-decoration: underline; border-bottom: 0px; }
a.text:active    { color: #000; font-weight: normal;  text-decoration: underline; border-bottom: 0px; }

/* Links: im Header ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

a.titel:link     { color: #ccc; text-decoration: none; border-bottom: 0px; }
a.titel:visited  { color: #ccc; text-decoration: none; border-bottom: 0px; } 
a.titel:hover    { color: #999; text-decoration: none; border-bottom: 0px; }
a.titel:active   { color: #999; text-decoration: none; border-bottom: 0px; }


/* Links: im Footer ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

a.fuss:link     { color: #ccc; text-decoration: none; border-bottom: 0px; }
a.fuss:visited  { color: #ccc; text-decoration: none; border-bottom: 0px; } 
a.fuss:hover    { color: #999; text-decoration: none; border-bottom: 0px; }
a.fuss:active   { color: #999; text-decoration: none; border-bottom: 0px; }