/* <![CDATA[ */
/*
 * WICHTIG:
 * Dieses Design ist keine Vorlage. Sie dürfen es nicht ohne die schriftliche
 * Einwilligung von Subhash (www.subhash.at) benutzen. Sie dürfen natürlich
 * dieses Stylesheet studieren und die Techniken, die Sie daraus lernen,
 * anderweitig benutzen.

 * IMPORTANT
 * This design is not a template. You may not reproduce it elsewhere without
 * Subhash's (www.subhash.at) written permission. However, feel free to study
 * the CSS and use techniques you learn from it elsewhere.
*/
/* Stile fuer framelose Seiten von gea.at ab 17.4.'09 */

html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
body {
	margin: 0;
	padding: 12px 0 0 0;
	height: 100%;
	background: #fff url(../gifs/bg_nulllinie.gif) repeat-y;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
}
a:link, a:visited, #links a:active, #links a:hover {
	color: #000;
}
a:hover, a:active, .gea a:hover, .gea a:active, a.gea:hover, a.gea:active {
	color: #ff7f00 !important;
}
.hl a:hover, .hl a:active,  a.hl:hover,  a.hl:active {
	color: #007f33 !important;
}
div {
	margin: 0;
	padding: 0;
	border: 0;
}
p, td {
	font-size: 1em;
	color: #000;
}
table {
	margin: 2em 0;
	padding: 0;
}
td {
	padding: 0.5em 2.5em 0 0;
}
img {
	border: 0;
}
.c {
	text-align: center;
}
.nb {
	border: 0 !important;
}
.nmb {
	margin-bottom: 0 !important;
}
.gea { /* Hervorhebung GEA-Grün */
	font-weight: bold !important;
	color: #007f33 !important;
}
.hl { /* Hervorhebung Orange */
	font-weight: bold !important;
	color: #ff7f00 !important;
}
.dim {
	color: #aaa !important;
}
.r {
	text-align: right;
}
.small {
	font-size: 0.8em;
}

#links {
	position: fixed;
	top: 0;
	left: 0;
	width: 145px;
	height: 100%;
	overflow: auto;
}
#links #oben, #links #unten {
	width: 120px;
	text-align: center;
}
#links #oben {
	margin: 8px 0 0;
}
#oben #home {
	margin: -3px auto 10px auto;
}
#links #unten {
	position: absolute !important;
	bottom: 10px;
	left: 6px;
}
#unten img {
	margin: 0;
}
.relative {
	position: relative;
	top: 150px;
}

#mitte {
	margin: 20px 120px 0 150px;
	padding: 0 1.9em;
}
h1, h2, h3, h4 {
	padding: 0;
	font: bold 1.7em Tahoma, Verdana, Arial, sans-serif;
	color: #007f33;
}
#mitte h1 {
	margin: 0;
	padding: 0;
	font: bold 1.7em Tahoma, Verdana, Arial, sans-serif;
}
#mitte h2 {
	margin: 0;
	font-size: 1.4em;
}
#mitte h3 {
	margin: 0;
	font-size: 1.3em;
	color: #333;
}
#mitte h4 {
	margin: 0.2em;
	font-size: 1.1em;
	color: #333;
}
#mitte p {
	margin: 0.6em 0 0.7em;
}
/* Faerbetipps: */
#mitte .reihe {
	clear: both;
	margin: 2em 0 0 2em;
}
#mitte .reihe img {
	float: left;
	display: inline; /* gg ie-Bug */
	margin: 0 2em 2em 0;
}
#mitte .reihe h2 {
	margin: 0 0 0.5em;
}
#mitte .reihe p {
	margin: 0 0 0 25px;
}
/* Ende Faerbetipps */

/* Kundenboerse */
#mitte .zweispaltig {
	margin: 2em 0 1em;
}
#mitte .zweispaltig .spalte {
	float: left;
	width: 50%;
}
#mitte .zweispaltig .spalte h2 {
	margin: 2em 0.5em 1em;
	font-size: 1.2em;
}
#mitte .zweispaltig .spalte p {
	margin: 0 2em 0.7em;
}
#mitte .zweispaltig .spalte hr {
	margin: 1.5em 2em 1.7em;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #007f33;
	height: 1px;
}
/* Ende Kundenboerse */

h4.floatright {
	padding-right: 0;
}
.floatright, .fr {
	float: right;
}
p.titlecredits {
	display: inline;
	font-size: 1em !important;
}
table#credits {
	margin: 0.7em auto 0.2em auto;
}
table#credits td {
	padding: 0 0.4em;
}
p#player1 {
	margin: 3em auto 1.2em auto;
	width: 370px !important;
}

#rechts {
	position: fixed;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background: #fff url(../gifs/re_moebel.gif) repeat-y;
}

/* =============== Kontaktformulare: =============== */
form#kontakt {
	margin: 1em 0 0;
	border: 1px solid #633;
	padding: 0.7em;
	width: 470px;
	background-color: #c4eba6;
}
form#kontakt fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form#kontakt strong {
	/* font-size: 93%; */
}
form#kontakt label, form#kontakt input, form#kontakt select, form#kontakt textarea {
	margin: 0.4em 0;
	display: block;
	float: left;
}
form#kontakt label {
	width: 180px;
	line-height: 1.6;
}
form#kontakt label#newsletter {
	width: 420px;
	line-height: 1.2;
}
form#kontakt input, form#kontakt textarea {
	width: 260px;
}
form#kontakt br { 
	clear: left; /* das floating der labels und inputs aufheben */
}
form#kontakt input#submit {
	float: right;
	margin: 1em;
 	width: auto;
}
form#kontakt label {
	text-align: right; 
	padding-right: 0.8em; 
}
form#kontakt input#newsletter_mailen {
	margin: 1.6em 0 1em 1em;
	width: 20px;
}
/* ]]> */