/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.
Version: 1.1, November 28, 2005 */

/* | Yoga Vitalis Mod | Computer Dienstleistungen Friedrichs_->_http://cdf-it.de|||.:thanks to Andreas Viklund:.
>>css+xthml without beard | webseiten ohne bart<< 
Version: 1.3A 2010 */
  
/****************eng:general | deu:basis****************/
body {margin:0; padding:0; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:75% Verdana, Tahoma, sans-serif;}
ul {list-style:none; margin:0 0 15px -40px;}
li {margin:0 0 10px 0;}
a {color:#808080;}
cite {background:#F3F3BF;}
legend {color: #23058B; font-weight:normal; font-size: 1.4em; letter-spacing: -1px;}
body > #sidebar {position:fixed;}

/****************eng:headmenue | deu:kopfmenü****************/
#headermenue {position:fixed; top:0px; left:300px; background:#fafafa; width:650px; height:60px;}
#headermenue a {width:600px; margin:0 0 0 10px; font-size:1.6em; line-height:1.8em; font-weight:normal; letter-spacing:-1px;}
#headermenue a.active {color:#C33434; border-bottom:2px solid #23058B;}

/****************eng:sidebar | deu:seitenmenü****************/
#sidebar {
position:absolute;
top:0;
left:0;
width:260px;
height:100%;
overflow:auto;
background:#d8d8d8 url(img/sidebarbg.gif) top right repeat-y; 
text-align:right;
}

#sidebar h1 {margin:0 18px 0 5px; color:#C33434; font-style:oblique; font-size:2.1em; letter-spacing:1px; text-align:right;}
#sidebar h2 {margin:5px 20px 18px 5px; color:#808080; font-size:1.3em; font-weight:bold; letter-spacing:-1px; text-align:right;}
#sidebar h3 {margin:20px 18px 4px 5px; color:#606060;}
#sidebar p {margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}
#sidebar img {position:relative; margin: 0px 83px; float:left; background:#d8d8d8; border:0px solid #d0d0d0;}

/****************eng:sidebar menü fx | deu:seintenmenü effekte****************/
#menu a {
display:block;
width:242px;
padding:5px 18px 5px 0;
color:#606060;
background:#d8d8d8 url(img/sidebarbg.gif) top right repeat-y;
font-size:1.7em;
font-weight:normal;
text-decoration:none;
letter-spacing:-1px;
outline:none;
}

#menu a:hover {color:#606060; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y; outline:none;}

#menu a.active { 
padding:5px 18px 5px 0;
color:#606060;
background:#fafafa;
border-top:2px solid #c0c0c0;
border-bottom:2px solid #c0c0c0;
outline:none;
}

#menu a.active:hover {color:#606060; background:#fafafa; outline:none;}

/****************eng:content | deu:inhalt****************/
#content {
z-index:-1;
width:650px;
margin:255px 0 0 310px;
background:#fafafa;
}

#content h1 {margin:10px 0 5px 0; color:#C33434; font-size:1.7em; letter-spacing: 1px; text-align:center;}
#content h2 {margin:15px 0 10px 0; color:#23058B; font-weight:normal; font-size:1.5em; text-align:left; letter-spacing: -1px;}
#content h3 {margin:15px 0 10px 0; color:#808080; font-weight:normal; font-size:1.5em; letter-spacing:-1px;}
#content h4 {margin:520px 0 10px 0px; color:#23058B; font-weight:normal; font-size:1.5em; letter-spacing:-1px;}

#content p {margin:5px 5px 0 0;  font-size:1.1em; line-height:1.4em;}
#content a {color:#808080;}
#content a:hover {color:#C33434;}
#content img {margin-right:10px; border:1px solid #ffffff;}

#contentb {
z-index:-1;
width:650px;
margin:60px 0 0 310px;
background:#fafafa;
}

#contentb h1 {margin:10px 0 5px 0; color:#C33434; font-size:1.7em; letter-spacing: 1px; text-align:center;}
#contentb h2 {margin:15px 0 10px 0; color:#23058B; font-weight:normal; font-size:1.5em; text-align:left; letter-spacing: -1px;}
#contentb h3 {margin:15px 0 10px 0; color:#808080; font-weight:normal; font-size:1.5em; letter-spacing:-1px;}
#contentb h4 {margin:520px 0 10px 0px; color:#23058B; font-weight:normal; font-size:1.5em; letter-spacing:-1px;}

#contentb p {margin:5px 5px 0 0;  font-size:1.1em; line-height:1.4em;}
#contentb a {color:#808080;}
#contentb a:hover {color:#C33434;}
#contentb img {margin-right:10px; border:1px solid #ffffff;}


/****************eng:classes | deu:klassen****************/
.blue {color:#23058B;}
.red {color:#C33434;}
.yellow {background:#F3F3BF; text-align:center;}
.cell_left {padding:0 0 0 1px; float:left; width:300px; height:110%;}
.cell_right {padding:0 30px 0 0; float:right; width:300px; height: 100%;}
.cell_right1 {padding:25px 0 0 0; float:right; width:300px; height: 100%;}
.small {text-align:right; font-size:0.8em; padding:0 0 20px 0; }
.center {text-align:center;}
.right {float:right; top:25px}
.listwb {font-size: 1.1em; list-style:none; background:#F3F3BF; width:275px;}