/* kleinhempel stylesheet */
/* screen */

body { background-color:#FFFFFF; color:#000000; margin:30px; }
p { margin:0px; color:#000000; font: 8pt Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
a:link    { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:active  { color:#000000; text-decoration:none; }
a:hover   { color:#000000; text-decoration:underline; }

.std_text { font-size:8pt; line-height:12pt; font-weight:normal; }
.hdl_main { font-size:9pt; line-height:12pt; font-weight:bold; }
.hdl_item { font-size:8pt; line-height:12pt; font-weight:bold; }

/*custom styles*/

.hdl_default {
	color: #000; 
	font-size: 14px; 
	line-height: 16px; 
	font-weight: bold; 
	margin-bottom: 5px; 
}
.hdl_big {
	color: #000; 
	font-size: 30px; 
	line-height: 30px; 
	font-weight: bold; 
	letter-spacing: -1.1px;
}
.hdl_h2 {
	color: #000;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}
.hdl_h3 {
	color: #000;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.txt_large {
  color: #000;
	font-size: 12px;
	line-height: 18px;
}
.txt_small {
	color: #808080;
	font-size: 11px;
	line-height: 16px;
}

.marker {
	padding: 4px 20px;
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
	font-size: 14px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	background-color: #333333;
	color: #FFF;
}

.button a,
.button a:hover {
	/*padding: 6px;*/
	padding: 4px 20px;
	text-decoration: none;
	font-weight: normal;
	border-bottom: none;
	font-size: 14px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	background-color: #333333;
	color: #FFF;
}
.button a:hover {
	background-color: #000000;
	color: #FFF;
}

/* text und link grössen */
.size-12px, .size-12px a, .size-12px a:hover { font-size: 12px; }
.size-14px, .size-14px a, .size-14px a:hover { font-size: 14px; }
.size-16px, .size-16px a, .size-16px a:hover { font-size: 16px; }
.size-18px, .size-18px a, .size-18px a:hover { font-size: 18px; }
.size-20px, .size-20px a, .size-20px a:hover { font-size: 20px; }
.size-24px, .size-24px a, .size-24px a:hover { font-size: 24px; }
.size-28px, .size-28px a, .size-28px a:hover { font-size: 28px; }
.size-32px, .size-32px a, .size-32px a:hover { font-size: 32px; }
.size-48px, .size-48px a, .size-48px a:hover { font-size: 48px; }
.size-64px, .size-64px a, .size-64px a:hover { font-size: 64px; }

/* farben für buttons */
.btn-orange a { background-color: #ad5a1a; color: #FFF; }
.btn-orange a:hover,
.btn-orange a:active { background-color: #CD5A00; color: #FFF; }
.btn-red a { background-color: #bc2a2a; color: #FFF; }
.btn-red a:hover,
.btn-red a:active { background-color: #df1d1d; color: #FFF; }
.btn-dblue a { background-color: #405780; color: #FFF; }
.btn-dblue a:hover,
.btn-dblue a:active { background-color: #132c5a; color: #FFF; }
.btn-lblue a { background-color: #668acc; color: #FFF; }
.btn-lblue a:hover,
.btn-lblue a:active { background-color: #396fd2; color: #FFF; }

.btn-orange2 a { background-color: #ed6800; color: #FFF; }
.btn-orange2 a:hover,
.btn-orange2 a:active { background-color: #f28201; color: #FFF; }

.btn-orangex a { background-color: #CD5A00; color: #FFF; }
.btn-orangex a:hover,
.btn-orangex a:active { background-color: #e28b22; color: #FFF; }
.btn-redx a { background-color: #df1d1d; color: #FFF; }
.btn-redx a:hover,
.btn-redx a:active { background-color: #bc2a2a; color: #FFF; }

/* textgrössen für buttons */
.btn-size-12px a, .btn-size-12px a:hover { font-size: 12px; }
.btn-size-14px a, .btn-size-14px a:hover { font-size: 14px; }
.btn-size-16px a, .btn-size-16px a:hover { font-size: 16px; }
.btn-size-18px a, .btn-size-18px a:hover { font-size: 18px; }

/* **************************************** */
/* farben */

/* farben für marker */
.mrk-orange { background-color: #ad5a1a; color: #FFF; }
.mrk-orange2 { background-color: #ed6800; color: #FFF; }
.mrk-red { background-color: #bc2a2a; color: #FFF; }
.mrk-dblue { background-color: #405780; color: #FFF; }
.mrk-lblue { background-color: #668acc; color: #FFF; }

.mrk-gruen   { background-color: #A3BF2B; color: #FFF; }
.mrk-blau    { background-color: #6AB6CC; color: #FFF; }
.mrk-gelb    { background-color: #DDDC00; color: #FFF; }
.mrk-grau    { background-color: #8995AC; color: #FFF; }
.mrk-weiss   { background-color: #FFFFFF; color: #FFF; }
.mrk-dblau   { background-color: #132C5A; color: #FFF; }
.mrk-hblau   { background-color: #6491E3; color: #FFF; }
.mrk-violett { background-color: #846281; color: #FFF; }
.mrk-oliv    { background-color: #998F31; color: #FFF; }
.mrk-blau2   { background-color: #19608C; color: #FFF; }
.mrk-braun   { background-color: #C16E19; color: #FFF; }

/* die Farben ganz unten, damit man sie mit anderen Styles kombinieren kann */

/* Farben für Text */

/* kleinhempel.de */
.orange  { color: #CD5A00; }
.gruen   { color: #A3BF2B; }
.blau    { color: #6AB6CC; }
.gelb    { color: #DDDC00; }
.grau    { color: #8995AC; }
.weiss   { color: #FFFFFF; }
.dblau   { color: #132C5A; }
.hblau   { color: #6491E3; }

/* studio */
.violett { color: #846281; }
.oliv    { color: #998F31; }
.blau2   { color: #19608C; }
.braun   { color: #C16E19; }