/* header */
div#header img {
	margin: 0;
	border-width: 0;
}

ul#header-links {
	margin: 0px 4px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
	width: 230px;
	height: 75px;
}

html>body div#header ul#header-links { margin: 0px 0 0 0; }

div#header ul#header-links li a:hover img {
	border-color: #660000;
	border-width: 0 0 2px 0;
	border-style: solid;
	padding: 0px;
}

div#header ul#header-links li.first {
	margin: 0px 0 5px 42px;
	padding: 0px 0 0 0;
	height: 25px;
	width: 100px;
}
div#header ul#header-links li.first img { padding: 0 0 2px 0; }

div#header ul#header-links li.middle {
	float: left;
	margin: -5px 0 0 6px;
}
html>body div#header ul#header-links li.middle {
	margin: 5px 0 0 4px;
}

div#header ul#header-links li.middle img { padding: 0 0 2px 0; }

div#header ul#header-links li.last {
	float: left;
	margin: 3px 0 0 18px;
}
html>body div#header ul#header-links li.last {
	margin: 13px 0 0 18px;

}

div#header ul#header-links li.middle img { padding: 0 0 2px 0; }

div#header ul#header-links li.small {
	position: absolute;
	margin: 0 0 0 52px;
	top: 54px;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	padding: 2px;
	border-color: #660000;
	border-width: 1px;
	border-style: solid;
}
html>body div#header ul#header-links li.small { margin: 0 0 0 218px; }

div#header ul#header-links li.medium {
	position: absolute;
	margin: 0 0 0 51px;
	top: 30px;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	padding: 2px;
	border-color: #660000;
	border-width: 1px;
	border-style: solid;
}

html>body div#header ul#header-links li.medium { margin: 0 0 0 216px; }

div#header ul#header-links li.large {
	position: absolute;
	margin: 0 0 0 49px;
	top: 1px;
	font-size: 18px;
	font-weight: bold;
	background-color: #ffffff;
	padding: 2px;
	border-color: #660000;
	border-width: 1px;
	border-style: solid;
}

html>body div#header ul#header-links li.large { margin: 0 0 0 213px; }

/* home page modules */
div#main-services {
	background-color: #ffffff;
	margin: 0 0 0 0;
	border-color: #cccccc;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	float: left;
}
div#secondary-services {
	background-color: #ffffff;
	margin: 10px 0 10px 0;
	border-color: #cccccc;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	float: left;
}

div#main-services h2, div#secondary-services h2 {
	margin: 2px 2px 2px 0;
	padding: 2px 2px 2px 0;
}

div#main-services h3, div#secondary-services h3 {
	margin: 0 0 0 2px;
	padding: 0px;
	letter-spacing: 1px;
	font-size: 1em;
}

div#main-services p, div#secondary-services p {
	margin: 2px;
	padding: 2px;
}

div#consulting, div#researching {
	margin: 0 0 16px 0;
	padding: 0px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	float: left;
}

div#building, div#teaching {
	width: 175px;
	float: left;
	margin: 0;

}

div#hosting, div#handholding {
	width: 205px;
	float: right;
	margin: 0;
	padding: 0 0 0 4px;
	border-color: #cccccc;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

div.bricks {
	background-image: url(../piks/mini_bricks.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0;
	margin: -50px -3px 0 0;
	float: right;
	width: 55px;
	height: 50px;
}

/* sidebar */
div.sidebar-box {
	background-image: url(../piks/box_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: auto;
	margin: 5px 0 20px 0;
	padding: 5px 0 0 0;
}

div.sidebar-box h2 {
	height: 13px;
	margin: 4px 0 0 5px;
	padding: 0px;
	font-weight: normal;
	color: #330000;
	font-size: 1.3em;
}

div.sidebar-box h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight:normal;
}

div.inner-sidebar-box {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #ffffff;
	width: auto;
	margin: 0px 0 0 21px;
}

div.inner-sidebar-box p {
	margin: 4px 10px 4px 10px;
	padding: 2px;
}
div.inner-sidebar-box li div {
	margin: 0px 10px 4px 10px;
	padding: 2px;
}

div.inner-sidebar-box ul {
	margin: 0 0 20px 0px;
	padding: 0px;
	list-style: none;
}

div.inner-sidebar-box h3 {
	margin: 5px 0 0px 5px;
	color: #666666;
}

div.inner-sidebar-box ul li.first {
	padding: 0px 0 2px 17px;
	margin: 8px 0 3px 10px;
	background-image: url(../piks/box_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.inner-sidebar-box ul li.middle {
	padding: 0px 0 2px 17px;
	margin: 8px 0 3px 10px;
	background-image: url(../piks/box_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.inner-sidebar-box ul li.last {
	padding: 0px 0 2px 17px;
	margin: 8px 0 3px 10px;
	background-image: url(../piks/box_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.inner-sidebar-box ul#news li, div.inner-sidebar-box ul#links li {
	padding: 0px 0 2px 17px;
	margin: 8px 0 3px 10px;
	background-image: url(../piks/box_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.inner-sidebar-box ul#news li a, div.inner-sidebar-box ul#links li a { }

div.inner-sidebar-box ul#news a.small {
	color: #cccccc;
}

div.inner-sidebar-box ul#news li p {
	font-family: arial, helvetica;
	color: #666666;
	margin: 0 4px 0 4px;
	padding: 1px;
}
div.inner-sidebar-box ul li div {
	margin: 0 4px 0 4px;
	padding: 1px;
}
div.inner-sidebar-box form#searchform {
	margin: 3px 0 20px 0;
	padding: 2px;
}
div.inner-sidebar-box input#s {
	width: 80%;
}
div.inner-sidebar-box input#searchsubmit {
	width: 15%;
}

div.subtitle {
	clear: both;
	height: 17px;
	width: auto;
	background-color: #660000;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000 #000000 #330000 #000000;
	margin: 15px 0 0 0px;
	padding: 0px;
}

div#main-services div.subtitle {
	clear: left;
	height: 17px;
	width: 410px;
	background-color: #660000;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000 #000000 #330000 #000000;
	margin: 15px -4px 0 -5px;
	padding: 0px;
}

div#secondary-services div.subtitle {
	clear: left;
	height: 17px;
	width: 410px;
	background-color: #330000;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000 #000000 #330000 #000000;
	margin: 15px -4px 0 -5px;
	padding: 0px;
}

div#column-uno div.subtitle img, div.subtitle img { float: right; }

/* Content */
div.content-box {
	clear: left;
	margin: 0px 0 15px 0;
	padding: 4px 8px 40px 4px;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color: #cccccc #cccccc #660000 #cccccc;
	background-color: #ffffff;
	width: auto;
	height: auto;
	background-image: url(../piks/working_dog.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.content-box div {
	border-width: 0;
	margin: 0 0 15px 0;
	padding: 0px 0 2px 0;
	background-color: #ffffff;
	clear: left;
}

div.content-box div p {
	margin: 0px 10px 2px 10px;
	padding: 0px 2px 2px 2px;
	clear: left;
}

h2#page-title {
	margin: -10px 0 0 0;
	padding: 0px;
	font-size: 1.1em;
}

h2#page-title span {
	font-size: .6em;
	font-weight: normal;
	color: #333333;
	letter-spacing:1px;
	margin: 0 0 0 0px;
	padding: 2px 0 10px 10px;
	position: absolute;
}

div.content-box h3 {
	letter-spacing: 1px;
	color: #660000;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
div.content-box h4 {
	letter-spacing: 1px;
	color: #990000;
	font-size: .9em;
	margin: 5px 0 0 0;
	padding: 0px;
}


div.content-box ul, div.content ul#publish-tools, div#main-services ul, div#secondary-services ul {
	margin: 10px 0 10px 5px;
	padding: 0px;
	list-style: none;
}

div.content-box ul li, div#main-services ul li, div#secondary-services ul li {
	padding: 2px 0 2px 17px;
	margin: 3px 0 3px 2px;
	background-image: url(../piks/box_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.content-box ul li.top { background-position: left 4px; }

div.content-box ul li.name {
	background-position: left 4px;
	height: 85px;
}

div.content-box ul li.name img {
	float: left;
	border-color: #660000;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	margin: 2px;
	clear: left;
}

div.content-box ul li span { font-weight: bold; }
div.content-box ul li span.form { font-weight: bold; padding: 0 2px 0 0;}

ul.el {
	position: absolute;
	margin: 30px 0 0 0;
}

ul.el li.first {
	float: left;
	margin: 3px 5px 0 0;
	height: 12px;
}
ul.el li.middle {
	float: left;
	margin: 3px 5px 0 0;
	height: 12px;
}
ul.el li.last {
	float: left;
	height: 12px;
}

div.stop {
	clear: right
}
span.version {
	margin: -21px 0 0 -6px;
	padding: 1px 0 1px 2px;
	display: block;
	position: absolute;
	width: 498px;
	height: auto;
	color: #ffffff;
	background-color: #660000;
	letter-spacing: 1px;
	clear: left;
}

div#services-page div.content-box, div#internet-page div.content-box {
	padding: 20px 5px 40px 5px;
}

div.content-box ul li.portfolio {
	background-position: left 4px;
	height: 180px;
	width: 180px;
	float: left;
}

div.content-box ul li.portfolio-info {
	background-position: left 4px;
	width: 240px;
	float: right;
}

div.content-box p {
	text-indent: .8em;
}

div.content-box p.quote {
	font-style: italic;
	margin: 10px 15px 15px 15px;
}

div.content-box span.sig {
	display: block;
	margin: 0 0 0 300px;
	padding: 0 0 10px 0;
	clear: left;
	font-style: normal;
	text-indent: 0px;
}

/* Knowledge Base */
div.content-box div.article-info {
	border-style: double;
	border-color: #cccccc;
	border-width: 0 0 3px 0;
	background-color: #ffffff;
	margin: 0px;
}

div.content-box div.excerpt-info {
	background-color: #ffffff;
	border-width: 0px;
	margin: 0px;
}

div.content-box div.excerpt-info  ul {
	border-style: solid;
	border-color: #cccccc;
	border-width: 0 0 1px 0;
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
}

div#excerpts-display, div#excerpts-display div {
	background-color: #ffffff;
	padding: 0px;
	border: 0px;
}

th {
	text-align: left;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: .8em;
}

div#kb-home {
	background-color: #ffffff;
	border-width: 0px;
	margin: 5px 0 10px 0;
}

div#kb-home h2 { margin: 0 0 10px 0; }

div#kb-home h3 {
	margin: 0 0 4px 0;
	padding: 0px;
	color: #666666;
}

div#kb-home table {
	margin: 0 0 15px 5px;
	width: 450px;
}

div#kb-home table td {
	padding: 2px 0 6px 2px;
	margin: 0 5px 0 0;
	width: 145px;
	text-transform: capitalize;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 0 0 4px;
}

/* topic page */
div#topic-page {
	background-color: #ffffff;
	border-width: 0px;
}

div#topic-page h2 {
	margin: 0 0 10px 0;
	padding: 0px;
	font-family: georgia, verdana, serif;
	font-size: 1.3em;
}

div#topic-page h3 {
	font-weight: normal;
	width: 100%;
	margin: 0px;
	padding: 2px 0 2px 0;
	font-size: 1em;
	font-family: arial, helvetica, serif;
	letter-spacing: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 0 2px 0;
}

div#topic-page div.article { padding: 4px 0px 0px 0px; }

div#topic-page div.article div.keywords {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

div#topic-page p {
	text-indent: 0;
}

div#topic-page div.teaser {
	border-width: 0px;
	background-color: #ffffff;
	margin: 2px;
}

div#topic-page p.excerpt {
	margin: 2px 4px 2px 4px;
}

div#topic-page table { width: 450px; }

div#topic-page table td {
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 1px 0 0;
	padding: 2px;
}

div.sites span, div.articles span {
	font-weight: bold;
	letter-spacing: 1px;
}
div.keywords {
	padding: 2px 10px 2px 10px;
	text-transform: lowercase;
}
div.keywords h3 {
	margin: 5px 0 0 -5px;
}
ul#keyword-input-list {
	margin: 5px;
	padding: 0 0 5px 0;
	list-style: none;
}
ul#keyword-input-list li {
	float: left;
	padding: 0 2px 2px 0;
	background-image: none;
	margin: 0px;
}

td.header {
	font-weight: bold;
	padding: 2px 2px 2px 0;
	width: 86px;
	border-width: 0px;
}

td.header-add {
	font-weight: bold;
	padding: 2px 2px 0px 2px;
	width: 86px;
	text-align: right;
}

div.content-box p.teaser {
	margin: 2px 25px 2px 30px;
	color: #333333;
}

div.content-box div.keyword-list, div#excerpts-display div.keyword-list {
	clear: left;
	padding: 0px;
	margin: 4px 0 2px 0;
	border-color: #cccccc;
	border-width: 1px 0 1px 0;
	border-style: solid;
	background-color: #ffffff;
}

div.content-box div.keyword-list span, div#excerpts-display div.keyword-list span {
	font-weight: bold;
	margin: 0 5px 0 0;
}

div.content-box div.no-keywords {
	background-color: #ffffff;
	border-width: 0px;
}

table { width: auto; margin: 5px 0 0 0}
table.keywords { margin: 2px 0 0px 0px; }

div.content-box div.add-key {
	background-color: #ffffff;
	margin: 5px 0 0 5px;
	padding: 0 0 6px 0;
	color: #333333;
	border-width: 0;
	font-family: arial, helvetica;
}

div.content-box div.add-key input { margin: 0 0 0 10px; }

table td {
	width: 80px;
	color: #333333;
	font-family: arial, helvetica;
	padding: 1px 0 2px 13px;
	margin: 0px;
	vertical-align: top;
	border-width: 0 0 0 5px;
	border-color: #ffffff;
	border-style: solid;
}

td input {
	margin: 0px 2px 0 -12px;
	padding: 0px;
	width: 10px;
}

/* footer */
div#footer ul#links {
	margin: 0 0 0 -2px;
	padding: 1px 0 1px 0px;
	list-style: none;
	float: right;
	background-color: #ffffff;
	width: 747px;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #660000 #cccccc #cccccc #cccccc;
}

div#footer ul#links li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0px 0 3px 16px;
	background-image: url(../piks/footer_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

div#footer-spiel {
	position: absolute;
	margin: 4px 0 0 -190px;
}
html>body div#footer-spiel {
	position: relative;
	margin: 8px 0 0 120px;
	float: left;
}

div#footer div#dog {
	position: absolute;
	margin: 0 0 0 360px;
}
html>body div#footer div#dog {
	position: relative;
	margin: 0px;
	float: right;
}

/* content */
div.blog-entry {
	clear: left;
	margin: 0 0 10px 0;
	padding: 4px 4px 20px 4px;
	border-width: 1px;
	border-style: dotted;
	border-color: #cccccc;
	background-color: #F4F4F4;
	background-image: url(../piks/entry_bullet.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

html>body div.blog-entry { float: left; }

div.blog-entry h2, div.content-box h2 {
	padding: 0;
	margin: 0;
	text-transform: lowercase;
	font-weight: bold;
	letter-spacing: 2px;
}

div.blog-entry h3 {
	padding: 0;
	margin: 5px 0 0 0;
	text-transform: lowercase;
	font-weight: bold;
}

div.blog-entry div.blog-category {
	font-family: arial, serif;
	color: #999999;
}

div.blog-entry div.blog-category a, div.blog-entry div.blog-category a:visited {
	color: #999999;
	text-decoration: underline;
}

div.blog-entry div.blog-category a:hover {
	color: #000000;
	text-decoration: underline;
}

div.blog-entry div.blog-spiel {
	margin: 0 0 15px 0;
	line-height: 15px;
	padding: 0px;
}

div.blog-entry ul {
	padding: 0;
	margin: 0px;
	list-style: none;
	width: 500px;
}

div.blog-entry ul li.left {
	float: left;
	width: 49%;
	text-align: left;
}

div.blog-entry ul li.right {
	float: right;
	width: 49%;
	text-align: right;
}

div.blog-spiel img {
	/* commented backslash hack v2 \*/
	float: left;
	/* end hack */
	border-color: #660000;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	margin: 2px;
}

div.blog-spiel-comments h2 { color: #333333; }

div.blog-spiel-comments {
	margin: 0px;
	color: #333333;
}

div.blog-entry dt {
	font-weight: bold;
	margin: 4px 0 4px 0;
}

div.cata-entry h2 {
	margin: 5px 0 0 0;
	padding: 0px;
	float: left;
	clear: left;
}

div.cata-entry h3 {
	margin: 5px 0 0 0;
	padding: 0px;
	float: left;
	clear: left;
}

div.cata-entry ul.topic {
	margin: 3px 0 10px 25px;
	list-style: square;
	padding: 0px;
	/* commented backslash hack v2 \*/
	float: left;
	/* end hack */
	clear: left;
}

div.cata-entry ul.topic li { color: #000000; }

div.cata-entry ul.topic ul {
	margin: 0px;
	padding: 0 0 0 5px;
	list-style: none;
	font-style: italic;
}

div.about ul { list-style: none; }

div.about ul li {
	vertical-align: top;
	padding: 2px 0 2px 0;
	height: auto;
}

div#new a { color: #000033; }

/* variants */
div#innovation { margin: 20px 0 0 0; }

div#innovation p.intro {
	font-style: italic;
	letter-spacing: 1px;
}

div#innovation img {
	border-style: solid;
	border-color: #660000;
	border-width: 2px;
}

/* admin */
div.edit { display: none; }
div.admin {
	float: left;
	margin: 25px 0 0 150px;
}
div.admin a {
	color: #ffffff;
}

ul#publish-tools li {
	float: left;
	padding: 2px 0 2px 17px;
	margin: 0px 0 3px 2px;
	background-image: url(../piks/box_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

ul#publish-tools li.bottom { margin: 4px 0 3px 2px; }

ul#close-links {
	list-style: none;
	width: 750px;
	height: 15px;
	margin: 0 auto;
	padding: 3px 0 3px 0;
}
ul#close-links li.first {
	width: 375px;
	float: left;
}

ul#close-links li.last {
	width: 375px;
	text-align: right;
	float: left;
}
ul#close-links a {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	font-style: italic;
}
ul#close-links a:hover {
	color: #660000;
}

table.topics {
	margin: 2px 0 0 0;
	padding: 0px;
	width: 500px;
}
table.topics th {
	color: #660000;
	font-weight: bold;
}
table.topics td {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #cccccc;
	padding: 2px 0 1px 10px;
	text-transform: lowercase;
	
}
table.topics td.topic {
	width: 25%;
	font-weight: bold;
	color: #000000;
	text-transform: capitalize;
}
div#form-page {
	margin: 4px;
}
div#form-page h2#page-title {
	margin: 0;
}
div#form-page p.info {
	margin: 2px 0 2px 0;
	padding: 0 0 0 10px;
}
div#form-page ul {
	margin: 2px 0 0 0;
}
div#form-page div.content-box {
	padding: 4px 4px 60px 4px;
}
div#ads {
	float: left;
	clear: left;
	height: 17px;
}
div#ads-side {
	margin: 0 0 5px 5px;
}
body div#el ul {
	
}
body div#el ul li {
	float: left;
}
div#el-preview div.sidebar-box {
	float: right;
	width: 200px;
	margin: 5px;
}

img#pcrm {
	padding: 2px 0px 2px 6px;
}