/***************************************************************************
 Website Enneagram Germany INDEX-Seite *************************************/

html
{
margin:0px;
}
body
{
background-color:#FFFFFF;
margin:0px;
}

/***************************************************************************
 Designelemente und Textformatierungen im Topbereich ***********************/

#topbildleiste
{
position:absolute;left:0px;top:0px;
background-image: url(../design/Index-Bildleiste.jpg);
background-repeat:no-repeat;
width:1000px;height:310px;
background-color:#FFFFFF;
z-index:1;
}
#sprachauswahl
{
position:absolute;left:30px;top:280px;
width:130px;height:16px;
display:block;
z-index:2;
}
.sprache
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:10px;
text-align:left;
line-height:12px;
font-weight:bold;
color:#FFFFFF;
padding-top:5px;
padding-left:45px;
padding-right:5px;
}
.version
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:10px;
text-align:left;
line-height:12px;
font-weight:bold;
color:#FFFFFF;
}
a.version:link, a.version:visited, a.version:active
{
text-decoration:none;
color:#FFFFFF;
}
a.version:hover, a.version:focus
{
text-decoration:none;
color:#FFBA31;
}

/***************************************************************************
 Textformatierungen Navigationsbereich *************************************/

#pagenavigation
{
	position:absolute;
	left:32px;
	top:354px;
	width:152px;
	height:119px;
	display:block;
	z-index:5;
}
.page
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:14px;
text-align:left;
line-height:20px;
font-weight:bold;
color:##CC0000;
padding-top:3px;
padding-left:15px;
padding-right:15px;
}


/***************************************************************************
 Designelemente und Textformatierungen Contentbereich **********************/

#news
{
position:absolute;left:60px;top:140px;
width:320px;height:140px;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:13px;
text-align:left;
line-height:15px;
font-weight:normal;
color:#26354A;
background-color:#FFFFFF;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
border-style:solid;
border-width:1px;
border-color:#B0B0B0;
z-index:10;
}
#close
{
position:absolute;left:375px;top:145px;
width:20px;height:20px;
z-index:12;
}


#headlineblock
{
	position:absolute;
	left:230px;
	top:310px;
	width:160px;
	height:185px;
	z-index:2;
}
.pageinformation
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:14px;
text-align:left;
line-height:16px;
font-weight:bold;
color:#26354A;
padding-top:30px;
padding-left:30px;
padding-right:10px;
}

#textblock
{
position:absolute;left:0px;top:310px;
background-image: url(../design/Index-Textblockhintergrund.jpg);
background-repeat:no-repeat;
width:480px;height:290px;
z-index:1;
}
h1
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:16px;
line-height:18px;
padding-bottom:5px;
margin-bottom:5px;
text-align:left;
color:#26354A;
}
h2
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:14px;
line-height:16px;
text-align:left;
color:#26354A;
}
.text
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:13px;
text-align:justify;
line-height:15px;
color:#26354A;
padding-top:20px;
padding-left:450px;
padding-right:70px;
}
.zitat
{
font-family:Geneva,Verdana, Arial, sans-serif;
font-size:12px;
text-align:justify;
line-height:14px;
color:#274570;
margin-top:5px;
padding-top:5px;
margin-bottom:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}
.rot
{
color:#CC0000;
font-weight:bold;
}
.blau
{
color:#365AA1;
font-weight:bold;
}
.gruen
{
color:#699425;
font-weight:bold;
}
ul
{
list-style-type:square;
color:#545D68;
text-align:left;
padding-right:0px;
padding-left:7px;
margin-right:0px;
margin-left:7px;
}
li
{
padding-top:5px;
}
/**************************************************************************** 
Formatierung fˆºr eingebundene Bilder und Grafiken im Text *******************/

.bildlinksvomtext
{
float:left;
margin-right:20px;
margin-bottom:20px;
margin:20px;
}
.bildrechtsvomtext
{
float:right;
margin-left:20px;
margin-bottom:20px;
}
.clleft
{
clear:left;
}
.clright
{
clear:right;
}
.cl
{
clear:both;
}

/**************************************************************************** 
Alternativtext fˆºr eingebundene Bilder und Quellen **************************/

.bildinfotext
{
font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
text-align: left; 
color: #003333;
}
.quellenhinweis
{
font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:left; 
color: #545D68;
}

/**************************************************************************** 
Link zum Anfang der Seite und Verweise auf externe Website und Mails ********/

.anfang                      
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height:12px;
text-align: right; 
color: #669966;
}
a.anfang:link, a.anfang:visited, a.anfang:active, a.anfang:hover
{
color:#669966;
text-decoration:none;
}
.externlink                      
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
line-height:15px;
text-align:left; 
color: #000000;
}
a.externlink:link, a.externlink:visited, a.externlink:active, a.externlink:hover
{
color:#365AA1;
text-decoration:none;
}
.textlink                      
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
line-height:15px;
text-align:left; 
color: #26354A;
}
a.textlink:link, a.textlink:visited, a.textlink:active, a.textlink:hover
{
color:#FFBA31;
text-decoration:none;
}