<div style="width:100%;text-align:center;">

</div>
img {
   behavior: url("http://www.notework.net/plugin/pngbehavior.htc");
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/notework/style.css  */
/* Define every style unless explicitly mentioned alsewhere */
*{
	margin:0; 
	padding:0; 
}

body {
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 12px;
	margin: 0 auto;
	line-height:1.4em; 
	text-align:center; 
	color:#232323; }

/* SEITEN CONTAINER  */
#mainpane {
	height:100%; /*leave in, needed by firefox for preview in admin suite */
	width:980px;
	margin:0 auto;
	padding:1px 0;
	text-align:left;
	color:#232323;
}


/* ### HEADERBEREICH  START ############## */
#pagetop {
	width:980px;
	margin:0 auto;
	text-align:left;
}

/* NW MENÜ */
#menu {
     height:1.2em;
     line-height:1.2em;
     width: 980px;
     color:#666;
     background:  transparent;
     padding-top:  5px;
	 padding-bottom: 5px;
}
#menu li {
	float:right;
	list-style-type:none;
	white-space:nowrap; 
}
#menu li a{
	display:block;
	padding:0 10px;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
	color: #000033; 
}

* html #menu a {width:1%;}

#menu .selected, #menu a:hover{
	color:#F7A300;
	text-decoration:none; 
}

/* NW HADERBANNER */
#noteworkheader {
	background:transparent;
	width:980px;
	overflow:hidden;
}
#noteworkheader img {
	border: 0px solid #FFF;
}

/* NW HEADER */
#header {
	height:225px;
	width:980px;
	color: #444;
	background: #FFFFFF url(templates/notework/img/header.gif) 0 0 no-repeat; 
}
/* optional, nur falls überschriften im header eingeblendet werden */
#header h1{
	padding:35px 0 0 20px;
	font-size:2.2em;
	background-color:transparent;
	color:transparent;
	letter-spacing:-2px;
	font-weight:normal; }

#header h2{
	margin:10px 0 0 40px;
	font-size:1.4em;
	background-color:transparent;
	color:#f0f2f4;
	letter-spacing:-1px;
	font-weight:normal; 
}

/* NW NAVIGATION */
#navigation {
	color:#000033;
	height:1.8em;
	line-height:1.8em;
	font-size: 14px;
	width:980px;
}
#navigation li {
	float:left;
	list-style-type:none;
	white-space:nowrap;
	text-align:left;
}
#navigation li a {
	background-color:#eee;
	color:#000033;
	display:compact;
	font-size:0.8em;
	font-weight:bold;
	padding:0 10px;
	text-decoration:none;
	vertical-align:middle;
}
* html #navigation a {
	width:1%;
}
/* NAVIGATION HOVER */
#navigation .selected, #navigation li a:hover {
	color:#F7A300;
	text-decoration:none;
}

/* SUCHE, optional */
#searchform {
	margin:0 5px 0 0;
	background-color:transpraent;
	border-right:none;
	text-align:right; }

#searchform input {
	width:110px; 
	margin:6px 7px 0px 5px;
	border: 1px solid #aaa;
	font-size: 0.8em;
	vertical-align:middle;
	color: #999;
	background: #FFF url(templates/notework/img/mag_glass.gif) no-repeat 97% 50%; }

/* ### HEADERBEREICH  ENDE ############## */

/* +++ CONTENTBEREICH  START +++++++++++++++++++++ */
/* TYPO TITLE */
.serendipity_title {
    color: #000033;
    font-family: verdana, helvetica, arial;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    padding: 0px 0px 20px 0px;
    line-height: 19px;
}
.serendipity_title a:link, .serendipity_title a:visited  {
    color: #000033;
    text-decoration: none;
}
.serendipity_title a:hover {
    color: #F7A300;
    text-decoration: none;
}

/* DATUM */
h3.serendipity_date {
	color:#232323;
	margin:0 0 5px 0;
	padding:0;
	font-size:0.8em;
	font-weight:normal;
	background-color:inherit; 
}
div.serendipity_Entry_Date {
    padding-left: 0px;
    width: auto;
}

/* CONTENTBEREICH WENN SIDEBAR LINKS */
.contentleft #content {
	float:right;
	width:700px; /* auch style .contentleft #sidebar anpassen */ 
	font-size:1.0em;
	margin:  35px 30px 0px 0px;
}

/* CONTENTBEREICH WENN SIDEBAR RECHTS */
.contentright #content {
	float:left;
	width:700px; /* auch style .contentright #sidebar anpassen */ 
	font-size:1.0em;
	margin-top:  30px;
	margin-right:  10px;
	margin-left:  10px;
}

#content h2, .serendipity_commentsTitle, .staticpage_result_header {
	color:#232323;
	margin:0 0 16px 0;
	padding:0;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:-1px;
	background-color:inherit; 
}

.serendipity_entry_body a:visited, .serendipity_entry_extended a:visited { 
	text-decoration: none;
}

/* AUFZÄHLUNGEN */
.serendipity_entry li {
	margin-bottom:10px;
	list-style-position: inside;
}

/* DIVERSE STYLES CONTENT */
#content img {padding: 3px; margin:0px 5px -30px 0px; border: 1px solid #ddd;}
#content img.emoticon, #content img.serendipity_entryIcon {border:none;}
#content img.serendipity_entryIcon {float:right;}
#content a:hover,#sidebar a:hover{text-decoration:none;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

.serendipity_entry_extended {
	margin-top:20px; 
	clear:left;
}

.staticpage_result_header {
	font-weight:bold;
}

/* +++ CONTENTBEREICH  ENDE +++++++++++++++++++++ */

/* xxx SIDEBAR START xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#sidebar ul, #sidebar ol {
margin-left:20px;
}
/* #sidebar WENN SIDEBAR LINKS */

#sidebar {
	font-size: 1em;
	line-height:1.2em;
}

.contentleft #sidebar {
	float:left;
	width:210px; /* auch style .contentleft #content anpassen */ 
	margin:  85px 0px 0px 10px;
}
/* #sidebar WENN SIDEBAR RECHTS */
.contentright #sidebar {
	float:left;
	width:230px; /* auch style .contentright #content anpassen */ 
}

/* SIDEBAR LINKFARBEN */
#sidebar a:link, #sidebar a:visited {
    color: #000033;
    text-decoration: none;
}

#sidebar a:hover {
    color: #F7A300;
    text-decoration: none;
}

.serendipitySideBarItem{padding:10px 10px 10px 0; color:#000033;}

#sidebar h2, .serendipitySideBarTitle {
	display:block;
	margin:4px 0 15px 0;
	font-size:1.0em;
	font-weight:bold;
	text-align:left;
	letter-spacing:normal;
	color:#000033;
	background-color:#fff; }

#sidebar .serendipitySideBarContent{margin:0 0 16px 0; font-size:0.8em;}
#sidebar input, #sidebar textarea, #sidebar select {width:95%;}
#sidebar td input {width:150px;}

/* xxx SIDEBAR ENDE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ___ FOOTERBEREICH  START __________________ */
div.serendipity_pageFooter {
	font-size:0.8em;
	clear:both;
	margin:10px auto 50px auto;
	text-align:center; }

.serendipity_entryFooter {
	margin-top:10px;
	margin-bottom:70px;
	padding:0px;
	padding-top:3px;
	border-top: 0px solid #dedede; 
	font-size:0.78em;
	color: #888;  
	text-align:center;
	clear:both; 
}

#footer{
	width: 980px;
	margin: 0 auto;
	font-size:0.9em;
	background:transparent;
	color:#f0f0f0; }
	
.footerbg {
	width:980px;
	padding:5px 0; }
	
#footer p{text-align:center;}
#footer a{color:#F3F3F3; background-color:#fff; font-weight:normal;}
#footer a:hover{color:#ffffff; background-color:#fff; text-decoration: none;}

.clearingdiv {
	clear:both;
	height:1px;
	width:1px;
}

/* ___ FOOTERBEREICH  ENDE __________________ */


/* NW LINKLIST DTREE */
.dtree {
color:#333333;
direction:ltr;
white-space:nowrap;
}
.dtree img {
border:0 none;
vertical-align:middle;
}
.dtree a {
color:#888888;
text-decoration:none;
}
.dtree a.node, .dtree a.nodeSel {
padding:1px 2px;
white-space:nowrap;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color:#862A11;
text-decoration:none;
}
.dtree a.nodeSel {
background-color:#C0D2EC;
}
.dtree .clip {
overflow:hidden;
}


/********* General Styles *********/
a img{border:none; }

p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px; }

blockquote { margin: 15px 30px 0 15px; padding-left: 15px; }
code, pre {font-size:1.3em; }

/* used when s9y needs to center something */
.serendipity_center {  
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     font-size: 8px;
     color: #ddd; }

/* warning messages from s9y */
.serendipity_msg_important { 
     color: #ddd; }

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {	
     color: #ddd; 
}

/* style to temporarily change something to grey, used in pagefooter */
.grey {
	color:#ddd; }

/********* End of General Styles *********/


/* NW ZUSATZSTYLES PLUGINS */


/********* Embedded images with the s9y image manager *********/
/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
	display:block; margin:0 auto 5px auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
	float:left; margin:0 12px 5px 0; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
	float:right; margin:0 0 5px 12px; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
     clear: both;
     text-align: center; }

/********* End of Image Manager Styles *********/

/********* Plugin Stlyes *********/

/* style for the seearch term and number of results using quicksearch */
.searchterm, .searchresults {font-weight:bold; }

/* used in comments */
.oddbox, .plugin_comment_wrap {
	margin:0 0 20px 0;
	border-top:0px solid #c0c0c0;
	border-bottom:0px solid #c0c0c0;
	background-color:#fff;
	color:#999;
	line-height:1.6em; }

/* not used */
.evenbox {}

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
	color:#333; }

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
	line-height:0.5em; }

/* style for comment body within sidebar */
.plugin_comment_body {
	font-style:oblique; }

/* container cloud for tags and static page navigation */
.serendipity_freetag_taglist, .staticpage_navigation, .serendipity_search {
	padding:15px;
	margin:0 0 50px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
	clear:both; }

.container_serendipity_plugin_freetag a {
	font:85% Verdana,Tahoma,Arial,sans-serif;
	line-height: 1!important; }

/* shift the feed icon in the freetag sidebar plugin */
.serendipity_freeTag_xmlButton {
	padding-left:2px; }

/* place freetag list on new line in entry footer */
.serendipity_freeTag {
	clear:both; }

/* adjust line height in entry footer */
.serendipity_karmaVoting, .serendipity_freeTag {line-height: 1!important;}

/********* End of Plugin Styles *********/

}
div.linklist span.menu_title {
}
div.linklist {
color:#000033;
direction:ltr;
font-size:10px;
margin:0;
padding:0;
text-align:left;
white-space:nowrap;
}
div.linklist ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
white-space:nowrap;
}
div.linklist li {
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
white-space:nowrap;
}
div.linklist img {
border:0 none;
vertical-align:middle;
}
div.linklist a.folder {
text-decoration:none;
}
div.linklist a.link {
text-decoration:none;
}
div.linklist a:hover {
color:#F7A300;
}
/* Der Kommetar- und Trackbackbereich */

.serendipity_commentsTitle{font-size: 8px;font-color: #000033;
}

serendipity_comments serendipity_section_trackbacks{
font-size: 8px;font-color: #888;
}

class = serendipity_commentBody{
font-size: 8px;font-color: #888;
}