html {
height:100%
}

img, div { behavior: url(http://www.nadworks.com/global/iepngfix.htc) }

body {
background-color: #87876D;
background-image:url('../images/bgr.jpg');
background-repeat: repeat-x;
background-position: left top; 
font-size:100%;
margin:0;
padding:0;
font-family:Trebuchet MS, verdana, tahoma, arial;
min-height:100%
}
* html body {height:100%}

html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, br, div, a {
color:#fff;
}

div img 	{ display: inline}
.clear 		{ clear:both; line-height:0; height:0; }
.clearcont 		{ clear:both; line-height:0; height:0; width:540px; }

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

.hidden { 
	visibility: hidden; 
	font-size: 1px !important;
	padding: 0;
	margin: 0;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.outer
{ min-height:100%; width:100%; align:center; text-align:center; _align:center; padding:0 0 1% 0}
* html .outer {height:100%}

.inner
{ min-height:100%; width:900px;  margin:0 auto;  }
* html .inner {height:100%}

.top
{ height:29px; width:900px; voice-family: "\"}\""; voice-family:inherit; margin:0; color:#87876D; text-align:right; font-size:70%; }

.header
{ height:70px; width:900px; voice-family: "\"}\""; voice-family:inherit;  padding:0; margin:0; text-align:left; }

.nav
{ line-height:130%; }
.nav img
{ margin:0 0 6px 0 }



#lhs { width:240px; float:left; text-align:left; padding:32px 0 15px 10px  }
* html #rhs {width:250px}
#rhs { background-image:url("../images/bgr_cont_hm.jpg"); background-repeat: no-repeat; background-position: center top; width:574px; float:right; padding:0 33px 0 33px; text-align:left; color:#000000; font-size:85%; margin-top:2px }
* html #rhs {width:560px}
#rhs_what { background-image:url("../images/bgr_cont_what.jpg"); background-repeat: no-repeat; background-position: center top; width:574px; float:right; padding:0 33px 0 33px; text-align:left; color:#000000; font-size:85%; margin-top:2px }
* html #rhs_what {width:560px}
#rhs_refs { background-image:url("../images/bgr_cont_refs.jpg"); background-repeat: no-repeat; background-position: center top; width:574px; float:right; padding:0 33px 0 33px; text-align:left; color:#000000; font-size:85%; margin-top:2px }
* html #rhs_refs {width:560px}
#rhs_disc { background-image:url("../images/bgr_cont_disc.jpg"); background-repeat: no-repeat; background-position: center top; width:574px; float:right; padding:0 33px 0 33px; text-align:left; color:#000000; font-size:85%; margin-top:2px }
* html #rhs_disc {width:560px}
#rhs_contact { background-image:url("../images/bgr_cont_contact.jpg"); background-repeat: no-repeat; background-position: center top; width:574px; float:right; padding:0 33px 0 33px; text-align:left; color:#000000; font-size:85%; margin-top:2px }
* html #rhs_contact {width:560px}



/* =================================== Lists =================================== */

.lhslist {background-image:url("../images/bgr_lhs.jpg"); background-repeat: no-repeat; background-position: top center; padding:20px 12px 10px 12px; text-align:left; color:#000000; font-size:70%}
* html .lhslist {width:240px}

span.list_simp 	{ background-image:url("../images/tick_gr.gif"); background-repeat: no-repeat; background-position: left middle; padding-left: 20px; font-family:Verdana,Tahoma,Arial; line-height:150%; text-align:left; font-size:90%; color:#000000; }


ul.reflist {
list-style: outside url("../images/bullet.gif");
margin:25px 0 0 40px;
padding-left:10px;
font-size:90%;
}

ul.reflist li {
line-height:130%;
margin:8px 0 5px 0;
}

ul.whatlist {
list-style: outside url("../images/tick_gr.gif");
line-height:160%;
margin:25px 0 20px 30px;
font-family:Verdana,Tahoma,Arial;
text-align:left; 
font-size:90%;
padding-left:10px;
color:#000000;
}



.conttext 	{ text-align:left; width:550px; margin:15px 0 40px 21px; font-size:90%; color:#000000}
* html .conttext {width:535px}
.conttext p	{ text-align:left; color:#000000}			

.bottom {background-image:url("../images/bgr_bot.jpg"); background-repeat: no-repeat; background-position: bottom right; width:562px; height:105px; color:#ffffff; font-size:70%; text-align:left; padding:0 33px 10px 295px}
* html .bottom {width:900px; padding-left: 33px}


.navig 		{ padding:8px 0 0 25px; width:72px; float:left; text-align:left; width: 90px; height: 136px; line-hight:100% }
.navig img 	{ border:0; padding:0; margin:0 }

h1           { font-size: 100%; font-weight: bold; margin:5px 0 -8px 0; }
h2           { font-size: 105%; font-weight: bold; margin:1px 0 7px 0; font-family: verdana, tahoma, arial;}
h3           { font-size: 110%; font-weight: bold; margin:7px 0 7px 0; font-family: verdana, tahoma, arial;}
h4           { color: #d5d5b9; margin:1px 0; font-size:13px; }
h5           { font-family:Verdana, "Trebuchet MS", Tahoma; 
font-size: 80%; font-weight: bold; margin-bottom:8px
}

.bodytext 		{ font-size:small; line-height:130% }
span.txt_l 		{ font-size:110%; font-weight:bold; font-family:Verdana,Tahoma,Arial; }
span.txt_sdiv 	{ font-size:85%; }
span.txt_s 		{ font-size:77%; }
span.txt_xs 	{ font-size:65%; line-height:100% }
span.txt_norm 	{ font-size:80%; }
span.pt8 		{ font-size:8pt; }
#blk 	{ color:#000 }
#wht 	{ color:#fff; font-weight:normal }



a:link			{ text-decoration: underline; color: #F6A61F }
a:visited		{ text-decoration: underline; color: #F6A61F }
a:active		{ text-decoration: none; color: #F6A61F }
a:hover			{ text-decoration: none; color: #F6A61F }
a:visited:hover	{ text-decoration: none; color: #F6A61F }

a:link.topbar			{ 	color: #87876D; text-decoration: none; background-image:url('../images/arr_top.gif'); 
							background-repeat:no-repeat; background-position: left bottom; padding-left:15px; margin-left:20px;  }
a:visited.topbar		{ 	color: #87876D; text-decoration: none; background-image:url('../images/arr_top.gif'); 
							background-repeat:no-repeat; background-position: left bottom; padding-left:15px; margin-left:20px;  }
a:active.topbar			{ 	color: #87876D; text-decoration: none; background-image:url('../images/arr_top.gif'); 
							background-repeat:no-repeat; background-position: left bottom; padding-left:15px; margin-left:20px;  }
a:hover.topbar			{ 	color: #87876D; text-decoration: underline; background-image:url('../images/arr_top.gif'); 
							background-repeat:no-repeat; background-position: left bottom; padding-left:15px; margin-left:20px;  }
a:visited:hover.topbar	{ 	color: #87876D; text-decoration: underline; background-image:url('../images/arr_top.gif'); 
							background-repeat:no-repeat; background-position: left bottom; padding-left:15px; margin-left:20px;  }

a:link.portf			{ text-decoration: underline; line-height:1.2em;  }
a:visited.portf			{ color: #949C52; text-decoration: underline; line-height:1.2em;  }
a:active.portf			{ color: #949C52; text-decoration: none; line-height:1.2em; }
a:hover.portf			{ color: #353722; text-decoration: none; line-height:1.2em; }
a:visited:hover.portf	{ text-decoration: none; line-height:1.2em; }

a:link.nav			{ color: #F5ED7E; text-decoration: none }
a:visited.nav		{ color: #F5ED7E; text-decoration: none }
a:active.nav		{ color: #F5ED7E; text-decoration: underline }
a:hover.nav			{ color: #F5ED7E; text-decoration: underline }
a:visited:hover.nav	{ color: #F5ED7E; text-decoration: underline }

a:link.wht			{ color: #FFFFFF; text-decoration: underline }
a:visited.wht		{ color: #FFFFFF; text-decoration: underline }
a:active.wht		{ color: #FFFFFF; text-decoration: none }
a:hover.wht			{ color: #FFFFFF; text-decoration: none; }
a:visited:hover.wht	{ color: #FFFFFF; text-decoration: none; }

a:link.blk			{ color: #000000; text-decoration: underline }
a:visited.blk		{ color: #000000; text-decoration: underline }
a:active.blk		{ color: #000000; text-decoration: none }
a:hover.blk			{ color: #FFFFFF; text-decoration: none; }
a:visited:hover.blk	{ color: #FFFFFF; text-decoration: none; }

a:link.creds			{ 	color: #000000; text-decoration: underline; margin:3px;  }
a:visited.creds			{ 	color: #000000; text-decoration: underline; margin:3px;  }
a:active.creds			{ 	color: #000000; text-decoration: underline; margin:3px;  }
a:hover.creds			{ 	color: #ffffff; text-decoration: none; margin:3px;  }
a:visited:hover.creds	{ 	color: #ffffff; text-decoration: none; margin:3px;  }



/* =================================== HOMEPAGE News Section =================================== */

.news {
margin:10px 0 5px 0;
padding-right:15px;
}

#date {
font-size:82%;
color:#505244;
margin:25px 0 10px 0;
border-bottom: #505244 solid 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:560px;
}
* html #date {width:540px}

#header {
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
}

#newstxt {
font-size:90%;
color:#000000;
line-height:125%;
margin-bottom:20px;
}

#newstxt p {color:#000000;}

#newstxt-normimg {
font-size:88%;
color:#000000;
line-height:115%
}


#newstxt img {
border:1px solid #424237;
margin: 4px 0 4px 8px; 
float:right;
width:112px;
}

#newstxt-normimg img {
border:1px solid #424237;
margin: 6px 0 6px 0;
}





/* =================================== PORTFOLIO Section =================================== */

.portcont {
width:560px;
margin:15px 0 0 10px;
color:#000000;
}
* html .portcont {width:535px;}



.portbox_lm {
width:170px; height:150px; margin:25px 25px 25px 0; float:left; font-size:75%; color:#E0D7C9;
}
* html .portbox_lm {width:160px; height:200px; margin:25px 10px 25px 0;}

.portbox_r {
width:170px; height:170px; margin:25px 0 25px 0; float:left; font-size:75%; color:#E0D7C9;
}
* html .portbox_r {width:160px; height:200px; }

.portbox_lm img { border:5px solid #B2B2B2; margin-bottom:3px }
.portbox_r img { border:5px solid #B2B2B2; margin-bottom:3px }


/* ========================= email PORTFOLIO ========================= */

.port3box_lm {
width:256px; height:166px; margin:15px 45px 25px 0; float:left; font-size:75%; color:#E0D7C9;
}
* html .bottom {width:256px; height:166px; margin:15px 65px 25px 0;}

.port3box_r {
width:256px; height:166px; margin:15px 0 25px 0; float:left; font-size:75%; color:#E0D7C9;
}
* html .bottom {width:256px; height:166px; margin:15px 0 25px 0;}

.port3box_lm img { border:3px solid #4B4B3E; margin-bottom:3px }
.port3box_r img { border:3px solid #4B4B3E; margin-bottom:3px }



/* ================================= FLICKR Badge ================================== */

<!-- Start of Flickr Badge -->
<style type="text/css">
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner { color:#000000; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {background-position: inherit;
	color:#FF6600; 	text-decoration:none !important;
	background-color: inherit !important;
	background-image: inherit !important;
	background-repeat: inherit !important;
	background-attachment: inherit !important;
}
</style>
<script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = 'ffffff';
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=50994035%40N00&zg_set_id=72157594372613998&zg_context=in%2Fset-72157594372613998%2F';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge.gne"	style="color:#FF6600;" onclick="zg_toggleWhat(); return false;">What is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing photos in a set called <a href="http://www.flickr.com/photos/50994035@N00/sets/72157594372613998">Dschääß (a FotoMusikology)</a>. Make your own badge <a href="http://www.flickr.com/badge.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
</div>
</div>
<!-- End of Flickr Badge -->







/* ================================= FORM styles ================================== */

form, select, input, textarea, text {
display:inline;
font-size:95%;
font-family:Lucida Sans, Trebuchet MS, verdana, tahoma, arial;
}

.textbox, select, textarea, text, checkbox {
border:#666666 1px solid;
padding: 1px;
font-size:90%;
}

textarea {
padding: 3px;
font-size:100%;
font-family:Lucida Sans, Trebuchet MS, verdana, tahoma, arial;
}

.input img {
border:0px
}


.label_lhs {
float:left; width:127px; padding-left:23px; height:25px; color:#000;
}

.box_rhs {
float:left; width:380px; height:25px; color:#000;
}





/* ================================= Add This ================================== */


.addthis_toolbox .custom_images a
{
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox a img
{
    border:0;
}


.addthis_toolbox .custom_images a:hover img, .addthis_toolbox a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img, .addthis_toolbox a img
{
    opacity: 0.55;
}