@charset "utf-8";
/* CSS Document */

/*  INHALT:

	Farben-Übersicht
	Global
	Typographie
	Klassen
	Content links Layout
	Navi Layout
	Content rechts Layout	
*/

/* Farben-Übersicht
---------------------------------------------------------------------------------------

	hintergrund								#fff
	links									#000
	text grau								#565555
	text hellgrau							#999999
	text rosa								#a80058
	
*/


/* Global
---------------------------------------------------------------------------------------
*/

/* Neutralisieren von Styling:  */

html, body, form, fieldset 
{
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Tahoma, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
	margin: 0  0 15px 0;
	padding: 0;
}

/*  left margin:  */
li, dd, blockquote 
{
	
}

body 
{
	background: #fff;
	background-image: url(pics/intakt_bg.png);
	background-repeat: repeat-y;
	border: 0;
	color: #565555;
	font-family: arial, sans-serif;
	font-size: 14px;  	
}

#box
{
	height: 768px;
	margin: 0px;
	text-align: left;
	width: 1024px;			
}

img
{
	border-style: none;
}

td
{
	vertical-align: top;
}

ul 
{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}



/* Typographie
--------------------------------------------------------------------------------------- 
*/

h1, h2, h3
{
	color: #a80058;
	font-style: italic;
	font-weight: bold;
	line-height: 140%;
}

h1
{
	font-size: 18px;
}

h2
{
	font-size: 28px;
	padding-top: 18px;
}

h3
{
	font-size: 30px;
}



/* Klassen
--------------------------------------------------------------------------------------- 
*/

.start
{
	padding-top: 473px;
	text-align: right;
}

.grau
{
	color: #999999;
	line-height: normal;
	padding-top: 23px;
}

.grau2
{
	color: #999999;
	font-size: 27px;
	font-style: italic;
	font-weight: bold;
	line-height: normal;
}

.maedchen
{
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
}

.rosa
{
	color: #a80058;
	line-height: 35px;	
}

.normal
{
	line-height: 140%;
}

/* Content links Layout
--------------------------------------------------------------------------------------- 
*/

#content_li
{
	float: left;
	padding-top: 97px;
	text-align: right;
	width: 223px;
}

#content_li2
{
	float: left;
	padding-top: 63px;
	text-align: right;
	width: 223px;
}

#zuflucht, #zuflucht2, #zuflucht3 	/* Text oben links */
{
	color: #a80058;
	font-size: 10px;
	font-style: italic;
	font-weight: 800;		
}

#zuflucht2	/* Text unten links */
{
	padding-top: 65px;
}

#zuflucht3	/* Text unten links */
{
	padding-top: 36px;
}



/* Navi Layout
--------------------------------------------------------------------------------------- 
*/


#navi 
{	
	line-height: 30px;
	margin: 0;
	padding-top: 310px;		
}

#navi li
{
	list-style-type: none;
}

#navi a
{
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin: ;
	text-decoration: none;
}

#navi a#current, #navi a:hover
{
	color: #a80058;
}


/* Content rechts Layout
--------------------------------------------------------------------------------------- 
*/

#content_re
{
	float: right;
	font-style: italic;
	padding-top: 63px;
	width: 690px;
}