html {
	background: #708090;
	}
body {
  background: #708090;
  /*font: normal normal 0.82em/1.2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;*/
  font: normal normal 1em/1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
  cursor: default;
  color: #4d5863;
  padding: 0;
  margin: 0;
  text-align: center; /* For IE */
}
.clearboth {
  clear: both; padding: 0; margin: 0;
}
#header {
  width: 615px;
  height: 130px;
  background: #D8DDE1 url("images/header.jpg") no-repeat;
  margin: 0 auto;
  
  padding-top:50px;
  padding-left:180px;

  text-align:left;
}
#header h1 {
  font: normal normal 2em/2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
/*  color: #4d5863; */
/*  color: #AC4444; */
  color: #6A0909;
  line-height:1em;
}
#header h2 {
  font: normal normal 1.2em/1.2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
  color: #6A0909;
  color: #8C2B2B;
  line-height:1em;
  font-style: italic;
}

#content {
  line-height: 1.6em;
  float: right;
  width: 604px;
  padding: 0px 0px;
}
p {
  display: block
  margin: 0 0 0px 0px;
padding-bottom: 10px;
  font-size: 14px;
}

/*
 .entrytitle img {
  border: 0px none;
}
.entrytitle span a img {
  border: 0px none;
}
*/  

acronym {
  border-bottom: 1px dashed #708090;
  cursor: help;
}
.paragraph code {
  cursor: text;
  text-align: left;
  letter-spacing: -0.08em;
  width: auto; 
  padding: 0 4px;
  margin: 0;
  font-size: 1.4em;
  line-height: 1.6em;
  background: #F4F6F7;
}
code.block {
  display: block;
}

div.paragraph a {
  border: 0;
}
div.paragraph a img {
  border: 0;
}  

/* IMAGE REPLACEMENT */
#content h3 {
  padding: 0;
  margin: 0 0 6px 0;
  clear: both; 
  overflow: hidden;
}
#content h3 a {
  position: relative;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  background: #d8dde1;
  overflow: hidden;
}
#content h3 span {
  position: absolute;
  width: 100%;
  height: 100%;
}  
/* END IMAGE REPLACEMENT */

#content h4 {
  color: #4d5863;
  font-size: 1.37em;
  padding: 0 0 0 14px;
  margin: 10px 0 4px 0;
  background: url("images/bullet.jpg") no-repeat 0 50%;
  }

p.postmetadata {
  font-size: 0.97em;
  clear: both;
  text-align: right;
  display: block;  
  padding-top: 3px;
  padding-left: 100px;
  margin-right: 20px;
  border-top: 1px dashed #708090;
  }

a {
  font-weight: 600;
  text-decoration: none;
	padding: 0 2px;
  }
a:link {
	color: #AC4444;
	}
a:visited {
  color: #6A0909;
  }
a:hover, a:active {
	color: #fff;
	background: #AC4444;
	}
ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	line-height: 1.2em;
	}

li {
	padding-bottom: 7px; 
	}

acronym {
	font-style: normal;
	border-bottom: 1px dotted #666;
	cursor: help;
  }

.accesskey {
	text-decoration: underline;
	}

/* Container Styles */

#container {
	position: relative; 
	width: 795px;
	background: #D8DDE1 url("images/middle_bg.gif") repeat-y ;
	margin: 0 auto;
	text-align: left; /* For IE, see above */
	}

/* Intro Styles */
h1, h2 {
/*	text-indent: -999em;*/
	margin: 0;
	}

#quickSummary {
	width: 772px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff; 
	background: #C4CBD2;
	margin-left: 10px;
	}

#quickSummary h3 span {
  display: none;
}
#quickSummary h3 {
  text-indent: -999em;
  width: 160px;
  margin: 0;
  padding: 5px 0;
  height: 35px;
  background: url("images/quicksummary_bg.gif") no-repeat top left;
}

#quickSummary a:link, #quickSummary a:visited {
  font-size: 0.85em;
  font-weight: normal;
  margin-left: 10px;
  text-decoration: none;
  color: #6A0909;
}

#quickSummary a:hover, #quickSummary a:active {
  color: #6A0909;
  text-decoration: none;
  background: #fff;
}

/* Content Text Styles */
div.paragraph {
  margin: 10px 35px 50px 0px;
  padding: 0;
  /* margin: 0 50px 0 320px; */
}
div.paragraph h3 {
}

#content p {
	/* TEST FORMATIERUNG DES CONTENTS */
  /* float: left; */
  /* ENDE */
  color: #4d5863;
  margin: 5px 0 5px 0;
	}

.p1 {
	margin-right: 0px;
  padding: 0;
  font-size: 0.82em;
	line-height: 1.5em;
	text-align: justify;
  border-top: 1px dashed #708090;
  }
.p2 {
  font-size: 0.95em;
	line-height: 1.3em;
  }
.p3 {
  /* clear: both; */
  }
/* NAVIGATION STYLES */
#navlist {
	font-size: 0.85em;
  float: left;
	width: 160px;
	margin-left: 10px;
  }
#navlist ul {
  margin-right: 10px;
  margin-left: 10px;
  }
#navlist ul li {
  display:block;
  margin: 2px 0;
  }    
#navlist h3 {
	text-indent: -1100px;
	height: 45px;
	margin: 0;
	}
#navlist a {
  font-weight: normal;
  }
#navlist a:hover, #navlist a:active {
	background: #fff;
	}
#navlist acronym {
	border-bottom: none;
	}

/* CATEGORY NAVIGATION */
#nav-topics {
  background: #FECC68 url("images/topics_foot.gif") no-repeat left bottom;
  /*border-bottom: 2px solid #fff;*/
}
#nav-topics ul {
	padding-bottom: 35px;
}
#nav-topics a:link, #nav-topics a:visited {
	color: #6A0909;
	}
#nav-topics h3 {
	background: url("images/topics3.gif"); 
	}

#nav-topics li {
	color: #AC4444;
	background: url("images/topics_bg.gif") repeat-x left bottom;
	}

#nav-topics a:hover, #nav-topics a:active {
	color: #6A0909;
	}

/* ARCHIVES NAVIGATION */
#nav-archives {
  background: #AC4444 url("images/archives_foot.gif") no-repeat right bottom;
  /* border-bottom: 2px solid #fff; */
}
#nav-archives h3 {
  background: url("images/archives2.gif") 0 0;
}
#nav-archives ul {
  padding-bottom: 35px;
}
#nav-archives li {
  color: #D88E57;
  background: url("images/archives_bg.gif") repeat-x left bottom;
}
#nav-archives a:link, #nav-archives a:visited {
  color: #FECC68;
}
#nav-archives a:hover, #nav-archives a:active {
  color: #6A0909;
}

/* PAGES NAVIGATION */
#nav-pages {
  border-top: 0px solid #fff;
  background: #C4CBD2;
  background: url("images/pages_bg.png") repeat-y left bottom;
}
#nav-pages h2 {
  text-indent: -999em;
  margin: 0;
  /*display:none;*/
}
#nav-pages h3 {
  height: 45px;
  background: #B0BAC2 url("images/pages.png");
}
#nav-pages ul {
  clear: left;
  margin-top: 0;
  margin-bottom: 0;
  }
#nav-pages li {
  text-align: left;
  color: #6A0909;
  /*border-bottom: 1px dotted #6A0909;*/
}
.page_item{
  border-bottom: 1px dotted #6A0909;
}
/*
#nav-pages li a{
  text-align: left;
  color: #FECC68;
}
*/
#nav-pages li a:hover {
  background: #fff;
  }	
#nav-pages a:link, #nav-pages a:visited {
  /*color: #FECC68;*/
  color: #6A0909;
  font-weight:bold;
}
#nav-pages a:hover, #nav-pages a:active {
  color: #6A0909;
  background: transparent;
}


/* PHOTOS NAVIGATION */
#nav-photos {
  border-top: 0px solid #fff;
  background: #C4CBD2;
}
#nav-photos h3 {
  height: 45px;
  background: #B0BAC2 url("images/photos2.gif");
}

#nav-photos ul {
  clear: left;
  margin-top: 6px;
  margin-bottom: 0;
}
#nav-photos li {
  text-align: left;
  color: #708090;
  background: url("images/photos_bg.gif") repeat-x left bottom;
}
#nav-photos li a:hover {
  background: #fff;
}	
#nav-photos a:link, #nav-photos a:visited {
  color: #4d5863;
}
#nav-photos a:hover, #nav-photos a:active {
  color: #4d5863;
  background: transparent;
}

/* JUST THE THUMB - SECTION */ 
#nav-thumb {
  background: #B0BAC2;
  text-align: center;
  padding: 0 15px 15px 15px;
  }
#nav-thumb a:link, #nav-thumb a:hover, #nav-thumb a:visited {
  width: 126px; height: 126px; display: block;
  margin: 0 0 0px 0;
  padding: 0px;
  background: url("images/thumbs_bg.gif") no-repeat;
  } 
#nav-thumb a:link img, #nav-thumb a:visited img, #nav-thumb a:active img, #nav-thumb a:focus img {
  
  
  margin-top: 12px;
  border: 0;
  opacity: .5;
  }
#nav-thumb a:hover img {
  opacity: .999;
  
  } 
#nav-thumb a img {
  /* margin-bottom: 15px; */
  }  


/* SEARCH --- NAVIGATION */    
#nav-search {
  background: #D88E57 url("images/quicksummary_bg.gif") no-repeat left top;
  border-bottom: 2px solid #fff;
  }
#nav-search form {
  padding:0;
  margin: 0 10px 10px 10px;
  }
#nav-search #s {
  color: #6A0909;
  background: url("images/topics_foot.gif") left bottom;
  border: 2px solid #AC4444;
  padding: 3px;
  width: 130px;
  }
#nav-search #ssubmit {
  margin-top: 5px;
  border: 2px solid #AC4444;
  background: #AC4444;
  color: #FECC68;
  }
 
#nav-search #ssubmit:hover {
  border: 2px solid #6A0909;
  }  
#nav-search ul {
  clear: left;
  }
#nav-search li {
	text-align: left;
  background: url("archives_bg.gif") repeat-x left bottom;
	} 
#nav-search h3 {
	background: url("images/search2.gif");
  color: #18d;
	margin: 0;
	}
#nav-search a:link, #nav-search a:visited {
	color: #6A0909;
	}
#nav-search a:hover, #nav-search a:active {
	color: #6A0909;
	}


#nav-syndicate {
  border-top: 0px solid #fff; 
  background: #C4CBD2;
  }
#nav-syndicate ul {
  padding-top: 10px;
  }
#nav-syndicate a:link, #nav-syndicate a:visited {
	color: #4d5863;
	}
#nav-syndicate li {
  color: #708090;
  background: url("images/photos_bg.gif") repeat-x left bottom;
  display: inline;
  }
/* PAGE FOOTER STYLES (THE BUTTON-SECTION) */
#footer {
  margin: 0 auto;
  float:left;
  width: 795px;
  height: 50px;
  background: url("images/footer.gif") no-repeat;
  }
#page-footer {
	clear: both;
  margin: 0 auto;
  font-size: 0.72em;
  height: 120px;
  width: 795px;
	background: #708090;
	text-align: right;
	}

#page-footer ul {
  padding-top: 10px;
  margin: 0px 20px;
  }  
#page-footer li {
  padding: 0px;
  border-top: 3px solid #8091A3;
  border-right: 2px solid #616F7D;
  border-left: 2px solid #616F7D;
  border-bottom: 3px solid #47515B;
  margin: 0 2px;
  margin-bottom: 0px;
  display: inline;
  }
  
#page-footer a {
  font-weight: normal;
  }
#page-footer a:link, #page-footer a:visited {
	text-transform: uppercase;
	color: #4D5863;
	border:2px solid #708090;
  padding: 0 15px 0 0px;
  background: url("images/checked.gif") 100% -20px no-repeat;
  }
#page-footer a strong {
  width: 29px;
  padding: 0 3px;
  color: #708090;
  background: #4d5863;
  
  }
/* W3C BUTTONS */
#page-footer a.w3c b {
  display: none;
  }
#page-footer a:link.w3c, #page-footer a:visited.w3c {
  padding-right: 0px;
  padding-left: 32px;
  background-image: url("images/w3c.gif");
  background-position: 0px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:hover.w3c, #page-footer a:active.w3c {
	border:2px solid #CFB375;
  background-color: #FECC68;
  background-image: url("images/w3c.gif");
  background-position: -33px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:link.w3c strong, #page-footer a:visited.w3c strong {
  font-weight: normal;
  padding: 0 15px 0 3px;
  background-color: #708090;
  color: #4d5863;
  }  
#page-footer a:hover.w3c strong, #page-footer a:active.w3c strong {   
  background-color: #FECC68;
  background-image: url("images/checked.gif");
  background-position: 100% 50%;
	background-repeat: no-repeat;
  color: #000;
  }


/* HOVER-STATE OF THE OTHER BUTTONS */   
#page-footer a:hover strong, #page-footer a:active strong {
  color: #00428C;
  background: #F4F6F7;
  }  
#page-footer a:hover, #page-footer a:active {
	color: #000;
	border:2px solid #CFB375;
  background-image: url("images/checked.gif");
  background-position: 100% 50%;
	background-repeat: no-repeat;
  background-color: #FECC68;
	}

/* CREATIVE COMMONS BUTTON */
#page-footer a.cc b {
  display: none;
  }
#page-footer a:link.cc, #page-footer a:visited.cc {
  padding-right: 0px;
  padding-left: 32px;
  background-image: url("images/cc.gif");
  background-position: 0px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:hover.cc, #page-footer a:active.cc {
	border:2px solid #B3B9B3;
  background-color: #C0C8C0;
  background-image: url("images/cc.gif");
  background-position: -33px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:link.cc strong, #page-footer a:visited.cc strong {
  font-weight: normal;
  padding-left:3px;
  background: #708090;
  color: #4d5863;
  }  
#page-footer a:hover.cc strong, #page-footer a:active.cc strong {   
  background-color: #C0C8C0;
  color: #000;
  }
/* TEXT IN THE PAGES' FOOTER */
#page-footer p {
  color: #4D5863;
  margin: 0px 20px;
  }
  
/* THUMBNAIL STYLING - the ones shown in content*/
div#thumbwrapper {
	clear: both;
  width: 560px; 
	text-align: center;
	border-bottom: 0;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
div.thumbcontainer {
	float:left;
  margin: 0 auto;
	width: 140px;
	background: transparent url("images/mitte.gif") repeat-y;
}
div.thumbtop {
	width: 140px;
	height: 35px;
	background: url("images/oben.gif") no-repeat; 
}
div.thumb {
	width: 100px;
	padding: 0 0 15px 0; 
	margin: -21px 15px -15px 18px;
	text-align: center;
  font-size: 90%;
	font-weight: 700;
	}
div.thumb a {
  display: block;
  width: 100px;
  color: #708090;
  border: 0;
  background: transparent;
  }
div.thumb a:hover {
  color: #6A0909;
  }  
div.thumbbottom {
	width: 140px;
	height: 37px;
	padding-top: -10px;
  margin-top: -5px;
  background: url("images/unten.gif") no-repeat;
  }

/* THUMBNAIL STYLING - the ones shown in content*/
div#thumbwrapper {
	width: 560px; 
	text-align: center;
	border-bottom: 0;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
div.thumbcontainer {
	float:left;
  margin: 0 auto;
	width: 140px;
	background: transparent url("images/mitte.gif") repeat-y;
}
div.thumbtop {
	width: 140px;
	height: 35px;
	background: url("images/oben.gif") no-repeat; 
}
div.thumb {
	width: 100px;
	padding: 0 0 15px 0; 
	margin: -21px 15px -15px 18px;
	text-align: center;
  font-size: 90%;
	font-weight: 700;
	}
div.thumb a, div.thumb a img, div.thumb a:link, div.thumb a:link img, div.thumb a:visited, div.thumb a:visited img {
  display: block;
  width: 100px;
  color: #708090;
  border: 0;
  background: transparent;
  }
div.thumb a:active, div.thumb a:active img, div.thumb a:focus, div.thumb a:focus img, div.thumb a:hover, div.thumb a:hover img {
  color: #6A0909;
  }  
div.thumbbottom {
	width: 140px;
	height: 37px;
	padding-top: -10px;
  margin-top: 0px;
  background: url("images/unten.gif") no-repeat;
}
a:link img, a:visited img, a:active img, a:focus img {
  opacity: .5;
  }
a:hover img {
  opacity: .999
  }  
/* EXTRAS - LISTS */
#content ol, #content ul {
  margin-left: 20px;
  color: #4d5863;
  text-align: left;
  }
#content ul {
  list-style: square;
  }
#content ol.down, #content ul.down {
  list-style-type: none;
  list-style-image: url("images/li-down.jpg");
  }
#content ol.down li:hover, #content ul.down li:hover {
  list-style-type: none;
  list-style-image: url("images/li-down-hover.jpg");
  }
ol.square {
  list-style-image: url("images/li-square.jpg");
  }
.square li {
  list-style-type: none;
  list-style-image: url("images/li-square.jpg");
  }
.square li:hover {
   list-style-image: url("images/li-square-hover.jpg");
  }        
/* EXTRAS - COMMENTS */
#content ul.commentlist, #content ul.commentlist li {
  list-style-type: none;
  }
#content ul.commentlist li {
  border: 10px solid #C4CBD2;
  padding: 10px;
  margin-bottom: 10px;
  }
#content ul.commentlist li p {    
  clear: right;
  }
div.commentcount {
  text-align: right;
  width: 300px;
  float: right;
  margin-bottom: 20px;
  }
div.commentcount a:link, div.commentcount a:visited {
  line-height: 1.0em;
  font-weight: normal;
  color: #C4CBD2;
  padding: 0 0 4px 4px;
  }
div.commentcount a:hover {
  cursor: pointer;
  color: #4d5863;
  background: transparent;
  }  
div.commentcount a:active, div.commentcount a:focus {
  color: #C4CBD2;
  }  
div.commentcount a strong {
  font-size: 30pt;
  line-height: 1.0em;
  }
div.commentcount a:link span, div.commentcount a:visited span {
  font-size: 0.97em;
  display: none;
  }
div.commentcount a:hover span {
  display: inline;
  }
div.commentcount a:active span, div.commentcount a:focus span {  
  display: none;
  }
h3#comments {
  margin-left: 20px;
  }
cite.authorname a {
  font-weight: bold;
  font-size: 1.5em
  } 
/* EXTRAS - TEXT-FORMATTING */
blockquote.pullquote {
  float: right;
  padding: 0;
  margin: 10px 10px 0 10px;
  display: block;
  width: 300px;
  text-align: right;
  font-family: Georgia, Verdana, sans serif;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1.5em;
  }
blockquote {
  padding: 0 15px 0 15px;
  border-left: 5px solid #666;
  text-align: justify;
}