/*
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
yours@its-mine.at
March 2007

last modified: 18/03/2024
*/

/* ----- Allgemeine HTML-Elemente ----- */
html { background: #FFFFFF url("img/html-bg.gif") repeat-x 1px 0; background-attachment:fixed; }

body
{
 font-family:Geneva, "Lucida Grande", "Lucida Sans", Helvetica, Verdana, sans-serif;
 position:relative;
 font-size:0.8em;
 width:760px;
 min-height:440px;
 margin:auto;
 padding:0;
 background: #FFFFFF url("img/bleistift.jpg") no-repeat -88px -19px;
 margin-bottom:100px;
 margin-top:20px;
 border:1px solid #82878A;
}

a { color:#5a784a; outline:none !important; }
a:hover { text-decoration:underline !important; color:#5db131; }

abbr { border-bottom:1px dotted; cursor:help; }

/* ----- Off-Left-Elemente ----- */
#head h1 span,
#preferences h3,
#preferences .language li span,
#preferences ul li strong,
#preferences li.size li span
{ position:absolute; left:-3000px; }

/* ----- Kopfbereich ----- */
#head
{
 position:relative;
 height:210px;
 text-align:center;
}

#head, #head p, #head h1, #head ul, #head li
{ margin:0; padding:0; }

#head ul { list-style:none; position:relative; }
#head ul.vcard { text-align:right; padding:46px 20px 0 0; } 


#head li.url a
{
 position:absolute;
 background: url("img/its-mine.gif") no-repeat 0 0;
 display:inline-block;
 width:310px;
 height:86px; 
 left:210px;
 top:60px;
}

#head h2 { font-size:1em; font-weight:bold; padding:0; margin:0; }
#head .email a { color:#000000; }
#head .email a:hover { color:#4C4C4C; }

#preferences
{
 position:absolute;
 top:0;
 right:18px;
}

#preferences ul
{ list-style:none; margin:0; padding:4px 0 0 0; position:relative; }

#preferences li.size li a
{ 
 position:absolute;
 display:inline-block;
 height:18px;
}

#preferences li.size li a
{
 padding-right:41px;
 height:18px;
 background:url("img/icon-medium.gif") no-repeat 0 0;
}

#preferences li.size a.medium { right:90px; background-image:url("img/icon-medium.gif"); background-position:0 100%; }
#preferences li.size a.large { right:46px; background-image:url("img/icon-large.gif"); }
#preferences li.size a.xlarge { right:0; background-image:url("img/icon-xlarge.gif"); }

#preferences li.size a.medium:hover { background-position:0 100%; }
#preferences li.size a.large:hover { background-position:0 100%; }
#preferences li.size a.xlarge:hover { background-position:0 100%; }


#preferences li.language ul { color:#ABABAB; text-align:right; margin-top:22px; }

#preferences li.language li, 
#preferences li.language li a { height:24px; color:#000000; margin:0; padding:0; display:inline-block; }

#preferences li.language .de, #preferences li.language .en { padding-right:24px; }
#preferences li.language .de { margin-right:8px; }

#preferences li.language .de { background:url("img/icon-de.gif") no-repeat 100% 0; }
#preferences li.language .en { background:url("img/icon-en.gif") no-repeat 100% 0; }

/* ----- Inhaltsbereich ----- */
#content
{
 min-height:480px;
 position:relative;
 background:url("img/orchidee.jpg") no-repeat 100% 100%;
 padding:0 20px 0 20px;
 margin-left:60px
}

#content h2
{
 text-transform:uppercase;
 font-size:12px;
 margin:0; padding:0;
 color:#4C4C4C;
 text-align:left;
}

#content div.box
{
 width:560px;
 margin:0 0 12px 0; padding:8px;
 background:#FFFFFF url("img/bleistift_blur.jpg") no-repeat -108px -188px;
 border:1px solid #EFEFEF;
 text-align:left;
}

#content div.box ul
{ margin:4px 0 16px 0; padding:0; }

#content div.box li
{ margin:0; padding:0; line-height:1.6em; list-style:none; }

#content div.box li
{ padding-left:9px; background:url("img/bullet.gif") no-repeat 0% 50%; }


/*#content div div
{
 width:225px;
 right:0;
 position:relative;
 float:left;
 background:url("img/icon-friends.gif") no-repeat 0 0;
}

#content div a { text-decoration:none; color:#4C4C4C; display:block; }
#content div.friends a { display:inline; }
#content div h3 { margin:16px 0 0 50px; }
#content div ul { list-style:none; margin:16px 0 10px 16px; padding:0; }
#content div li { margin:10px 0 10px 0; padding:0; }

#content div.friends, #content div.bookmarks { margin-top:20px; }
#content div.education, #content div.bookmarks { margin-right:15px; }

#content div.friends,
#content div.bookmarks,
#content div.experience
{ background-image:url("img/icon-friends.gif"); }*/

/* ----- Fu§bereich ----- */
p.imprint
{
 text-align:center;
 margin:0;
 padding:0 0 6px 0;
 position:absolute;
 bottom:0;
 width:760px;
 height:16px;
}

p.imprint, p.imprint a { color:#ABABAB; }
p.imprint a:hover { color:#4C4C4C; }