body
{
background-color:#ddeef8;
font-family:Helvetica, Verdana, sans-serif;
}

#umschlag
{
margin: -250px 0 0 -370px;
background-color:#FFFFFF;
padding-bottom:20px;
overflow:visible;
position:absolute;
top: 45%;
left: 40%;
width: 1000px;
height: 600px;
border-right-style:solid;
border-right-color:#bcf4f2;
border-left-style:solid;
border-left-color:#bcf4f2;
border-bottom:10px;
border-bottom-color:#bcf4f2;
border-bottom-style:solid;
}
img
{
border:none;
}
/*Backgrounds*/

#home
{
position:absolute;
background-image:url(images/homeback.png);
background-repeat:no-repeat;
width:131px;
height:479px;
top:7.5em;
right:0em;
left:0.4em;
}

#arbeitback
{
position:absolute;
background-image:url(images/arbeitfaden.png);
background-repeat:no-repeat;
width:828px;
height:475px;
top:9.1em;
left:5em;
}
#eventsback
{
position:absolute;
background-image:url(images/eventfaden.png);
background-repeat:no-repeat;
width:20em;
height:24em;
top:13.5em;
right:9.5em;
}
#kontaktback
{
position:absolute;
background-image:url(images/kontaktfaden.png);
background-repeat:no-repeat;
width:30em;
height:20em;
top:7.6em;
right:6.2em;
}
#kamelback
{
position:absolute;
background-image:url(images/kamelback.png);
background-repeat:no-repeat;
width:1004px;
height:271px;
top:22em;
}



#inprintback
{
position:absolute;
background-image:url(images/inprintfaden.png);
background-repeat:no-repeat;
width:408px;
height:700px;
top:0.3em;
right:-0.2em;
}
/*Navihintergrund*/
#homenavbar
{
width:1000px;
height:117px;
position:absolute;
border-bottom:solid #bcf4f2;
border-bottom-width:8px;
top:0em;
left:0em;
}
/*LogoBlauesKamel*/
#logohome
{
position:absolute;
width:200px;
height:80px;
right:4.5em;
top:1em;
}

#logohome a:visited
{
text-decoration:none;
border:none;
}
/*InhaltHome*/
#werkstatt
{
width:464px;
top:10em;
right:0.5em;
position:absolute;
padding-bottom:4px;
border-bottom:solid #865585;
border-bottom-width:3px;
}
#begruessung
{
position:absolute;
top:11.5em;
left:8em;
}
#begruessungsworte
{
position:absolute;
top:10.7em;
left:4.6em;
}
p.begruessungstext
{
margin-top:-12px;
width:350px;
color:#18336b;
line-height:20px;
}
/*InhaltArbeiten*/
#arbeitsbeispiel
{
width:33em;
height:25em;
position:absolute;
top:11.5em;
left:15.4em;
} 
#portfoliopfeilrechts, #portfoliopfeillinks
{
width:4.4em;
height:4em;
background-repeat:no-repeat;
position:absolute;
z-index:2;
}
div#portfoliopfeilrechts
{
background-image:url(images/pfeilrechts.png);
top:24.8em;
left:50.3em;
}
div#portfoliopfeillinks
{
background-image:url(images/pfeillinks.png);
bottom:4em;
}
#portfoliopfeilrechtshidden a, #portfoliopfeillinkshidden a
{
width:2.5em;
height:2.6em;
text-decoration:none;
position:absolute;
}
#portfoliopfeilrechtshidden a i, #portfoliopfeillinkshidden a i
{
visibility:hidden;
}
a#portfoliorechts:hover
{
background-image:url(images/pfeilrechtsover.png);
background-repeat:no-repeat;
}
a#portfoliolinks:hover
{
background-image:url(images/pfeillinksover.png);
background-repeat:no-repeat;
}
#arbeitsworte
{
position:absolute;
top:20em;
right:7em;
}
/*InhaltEvents*/
#eventworte
{
top:12em;
left:8em;
position:absolute;
width:500px;
height:350px;
/*overflow:scroll;
overflow-x:hidden;
border:none;
/*scrollbar-base-color:#865585;*/
/*scrollbar-3dlight-color:#865585;*/
}
p.eventtext
{
margin-top:-6px;
margin-left:14px;
width:350px;
color:#18336b;
line-height:20px;
}
p.organisation
{
margin-top:-4px;
margin-left:14px;
color:#18336b;
}
/*InhaltKontakt*/
#kontaktworte
{
position:absolute;
top:12em;
left:8em;
}
/*InhaltImpressum*/
#impressumworte
{
position:absolute;
top:10.5em;
left:4.5em;
}
h1
{
font-weight:100;
font-size:18px;
color:#18336b;
}

p.impressumtext
{
width:250px;
color:#18336b;
line-height:20px;
}
#navi
{
left:0em;
top:6.1em;
position:absolute;
}

#navi li
{
position:relative;
height:50px;
font-size:1em;
list-style:none;
display:inline;
padding: 5px 15px 5px 15px;
margin-left:0.4em;
background-color:#18336b;
}
#navi li:hover
{
background-color:#bcf4f2;
}
#navi li.visit
{
font-size:1em;
padding-top:12px;
background-color:#bcf4f2;
color:#18336b;
border-top: thin solid #18336b;
border-left: thin solid #18336b;
border-right: thin solid #18336b;
}
#navi a
{
text-decoration:none;
font-size:1em;
color:#e5e0ed;
}
#navi a:hover
{
color:#18336b;
}

#impressum
{
background-color:#bcf4f2;
width:75px;
padding:5px 15px 5px 5px ;
position:absolute;
bottom:-0.5em;
right:0em;
border-top: solid #18336b;
}

#impressum:hover
{
background-color: #18336b;
padding:5px 18px 8px 5px;
margin-right:-3px;
}

#impressum a
{
color:#18336b;
text-decoration:none;
font-size:1em;
padding:10px;
}

#impressum a:hover, #impressum a:focus
{
color:#e5e0ed;
text-decoration:underline;
}
#inprint
{
background-color:#18336b;
width:75px;
padding:5px 18px 8px 5px ;
position:absolute;
border-top: solid #7dc7c4;
bottom:-0.6em;
right:0em;
}
#inprint a
{
color:#e5e0ed;
font-size:1em;
padding:10px;
}