html {
	margin:0;
}
body {font-family:Georgia, "Lucida Grande", serif;
	background-color:#FFFFFF;
	color:black;
	line-height:1.4em;
	margin:0;
	border-top: solid 1em #DFDFDF;
}


h1, h2, h3 {font-family:'Trebuchet MS',Verdana,sans-serif;
	color:#56708A;}

h4 {font-family:'Trebuchet MS',Verdana,sans-serif;
	text-transform:uppercase;}

blockquote {color:#324163;
                          border-left:2px solid #777777;
                          padding-left:6px;}

input[type=text], textarea {font-family:'Trebuchet MS',Verdana,sans-serif;
	border:1px solid #667A81;
	background-color:#EDEDED;}
textarea {font-family:monospace;}
code {color:#327932;}

   a:link {  text-decoration:underline;font-weight:normal;color:#5357B6;}
   a:visited {  text-decoration:underline;font-weight:normal;color:#8E8795;}
   a:hover {  text-decoration:none;font-weight:normal;color:#EF1F1D;}
   a:active {  text-decoration:underline;font-weight:normal;color:#EF1F1D;}

ul,ol {  text-decoration:none;color:#000000;line-height:1.4em;}
dt {font-weight:bold;}
abbr { border-bottom:1px dotted #56708A;
            font-style:normal;
            cursor:help;}
#banner {
 width:100%;
 }
 
#hcontent p {margin-top:1.6em;
}
#hcontent h2 {
		/* border-bottom:1px solid #dfdfdf; */
		/* background-color:#F2F2F2;
		padding:0.3em 0 0.3em 0.3em; */
		font-size:1.2em;}
#navigation { float:right;
			text-align:rigth;
			font-size:12px;
			font-family: 'Trebuchet MS',Verdana,Helvetica, sans-serif;
			margin:0;
			padding-top:0;
}
#navigation a {
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #667A81;
	padding:4px;
	}
#navigation a:visited { color: #A0B0BF;
	}
#navigation a:hover { color:#5357B6;
	}
#navigation a:active { color:#EF1F1D;
	}

/*
#navigation ul, #navigation li	{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	}

#navigation a {
	float:left;
	width:18%;
	border:2px solid #FFFFFF;
	background-color:#EDEDED;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	color: #667A81;
	padding:4px;
	}
#navigation a:visited { color: #A0B0BF;
	}
#navigation a:hover { background-color:#D3D3D3;
	color:#5357B6;
	}
#navigation a:active { color:#EF1F1D;
	}

body#home #menuhome a,
body#kontakt #menukontakt a,
body#weblog #menuweblog a,
body#galerie #menugalerie a {
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:#FFFFFF;
	border: 2px solid #EDEDED;
	border-bottom:0px;
	padding:4px;
}
*/
.teaser {width:auto;
													height:auto;
													border:1px dotted #667A81;
             padding:6px;
             margin:5px;}

.element {float:left;
width:28%;
height:auto;
border:1px solid #EDEDED;
padding:6px;
margin:5px;
font-size:90%;}

.element1 {float:left;
width:40%;
height:auto;
min-height:29em;
border:1px solid #EDEDED;
padding:6px;
margin:5px;
font-size:90%;}

.elementquer {float:left;
width:84%;
height:auto;
border:1px solid #EDEDED;
padding:6px;
margin:5px;
font-size:90%;}

#bio {display: none;}

.vcard {
font-size:70%;}

sup {  font-size: 60%}
sub {  font-size: 60%}
.sitemaptext {  font-size: 0.7em; background-color: #FFFFFF;padding: 4px;
}
.klein, small {  font-size: 80%;
}
.lessimportant {
	font-size: 80%;
	color: #727272;
}
.boldtext {  font-weight: bold; color: #667A81}


#homecontent {margin-right:18em;}
#seitenspalte {float:right;
			width:17em;
			/* margin-left:10px; */
			font-size:small;}

#suchebox {padding:6px;
		border:1px dotted #667A81;
		background-color:#EDEDED;
		text-align:center;}

body#home .liste ul, body#home .liste li {padding:0;
	margin:0;
	list-style-type:none;
        font-size:90%;
	}
body#home h1.blurb {font-family:Verdana,sans-serif;
	color:black;
	font-size:2em;
	line-height:1.0em;}

	
#footer #bottom {text-align:right;
	font-size:0.7em;
	color:#667A81;
	font-family:'Trebuchet MS',Verdana,sans-serif;
	font-weight:normal;}

#footer #bottom a {
	text-decoration:none;
}

.key {text-decoration:underline;}

th {font-family:'Trebuchet MS',Verdana,sans-serif;
	color:#56708A;
	text-align:left;
	font-weight:bold;
	font-size:1.1em;}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {width:auto;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
