h1, h2, h3, h4, h5, h6, 
p, blockquote, address, pre, hr, 
ul, ol, li, dd, dt, dd, 
a, q, del, ins, sub, sup, abbr, acronym, 
tt, i, b, big, small, 
em, strong, dfn, code, samp, kbd, var, cite, 
table, thead, tfoot, tbody, tr, th, td, caption, 
form, fieldset, legend, label, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant: inherit;
	text-align: inherit;
	text-decoration: inherit;
	text-indent: inherit;
	text-transform: inherit;
	/*vertical-align: inherit; -- totally kills ie5.5win ie6win */
	color: inherit
}
*, html {
  margin:0;
  padding:0
}
.clearer {
  clear:both;
  margin:0;
  padding:0;
  border:none;
  background:transparent;
  font-size:1px;
  height:1px
}
body {
  margin:0;
  padding:0;
  font-family:"Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:100%;
}
a img {
  border:none
}
a:link {
  /*text-decoration:none*/;
  color:#309
}
a:visited {
  /*text-decoration:none*/;
  color:#900
}
a:hover {
  text-decoration:underline
}
b, strong {
  font-weight:bold
}
i, em {
  font-style:italic;
  letter-spacing:0.04em
}
ul {
  color:#080;
  list-style: disc outside
}
li .txt {
  color:#444
}
#marginalie li .txt {
  color:#666
}
br.br1 {
  margin-top:-1em
}


/***
*** wrapper
***/

#wrapper {
  margin-left:auto;
  margin-right:auto;
  background-color:#FFF;
  text-align:left;
  width:60em;
  font-size:0.75em
}

/***
*** header
***/

#header {
  margin-bottom:1em;
  padding:10px 0 0 30px;
  background:#F3F2EF
}
.logo {
  float:left
}
.header-text {
  float:left;
  padding:0 0 0 1em;
  font-size:0.8em
}
.header-pictures {
  clear:left;
  float:right
}
.header-pictures img {
  margin:0;
  width:15.6em
}
* html .header-pictures img {
  margin-bottom:-3px
}

/***
*** content
***/

#content {
  padding:5px 0;
  border:1px solid #FCF8F2;
  background-color:#FFF
}

#default #content {
  background:#FFF url(/textpattern/images/bkg_h.gif) left bottom no-repeat
}
#kompetenzen #content {
  background:#FFF url(/textpattern/images/bkg_k.gif) left bottom no-repeat
}
#portfolio #content {
  background:#FFF url(/textpattern/images/bkg_p.gif) left bottom no-repeat
}
#moodle #content {
  background:#FFF url(/textpattern/images/bkg_m.gif) left bottom no-repeat
}
#unodo #content {
  background:#FFF url(/textpattern/images/bkg_u.gif) left bottom no-repeat
}
#netzwerk #content {
  background:#FFF url(/textpattern/images/bkg_n.gif) left bottom no-repeat
}
#nachrichten #content {
  background:#FFF url(/textpattern/images/bkg_n.gif) left bottom no-repeat
}
#kontakt #content {
  background:#FFF url(/textpattern/images/bkg_k.gif) left bottom no-repeat
}
#impressum #content {
  background:#FFF url(/textpattern/images/bkg_i.gif) left bottom no-repeat
}

/***
*** navigation
***/

#nav-column {
  float:left;
  width:14.1em;
  margin:0 1em 1em 0
}
#navigation {
  position:absolute;
  /*visibility:hidden;
  float:left;*/
  width:14.1em;
  margin:0
}
#navigation ul {
  list-style-type:none
}
#navigation li {
  margin:0 1px;
  padding:2px 0
}
#navigation li li {
  padding:2px 0 2px 1em
}
#navigation a {
  line-height:1.2em
}
#navigation .menu a {
  padding:1px 1px 2px 3px;
  width:12em;
  border:1px solid #D6DAAA;
  display:block;
  /*text-decoration:none*/
}
#navigation .menu li li a {
  width:11em
}
#navigation .menu a:hover {
  border:1px solid #FFF;
  background-color:#F3F2EF
}
#navigation .menu a:hover.position  {
  color:#FFF;
  background-color:#093
}
#navigation .menu a:active {
  border:1px solid #FFF;
  color:#FFF;
  background-color:#9A8A7E
}
/*#navigation .menu a.kontakt-active {
  border-top:2px solid #093;
  border-bottom:2px solid #093;
  background-color:#F3F2EF
}*/
#navigation .menu a.to-top {
  border-right:2px solid #093;
  background-color:#F3F2EF
}
#default #navigation .menu li a.default-active,
#kompetenzen #navigation .menu li a.kompetenzen-active,
#portfolio #navigation .menu li a.portfolio-active,
#portfoliosteinbeis #navigation .menu li a.portfoliosteinbeis-active,
#portfoliolpb #navigation .menu li a.portfoliolpb-active,
#portfoliogfa #navigation .menu li a.portfoliogfa-active,
#moodle #navigation .menu li a.moodle-active,
#unodo #navigation .menu li a.unodo-active,
#netzwerk #navigation .menu li a.netzwerk-active,
#nachrichten #navigation .menu li a.nachrichten-active,
#kontakt #navigation .menu li a.kontakt-active {
  color:#FFF;
  background-color:#093
}

/***
*** right column
***/

#right-column {
  float:right;
  width:15.5em;
  margin:0 0 1em 0;
}
#marginalie {
  margin-bottom:1.75em;
  font-style:normal;
  line-height:2.2em;
  color:#666
}
#marginalie .eintrag {
  margin-bottom:1em;
  font-size:0.9em
}
#marginalie h1,
#marginalie h2,
#marginalie h3,
#marginalie h4 {
  margin-bottom:0.2em;
  font-weight:bold
}
#marginalie h1 {
  font-size:1.4em
}
#marginalie h2 {
  font-size:1.2em
}
#marginalie h3 {
  font-size:1em
}
#marginalie h4 {
  font-size:0.9em
}
#marginalie ul {
  margin-left:1.5em
}
#marginalie li {
  padding-bottom:0.5em;
  line-height:1.5em 
}
.news .eintrag {
  line-height:1.5em 
}

/***
*** Text
***/

#text-wrapper {
  float:left;
  width:27em;
  margin:2px 0 0 0;
  padding:0
}
#text-wrapper-2col {
  float:left;
  width:43.2em;
  margin:2px 0 0 0;
  padding:0
}
#text {
  padding:0;
  margin:auto;
  line-height:1.8em;
  color:#444
}
#text .eintrag {
  margin-bottom:2em
}
#text-wrapper-2col .eintrag  {
  width:27em
}
#text h1,
#text h2,
#text h3,
#text h4 {
  margin-bottom:0.5em;
  font-weight:bold;
  color:#666
}
#text h1 {
  font-size:1.4em
}
#text h2 {
  font-size:1.2em
}
#text h3 {
  font-size:1em
}
#text h4 {
  font-size:0.9em
}
#text p {
  margin-bottom:0.5em
}
#text br.br1 {
  margin-top:-1em
}
#text p.br1 {
  height:1em
}
#text p.br2 {
  height:2em
}
#text ul {
  margin-left:1.5em
}
#text li {
  margin-bottom:0.3em
}
#text blockquote {
  padding-left:1em
}
#text-wrapper .news-nav a {
  line-height:1.2em
}

/***
*** kontaktform
***/

#kontaktform input,
#kontaktform textarea,
#kontaktform select {
  background-color:#F3F2EF;
  border:1px solid #D6DAAA
}
#kontaktform input:hover, #kontaktform input:focus,
#kontaktform textarea:hover, #kontaktform textarea:focus, 
#kontaktform select:hover, #kontaktform select:focus {
  background-color:#FFF;
  border:1px solid #12A316;
}
#kontaktform label {
  padding-bottom:0.5em;
  color:#666
}
#kontaktform br {
  margin-top:-0.8em
}
#kontaktform p {
  margin-bottom:1em
}
#kontaktform #send {
  background-color:#D6DAAA;
  cursor:pointer
}

/***
*** images
***/

#text .big-image {
  margin-bottom:1em
}
#text img.big-image {
  width:26em
}
#right-column .big-image {
  margin-bottom:1em
}
#right-column img.big-image {
  width:14.5em
}
#text .portfolio-image {
  margin-bottom:1em;
  overflow:auto;
}
/*#text img.portfolio-image {
  width:41em
}*/

/***
*** footer
***/

#footer {
  /*margin-top:1em;*/
  padding:0.3em 1em 1.7em 30px;
  background:#F3F2EF;
  line-height:1.5em
}
.copyright {
  font-size:0.85em;
  color:#C1B7A8
}
.impr a {
  font-size:0.85em;
  /*text-decoration:none*/
}
.impr a:hover {
  text-decoration:underline
}
.validator {
  float:left;
  padding:0 1em 0 0
}

/***
*** RSS-Feed
***/

.rss-feed {
  padding-bottom:0.3em;
  background-color:#F3F2EF;
  /*background-color:#FCF8F2;*/
  font-size:0.9em
}
.rss-title {
  padding:0.2em 0 0.4em 0.3em;
  border-bottom:2px solid #D6DAAA
}
.rss-title a:link,
.rss-title a:visited {
  font-weight:normal
}
.rss-item-record {
  /*font-size:70%;*/
}
.rss-item-link a:link {
  /*text-decoration:none*/;
  color:#5B5BA2
}
.rss-item-link a:visited {
  /*text-decoration:none*/;
  color:#C44
}
.rss-item-link a:hover {
  text-decoration:underline
}
.rss-item {
  margin:0.5em 0;
  padding:0.3em 0 0 0.3em;
  border-top:1px dashed #E4E4E4
}
.rss-short-date {
  font-size:0.87em;
  color:#666
}
/*.lay {
  border:1px solid #F00
}*/