/* ----- kleinhempel stylesheet ----- */
/* ----- custom styles - screen ----- */

/* 
 * custom styles zur Auswahl: Textformatierung - Textstyles
 * styles werden immer als inline text auf <span> angewendet
 */

/* **************************************** */
/* default styles */
/* **************************************** */

td.text_content {
  vertical-align: top;
  padding: 5px;
  /*background-color: #EEFFBB;*/
}
p {
  color: #64666B; 
  font-size: 11px; 
  line-height: 16px; 
  /*margin-left: 5px;*/
  margin-bottom: 3px; 
}
/*a:link,*/
/*a:visited,*/
a { 
  color: #BEC0C3; 
  text-decoration: none; 
}  /* 132C5A, 292D34, 1B2639 */
a:hover,
a:active { 
  color: #FFFFFF; 
  text-decoration: none; 
}
/* **************************************** */
/* default styles from kh_screen */
/* **************************************** */

/*.main_text a:link,*/
/*.main_text a:visited,*/
.main_text a { 
  color: #BEC0C3; 
  text-decoration: none; 
}  /* 132C5A, 292D34, 1B2639 */
.main_text a:hover,
.main_text a:active { 
  color: #FFFFFF; 
  text-decoration: none; 
}

/*.pdk_text a:link,*/
/*.pdk_text a:visited,*/
.pdk_text a { 
  color: #152429; 
  text-decoration: none; 
}  /* 132C5A, 292D34, 1B2639 */
.pdk_text a:hover,
.pdk_text a:active { 
  color: #FFFFFF; 
  text-decoration: none; 
}

/*.srv_text a:link,*/
/*.srv_text a:visited,*/
.srv_text a { 
  color: #171008; 
  text-decoration: none; 
}  /* 132C5A, 292D34, 1B2639 */
.srv_text a:hover,
.srv_text a:active { 
  color: #FFFFFF; 
  text-decoration: none; 
}

/*.imp_text a:link,*/
/*.imp_text a:visited,*/
.imp_text a { 
  color: #292D34; 
  text-decoration: none; 
}  /* 132C5A, 292D34, 1B2639 */
.imp_text a:hover,
.imp_text a:active { 
  color: #FFFFFF; 
  text-decoration: none; 
}

/* **************************************** */
/* bgcolor_content styles */
/* **************************************** */

/* default - kleinhempel.de */
.bgcolor_white {
  background-color: #FFFFFF;
}

/* grey */
.bgcolor_grey {
  background-color: #808080;
}
.bgcolor_grey p {
  color: #000000;
}
/*.bgcolor_grey a:link,*/
/*.bgcolor_grey a:visited,*/
.bgcolor_grey a { 
  color: #333; 
  text-decoration: none; 
}
/*.bgcolor_grey a:hover,*/
/*.bgcolor_grey a:active,*/
.bgcolor_grey a:hover { 
  color: #333; 
  text-decoration: underline; 
}

/* dark - studio.kleinhempel.de */
.bgcolor_dark {
  background-color: #272D38;
}
.bgcolor_dark p {
  color: #7D8188;
}
.bgcolor_dark p.imp_text {
  color: #454B56;
}



/* **************************************** */
/* custom styles - defaults */
/* **************************************** */

/* headlines */
.hdl_default {
	/*color: #132C5A;*/ 
	color: #396fd2; 
	font-size: 14px; 
	line-height: 16px; 
	font-weight: bold; 
	margin-bottom: 5px; 
}

.hdl_big {
	/*color: #132C5A;*/ 
	color: #396fd2; 
	font-size: 64px; 
	line-height: 64px; 
	font-weight: bold; 
	letter-spacing: -1.1px;
	margin-left: -10px;
}

.hdl_h2 {
	/*color: #132c5a;*/
	color: #396fd2; 
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	/*margin: 20px 0 0;*/
}

.hdl_h3 {
	color: #5a6b8b;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	/*margin: 20px 0 0;*/
}

/* text */
.txt_large {
  color: #000;
	font-size: 12px;
	line-height: 18px;
}
.txt_small {
	color: #808080;
	font-size: 11px;
	line-height: 16px;
}
/* marker (im button look) */
.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: #99A6BF;
	color: #FFF;
}

/* links */
/*.lnk_default a:link,*/
/*.lnk_default a:visited,*/
.lnk_default a {
  color: #1B2639; 
  text-decoration: none; 
}  /* 132C5A, 292D34, 1B2639 */
.lnk_default a:hover,
.lnk_default a:active { 
  color: #366388; 
  text-decoration: none; 
}

/* farben für links */
/*.lnk-orange a:link,*/
/*.lnk-orange a:visited,*/
.lnk-orange a {
  color: #CD5A00; 
}
.lnk-orange a:hover,
.lnk-orange a:active { color: #e28b22; }

/* 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; }

/* **************************************** */
/* buttons */
.button1 a,
.button1 a:hover {
	padding: 6px;
	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: #99A6BF;
	color: #FFF;
}
.button1 a:hover {
	background-color: #132C5A;
	color: #FFF;
}

.button2 a,
.button2 a:hover {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 4px;
	display: block;
	letter-spacing: normal;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	/*position: absolute;*/
	float: left;
	text-align: center;
	text-decoration: none;
}
.button2 a {
	background-color: #C6D9E9;
	color: #224466;
	border-color: #80B5D0;
}
.button2 a:hover,
.button2 a:active {
	background-color: #C6D9E9;
	color: #e28b22;
	border-color:#328AB2;
}

.button3 a,
.button3 a:hover {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 4px;
	display: block;
	letter-spacing: normal;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	/*position: absolute;*/
	float: right;
	text-align: center;
	text-decoration: none;
}
.button3 a {
	background-color: #C6D9E9;
	color: #224466;
	border-color: #80B5D0;
}
.button3 a:hover,
.button3 a:active {
	background-color: #C6D9E9;
	color: #e28b22;
	border-color:#328AB2;
}

/* dieser button gilt */
.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: #99A6BF;
	color: #FFF;
}
.button a:hover {
	background-color: #132C5A;
	color: #FFF;
}
/* für studio andere default farben */
.button a { background-color: #668acc; color: #FFF; }
.button a:hover,
.button a:active { background-color: #396fd2; color: #FFF; }

/* 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; }
.studio  { color: #272D38; }
/* menue colors
-- projekte:   #56485D hi: #846281
-- interaktiv: #204762 hi: #19608C
-- leistungen: #66623D hi: #998F31
-- service:    #744E29 hi: #C16E19
*/

/* **************************************** */
/* fixes */

/* clear-block */
span.button2:after,
span.button3:after,
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
span.button2,
span.button3,
.clear-block {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html span.button2,
* html span.button3,
* html .clear-block {
  height: 1%;
}
span.button2,
span.button3,
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/* ----- end ----- */