/*
CSS Stylesheet
Copyright 2009
by Hendrik Lauenstein
LauensteinDesign STUTTGART
www.lauenstein-design.com
*/

/*
Basics
*/

*
 {margin:0; padding:0; border:0; border-width:0;}
body
 {font:normal 0.9em/1.4 Arial,Helvetica,sans-serif; color:#4d4d4d; background:url(../basics/back-transition.jpg) left top repeat-x fixed #fff;}

#trace,
#claim h1,
#content h1,
#images h2,
#main h1,
#meta h1,
#address,
#copyright,
.to-top,
b
 {position:absolute; top:-2000px; left:-2000px; width:0; height:0;}

a
 {border-top:1px solid #ccc;}
a:link,
a:visited
 {color:#4d4d4d; text-decoration:none; background:url(../basics/navi-hover-2.png) no-repeat center top transparent;}
a:focus,
a:hover
 {color:#fff; text-decoration:none; background:url(../basics/navi-hover-2.png) no-repeat center -35px transparent;}
a:active
 {color:#98318f; text-decoration:none;}

/*
Divisions
*/

#header h1
 {font-size:1em;}
#header a
 {position:absolute; left:14em; top:3.5em; margin:0 0 0 8.7em; background:none; border:0; z-index:30;}
#header #logo
 {width:19em; height:auto;}


#content
 {padding:0 0 2em 0; margin:13.5em 23% 0 24.6em;}

#content a
 {border-top:0;}
#content a:link,
#content a:visited
 {color:#731c47; text-decoration:underline; background:none;}
#content a:focus,
#content a:hover
 {color:#731c47; text-decoration:none; background:none;}
#content a:active
 {color:#731c47; text-decoration:none;}

#content h2
 {margin:1em 0; font-size:2.1em; font-family:Georgia,Times New Roman,serif; color:#731c47; font-weight:normal; line-height:1.2em; border-bottom:1px solid #fff;}
#content h3
 {margin:1em 0; font-size:1.4em; font-family:Georgia,Times New Roman,serif; color:#731c47; line-height:1.2em; border-bottom:1px solid #fff;}
#content p,
#content ul,
#content ol
 {margin:1em 0;}
#content hr
 {margin:2em 0; border-bottom:1px solid #fff;}

#content .align-right p
 {text-align:right;}
#content .align-center p
 {text-align:center;}
#content .align-justify p
 {text-align:justify;}


#content #claim
 {position:fixed; left:80%; bottom:0; width:13em; height:auto; background:url(../basics/trans-white.png); border-top:1px solid #fff; border-left:1px solid #ccc; z-index:90;}
#content #claim p
 {margin:0; padding:0.6em; font-family:Georgia,Times New Roman,serif; color:#731c47; font-size:1.4em; text-align:right;}
#content #claim cite
 {padding:1em;}


#content em,
#content p.forminfo
 {color: #444c0e; font-size:1.2em; line-height:0; font-style:normal; font-family:Georgia,Times New Roman,serif;}
#content strong
 {font-weight:normal;}


#content ul.imagelist
 {position:fixed; left:14em; top:0; width:7.5em; height:100%; line-height:0; list-style:none; border-left:2px solid #000; border-right:2px solid #000; background:#333; margin:0; padding:2em 0 0 0; z-index:50;}
#content ul.imagelist li
 {margin:0;}
#content ul.imagelist img
 {width:7.5em; height:auto; margin:0.2em 0 0 0;}


#content iframe
 {width:100%; height:30em; border-top:1px solid #999; border-bottom:1px solid #ccc;}


#content form ul
 {position:relative; width:14em; height:auto; margin:1.3em 0; list-style:none;}
#content form li
 {margin:0.5em 0;}
#content form li#security img
 {width:6em; height:auto; border-top:1px solid #999; border-bottom:1px solid #ccc;}

#content form input.formtext,
#content form textarea
 {width:100%; height:auto; background:url(../basics/trans-white.png); font-family:Arial,Helvetica,sans-serif; font-size:1em; color:#8c8c8c; padding:0.2em 0.3em; border-top:1px solid #999; border-bottom:1px solid #ccc;}
#content form textarea
 {position:absolute; left:17em; top:1.4em; width:150%; height:15.2em;}
#content form label.textfieldlabel
 {position:absolute; left:17em; top:0;}
#content form input.formcheck
 {margin:0 0 0 0.6em;}
#content form .formradioset
 {display:inline; font-size:1.1em; padding:0.2em;}
#content form input.formradio
 {margin:0.2em 0.5em 0.2em 1em;}

#content p.forminfo,
#content label.formerror
 {color:#a2346f;}
#content input.formsubmit
 {cursor:pointer; color:#4d4d4d; background:#fff; padding:0.3em; font-weight:bold; letter-spacing:0.1em; border-top:1px solid #ccc;}
#content input.formsubmit:hover
 {cursor:pointer; color:#fff; background:#a2346f;}


#main
 {position:fixed; left:0; bottom:6%; width:24.1em; height:auto; font-size:0.8em; line-height:1.7em; letter-spacing:0.2em; z-index:75;}
#main ul
 {list-style:none; text-align:left;}
#main a,
#main strong
 {font-weight:bold; display:block; padding:0 1.5em; border-top:1px solid #ccc; width:100%; height:1.7em;}
#main strong
 {color:#fff; background:url(../basics/navi-selected.png) no-repeat -100px top transparent;}


#deco
 {position:fixed; right:-8em; top:0; width:auto; height:100%; line-height:0; z-index:80;}

/*
Mixed Classes
*/

#content strong.logo-ws
 {color:#666; font-size:0.85em; font-family:arial, helvetica, sans-serif; font-weight:bold;}
#content strong.logo-ws em
 {font-size:1.4em; font-family:georgia, serif; font-style:italic;}

/*
Extra Divs
*/

#extra-5
 {position:fixed; right:-85px; top:0; width:427px; height:750px; background:url(../basics/back-bamboo-right.jpg) right top no-repeat; z-index:-5;}
#extra-6
 {position:fixed; left:0; top:0; width:427px; height:750px; background:url(../basics/back-bamboo.jpg) left top no-repeat; z-index:-5;}