/* REMOVE PADDING AND MARGIN VALUES */
* { margin: 0; padding: 0; border: none; }

/* SET BASE FONT ATTRUBUTES */
html, body, body * { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333; }
body { margin: 0px; padding: 20px 0 20px 0; background: #FBE1B0; font-size: 62.5%; text-align: center; } /* padding: 0px wegen Opera 7 */

/* metanav */
/*div#metanav { position: relative; width: 780px; margin: 0px auto; padding: 10px 0px 7px; text-align: right; }*/
div#metanav { position: absolute; width: 700px; right: 15px; top: 12px; text-align: right; }
/*div#metanav a { padding: 0 5px; font-size: 1.1em; color: #369; text-decoration: none; }*/
div#metanav a { padding: 0 0 0 10px; font-size: 1.1em; color: #C6D9E8; text-decoration: none; }
div#metanav a.active { font-weight: bold; }
div#metanav a:hover { text-decoration: underline; }
div#metanav a.active:hover { text-decoration: none; }         

/* container */
div#container	{ position: relative; width: 780px; margin: 0 auto; border: 1px solid #B3B3B3; text-align:left; background: #fff url(../img/_bg_subnav.gif) no-repeat right 111px; }
body#wide div#container, body#homepage div#container { background-image: none; }

/* header */
div#header { width: 778px; border: 1px solid #fff; height: 109px; background: url(../img/_bg_header.jpg) no-repeat; }
	img#logo { position: absolute; left: 0px; top: 0px; width: 212px; height: 54px; border: none; }
body#homepage div#header { height: 355px; background: url(../img/_bg_homepage_header.jpg) no-repeat; }
	
/* credit */
div#credit {  }

/* search */
div#search {  }

/* auxnav */
div#auxnav {  }

/* breadcrumb */
div#breadcrumb {  }

/*separated top and subnav*/
div#topnav		{ width: 578px; margin: 0 1px 0; padding-left: 10px; padding-right: 190px; background: #515151 url(../img/_bg_topnav.gif) no-repeat right bottom; }
body#wide div#topnav, body#homepage div#topnav  { width: 768px; padding-right: 0; background-image: none; }
/*.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
{ display:block; float:left; padding: 1.1em 3.5em 1.2em 1em; 
color: #3F668D; text-transform: uppercase; text-decoration: none; }*/
div#container > div#topnav { height: 2.5em; }
.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
/*{ display:block; float:left; padding: 1em 10px 0.8em; border-left: 1px solid #CBCBCB; border-right: 1px solid #fff; 
color: #3F668D; text-transform: none; text-decoration: none; font-size: 1.2em; }*/
{ display:block; float:left; padding: 0.5em 10px 0.6em; 
color: #fff; text-transform: none; text-decoration: none; font-size: 1.1em; }
.lvl1:hover, .lvl1l:hover, .lvl1a:hover, .lvl1al:hover, .lvl1e:hover, .lvl1el:hover, .lvl1ae:hover, .lvl1ael:hover
{ background: #777; }
/*.lvl1a, .lvl1al, .lvl1ae, .lvl1ael { background: url(../img/_bg_lvl1.gif) no-repeat left 13px; font-weight: bold; }*/
.lvl1a, .lvl1al, .lvl1ae, .lvl1ael { background: #fff; color: #444; }
.lvl1e, .lvl1ae, .lvl1el, .lvl1ael { background: #fff; color: #444; }
.lvl1l, .lvl1al, .lvl1el, .lvl1ael {  }

.lvl1, .lvl1l 	 					{  }
.lvl1:hover, .lvl1l:hover 		{  }

.lvl1a, .lvl1al  					{  }
.lvl1a:hover, .lvl1al:hover	{ background: #fff; color: #444; }

.lvl1e, .lvl1el  					{  }
.lvl1e:hover, .lvl1el:hover	{ background: #fff; color: #444; }

.lvl1ae, .lvl1ael  				{  }
.lvl1ae:hover, .lvl1ael:hover	{ background: #fff; color: #444; }

div#subnav h1 { font-size: 1em; padding-top: 24px; font-weight: normal; }
div#subnav h1 a { text-decoration: none; }
div#subnav h1 a:hover { text-decoration: underline; }

div#subnav 	{ float: right; width: 165px; padding: 12px 10px 0 15px; font-size: 1.1em; border-right: 1px solid #fff; }
 .permalink, .permalinkActive { color: #333; }
.lvl2, .lvl2l, .lvl2a, .lvl2al, .lvl2e, .lvl2el, .lvl2ae, .lvl2ael
/*{ padding: 4px 7px 6px 15px; display:block; color: #333; text-decoration: none; background: url(../img/_bg_lvl2.gif) repeat-x left bottom; }*/
{ padding: 4px 7px 6px 0px; display:block; color: #666; text-decoration: none; }
/*.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover
{ color: #333; background: #f0f0f0; }*/
.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover
{ text-decoration: underline; }
.lvl2a, .lvl2al, .lvl2ae, .lvl2ael {  }
.lvl2e, .lvl2ae, .lvl2el, .lvl2ael {  }
.lvl2l, .lvl2al, .lvl2el, .lvl2ael {  }

.lvl2, .lvl2l 	 					{  }
.lvl2:hover, .lvl2l:hover 		{  }

.lvl2a, .lvl2al, .permalinkActive { font-weight: bold; }
.lvl2a:hover, .lvl2al:hover, permalinkActive:hover	{ text-decoration: none; }

.lvl2e, .lvl2el  					{  }
.lvl2e:hover, .lvl2el:hover	{  }

.lvl2ae, .lvl2ael  				{  }
.lvl2ae:hover, .lvl2ael:hover	{  }

img.cite { margin: 21px 0 0 4px; }



.lvl3, .lvl3l, .lvl3a, .lvl3al, .lvl3e, .lvl3el, .lvl3ae, .lvl3ael
{ padding: 4px 7px 6px 20px; display:block; color: #333; text-decoration: none; background: url(../img/_bg_lvl2.gif) repeat-x left bottom; }
.lvl3:hover, .lvl3l:hover, .lvl3a:hover, .lvl3al:hover, .lvl3e:hover, .lvl3el:hover, .lvl3ae:hover, .lvl3ael:hover
{ color: #333; background: #f0f0f0; }
.lvl3a, .lvl3al, .lvl3ae, .lvl3ael { background: #fff; }
.lvl3e, .lvl3ae, .lvl3el, .lvl3ael {  }
.lvl3l, .lvl3al, .lvl3el, .lvl3ael {  }

.lvl3, .lvl3l 	 					{  }
.lvl3:hover, .lvl3l:hover 		{  }

.lvl3a, .lvl3al  					{  }
.lvl3a:hover, .lvl3al:hover	{  }

.lvl3e, .lvl3el  					{  }
.lvl3e:hover, .lvl3el:hover	{  }

.lvl3ae, .lvl3ael  				{  }
.lvl3ae:hover, .lvl3ael:hover	{  }


/* content */
div#content	{ display: inline; clear: left; float: left; width: 550px; margin: 30px 10px 20px 20px; font-size: 1.1em; }
body#wide div#content, body#homepage div#content  { width: 740px; margin: 30px 20px 20px 20px; }
div#contentleft	{ float: left; width: 380px; background: #cff;  }
div#contentright	{ float: left; width: 200px; background: #fcf;  }
div#contentbottom	{ float: left; width: 580px; background: #ffc;  }

/* footer */
div#footer	{ clear: both; width: 780px; height: 20px; font-size: 1px; }


/* links general */
div#content a:link, div#content  a:visited	{ font-weight: bold; color: #369; }
div#content a:hover 	{ text-decoration: none; }
div#content a:active	{  }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol { margin-top: 1em; margin-bottom: 0.5em; }
li { margin-top: 0.5em; }
h1, h2, h3, h4, h5 { margin-top: 2em; font-weight: bold; }
h1 { font-size: 1.4em; margin-top: 0; margin-bottom: 0.5em; padding-bottom: 0.2em; color: #2E5F8D; background: url(../img/_bg_h1.gif) repeat-x left bottom;}
body#homepage h1 { font-size: 1em; }
h2 {font-size: 1.1em; color: #336699; }
h3 {font-size: 1em; }
h4 {font-size: 1.1em; color: #336699; margin-bottom: 0; }
h5 { }
h6 { }
p, table, li	{ line-height: 1.3em; }
li { margin-left: 16px; list-style-image: url(../img/_li.gif); }
li li { font-size: 1em; }

p.subtitle { padding: 5px 20px; color: #3F668D; background: #f0f0f0; }
p.textRight { text-align: right; }
p.noTopSpace { margin-top: 0; }

/* images */
img { border: 0px; float: none; }
img.left { float: left; margin: 3px 15px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 15px;}

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
th, td { padding: 0px; vertical-align: top; text-align: left; }
th {  }
td {  }

/* Lists */
ul, ol, dl {list-style-type: disc;} 

/* forms */
fieldset { padding-bottom: 16px;  }
legend 	{ margin: 10px 10px 15px 0px; padding: 0px 8px 6px 4px; color: #333; font-size: 80%; font-weight: bold;  }
label 	{ font-size: 1.0em; margin: 10px; }
textarea, input { width: 200px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; border: 1px solid #666;}
textarea { height: 120px;  }
input.button { width: 120px; border: 1px solid #666; }
select 	{  }
option 	{  }

/* generals */
h1.clear, h2.clear, h3.clear, h4.clear, h5.clear, p.clear, ul.clear, ol.clear, table.clear { clear: both; }

/* specials */
body#homepage div#content { padding: 0; margin: 0; }
body#homepage h1 { position: absolute; left: 30px; top: 385px; width: 317px; margin-top: 15px; text-align: right; background: transparent; }
body#homepage p { clear: both; width: 399px; margin: 0; padding: 30px 0 0 364px; border-top: 1px solid #fff; }

table.aboutMe { margin-top: 20px; width: 100%; }
table.aboutMe th, td { padding-right: 15px; width: 33%; }
table.aboutMe th {  }
table.aboutMe td {  }