/* 
 * css-datei für bildschirm
 * letzte Änderung: 2008-01-12
 */

/*
 * html-formatierung
 */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 50em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #F2F2F2;
}

/*
 * css-class-formatierung
 */
p,div,li,td {
	text-align: left;
}

a {
	color: black;
	text-decoration: none;
}

a img.noborder {
	border: none;
	padding: 0;
}

h1 {
	font-size: 1.5em;
	color: #FF7400;
	line-height: 1.5em;
}

h2, h3, h2 a, h3 a {
	color: #C95B00;
	line-height: 1.5em;
}

h1,h2,h3,h4,h5.h5,#header {
	font-family: Georgia, "Times New Roman", Times, serif;
}

form {
	margin-top: 1em;
}

fieldset {
	border: 0.07em solid black;
	padding: 1em;
	margin: 0;
}

legend {
	padding: 0.2em 0.5em;
	border: 0.07em solid black;
	text-align: right;
}

label {
	width: 7.5em;
	margin-top: 0.8em;
}

.label {
	margin-left: 8.5em;
	margin-top: 0.8em;
}

.labelfull {
	width: 30em;
}

legend {
	text-align: left;
}

.inputfull {
	width: 21.5em;
}

.radio {
	margin-left: 0;
	padding-left: 0;
	margin-right: 1em;
	width: auto;
}

input {
	width: 14em;
	margin-top: 0.8em;
	border: 0.07em solid black;
	padding: 0.1em;
	font-family: "Garamond", "Times New Roman";
	background-color: #EEEEEE;
	font-size: 1em;
}

textarea {
	width: 20em;
	height: 10em;
	margin-top: 0.8em;
	border: 0.07em solid black;
	padding: 0.1em;
	font-family: "Garamond", "Times New Roman";
	background-color: #EEEEEE;
	font-size: 1em;
}

img {
	/*border: 0.125em solid black;*/
	border: 0.07em solid gray;
	padding: 0.125em;
}

input:hover,textarea:hover {
	background-color: white;
}

.inputfile {
	width: 20em;
}

.inputradio {
	width: auto;
	border: none;
	background-color: white;
	margin-right: 0.8em;
}

.pflicht {
	color: red;
}

.rechts {
	text-align: right;
}

.mittig {
	text-align: center;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.abstand_unten {
	margin-bottom: 1em;
}

.abstand_unten_doppelt {
	margin-bottom: 2em;
}

.abstand_oben {
	margin-top: 1em;
}

.abstand_oben_doppelt {
	margin-top: 2em;
}

.abstand_links {
	margin-left: 1em;
}

.abstand_rechts {
	margin-right: 1em;
}

.abstand_links_doppelt {
	margin-left: 2em;
}

.abstand_rechts_doppelt {
	margin-right: 2em;
}

.hide {
	display: none;
}

#top {
	margin-top: 0.4em;
	margin-bottom: 0.3em;
	text-align:right;
	color: #999999;
	font-size: 0.6em; 
}

#top a {
	color: #AAAAAA; 
}

#thobach {
	background-color: #FFFFFF;
	overflow: hidden;
	border: 1px solid black;
	margin-bottom: 1em;
	border-top-width: 0.0625em;
	background-image: url(../img/verlauf_header.png);
	background-repeat: repeat-x;
	
}

#inhalt div.small,#inhalt p.small {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4em;
}

.vcard {
	display: inline;
	font-style: normal
}

.inline {
	display: inline;
}

/*
	navigation-formatierung
*/

#navigation {
	list-style-type: none;
	line-height: 130%;
	margin-top: 0.5625em;
	float: left;
	margin-left: 1.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#navigation li {
	list-style-type: none;
	margin-left: 0;
}

#navigation li ul {
	margin-left: 0;
	margin-top: 0.5em;
}

#navigation li {
	line-height: 120%;
	float: left;
	width: 11.0625em;
}

/*
	balken-formatierung
*/

#balken_hor {
	background-color: black;
	height: 0.25em;
	padding-top: 0.25em;
}

#strich1_weiss {
	width: 0.0625em;
	height: 0.25em;
	background-color: white;
	margin-left: 14.45em;
	clear: both;
	float: left;
}

#strich2_weiss {
	width: 0.0625em;
	height: 0.25em;
	background-color: white;
	margin-left: 10.9375em;
	float: left;
}

#strich3_weiss {
	width: 0.0625em;
	height: 0.25em;
	background-color: white;
	margin-left: 10.9375em;
	float: left;
}

#strich1_schwarz {
	width: 0.0625em;
	margin-left: 14.45em;
	background-color: black;
	height: 2em;
	position: absolute;
}

#strich2_schwarz {
	width: 0.0625em;
	margin-left: 25.45em;
	background-color: black;
	height: 2em;
	position: absolute;
}

#strich3_schwarz {
	width: 0.0625em;
	margin-left: 36.44em;
	background-color: black;
	height: 2em;
	position: absolute;
}

#balken_ver {
	width: 1em;
	height: 9em;
	background-color: black;
	clear: both;
	float: left;
	font-size: 0.5em;
}

/*
	link seite - formatierung
*/

#banner_links {
	background-image: url("../img/banner_links2.jpg");
	margin-left: 0.5em;
	width: 12.875em;
	height: 35.8125em;
	float: left;
	background-repeat: no-repeat;
}

#logo {
	width: 6.6875em;
	margin-left: 2.9em;
	margin-top: 0.625em;
	padding: 0.125em;
	border: 0.0625em solid gray;
}

#name {
	margin-top: 1.4em;
	color: #FA8F35;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
}

/*
	tag-formatierung
*/

#tags {
	margin-top: 6em;
	text-align: center;
	line-height: 1.2em;
}

#tags .schwarz_14 {
	font-size: 1em;
}

#tags .schwarz_13 {
	font-size: 0.9em;
}

#tags .orange_12 {
	color: 	#FA8F35;
	font-size: 0.8em;
}

#tags .schwarz_10 {
	font-size: 0.7em;
}


#tags .schwarz_9 {
	font-size: 0.6em;
}

#tags .schwarz_8 {
	font-size: 0.6em;
}

#tags .schwarz_7 {
	font-size: 0.6em;
}

#tags .schwarz_6 {
	font-size: 0.6em;
}

/*
	linkfarm-formatierung
*/
#linkfarm {
	text-align: center;
	margin-top: 6em;
	margin-left: 2.7em;
	position: relative;
	height: 3.75em;
}

#caro1 {
	clear: both;
	float: left;
	width: 1.75em;
	height: 1.75em;
	background-image: url(../img/caro.jpg);
	background-repeat: no-repeat;
}

#caro2 {
	float: left;
	width: 1.75em;
	height: 1.75em;
	background-image: url(../img/tobse.jpg);
	background-repeat: no-repeat;
	margin-left: 1.16em;
}

#caro3 {
	float: left;
	width: 1.75em;
	height: 1.75em;
	background-image: url(../img/deflo.jpg);
	background-repeat: no-repeat;
	margin-left: 1.17em;
}

#caro5 {
	clear: both;
	float: left;
	width: 1.75em;
	height: 1.75em;
	background-image: url(../img/abi.jpg);
	background-repeat: no-repeat;
	margin-top: 0.95em;
}

#caro6 {
	float: left;
	width: 1.75em;
	height: 1.75em;
	background-image: url(../img/cocktail.jpg);
	background-repeat: no-repeat;
	margin-left: 1.16em;
	margin-top: 0.95em;
}

#caro7 {
	float: left;
	width: 1.75em;
	height: 1.75em;
	background-image: url(../img/rss.jpg);
	background-repeat: no-repeat;
	margin-left: 1.17em;
	margin-top: 0.95em;
}

#bookmark {
	text-align: center;
	margin-top: 3em;
	margin-left: 0.2em;
	position: relative;
	height: 3.75em;
}


/*
	infobox-formatierung
*/
#infobox {
	width: 10em;
	text-align: center;
	margin-top: 6.5em;
	margin-left: 1.4em;
	position: relative;
}

.infobox {
	text-align: center;
	padding: 0.4em;
	border: 1px solid gray;
}

/*
	body-formatierung
*/

#body {
	margin-left: 3.33em;
	padding-bottom: 1.11em;
	width: 36.2em;
	float: left;
	line-height: 1.5em;
	font-size: 0.9em;
	padding-top: 1em;
	margin-bottom: 1em;
}

#breadcrumb {
	margin-top: 0.4em;
	margin-bottom: 0.45em;	
	clear: both;
	float: left;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

#breadcrumb a {
	color: #999999;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#stand {
	margin-top: 0.4em;
	margin-bottom: 0.45em;	
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	float: right;
}

#inhalt {
	clear: both;	
}

#inhalt a {
	text-decoration: underline;
}

#inhalt a.nounderline {
	text-decoration: none;
}

.underline {
	text-decoration: underline;
}

#inhalt ul {
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*
 * SITEMAP von http://wordpress.betech.virginia.edu/index.php/2007/10/03/css-sitemap/
 */

#sitemap {
 font:normal 16px Arial,sans-serif;
 overflow:hidden;
}
#sitemap ul {
 list-style:none;
 margin:0;
 padding:0;
}
#sitemap li {
 background-color:#eee;
 margin:0 0 -0.1em;
 min-height:1em;
 padding:.2em .4em;
 position:relative;
 width:9em;
}

#sitemap ul li ul li ul li {
	width:11.2em;
}

#sitemap ul ul {
 font-size:90%;
 margin-top:-1.4em;
}
#sitemap ul ul li {
 background:#ddd;
 border-top:0.5em solid #fff !important;
 border-left:0.5em solid #66c;
 left:10.4em;
}
#sitemap ul ul ul li {
 background:#ccc;
 border-color:#9c3;
}
#sitemap ul ul ul ul li {
 background:#bbb;
 border-color:#c93;
}
#sitemap ul ul ul ul ul li {
 background:#999;
 border-color:#c33;
 color:#fff;
}

/*
 * Blog-Datum
 */

div.date {
display: block;
float: left;
text-align:center;
width: 45px;
height: 53px;
background:  url(../img/date.png) no-repeat top left;
margin-right:5px; 
}

div.date span {
display: block;
text-align: center;
}

div.date span.day {
font-size: 26px;
line-height: 20px;
color: #C95B00;
margin-top:2px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

div.date span.month {
margin-top: 2px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin-bottom:0px;
line-height: 14px;
color: #666;
}

div.date span.year {   
font-size: 9px;
text-transform: uppercase;
line-height: 9px;
font-weight: bold;
padding-top:1px;
color: #999;
}

/*
 * Twitter Updates
 */
div#twitter_div {
	width: 35em;
	margin-left: 0em;
}

#twitter_div h2 {
	font-size: 1em;
}

#twitter_update_list {
	font-size: 1em;

}

ul#twitter_update_list li span a {
	text-decoration: underline;
}

ul#twitter_update_list li {
	margin-bottom: 0.6em;
}

ul#twitter_update_list li>a {
	color: rgb(255, 116, 0);
	text-decoration: none;
}

#twitter-link {
	text-decoration: underline;
	display:block;
	text-align:right;
	font-size:1em;
	margin-top: 1.5em;
}

table.table {
	border-collapse: collapse;
	font-size: 0.8em;
	caption-side: bottom;
}

table.table td, table.table th {
	padding: 2px;
	vertical-align: top;
}

/** Blog **/

#content-wrapper { 
}

.description {
	text-align: center;
	padding-top:10px;
}

h2.date-header {
	border-bottom:none;
	color: #C95B00;
	font-size: 0.9em;
}

.post h3 {
	color: #FF7400;
	margin-bottom: 0.5em;
}

.post h3 a, .post h3 a:visited { 
	color: #FF7400;
}

.post { 
	margin-bottom: 20px;
}

.post a {
	text-decoration: underline;
}

.post-footer {
	margin-top: 10px;
	font-size: 0.8em;
}

#comments {
}

.feed-links {
	clear: both;
	line-height: 2.5em;
	margin-$startSide: 20px;
}

#blog-pager-newer-link {
	float: $startSide;
	margin-$startSide: 20px;
}

#blog-pager-older-link {
	float: $endSide;
}
 
#blog-pager {   
  text-align: center; 
 }

#main-wrapper {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	clear: left;
}
.sidebar h2 {
	margin-top: 2em;
}

#sidebar {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}


.sidebar .widget {
}

.profile-textblock { 
	clear: both;
	margin-$startSide: 0;
}

.profile-img { 
	float: $startSide;
	margin-top: 0;
	margin-$endSide: 5px;
	margin-bottom: 5px;
	margin-$startSide: 0;
}

.clear { 
	clear: both;
}

.comment-footer { 
	padding-bottom: 1em;
}

div.entry-content ul {
	margin: 1em;
	list-style-type: bullet;
}

div.entry-content ul li {
	margin-left: 1.5em;
}