/* CSS Document */

html {
	padding: 0px;
	margin: 0px auto;	
}
body {
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a {
	text-decoration: none;
	color: #959599;
}
hr {
	background: #FFF url(../img/trenner-horizontal.png) no-repeat center left;
	border: none;
	height: 30px;
}
#webdesign {
	padding: 0px 0px 10px 0px;
	margin: 0px auto 10px auto;
	width: 887px;
	background: url(../img/linie-bild.png) no-repeat top left;
}
#top {
	height: 100px;
	background-color: #FFF;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
}
#top #logo {
	float: left;
}
#logo img {
	margin: 18px 0px 0px 0px;
}
#logo a img {
	border: none;
}
#top div.topnavi {
	float: right;
	padding: 80px 0px 0px 0px;
}
div.topnavi ul {
	padding: 0px;
	margin: 0px;
}
div.topnavi li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: inline;
}
div.topnavi ul li a {
	padding: 0px 0px 0px 18px;
	background: url(../img/links.gif) no-repeat center left;
}
div.topnavi ul li a:hover,
div.topnavi ul li a.aktiv {
	color: #207AD1;
}
#kopf {
	width: 887px;
	height: 282px;
	background: #fff url(../img/kopf/index.jpg) no-repeat top left;
	text-align: left;
}
#kopf div.bild {
	float: right;
	width: 887px;
	height: 280px;
}
div#kopf div.bild div.flash {
	margin: 40px 0px 0px 560px;
	width: 300px;
	height: 80px;
}
#extra {
	margin: 0px;
	padding: 10px 0px 40px 205px;
	background: #fff url(../img/linie-bild.png) no-repeat top left;
}
#extra a {
	color: #959599;
	font-size: 10px;
}
#extra a:hover {
	text-decoration: underline;
}
#rootline {
	float: left;
	width: 475px;
	text-align: left;
}
#plus {
	float: right;
}
#plus #druck {
	width: 185px;
	text-align: left;
}
#plus #druck a {
	background: url(../img/icon-drucker.gif) no-repeat top left;
	padding: 2px 0px 2px 19px;
}
* html #plus #druck a {
	padding: 3px 0px 3px 19px;
	height: 12px;
	line-height: 12px;
}
*+html #plus #druck a {
	padding: 1px 0px 1px 19px;
	height: 14px;
	line-height: 14px;
}
#inhalt {
	padding: 0px 0px 20px 0px;
	text-align: left;
}
#navigation {
	float: left;
	width: 210px;
}
#navigation ul {
	padding: 0px;
	margin: 0px;
	width: 185px;
}
#navigation li {
	padding: 2px 0px;
	margin: 0px;
	list-style-type: none;
	background: url(../img/linie-navi-1.png) no-repeat top left;
}
#navigation ul li a {
	display: block;
	padding: 0px 0px 0px 20px;
	line-height: 24px;
	color: #959599;
	font-weight: bold;
	background: url(../img/links.gif) no-repeat center left;
}
#navigation ul li a:hover,
#navigation ul li a.aktiv {
	color: #207AD1;
}
#navigation li.sub {
	border-top: none;
	background: none;
	padding: 0px;
}
#navigation li.sub a {
	padding: 0px 0px 6px 20px;
	line-height: 13px;
	background: none;
	font-weight: normal;
}
#navigation li.sub a:hover {
	color: #207AD1;
}
#textbild {
	float: left;
	width: 460px;
	line-height: 18px;
	padding: 0px 22px 0px 0px;
	background: url(../img/trenner-vertikal-kurz.png) no-repeat top right;
}
#textbild p {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
#textbild a {
	background: url(../img/link.png) no-repeat center left;
	padding: 0px 2px 0px 12px;
	color: #207AD1;
}
#textbild a:hover {
	text-decoration: underline;
}
#textbild h1 {
	padding: 0px 0px 12px 0px; 
	margin : 0px 0px 10px 0px;
	line-height: 27px;  
	font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../img/trenner-horizontal.png) no-repeat bottom left;
	color: #207AD1;
}
#textbild h2 {
	padding: 0px 0px 5px 0px; 
	margin : 0px;
	line-height: 16px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	color: #207AD1;
}
#textbild h3 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: inline;
}
#textbild ul {
	padding: 4px 0px 4px 14px;
	margin: 0px;
}
#textbild li {
	padding: 0px 0px 4px 0px;
	margin: 0px;
	list-style-type: disc;
}
#textbild div.csc-textpic-imagewrap {
	padding: 0px 10px 0px 0px;
}
#textbild div.csc-textpic-imagewrap img {
	margin: 15px 0px 10px 0px;
	margin: 0px 0px 0px 15px;
}

/*  Tagcloud  */

#textbild div.tagcloud {
	background: url(../img/tag-cloud/hg.png) no-repeat top left;
	width: 455px;
	height: 380px;
}
#aktuell {
	float: right;
	width: 195px;
	line-height: 18px;
	text-align: left;
}
#aktuell a {
	background: url(../img/link.png) no-repeat center left;
	padding: 0px 2px 0px 12px;
	color: #207AD1;
}
#aktuell a:hover {
	text-decoration: underline;
}
#aktuell h2 {
	padding: 0px 0px 5px 0px; 
	margin : 0px;
	line-height: 16px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	color: #207AD1;
}
#aktuell h3 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00A4EA;
	text-decoration: none;
	display: inline;
}
#aktuell ul {
	padding: 4px 0px 4px 14px;
	margin: 0px;
}
#aktuell li {
	padding: 0px 0px 4px 0px;
	margin: 0px;
	list-style-type: disc;
}
#aktuell div.swe {
	/* border: 1px solid #C5C5CB; */
	background: url(../img/linie-projekte.png) no-repeat 20px bottom;
	padding: 0px 0px 20px 20px;
	margin: 0px 0px 5px 0px;
	width: 175px;
}
* html #aktuell div.swe {
	width: 195px;
	w\idth: 175px;
}

div.fusszeile {
	width: 887px;
	padding: 15px 0px 5px 0px;
	margin: 0px auto;
	font-size: 10px;
	height: 20px;
	text-align: left;
	background: url(../img/linie-bild.png) no-repeat top left;
}
div.copyleft {
	float: left;
	padding: 0px 0px 0px 200px;
	color: #959599;
}
div.typo3 {
	float: right;
	color: #959599;
}
div.typo3 a:hover {
	text-decoration: underline;
}
div.sbook {
	width: 210px;
	float: left;
}
div.copyleft {
	width: 450px;
	padding: 0px;
}
div.typo3 {
	width: 220px;
}

div.cleardiv {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

#textbild div.col-2 li {
	list-style-type: disc;
	padding: 0px 0px 2px 0px;
	
}
div.clinks {
	float: left;
	width: 220px;
	padding: 0px 20px 0px 0px;
}
div.crechts {
	float: left;
	width: 220px;
}

#aktuell div.socialbooks {
	padding: 0px 0px 0px 20px;
}
#aktuell div.socialbooks img {
	border: none;
	margin: 5px 12px 0px 0px;
}
#aktuell div.socialbooks a {
	padding: 0px;
	background: none;
}