/* Extra-Stylesheet für die Datei 'refDown.php'
 * 
 * Farben und Verläufe für progtw.de (wie im Header-Bild)
 * violett->hellviolett: #ee88cc, #f4aadd, #f8ccee, #fcddff :::#ee88cc
 * gelb -> orange:       #ffff60, #ffee60, ..., #ff9900     :::#ffff60 - #ffaa60
 * hellblau -> blau:     #cceeff, #99ccee, #66aadd, #0088cc :::#cceeff
 * alt...:
 * sand     #fdf9ec, #fbf3d9, #faeeca, #f8e8b8 (hell->dunkler)
 * hellblau #e8f7f9, #d2eff3, #bbe8ee, #a5e0e8, 7ca9af,
 */


/* @see _system/_inc/_layout/mainStart.inc.php */
/* @see _system/templates/twTplWebsite/screen/basemod_tw_2col_gfxborder.css */
#main {
	background-color: #fbf3d9;
}
/* @see _system/_inc/_layout/footer.inc.php */
/* @see _system/templates/twTplWebsite/screen/basemod_tw_2col_gfxborder.css */
#footer {
	background-color: #fbf3d9;
	text-align: right;
	padding-right: 20px; 
	font-size: 0.7em; 
	color: #ffaa70;
}
#footer a {
	color: #ffaa60; 
	background: transparent; 
	font-size: 10px;
	font-weight: bold;
}
#footer a:hover {
	color: #339900;
	background-color: #ffff00;
	border: 2px dotted #ffaa60;
	font-size: 14px;
	text-decoration: none;
}
.footerSpan {
	margin-left:10px; 
	line-height:34px;
}
	
/* @see inhalt/refDown.php */
#col1_content {
	background-color:#fbf3d9;
}
/* @see inhalt/refDown.php */
.twDummyzeile {
	background-image: url("img/bg-1px-weiss-sand.jpg");
	background-repeat: repeat-x;
}



/* @see _system/_inc/_layout/seiteStartMitGfxBorder.inc.php */
.twPage {
	/*background-color: #d2d2d2;*/	/* wenn das nich is, dann is bei Verwendung von gfxborder alles blau*/
}
/* @see _system/_inc/_layout/header.inc.php */
.twHeader {
	/*background-color: cyan;*/  /*wird nur angezeigt, wenn im header etwas außerhalb von topnav steht*/
	background-image: url(../../../_system/_img/panorama-oben-q50.jpg);
	background-position: left bottom;
	height: 74px;
}
/* @see _system/_inc/_layout/navigation.inc.php und nav_slidingdoor.css(nav_main)*/
.twNavMain {
	background-image: url(../../../_system/_img/panorama-unten-q50.jpg);
	background-position: left top;
}
.twCol1 {
	/*height: 450px;*/
	background-image: url(img/hintergrund-inhalt.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}
.twCol3 {
	/*height: 450px;*/
	background-image: url(img/logo-progTW.gif);
	background-repeat: no-repeat;
	background-position: 50px 20px;
	/*background-color: #d2d2d2;*/
}
.twCol3content {
	/*padding: 34px 20px 20px 20px;*/
}



.hd {
	color: #000099;
}
.bd {
	color: #000099;
}
.ft {
	color: #000099;
}



.twDoku {
	margin: 0px;
	padding: 20px;  /* (kann auch wech...) */
	border: 3px inset #000099;
	background-color: #f8e8b8;  /* sand von bg */
	color: #000099;
}


.twBildLinks {
	float:left; 
	margin: 6px 6px 0 6px;
	padding: 4px;
	background-color: #f8e8b8;  /* sand von bg */
	border: 3px inset #a5e0e8;  /* hellblau von twBox03 */
}
.twBildRechts {
	float:right; 
	margin: 6px 6px 0 6px;
	padding: 4px;
	background-color: #f8e8b8;  /* sand von bg */
	border: 3px inset #a5e0e8;  /* hellblau von twBox03 */
}
.twThumb {
	display: inline;
	padding: 4px;
	background-color: white;
	border: 3px solid #a5e0e8;  /* hellblau von twBox03 */
}
.twThumbRechts {
	display: inline;
	float: right;
	margin-left: 4px;
	padding: 4px;
	background-color: white;
	border: 3px solid #a5e0e8;  /* hellblau von twBox03 */
}
.twBtn {
	font-size:0.9em;
	font-weight: bold;
	margin: 0px 6px 0px 0px;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	background-color: #eeffee;
	color: #3d7342;
	border: 1px outset #3d7342;	
}
.twBtnTipp {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	background-color: #fbf3d9;
	color: #000099;
	border: 2px outset #a5e0e8;	
}
.twBtnClose {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	background-color: #fbf3d9;
	color: #000099;
	border: 2px outset #a5e0e8;	
}
.twBtnNachOben {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	background-color: #fbf3d9;
	color: #000099;
	border: 2px outset #a5e0e8;	
}
.twBtnInFooter {
	/*float: right;*/
	margin: 0px 10px 0px 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	background-color: #fbf3d9;
	/*color: #000099;*/
	border: 2px outset #a5e0e8;	
}

.twTttF01 {
	margin: 0px 3px 0px 0px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	background-color: #ffaa70;
	color: #000099;
	border: 2px outset #ffaa70;
}
.twTttF02 {
	margin: 0px 3px 0px 0px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	background-color: #bbe8ee;
	color: #000099;
	border: 2px outset #bbe8ee;
}
.twTttF03 {
	margin: 0px 3px 0px 0px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	background-color: #ea8cef;
	color: #000099;
	border: 2px outset #ea8cef;
}
.twTttDoku {
	margin: 0px 3px 0px 0px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	background-color: #f8e8b8;
	color: #000099;
	border: 2px outset #f8e8b8;
}


.twZeileZumBlog {
	float: right;
	margin:20px;
	background-color: #fbf3d9;
	color: #000099;
	border: 2px inset #a5e0e8;	
}

.twClear {
	display: block;
	clear: both;
	/*line-height: 1px;*/
}


#twAktiv {
	color: green;
	background-color: #ccffcc;
}

.twSkripte {}
.twSkripte h1 {
	text-align: center;
}
.twSkripte h2 {
	font-size: 1.3em;
}
.twSkripte p {
	font-size: 1.1em;
}