@charset "UTF-8";
/* CSS Document */

/* copyright @ martin stuedeli, 2dbild.ch */
/* schau dir den code an, vielleicht entdeckst du etwas neues. viel spass! */
/* thank you for looking at this code. have fun! */




/* allgemeine definitionen */

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}


body {
	background-color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

h1 {
	font-size:16px;
	font-weight:normal;
	
}

td	{
	color:#6C6;
	font-size:15px;
	font:Verdana, Geneva, sans-serif;
}

textarea	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

	
/* klassen fuer text */


.textschalter {
	letter-spacing:1px;
	word-spacing:2px;
}

.kleinText {
	font-size:10px;	
}

.blau {
	color:#ADF;
}

.orange {
	color:#FA5;
}

.grün {
	color:#DD6;
}

.gelb {
	color:#FD6;
}

/* klassen fuer formularfelder */

.formularfeld1 {
	background-color:#ADF;
	border:0px;
	width:270px;
}

.formularfeld2 {
	background-color:#FA5;
	border:0px;
	width:270px;
}

.formularfeld3 {
	background-color:#DD6;
	border:0px;
	width:270px;
}

.formularfeld4 {
	background-color:#FD6;
	border:0px;
	width:270px;
}



/* div-definitionen, bereiche, 
hierarchisch und von oben links nach rechts unten */

#container {
	border:none;
	height:500px;
	margin: 0px auto;
	padding:0px;
	width:725px;
}


#inhalt {
	background-image:url(Bilder/GitziKontakt_03.gif);
	background-repeat:no-repeat;
	border:none;
	height:293px;
	margin:0px;
	padding:0px;
	width:525px;
	overflow:auto;
	float:left;
}

#kontakttitel		{ background-image:url(Bilder/GitziKontakt_01.jpg); border:none; height:182px; width:725px; clear:both; }
#kontaktrechts		{ background-image:url(Bilder/GitziKontakt_02.jpg); border:none; width:100px; height:293px; float:left; }
#kontaktexit		{ width:98px; height:293px; border:none; float:left; }
#kontaktabschluss	{ width:725px; height:25px; border:none; clear:both; }