body { 
	background-color:#333333;
	background-image:url(images/body_bg.gif);
	background-repeat:repeat;
	background-attachment:fixed;
	margin: 0px;
	font-family: "Georgia", Helvetica, Lucida Grande, Verdana, Arial, Sans-Serif; 
	color: #333333; }

#page {
	margin-top: 0px;
	max-width: 825px;
	margin-left: auto;
	margin-right: auto;
	background-color: #444444;
	border-left: 5px solid #333333;
	border-right: 5px solid #333333; }

/*Header*/
	
#header {
	max-width: 823px;
	max-height: 200px;
}
	
#header .headimg {
	border: none;
	margin: 0;
	padding: 0;
	}

/*Dropdown*/

#header .parent_list {
	float:left;
	display: block;
	position:relative;}

  * html ul#headnav li {  /* Korrektur fuer den IE 5 und 6 */
 	margin-bottom: -0.4em;
  }



  *:first-child+html ul#headnav li {    /* Korrektur fuer den IE 7 */ 
    margin-bottom: 0.0em;
  }



  *:first-child+html ul#headnav ul {  /* Workaround fuer den IE 7 */
   padding-bottom:0.4em;
  }

  ul#headnav li ul {
    margin: 0; padding: 0;
	position:absolute;
    top: 2.4em; left: 0.1em;
    display: none;  /* Unterheadnav ausblenden */
  }
  * html ul#headnav li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }

  ul#headnav li:hover ul {
    display: block;  /* Unterheadnav in modernen Browsern einblenden */
  }
  ul#headnav li ul li {
    float: none;
    display: block;
    margin: 0;
  }
  
ul#headnav li ul li:first-child {margin-top: 0.4em;}

ul#headnav li ul li:first-child a { border-top: 1px solid white; }

  #headnav .children a, .children span {
    display: block;
    width: 11.8em;  /* Breite den in li enthaltenen Elementen zuweisen */
	padding: 0.4em 0.5em;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 5px solid #aaaaaa;
	background-color:#aaaaaa;
    text-decoration: none;
	font-weight:normal;
	color:#666666;
	font-size:11px;
	text-transform:uppercase;
  }
  * html ul#headnav a, * html ul#headnav span {
    width: 13.4em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 11.8em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#headnav a:hover, ul#headnav span {
    border-color: white;
	background-color:#999999;
	color:#FFFFFF

  }

/*Dropdown Ende*/

.narrowcolumn {
	float: left;
	padding: 0 0 0 0;
	margin: 0px 0 0;
	width: 604px;
	}

.narrowcolumn .post {
	background-image:url(images/textcontainer_bg.gif);
	background-repeat:repeat-y; }
	
.narrowcolumn .post .post-head {
	background-image:url(images/textcontainer_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom: 15px;
	padding-top: 6px;
	padding-left: 30px; }

.narrowcolumn .post .post-meta {
	height: 60px;
	background-image:url(images/textcontainer_meta.gif);
	background-repeat:no-repeat;
	background-position:bottom; 
	padding-left: 30px; }

.narrowcolumn .post .entry {
	margin-left: 50px;
	width: 500px; }


.widecolumn {
	float: left;
	padding: 0 0 0 0;
	margin: 0px 0 0;
	width: 822px;
	}

.widecolumn .post {
	background-image:url(images/widecol_bg.gif);
	background-repeat:repeat-y; }
	
.widecolumn .post .post-head {
	background-image:url(images/widecol_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom: 15px;
	padding-top: 6px;
	padding-left: 30px; }

.widecolumn .post .post-meta {
	height: 79px;
	background-image:url(images/widecol_meta.gif);
	background-repeat:no-repeat;
	background-position:bottom; 
	padding-left: 30px; }

.widecolumn .post .entry {
	margin-left: 50px;
	width: 800px; }
	
.entry .dropcap:first-letter {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size : 300%;
 font-weight : bold;
 float : left;
 margin-top: 2px; 
 margin-right: 3px;
 line-height: 1; /* wichtig */
 text-transform: uppercase; /* IMMER als Grossbuchstabe darstellen */

 }


#footer {
	font-family: "Helvetica", Lucida Grande, Verdana, Arial, Sans-Serif; 
	padding: 0;
	margin: 0 auto;
	width: 823 px;
	clear: both;
	}

/*Sidebar*/

#sidebar {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	margin-left: 604px;
	width: 219px; 
	font-size: 10px;
	z-index: 1}
	
.navi {
	background-image:url(images/navi_bg.gif);
	background-repeat:repeat-y; }
	
.navi .navicontent {
	min-height: 100px; }
	
.navihead {
	background-image:url(images/navi_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 15px;
	padding-left: 20px;
	height: 55px; }

.navifoot {
	background-image:url(images/navi_foot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height: 64px; }

#sidebar .dropdown {
	border-top: 2px solid #666666; 
	border-left: 2px solid #666666;
	border-right: 1px solid white; 
	border-bottom: 1px solid white;
	background-color: #999999;
	margin-left: 28px;
	margin-top: 15px;
	width: 160px; }

/* Searchform */

.navi #searchform {
	margin: auto auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 110px;
	padding: 3px;
	border: 1px solid #666666;
	}

#sidebar #searchsubmit {
	padding: 1px;
	background-color:#CCCCCC;
	border: 1px solid #cccccc;
	}
	
#footer {
	width: 	823px;
	height: 115px;
	background-image: url(images/footer_bg.gif);
	padding: 0; }
	
.navigation {
width: 544px;
height: 23px;
	background-image: url(images/back-fw.gif);
	padding: 20px 30px 20px 30px;
}
	
.navigation a {
	border-bottom: 1px dotted red; }

/* Fusszeile */

.footertext {
	padding-top: 45px;
	margin-left: 350px;
	padding-right: 150px; 
	font-size: 10px; }

/*Tyopgraphie*/

small {
	font-family:'Arial', Helvetica, sans-serif;
	font-size: 12px; }

.postmeta small {
	font-size: 10px; }

.postmeta {
	padding-right: 15px; }

h2 {
	font-size: 21px; }

h1 {
	font-size: 18px; }

.narrowcolumn .post .post-head {
	display: block;
	line-height: 5px;
	}

.narrowcolumn .post .post-meta {
	display: block; }

.narrowcolumn .post .post-meta p {
	padding-top: 5px;
	font-size: 14px; }
	
.narrowcolumn .post .entry {
	font-size: 14px; }
	
blockquote {
	font-variant: small-caps;
	font-size: 12 px; 
	border-top: 2px solid #666666; 
	border-left: 2px solid #666666;
	border-right: 1px solid white; 
	border-bottom: 1px solid white;
	background-image:url(images/quotes.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color: #999999; 
	padding-left: 10px; 
	padding-right: 10px;
	width: 90%; 
	margin-left: 15px; } 
	
code {
	padding: 5px;
	background-color: #999999;
	font-family:"Courier New", Courier, monospace;
	color:#FFFFFF; 
	border: 1px solid #000000;
	display:block; }

#navi h1 {
	padding-top:10px;
	color: #666666;
	display: block;
	width: 85%;
	border-bottom: 1px solid #eeeeee; }
	
.archiv {
	padding-right: 30px; }

.post .entry a { color: #ff0000; font-family: Verdana; }
.post .entry a:visited { color: #aa0000; }
.post .entry a:hover { text-decoration: underline; }

.post .entry a:hover img { text-decoration: none; }

	
/* Listen */

#sidebar ul ul li:before {
	content: "\00BB \0020";
	}

#sidebar ul, #sidebar ul ol {
	margin: 0 40px 0 30px;
	padding: 0;
	}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar li { margin-left: 5px; }

.aktt_tweets ul li {padding-bottom: 10px; }

/* Sidebar Navi */

#navi a {
	text-decoration:none;
	padding: 3px 10px 3px 10px;
	text-align:left;
	margin-left: 30px;
	display: block;
	width: 138px; 
	background-color: #cccccc;
	border-top: 2px solid #cccccc; 
	border-left: 2px solid #cccccc;
	border-right: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc;
	color: #666666;
	font-size: 12px;
	font-weight: bold; }

#navi a:visited {
	text-decoration:none;
	padding: 3px 10px 3px 10px;
	text-align:left;
	margin-left: 30px;
	display: block;
	width: 138px; 
	background-color: #cccccc;
	border-top: 2px solid #cccccc; 
	border-left: 2px solid #cccccc;
	border-right: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc;
	color: #666666;
	font-size: 12px;
	font-weight: bold; }
	
#navi a:hover {
	text-decoration:none;
	border-top: 2px solid #666666; 
	border-left: 2px solid #666666;
	border-right: 1px solid white; 
	border-bottom: 1px solid white;
	color: #FFFFFF;
	background-color: #999999; }
	
#navi a:active {
	text-decoration:none;
	border-top: 2px solid #666666; 
	border-left: 2px solid #666666;
	border-right: 1px solid white; 
	border-bottom: 1px solid white;
	color: #FFFFFF;
	background-color: #999999; }


/* Kalender */

#wp-calendar {
	margin-left: 40px; }
	
td a {
	font-weight:bold;
	color: #990000; }

/*Links*/

a, a:hover, a:active, a:visited {
	text-decoration:none }
	
a {
	color: #666666; }
	
a:hover {
	color: #990000; }
	
a:visited {
	color: #000000; }
	
/* Bilder */

.entry img {
	border: 1px dotted #999999;
        background-color:#ffffff;
        margin-bottom:5px;
	padding: 3px; }

.entry .wp-smiley {
	border:none;
	vertical-align:middle; }
	
/* Begin Images */
p img {
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 2px 0 4px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 2px 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin-left: 20px;
	}

.alignleft {
	float: left;
	margin-right: 20px;
	}
	
.cpg_sidethumb img {
	display:block;
	margin-left:auto;
	margin-right: auto;
	border:2px solid white; }
	
.photo_full img {
	display: block;
	align-left: auto;
	align-right: auto;
	max-width: 480px;
	border:5px solid white;
}

.photo_thumbs img {
	margin: 10px;
	border: 2px solid white;
 }

/* End Images */
	
/* Kommentare */

#kommentare {
	width: 480px;
	border-top: 2px solid #666666; 
	border-left: 2px solid #666666;
	border-right: 1px solid white; 
	border-bottom: 1px solid white;
	background-color: #999999; 
	margin-top: 25px;
	margin-bottom: 10px; 
	padding: 10px 10px; }
	
.avatar {
	float:right; }

#kommentare li {
	padding: 10px; }

.commentlist {
	background-color: #CCCCCC;
	border: 1px solid #666666;}

.alt {
	background-color: #aaaaaa; }
	
#kommentare p {
	padding-right: 45px; 
	font-size: 12px; }
	
#commentform #email, #author, #url, #comment {
	background-color:#cccccc;
	border: 1px solid #333333; }

#kommentare img { border: none; margin: 0 0 0 0; }

	
/* Flickr Album */

.falbum {
	display:block; }

a .curPageLink { border:none; }
	

#falbum-wrapper {
	display:block; 
	overflow: hidden; }
	
.falbum-thumbnail-nods img, .falbum-photo-nods img {
	background-color: #ffffff;
	padding: 1px;
	display: block; }
	
/* Portfolio */

#portfolio {
	width: 823px;
	padding-top: 65px; 
	height: 560px;
	background-image:url(images/portfolio_bg.gif); }
	
#porto-pics {
	display:block;
	width:725px;
	height:495px;
	margin-left:50px; }
	
#porto-pics a img {
	border:none; }
	
/* For Link Indication plugin */
a.liexternal { padding-right: 12px; background: url(images/link-icon_external_10.png) no-repeat right; }
a.liwikipedia { padding-right: 14px; background: url(images/link-icon_wikipedia_02.gif) no-repeat right; }
a.liimdb { padding-right: 18px; background: url(images/link-icon_imdb_03.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail_01.png) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(images/link-icon_pdf_01.png) no-repeat right;  }
a.lilocked   { padding-right: 18px; background: url(images/link-icon_key_01.png) no-repeat right;  }

#xmlgm_1 {
border:4px solid white; }