/* FONTS */
*  {font-family: Arial, Helvetica, Arial, Sans-serif; font-size: 12px; line-height:18px; color:#000000;}


form {
    display:inline;
}


a:link    	{ text-decoration:none; }
a:visited 	{ text-decoration:none; }
a:active   	{ text-decoration:none; }
a:hover  	{ text-decoration:none; }
a.nu:hover  	{ text-decoration:none; }
a 		{ outline:none; }

.link:hover 	{ text-decoration:underline; }



.error_field { color: #bf1402; font-weight: bold; }

#no-javascript {
    background-color: #bf1402;
}



#content-container {
    width: 800px;
    height: 600px;
    background-image: url(/gfx/contentBg.jpg);
    background-repeat: no-repeat;
    border: 1px solid #5b5555;
}

#content {
    width: 100%;
    height: 100%;
    position: relative;
}


#copy-container {
    width: 740px;
    height: 340px;
    position: absolute;
    left: 25px;
    top: 130px;
}

#copy1 {
    width: 100%;
    height: 2px;
    background-image: url(/gfx/copyBg1.png);
    background-repeat: no-repeat;
    font-size:1px;
}

#copy2 {
    width: 100%;
    height: 336px;
    background-image: url(/gfx/copyBg2.png);
    background-repeat: repeat-y;
}
#copy2 div {
    left: 10px;
    position: relative;
    width: 725px;
    height: 330px;
    overflow:auto;
}

#copy2 div div {
    width: 690px;
    overflow: visible;
}

#copy3 {
    width: 100%;
    height: 2px;
    background-image: url(/gfx/copyBg3.png);
    background-repeat: no-repeat;
    font-size:1px;
}



#navi-container {
    width: 450px;
    height: 20px;
    position: absolute;
    left: 380px;
    top: 510px;
}

#navi-container ul li {
    float: left;
    list-style-type:none;
}

a.nav-spacer {
    display:block;
    width:20px;
    height:10px;
}

a.nav-rasadesign {
    display: block;
    width: 106px;
    height: 17px;
    left: 166px;
    top: 577px;
    position: absolute;
}

a.nav-home {
    display: block;
    width: 43px;
    height: 17px;
    background-image: url(/gfx/nav/home-g.gif);
    background-repeat: no-repeat;
}

a.nav-home:hover {
    background-image: url(/gfx/nav/home-r.gif);
}


a.nav-biography {
    display: block;
    width: 76px;
    height: 17px;
    background-image: url(/gfx/nav/biography-g.gif);
    background-repeat: no-repeat;
}

a.nav-biography:hover {
    background-image: url(/gfx/nav/biography-r.gif);
}


a.nav-gallery {
    display: block;
    width: 53px;
    height: 17px;
    background-image: url(/gfx/nav/gallery-g.gif);
    background-repeat: no-repeat;
}

a.nav-gallery:hover {
    background-image: url(/gfx/nav/gallery-r.gif);
}


a.nav-music {
    display: block;
    width: 44px;
    height: 17px;
    background-image: url(/gfx/nav/music-g.gif);
    background-repeat: no-repeat;
}

a.nav-music:hover {
    background-image: url(/gfx/nav/music-r.gif);
}

a.nav-contact {
    display: block;
    width: 54px;
    height: 17px;
    background-image: url(/gfx/nav/contact-g.gif);
    background-repeat: no-repeat;
}

a.nav-contact:hover {
    background-image: url(/gfx/nav/contact-r.gif);
}

a.nav-impressum {
    display: block;
    width: 79px;
    height: 17px;
    background-image: url(/gfx/nav/impressum-g.gif);
    background-repeat: no-repeat;
}

a.nav-impressum:hover {
    background-image: url(/gfx/nav/impressum-r.gif);
}




input.s,input.m, input.l, input.xl,
textarea.s, textarea.m, textarea.l, textarea.xl {
    background-color: transparent;
    border: 1px solid #777777;
    margin-top: 2px;
    margin-bottom: 2px;
}


input.s {width:58px;}
input.m {width:99px;}
input.l {width:140px;}
input.xl {width:200px;}

textarea.s {width:99px;}
textarea.m {width:140px;}
textarea.l {width:200px;}
textarea.xl {width:260px;}


/* ALIGNS */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}


/* BACKGROUNDS */
.bgWhite {background-color:white;}
.bg-EEEEEE {background-color: #EEEEEE;}
.bg-CCCCCC {background-color: #CCCCCC;}
.bg-AAAAAA {background-color: #AAAAAA;}
.bg-FF6666 {background-color: #FF6666;}

/* COLOR */
.colWhite {color:#FFFFFF;}
.colBlack {color:#000000;}
.colLightGrey {color:#CCCCCC;}

/* SIZES */
.fs1 {font-size:1px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs24 {font-size:24px;}

/* WEIGHTS */
.fwb {font-weight:bold;}

/* TEXT DOCORATION */
.tdu {text-decoration:underline;}

/* BORDER */
.bt-999999 {border-top: 1px solid #999999;}
.b-d-999999 {border: 1px dotted #999999;}
.bl-d-999999 {border-left: 1px dotted #999999;}
.bt-d-999999 {border-top: 1px dotted #999999;}
.b-999999 {border: 1px solid #999999;}
.b-MainColor {border: 1px solid #999999;}

/* CURSORS*/
.cup {cursor:pointer;}

/* CLEAR */
.clb {clear:both;}
.cln {clear:none;}

/* DISPLAY */
.dpn {display:none;}
.dpb {display:block;}
.dtc {display:table-cell;}

/* FLOAT */
.fll {float:left;}
.flr {float:right;}

/* POSITIONS */
.posRel {position:relative;}
.posAbs {position:absolute;}

/* WHITE-SPACE */
.wsnw {white-space:nowrap;}

/* SIZES */
.h100 {height:100%;}
.w100 {width:100%;}
.w300p {width:300px;}


.gray_alpha {
    background-color: #000000;
    opacity: 0.60;
}

.lgray_alpha {
    background-color: #000000;
    opacity: 0.30;
}

.red_alpha {
    background-color: #FF0000;
    opacity: 0.60;
}

.yellow_alpha {
    background-color: #FFFF00;
    opacity: 0.60;
}