/***************************************************************************
 Grundelemente und Formatvorlagen der Website IDEART-Agentur ***************/

html
{
margin:0px;
}
body
{
background-color:#FFFFFF;
margin:0px;
}
#page
{
position:absolute;width:950px;height:auto;
top:30px;left:50%;
margin-top:0px;
margin-bottom:20px;
margin-left:-475px;
}

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

#logo
{
position:absolute;left:0px;top:0px;
background-image: url(../design/Logo.jpg);
background-repeat:no-repeat;
width:300px;height:150px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:1px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}

#apps 
{
	position:absolute;
	left:40px;
	top:305px;
	width:16px;
	height:16px;
	padding:0px;
	z-index:5;
}

#topbildbereich1
{
	position:absolute;
	left:301px;
	top:0px;
	background-image: url(../design/Topbildbereich01.jpg);
	background-repeat:no-repeat;
	width:650px;
	height:300px;
	background-color:#FFFFFF;
	border-style:solid;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-color:#939294;
	z-index:1;
}
#topbildbereich1B
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich01-2.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich1C
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich01-3.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich1D
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich01-4.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich1E
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich01-5.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich2
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich02.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich2B
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich02-2.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich2C
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich02-3.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich3
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich03.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich4
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich04.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich5
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich05.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#topbildbereich6
{
position:absolute;left:301px;top:0px;
background-image: url(../design/Topbildbereich06.jpg);
background-repeat:no-repeat;
width:650px;height:300px;
background-color:#FFFFFF;
border-style:solid;
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}

/***************************************************************************
 Designelemente und Textformatierungen Navigation **************************/
 
/**** Hauptseitennavigation ************************************************/

#pagenavigation
{
position:absolute;left:0px;top:300px;
background-image: url(../design/Hauptnavigation.jpg);
background-repeat:no-repeat;
width:630px;height:30px;
padding-left:320px;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
.hauptpunkt
{
padding-top:6px;
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:13px;
height:15px;
font-weight:bold;
text-align:left;
color:#FFFFFF;
text-decoration:none;
}
a.hauptpunkt:link, a.hauptpunkt:visited
{ 
color:#FFFFFF;
text-decoration:none;
}
a.hauptpunkt:active, a.hauptpunkt:hover
{ 
color:#BDDF98;
}
.hauptpunktactive
{ 
padding-top:6px;
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:13px;
height:15px;
font-weight:bold;
text-align:left;
color:#BDDF98;
text-decoration:none;
}

/**** Unterseitennavigation ************************************************/

#unternavigation1
{
position:absolute;left:0px;top:150px;
background-image: url(../design/Unternavigation01.jpg);
background-repeat:no-repeat;
width:270px;height:90px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#unternavigation2
{
position:absolute;left:0px;top:150px;
background-image: url(../design/Unternavigation02.jpg);
background-repeat:no-repeat;
width:270px;height:90px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#unternavigation3
{
position:absolute;left:0px;top:150px;
background-image: url(../design/Unternavigation03.jpg);
background-repeat:no-repeat;
width:270px;height:90px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#unternavigation4
{
position:absolute;left:0px;top:150px;
background-image: url(../design/Unternavigation04.jpg);
background-repeat:no-repeat;
width:300px;height:150px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#unternavigation5
{
position:absolute;left:0px;top:150px;
background-image: url(../design/Unternavigation05.jpg);
background-repeat:no-repeat;
width:300px;height:150px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
#unternavigation6
{
position:absolute;left:0px;top:150px;
background-image: url(../design/Unternavigation06.jpg);
background-repeat:no-repeat;
width:270px;height:90px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#939294;
z-index:1;
}
.unterseite
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:1px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
text-decoration:none;
}
.unterpunkte
{
padding-top:60px;
padding-left:30px;
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:11px;
line-height:15px;
font-weight:normal;
text-align:left;
color:#000000;
text-decoration:none;
}
a.unterpunkt
{
display:block;
padding-left:25px;
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:11px;
line-height:15px;
font-weight:normal;
text-align:left;
color:#000000;
text-decoration:none;
}
a.unterpunkt:link, a.unterpunkt:visited
{ 
color:#26354A;
text-decoration:none;
padding-left:25px;
}
a.unterpunkt:active, a.unterpunkt:hover
{ 
color:#007D3F;
background-image: url(../gifs/Unterpunkt-Aktivierung.jpg);
background-repeat:no-repeat;
padding-left:25px;
}
.unterpunktactive
{ 
display:block;
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:11px;
line-height:15px;
color:#007D3F;
text-decoration:none;
background-image: url(../gifs/Unterpunkt-Aktivierung.jpg);
background-repeat:no-repeat;
padding-left:25px;
}

/***************************************************************************
 Designelemente und Textformatierungen Zitate ******************************/

#zitatA
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat01.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatB
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat02.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatC
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat03.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatD
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat04.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatE
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat05.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatF
{
position:absolute;left:0px;top:715px;
background-image: url(../zitate/Zitat06.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatG
{
position:absolute;left:0px;top:575px;
background-image: url(../zitate/Zitat07.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatH
{
position:absolute;left:0px;top:655px;
background-image: url(../zitate/Zitat08.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatI
{
position:absolute;left:0px;top:665px;
background-image: url(../zitate/Zitat09.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatK
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat10.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}
#zitatL
{
position:absolute;left:0px;top:545px;
background-image: url(../zitate/Zitat11.gif);
background-repeat:no-repeat;
width:300px;height:100px;
z-index:2;
}

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

#team
{
position:absolute;left:45px;top:355px;
width:210px;height:160px;
background-color:#FFFFFF;
z-index:3;
}
#content
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:345px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#agentur
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Agentur.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:470px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#print
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Print.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:380px;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
background-color:#FFFFFF;
z-index:1;
}
#digital
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Digital.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:470px;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
background-color:#FFFFFF;
z-index:1;
}
#leistungen
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Leistungen.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:500px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#anfahrtsweg
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Anfahrt.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:455px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#kontakt
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Print.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:380px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#kontaktformular
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Print.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:400px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#kontaktformularN
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-KFormular.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:500px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
#disclaimer
{
position:absolute;left:0px;top:330px;
background-image: url(../design/Contentbereich-Disclaimer.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:610px;height:1125px;
background-color:#FFFFFF;
border-style:solid; 
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#939294;
z-index:1;
}
.text
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:12px;
text-align:justify;
line-height:15px;
color:#26354A;
padding-top:25px;
padding-left:300px;
padding-right:40px;
}
.fett
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:13px;
color:#26354A;
font-weight:bold;
}
strong, b
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:16px;
color:#26354A;
font-weight:normal;
}

/****************** Contentbereich Text 2-spaltig **********************/

.textspalten
{
width:610px;
}
#spaltelinks
{
width:320px;
}
#spalterechts
{
width:250px;
}
.textlinks
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:12px;
text-align:justify;
line-height:14px;
color:#26354A;
padding-left:25px;
padding-right:15px;
padding-top:0px;
}
.textrechts
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:12px;
text-align:justify;
line-height:14px;
color:#26354A;
}

p
{
line-height:14px;
}
.listentext
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:12px;
text-align:left;
color:#56555B;
padding-top:20px;
padding-left:20px;
padding-right:70px;
}
.lextext
{
font-family:Verdana, Arial, sans-serif;
font-size:10px;
text-align:justify;
font-weight:normal;
color:#56555B;
padding-top:10px;
margin-left:5px;
margin-right:15px;
}
h1
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:16px;
font-weight:bold;
color:#86A1B8;
text-align:left;
padding-bottom:0px;
}
h2
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:14px;
line-height:16px;
text-align:left;
color:#26354A;
}
h3
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:12px;
line-height:14px;
text-align:left;
color:#26354A;
}
.blau
{
color:#365AA1;
font-weight:bold;
}
.gruen
{
color:#669966;
font-weight:bold;
}
ul
{
list-style-type:square;
color:#26354A;
text-align:left;
padding-right:0px;
padding-left:7px;
margin-right:0px;
margin-left:7px;
}
#definition
{
list-style-type:none;
color:#56555B;
text-align:justify;
padding-right:0px;
padding-left:7px;
margin-right:15px;
margin-left:7px;
}
ol
{
list-style-type:decimal;
color:#26354A;
text-align:left;
padding-right:10px;
padding-left:10px;
margin-right:10px;
margin-left:10px;
}

/**************************************************************************** 
Formatierung fˆºr eingebundene Bilder und Grafiken im Text *******************/

.bildlinksvomtext
{
float:left;
margin-right:20px;
margin-bottom: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:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:justify;
color: #545D68;
padding-top:8px;
}

/**************************************************************************** 
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;
padding-top:2px;
padding-bottom:2px;
}
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; 
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: 12px;
line-height:15px;
}
a.textlink:link, a.textlink:visited, a.textlink:active, a.textlink:hover
{
color:#007D3F;
text-decoration:none;
}


/***************************************************************************
 Designelemente und Textformatierungen Rechte Spalte ***********************/
 
#infoblock
{
position:absolute;left:785px;top:290px;
width:175px;
z-index:1;
}
.infotext
{
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:11px;
text-align:justify;
line-height:13px;
font-style:normal;
color:#545D68;
padding-top:20px;
padding-left:20px;
padding-right:20px;
}
.infoheadline
{
background-image:url(../gifs/Info-Headline.gif);
background-repeat:no-repeat;
color:#607CBD;
padding-left:25px;
font-weight:bold;
}
.infolink                      
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height:13px;
}
a.infolink:link, a.infolink:visited, a.infolink:active
{
color:#669966;
text-decoration:none;
}
a.infolink:hover
{
color:#FEA10B;
text-decoration:none;
}