/* ============== Inhaltcontainer Aussen ============== */

div#inhalt-aussen {

background:			#F5F9FF url(imgs/bg-content.jpg) left top repeat-x;
padding:			0 5px 0 5px
}

div#inhalt {
background:			url(imgs/bg-inhalt.gif) left top repeat-y;
min-height:			450px;
overflow:			hidden /* Clear den Float */
}

.unsichtbar, .aussen, .out{position:absolute;left:-1000px;top:-1000px; width:0; height:0; overflow:hidden; display:inline;}

/* ============== SUBNAVI ============== */

div#subnavi {
float:				left;
width:				216px;
font-size:			.8em
}

div#subnavi dt {
width:				100%;
/*text-indent:			-4000px*/
}

div#subnavi dt#sub-design {
height:				64px;
background:			url(imgs/submenu-design.jpg) left top no-repeat
}


/*

#####
# SG Design wiki ausgeblendet
#####

div#subnavi dt#sub-design-wiki {
height:				48px;
background:			url(imgs/submenu-design-wiki.jpg) left top no-repeat
}
*/
div#subnavi dt#sub-coding {
height:				48px;
text-indent:		-4000px;
text-indent:		-4000px;
background:			url(imgs/submenu-tp-coding.jpg) left top no-repeat
}
div#subnavi dt#sub-business {
height:				48px;
text-indent:		-4000px;
text-indent:		-4000px;
background:			url(imgs/submenu-tp-business.jpg) left top no-repeat
}

div#subnavi dt#sub-design-wiki {display: none; visibility:hidden;}
div#subnavi dt#sub-intern {
height:				48px;
text-indent:		-4000px !important;

background:			url(imgs/submenu-tp-intern.jpg) left top no-repeat
}
div#subnavi dt#sub-user {
height:				48px;
text-indent:		-4000px;
text-indent:		-4000px;
background:			url(imgs/submenu-tp-intern.jpg) left top no-repeat
}

div#subnavi dl dd a {
display:			block;
width:				165px;
line-height:			19px;
padding-left:			50px;
text-decoration:		none;
color:				#555
}

div#subnavi dl dd a:hover,
div#subnavi dl dd a.aktiv {
background:			#555 url(imgs/submenu-hover.jpg) left top no-repeat;
color:				#FECB38 !important;
font-weight:			bold
}

/*
#####
# Allgemeine Styles im Hauptinhaltsbereich
#####
*/


h1, h2, h3, h4, h5, h6 {font-family: Geneva, Arial, Helvetica, sans-serif;display:block;font-weight:bold; color: #173E6A}
div#text h1 {font-size: 146%;margin:0 0 0.5em 0;padding:  .4em 0 .4em 0px;margin-top: .2em;}
div#text h2 {font-size: 129%;margin:5px 0 5px 0;padding:  5px 0 5px 0px;}
div#text h3 {font-size: 118%;margin:5px 0 5px 0;padding:  5px 0 5px 0px;}
div#text h4 {font-size: 111%;margin:5px 0 5px 0;padding:  5px 5px 5px 0px;}
div#text h5 {font-size: 108%;margin:5px 0 5px 0;padding:  5px 0 5px 0px;}
div#text h6 {font-size: 102%;}

div#text p {line-height: 1.5em; margin: 5px 0px 8px 0px;}
div#text ul {list-style-type:disc !important; list-style-position: outside;}
div#text ol {list-style-type:decimal !important; list-style-position:outside;}


div#text ul, div#text menu, div#text dir {display: block;list-style-type: disc !important;margin: 1em 0;padding: 0px;}
div#text ol {display: block;list-style-type: decimal !important;margin: 1em 0;padding: 0px;}

div#text ul,div#text ol {padding-left: 15px;}
div#text ul ul,
div#text ol ol{padding-left: 20px;}

div#text ul#extrainfos {list-style-type: none !important;}

/* Logolink
............................................... */

	.logolink {position: absolute; top: 0px; left: 0px; height:100px; width:200px;}
	.logolink h1 {text-indent: -10000px;margin:0px; padding:0px; border: inherit}
	.logolink h1 a {width:200px;height:100px;text-decoration:none;display:block;border: inherit;}
	.logolink h1 a:hover {background:inherit;}
	.logolink h1 a span {display: none;}


/* ============== INHALT ============== */

/*
#####
# globales Startseitenlogin deaktiviert
#####
*/
#sub-user,#sub-user-dd {display: none; visibility:hidden;}

div#text {
float:				left;
width:				668px;
position:			relative;
font-size:			.8em;
color:				#000;
padding:			45px 0 0 55px
}

div#text h2 {
/*color:				#3C3C3C;*/
color: #173E6A; /* jetzt blau - SG */
font-size:			1.3em;
margin-bottom:			10px;
}

#body-artikel div#text h3 {
color:				#676767;
font-size:			1.1em;
margin:				0 0 10px
}

#body-artikel div#text h3 span {
color:				white;
background:			url(imgs/nummernfeld2.gif) left center no-repeat;
padding:			0 0 0 2px;
width:				24px;display:inline-block;margin-right:5px;
}
/*
#body-artikel div#text h3 {
color:				#676767;
font-size:			1.1em;
background:			url(imgs/nummernfeld.gif) left center no-repeat;
margin:				0 0 10px
}

#body-artikel div#text h3 span {
color:				white;
padding:			0 9px 0 7px
}
*/

div#text p {
margin-bottom:			15px
}

div#text p.text-kurz {
width:				350px
}

div#text a {
text-decoration:		underline;
color:				#2165AB
}
div#text a:hover,
a.aktiv {
text-decoration:		none !important
}
div#text a:visited {
color:				#888
}

div#artikel hr {
border:				none;
font-size:			0;
height:				40px;
visibility:			hidden
}


/* ========= ARTIKEL-SEITEN ========= */
div#artikel {
margin:				30px 0 40px;
overflow:			auto
}

div#artikel-links {
float:				left;
width:				430px; 		/* background-color:green; =======  width:400px; ==== */
}

div#artikel-rechts {
float:				right; 		/* background-color:maroon; */
width:				213px;
margin-bottom:			40px;
padding:			7px 0 0 7px; 	/* ====  padding:	7px 0 0 19px === */
}

dl.abbildung {
padding-top:			20px;
color:				#777
}

dl.abbildung dt {
padding:			20px 0 0 10px;
background:			url(imgs/bg-abb-oben.jpg) 0 0 no-repeat
}

dl.abbildung dd {
margin-bottom:			30px;
padding:			0 10px;
min-height:			30px;
background:			url(imgs/bg-abb-unten.jpg) left bottom no-repeat
}

/*
div#artikel {
margin:				30px 0 40px;
overflow:			auto
}

div#artikel-links {
float:				left;
width:				400px
}

div#artikel-rechts {
float:				right;
width:				213px;
margin-bottom:			40px;
padding:			7px 0 0 19px;
background:			url(imgs/bg-abbildung.gif)
}

dl.abbildung {
color:				#777;
position:			relative
}

dl.abbildung dt {
margin-top:			30px;
}

dl.abbildung dt#eins {
margin-top:			0 !important;
}

dl.abbildung dd {
padding-bottom:			4px;
}

*/


/* ========= ARTIKEL-SEITEN anordnung überschrift und bildchen =========
#teaserliste dt a img { 	float:left; height:70px; width:70px;}
#teaserliste dt a span { 	line-height:1.2em;}
#teaserliste dt { 		margin-top:20px;}
#teaserliste dd { 		clear:left;  padding-right:10px;}  */


#teaserliste dt a img { 	float:left; height:70px; width:70px; padding-bottom:20px;}
#teaserliste dt a span { 	line-height:1.2em;}
#teaserliste dt { 		margin-top:20px; clear:left;}
#teaserliste dd { 		clear_:left;  padding-right:10px; min-height: 50px;}




dl.abbildung .bild-groesser {
text-indent:			-4000px;
background:			url(imgs/bild-vergroessern.png) no-repeat;
display:			block;
width:				22px;
height:				22px;
position:			absolute;
bottom:				35px;
right:				24px
}


dl.abbildung .bild-groesser {
text-indent:			-4000px;
background:			url(imgs/bild-vergroessern.png) no-repeat;
display:			block;
width:				22px;
height:				22px;
position:			absolute;
bottom:				27px;
right:				5px
}



/* ========= Bookmark-, Kommentier-Felder ========= */

#extrainfos {height:70px;overflow:auto;}

#extrainfos li {		line-height:30px}

/*

#####
# SG kommentieren und diskutieren ausgeblendet
#####

#extrainfos #diskutieren,
#extrainfos #kommentieren {
width:				183px;
height:				30px;
padding-left:			45px;
position:			absolute;
left:				7px;
background:			url(imgs/bg-infobox-links.gif) right top no-repeat
}

#extrainfos #kommentieren { 	margin-top:40px}
*/
#extrainfos #diskutieren,
#extrainfos #kommentieren {display: none; visibility:hidden;}
#extrainfos #bookmarks,
#extrainfos #tags {
width:				423px;
float:				right;
padding-left:			17px;
background:			url(imgs/bg-infobox.gif) left top no-repeat
}

#extrainfos #tags {		}

#extrainfos #bookmarks img {
padding-top:5px;
}

#extrainfos span,
#extrainfos label {
font-weight:			bold;
float:				left;
padding-right:			5px;
color:				#515151
}

#extrainfos #diskutieren span {
padding-left:			20px;
background:			url(imgs/a-diskutieren.jpg) left center no-repeat
}

#extrainfos #kommentieren span {
padding-left:			20px;
background:			url(imgs/a-kommentieren.jpg) left center no-repeat
}

#extrainfos #diskutieren a,
#extrainfos #kommentieren a {
text-decoration:		none !important;
color:				#515151 !important
}



/* ========= Kommentare ========= */
/*

#####
# SG kommentare ausgeblendet
#####

#kommentare {
margin-top:			25px;
}
*/
#kommentare {display:none; visibility:hidden;}
#kommentare form {
float:				left;
width:				220px
}

#kommentar-verfassen label {
				display: none}

textarea {
width:				170px;
border:				1px solid #CDCDCE;
padding:			2px;
font:				1.1em Arial, sans-serif;
color:				#666
}

#senden {
padding-right:			25px;
background:			url(imgs/mainnavi/suchen-button.jpg) right center no-repeat
}

div#beitraege {
float:				right;
width:				430px;
padding-right:			10px;
line-height:			15px
}

#beitraege h4 {
float:				left;
font-size:			1.1em;
width:				400px;
position:			relative;
margin-bottom:			7px;
}

#beitraege .datum {
position:			absolute;
right:				0
}

#beitraege .nr {
background:			url(imgs/nummernfeld.gif) left center no-repeat;
float:				left;
width:				19px;
height:				15px;
margin-right:			5px;
font-weight:			bold;
font-size:			1.1em;
text-align:			center;
color:				#FFF
}

#beitraege hr {
visibility:			hidden
}


/* ========= Informationsbox ========= */

.infodaten {
height:				30px;
line-height:			30px;
overflow:			hidden;
position:			relative;
background:			url(imgs/bg-infobox.gif) left top no-repeat
}

dl.infodaten dt {
font-weight:			bold;
float:				left;
margin:				0 5px 0 10px;
color:				#515151
}

#body-artikel dl.infodaten dt {
padding-left:			22px /* Abstand speziell f�r die Artikel-Seiten */
}

dl.infodaten dd {
float:				left;
}

dl.infodaten dd a {
text-decoration:		underline;
color:				#0457B4
}

dl.infodaten dt.autor {
background:			url(imgs/artikel-autor.jpg) left center no-repeat
}
dl.infodaten dt.amaterial {
background:			url(imgs/artikel-amaterial.jpg) left center no-repeat;
margin:				0 5px 0 35px
}
dl.infodaten dt.schwierigkeit {
background:			url(imgs/artikel-schwierig.jpg) left center no-repeat;
margin:				0 5px 0 35px
}


#body-artikel h2.csc-firstHeader {
	background:transparent url(imgs/bg-infobox-links.gif) no-repeat scroll right top;
	top: 18px;
	left:7px;
	padding: 6px 0 6px 45px;
	position:absolute;
	width:583px;
	margin-bottom: 20px;

	color:			#515151 !important;
	font-size:		1.3em !important;
}

/* ========= STARTSEITE ========= */

#body-start h2 {
line-height:			30px;
font-size:			1.2em !important;
color:				#515151 !important
}

#body-start #news {
margin-top:			40px;
height: auto;
}

#body-start #rechtsnews {
margin-top:			60px;
}

#body-start #start-links h2.blueheader {
width:				183px;
padding-left:			45px;
position:			absolute;
left:				7px;
background:			url(imgs/bg-infobox-links.gif) right top no-repeat
}
#body-start #start-rechts h2 {
padding-left:			17px;
background:			url(imgs/bg-infobox.gif) left top no-repeat
}

#body-start h3 {
font-size:			1em;
font-weight:			bold;
}

div#start-links {
float:				left;
line-height:			150%;
width:				330px
}

div#start-rechts {
float:				right;
line-height:			150%;
width:				270px
}
div#start-rechts p,
div#start-rechts h3 {
padding-left:			10px;
}

.neue-tuts {
width:				180px;
float:				left;
/*height:				148px*/
}

#mehr-tuts {
text-align:			right;
width:				350px
}

.clear {
clear:				both
}

#topthemen li {
float:				left;
margin:				0 10px;
line-height:			200%
}

#topthemen .kleiner {		font-size:.8em}
#topthemen .gross {		font-size:1.2em}
#topthemen .mittel {		font-size:1em}
#topthemen .klein{		font-size:.9em}
#topthemen .sgross {		font-size:1.3em}

#googleads {
width:				716px;
height:				88px;
float:				right;
padding:			10px 0 0 0;
background:			#FAF8F8 url(imgs/bg-googleads.gif) left top no-repeat
}

#googleads p {
padding-left:			4px;
height:				88px;
border:				1px solid #DCDCDC;
border-bottom:			none !important
}
#body-start dl.infodaten {
display:			none; /* auf startseite ausblenden */
}


/* ========= DESIGN WIKI ========= */

#body-design-wiki h1 {
font-size:			1.4em;
margin-bottom:			13px;
color:				#777
}

.icons li {
display:			inline /* Abstand speziell f�r die Design-Wiki-Seiten */
}

#body-design-wiki .infodaten label {
font-weight:			bold;
padding:			0 5px 0 10px;
color:				#515151
}

ul.icons {
position:			absolute;
right:				20px;
height:				30px
}
.oben {				top:4px}

#body-design-wiki .infodaten {
margin-bottom:			30px;
}

#body-design-wiki #letzte-aenderung {
border-top:			1px solid #DFDfE0;
text-align:			right;
line-height:			25px;
padding-right:			80px;
width:				580px
}

.unten {			bottom:9px;}



#body-artikel div#artikel label {
text-decoration:		underline;
font-weight:			normal
}

/* mi */

#artikel ul {
	padding-left:.5em; /* 1.5em Abstand zwiscvhen text und bildern tut artikel */
}

#artikel ul li {
	list-style-type:none;  /* war auf disc, aber nervig bei den tut-Artikel bildern */
	margin-bottom: 10px;
}

input, select {border:	1px solid #CDCDCE;}














/* TWITTER */
#tp-twitter {
	margin-left: 10px;
	margin-bottom: 20px;
	height: auto;
}
#tp-twitter span.user-from a {
	font-weight: bold;
	color:blue;
	text-decoration:none;
	padding-bottom:4px;
	font-size:110%;
}
#tp-twitter span.user-from-date {

}
#tp-twitter span.theMessage {
	white-space:normal;
}

#tp-twitter .even {
	background-color: #fbfdff;
}
#tp-twitter td.x-grid3-cell {
	vertical-align: top;
	padding-top: 3px;
}
/* TP NEWS */
#news .x-panel-tl, #news .x-grid3-header, #news .x-panel-tr {
	display:none;
}
#news {
	margin-bottom: 20px;
	height: auto;
}
#news p, .feeds-grid h2 {
	white-space:normal;
	width: 98%;
}

#news h2 {
	font-size: 14px !important;
	line-height: 18px;
	margin: 0 0 4px 0 !important;
	padding-top: 2px;
}

#news p.author {
	color: #9975435;
}

#news .even {
	background-color: #fbfdff;
}

/* IT NEWS */
#rechtsnews .x-panel-tl, #rechtsnews .x-grid3-header, #rechtsnews .x-panel-tr {
	display:none;
}
#rechtsnews {
	margin-bottom: 20px;
	height: auto;
}
#rechtsnews p, .feeds-grid h2 {
	white-space:normal;
	width: 98%;
}

#rechtsnews h2 {
	font-size: 14px !important;
	line-height: 18px;
	margin: 0 0 4px 0 !important;
	padding-top: 2px;
}

#rechtsnews p.author {
	color: #997543;
}

#rechtsnews .even {
	background-color: #fbfdff;
}

/* FLICKR */
#flickr-357_1 {
   	margin: 10px 0 20px 5px;
   	height: 370px;
}
#flickr-357_1 .x-panel-tl, #flickr-357_1 .x-grid3-header, #flickr-357_1 .x-panel-tr {
	display:none;
}

#flickr-357_1 .x-panel-mr, #flickr-357_1 .x-panel-mc, #flickr-357_1 .x-panel-ml {
	padding: 0 0 0 10px !important;
}
#flickr-357_1 .thumb-wrap {
	float:left;
	height:72px;
	margin:0 10px 10px 0;
	overflow:hidden;
	width:90px;
}




/* WIKI */
.wikiTable, .tx-drwiki-pi1 table {
    border:none;
    width: 680px;
}

.wikiTable td, .tx-drwiki-pi1 table td {
    padding:1px 8px;
}

tr.wikiTableHeader {
    background:#eee;
}
tr.wikiTableHeader th {
    padding:4px 8px;
}

.specialChars {
	border:1px solid #00AAAA;
	padding:4px;
	white-space:normal;
}

.right {
	text-align: right;
}
.center {
	text-align: center;
}



#sub-user-dd  p {
	margin: 0 10px 5px 5px;
	padding-left: 50px;
	text-align: left;
}
#sub-user-dd p.userinfo-name {
	/*padding-left: 10px;*/
	line-height: 1.5;
}
#sub-user-dd a {
	color:#2165AB !important;
	display: inline !important;
}
#sub-user-dd a:hover {
	text-decoration: underline;
	color:#2165AB !important;
	background: none !important;
}
#sub-user-dd img {
	margin: 5px 0 5px 0px;
}

#commentform {
	width: 200px;
	float: left;
}
#tx_comments_pi1_content {
	width: 190px;
}

.csc-sitemap li {
	margin-left: 20px;

}

.csc-sitemap ul  li {
	font-size: 16px;
	list-style-type: none;
}
.csc-sitemap ul  li a {
    background: #B7D8F9;
	display: block;
	padding: 4px;
	color: #555555 !important;
}
.csc-sitemap ul  li ul li {
	font-size: 14px;
	padding: 2px;
}
.csc-sitemap ul  li ul li a {
	background: transparent;
	border-left: 5px solid red;
}
.csc-sitemap ul  li ul li a:hover {
	color: #fff !important;
	background: #555;
}
.csc-sitemap ul  li ul li ul li {
	font-size: 12px;
	list-style-type: square;
}
.csc-sitemap ul  li ul li ul li a {
	border: none;
}

/* SEARCH */
.tx-indexedsearch, .tx-felogin-pi1 {
	margin: 15px 10px 0 0;
}
.tx-indexedsearch fieldset, .tx-felogin-pi1 fieldset {
	border: 1px solid #B7D8F9;
	padding: 10px;
	margin: 15px 0;
}
.tx-indexedsearch fieldset div, .tx-felogin-pi1 fieldset div {
	margin: 6px 0;
}
.tx-indexedsearch legend, .tx-felogin-pi1 legend {
	font-size: 14px;
	background: #B7D8F9;
	padding: 4px;
}
#tx-indexedsearch-searchbox-sword {
	width: 450px;
	padding: 2px;
}

.tx-indexedsearch span {
	background: none !important;
}
.tx-indexedsearch-res h3 {
	margin-bottom: 10px;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
	float:right;
	font-weight:normal;
	letter-spacing:0;
	margin: 0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background: #EEEEEE;
	padding: 5px;
}

.tx-indexedsearch-browsebox {
	margin: 15px 0;
	border-bottom:	1px solid #CDCDCE;
}

.tx-felogin-pi1 h3 {
	margin: 15px 0;
}