/*Grundformatierung der kompletten Seite*/

body{
background: url(hintergrund_kuerzer.gif);
background-color: none;
background-repeat: no-repeat;
font-family: tahoma, arial, verdana, eurostile, sans-serif;
}

/*Allgemeine Schriftformate*/

.grund{font: 12px normal verdana, sans-serif; color: #ffffCC;
text-align: justify; line-height: 18px;}
.titel{font: 12px bold verdana, sans-serif; color: #ffffff; line-height: 18px;}
.link{font: 12px bold verdana, sans-serif; color: #ffff99; line-height: 18px;}

a{text-decoration: none;}

/*Menuebox -> Enthaelt die einzelnen Menuepunkte*/

#navigation{
position: absolute;
left: 50px; top: 280px;
width: 150px; height: auto;
background: transparent;
}

/*Mouse-Over Effekt der Menuepunkte*/

#navigation a{
display: block;
background: transparent;
text-decoration: none;
}

#navigation a:hover{
display: block;
background: transparent;
text-decoration: none;
}

a img.a {display:inline;}
a img.b {display:none;}

a:hover img.a {display:none;}
a:hover img.b {display:inline;}

#navigation b{
display: block;
background: transparent;
text-decoration: none;
}


/*Bildbox1 -> enthaelt die Bilder Gestaltung Fotografie*/

.bildbox1{
background: transparent;
position: absolute;
left: 250px;
top: 300px;
width: 50px;
height: 50px;
}

.textbox1{
background: transparent;
position: absolute;
left: 310px;
top: 300px;
width: 450px;
height: 50px;
}

/*Bildbox2 -> enthaelt die Bilder berlin_safari*/

.bildbox2{
background: transparent;
position: absolute;
left: 250px;
top: 360px;
width: 50px;
height: 50px;
}

.textbox2{
background: transparent;
position: absolute;
left: 310px;
top: 360px;
width: 450px;
height: 50px;
}

/*Bildbox3 -> enthaelt die Bilder Freunde+*/

.bildbox3{
background: transparent;
position: absolute;
left: 250px;
top: 420px;
width: 50px;
height: 50px;
}

.textbox3{
background: transparent;
position: absolute;
left: 310px;
top: 420px;
width: 450px;
height: 50px;
}

/*Bildbox3 -> enthaelt die Ego-Bilder*/

.bildbox4{
background: transparent;
position: absolute;
left: 250px;
top: 480px;
width: 50px;
height: 50px;
}

.textbox4{
background: transparent;
position: absolute;
left: 310px;
top: 480px;
width: 450px;
height: 50px;
}

/*Randlose Bildverlinkung*/
 	
img{
border: 0px;
}

/*Kapitelueberschrift*/

.box2{
background: transparent;
position: absolute;
left: 360px;
top: 205px;
height: 20px;
width: auto;
text-align: left;
}