body {
  font-size: 100.01%;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
  background: #fff url(/img/css/streifen/bg1.jpg) top left repeat-x;
  margin:  0;
  padding: 0;
}

img {
  border: 0;
}

a {
   text-decoration: none;
   color: #2367a6;
}
#content a:hover {
   border-bottom: 1px solid #1B82A7;
}

#container {
  width: 565px;
  margin-left: 220px;
  margin-top: 39px;
  padding: 0;
  background-color:#fff;
}

#header {
   height: 53px;
   text-align: left;
}

#header h1 {
   color: #9db919;
   margin: 0;
   font-size: 1.3em;
   font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
   text-align: right;
   padding: 5px 20px 0 0;
   float: right;
}

#navi {
   width: 110px;	
   position: absolute;
   top: 145px;
   left: 109px;
}
#navi ul {
   list-style-type: none;
   padding: 5px 0px 6px 5px;
}
#navi ul#menu {
   margin: 20px 0 0 0;
}

#navi ul#menu li {
   /*display: inline;*/
   text-align: right;
}

#navi ul#menu li a {
   color: #1e6787;
   padding: 7px 10px;
   display: block;
   border-bottom: 1px solid #89bbde;
   font-size: 0.9em;
   text-decoration: none;
}

#navi ul#menu li a:hover {
   color: #1e6787;
   /*border-bottom: 3px solid #D11E8D;   */
}

#navi ul#menu li.active a {
   font-weight: bold;
   background-color: #dee;
}

#navi ul.recent_comments li a {
	font-size: 0.8em;
	
}

#content {
   margin: 7px 20px 10px 20px;
   font-size: 0.9em;
   line-height: 1.6; 
   color: #000;
   min-height: 280px;     /* http://www.dustindiaz.com/min-height-fast-hack/  */
}

#content h3 {
  color: #9dd9f5;
  font-size: 2em;
  line-height: 1.2; 
}
body#portfolio #content h3 {
	background: transparent url(/img/css/streifen/website_cool_24.gif) 0% 50% no-repeat;
	padding-left: 30px;
}
body#vortraege #content h3 {
	background: transparent url(/img/css/streifen/podcast_cool_24.gif) 0% 50% no-repeat;
	padding-left: 30px;
}

body#kontakt #content h3 {
	background: transparent url(/img/css/streifen/email_cool_24.gif) 0% 50% no-repeat;
	padding-left: 30px;
}

#content h4 {
  color: #52ADE0;
  font-size: 1.4em;
  margin: 15px 0 10px 0;
}

#content h5 {
  color: #52ADE0;
  font-size: 1.2em;
  margin: 10px 0 7px 0;
}

#content pre {
  font-size: 1.1em;
  background-color: #FCF8FA;
  overflow: auto;
  padding: 1em;
  margin: 0 auto;
  width: 90%;
}

#content blockquote {
  padding: 5px;
  background: #FCF8FA url(/img/css/rosakreise/blockquote.gif) top right no-repeat;
  border-left: 2px solid #2a8fbd;
}

#content a {
  color: #2367a6;
  text-decoration: none;
  font-weight: bold;
}

#content a:hover {
  border-bottom: 1px solid #1B82A7;
}

#content ul {
	list-style-image: url(/img/css/streifen/16circle-g.gif);
}

#content fieldset {
   border: 0;
}
#content fieldset legend {
   display: none;
}

/* weblog-seite */

body#blog #meta {
	border-top: 3px solid #9dd9f5;	
}
body#blog #meta #kommentarbox {
	float: left;
	width: 290px;
	margin-right: 10px; 
	padding: 3px 3px 3px 15px;
}
body#blog #meta #kommentarbox ul.recent_comments {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
body#blog #meta #kommentarbox ul.recent_comments li a {
	color: #2367a6;
	font-size: 0.8em;
	text-decoration: none;
}
body#blog #meta #suchbox {
	float: left;
	width: 228px;
	padding: 3px 15px 3px 3px;
}
body#blog #meta #suchbox a {
    size: 0.8em;	
}	

body#blog #meta #suchbox input#q {
   padding-left: 18px;
   background: #fff url(/img/css/streifen/q.png) no-repeat 4px center;
}
body#blog #meta #kommentarbox h4, 
body#blog #meta #suchbox h4 {
    color: #9cb818;
    margin: 15px 0 10px 0;
}

body#blog #meta #suchbox p.feed {
	padding-top: 3px;
	padding-bottom: 3px;
}
body#blog #meta #suchbox p.feed a {
    color: #2367a6;
}

body#blog #meta #blogrollbox {
	clear: both;
	padding: 5px 15px 5px 15px;
	margin-bottom: 10px;
	background-color: #bee;
	font-size: 0.9em;
}
body#blog #blogrollbox h4 {
	background: transparent url(/img/css/streifen/favorites_cool_24.gif) 0% 50% no-repeat;
 	margin: 15px 0 10px 0;
	padding-left: 30px;
	padding-bottom: 2px;
	color: #9cb818;
}
body#blog #blogrollbox a {
	color: #2367a6;
	size: 0.8em;
	text-decoration: none;
}

#content p img.nice {
   border: 1px solid #1B82A7;
   background-color: #FFE5F4;
   padding: 5px;
   margin: 3px;
}

#content div.blog_list {
   margin: 10px 0;
   padding-bottom: 5em;
}

#content div.blog_list p img.nice {
   border: 1px solid #1B82A7;
   background-color: #dee;
   padding: 5px;
   margin: 3px;
}

#content div#blog_detail p.meta {
   font-size: 0.9em;
   border-top: 1px solid #000;
}

#content div#blog_detail p.meta span.technorati a {
   /*background: transparent url(/img/css/rosakreise/technorati.gif) center left no-repeat;*/
   background: transparent url(/img/css/streifen/tag_cool_16.gif) center left no-repeat;
   padding-left: 15px;
}

#content form#txpCommentInputForm {
   padding: 5px;
   background: #fff url(/img/css/rosakreise/bg1.png) bottom left repeat-x;
}

#content form#txpCommentInputForm label {
   width: 150px;
   float: left;
   cursor: pointer;
}

#content form input,
#content form textarea {
  border: 1px solid #A8D6EF;
  padding: 2px;
}

#content form input:focus,
#content form textarea:focus {
   border: 1px solid #D11E8D;
   background-color: #FCF8FA;
}

/* Kommentare */

#content div.comment {
   min-height: 50px;
   padding: 5px;
   margin: 15px 0;
}

#content div.comment p.meta {
  margin-right: 60px;
  margin-top: 2px;
  font-weight: bold;
}

#content div.odd {
  border: 1px solid #999;
}
#content div.odd p.meta {
   color: #999;
  border-bottom: 1px solid #999;
}
#content div.even {
  border: 1px solid #A8D6EF;
}
#content div.even p.meta {
   color: #A8D6EF;
  border-bottom: 1px solid #A8D6EF;
}


#content div.mycomment {
  background-color: #FFE9F6;
}

#content div.comment img.gravatar {
   float: right;
   margin-right: 7px;
   margin-top: 7px;
   height: 40px;
   width: 40px;
   border: 1px solid #1B82A7;
}

#content h3 span.datum {
  font-size: 0.6em;
}