/* ========================================
Datei:	template.css
Datum:	02.02.2013
Ausgabe für Bildschirm
======================================== */

@media screen {
	h1 {
		font: 21px arial; }

	.black { 
		font:11px arial;
		color:rgb(0,0,0); }
		
	.white { 
		font:11px arial;
		color:rgb(255,255,255); }
		
	.feld { 
		font-family:arial;
		font-size:11px;
		width:75px;
		text-align:center;
		border-width:0; }
		
	.feldrot { 
		font-family:arial;
		font-size:11px;
		width:75px;
		text-align:center;
		border-width:0; }
		
	.btn_aktiv { 
		font:11px arial;
		color:rgb(255,255,255); }
		
	.btn_passiv { 
		font:11px arial;
		color:rgb(255,255,255); }
		
	#wrapper {
		position:absolute;
		width:1000px;
		height:100%;
		left:50%;
		margin-left:-500px; }
		
	#farben {
		position:absolute;
		top:60px;
		left:0;
		width:500px;
		height:100%; }
		
	#content {
		position:absolute;
		top:70px;
		left:530px;
		width:448px;
		height:261px;
		border:1px solid #000;
		background:#fff; }
		
	#frameoben {
		position:absolute;
		top:0;
		left:0;
		width:448px;
		height:43px;
		background-color:rgb(192,218,230); }
		
	#buttonaktiv {
		position:absolute;
		top:18px;
		left:0;
		width:112px;
		height:25px;
		text-align:center;
		vertical-align:middle;
		background-color:rgb(70,147,184); }
		
	#buttoninaktiv {
		position:absolute;
		top:23px;
		left:112px;
		width:336px;
		height:20px;
		text-align:center;
		vertical-align:middle;
		background-color:rgb(129,181,207); }
		
	#framelinks {
		position:absolute;
		top:43px;
		left:0;
		width:66px;
		height:199px;
		background-color:rgb(129,181,207); }
		
	#framerechts {
		position:absolute;
		top:43px;
		left:382px;
		width:66px;
		height:199px;
		background-color:rgb(129,181,207); }
		
	#status {
		position:absolute;
		top:240px;
		left:0;
		width:448px;
		height:21px;
		background-color:rgb(192,218,230); }
		
	#textmuster {
		position:absolute;
		top:45px;
		left:70px;
		width: 310px;
		height: 190px;
		text-align:left; }
		
	#beispieltext { color:rgb(0,0,0); }
	
	#font28 { font-size: 28px; }
	#font18 { font-size: 18px; }
	#font12 { font-size: 12px; }
	#font10 { font-size: 10px; }
	
	#auswahl {
		position:absolute;
		top:345px;
		left:700px;
		width:290px;
		height:250px; }
		
	#radiobutton {
		position:absolute;
		top:0;
		left:0; }
		
	#standardfarben {
		position:absolute;
		top:330px;
		left:530px; }
		
	#trendfarben {
		position: absolute;
		top: 580px;
		left: 530px;
	}

} /* Ende @media - nicht loeschen! */

/* ====================================== */
/* ENDE template.css
/* ====================================== */