/* Sales Guide - Basis Styles */

/* Standardmäßige Formatieruung von HTML Elementen  */
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family:  "Trebuchet MS",Tahoma,Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	background-repeat: repeat-x;
}
body.body-start {
	background-image: url(/templates/pics_sg24/bg_body_start.gif);
}
body.body-big-bg {
	background-image: url(/templates/pics_sg24/bg_body.gif);
}
body.body-middle-bg {
	background-image: url(/templates/pics_sg24/bg_body_middle.gif);
}
body.body-small-bg {
	background-image: url(/templates/pics_sg24/bg_body_small.gif);
}
p {
	margin: 0;
	padding: 0 0 6px 0;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}
ol {
	margin: 0 0 6px 25px;
}
ul {
	margin: 0 0 6px 15px;
}
form, input, label, select, textarea {
	margin: 0;
	padding: 0;
}
img, a img {
	border: 0;
}
a:link, a:visited, a:active, a:hover { 
	color: #03446f;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5 {
	margin: 0 0 23px 0;
	padding: 0;
	font-size: 18px;
	color: #03446f;
}
h2 {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 16px;
}
h3 {
	margin: 0 0 6px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
}
h4 {
	margin: 0 0 6px 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
h5 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}
abbr {
	text-decoration: none;
	border: 0;
}
/* Schriftarten */
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
.verdana 	{ font-family: Verdana, Arial, Helvetica, sans-serif; }
.times 		{ font-family: "Times New Roman", Times, serif; }
.arial 		{ font-family: Arial, Helvetica, sans-serif; }
.tahoma 	{ font-family: Tahoma, Arial, Helvetica, sans-serif; }
.trebuchet	{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;}
.normal		{ font-weight: normal; }
.bold 		{ font-weight: bold; }
.italic 	{ font-style: italic; }
.underline 	{ text-decoration: underline; }

/* Zeilenhöhen */
.lh-140 { line-height: 140%; }
.lh-125 { line-height: 125%; }
.lh-25 { line-height: 25px; }

.fixfloat {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.tleft 	{ text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.tjustify { text-align: justify; }
.floatl { float: left; }
.floatr { float: right; }
.pos-relative { position: relative; }
.display-none { display: none; }
.display-block { display: block; }
.hidden { overflow: hidden; }
.no-deco { text-decoration: none; }

/* Rahmendefinitionen 1px */
.boall { border: 1px solid #03446f; }
.bono { border: 0; }
.bobr {
	border-right: 1px solid #03446f;
	border-bottom: 1px solid #03446f;
}
.bob { border-bottom: 1px solid #03446f; }
.bor { border-right: 1px solid #03446f; }
.bol { border-left: 1px solid #03446f; }
.bot { border-top: 1px solid #03446f; }

.bol-grey { border-left: 1px solid #A8B5AE; }
.bor-grey { border-right: 1px solid #A8B5AE; }

/* Farbdefinitionen */
.bg-dgreen 	{ background-color: #026038; }
.bg-mint	{ background-color: #D9E2E8; }
.bg-lgreen 	{ background-color: #03446f; }
.bg-white 	{ background-color: #FFFFFF; }
.bg-lgrey 	{ background-color: #F0F4F2; }
.bg-grey 	{ background-color: #E7EEED; }
.bg-cogreen	{ background-color: #E5E4E4; }
.bg-wgrey 	{ background-color: #F6F5F5; }

.bg-mgreen 	{ background-color: #BDDB3C; }

.f-black 	{ color: #000000; }
.f-white 	{ color: #FFFFFF; }
.f-dgreen 	{ color: #03446f; }
.f-dblue 	{ color: #03446f; }
.f-green	{ color: #86A52B; }
.f-grey 	{ color: #666666; }
.f-lgrey 	{ color: #9D9D9D; }
.f-dgrey	{ color: #333333; }
.f-error 	{ color: #CD3333; }
.f-nolink	{ color: #9B9B9B; }
.f-orange	{ color: #F77F0A; }

/* Abmessungen */
.minh-10 { 
	height: 10px;
	overflow: visible;
}
html>body .minh-10 { 
	height: auto;
	min-height: 10px; 
}
.minh-100 { 
	height: 100px;
	overflow: visible;
}

html>body .minh-100 { 
	height: auto;
	min-height: 100px; 
}
.minh-290 { 
	height: 290px;
	overflow: visible;
}

html>body .minh-290 { 
	height: auto;
	min-height: 290px; 
}
.minh-550 { 
	height: 550px;
	overflow: visible;
}

html>body .minh-550 { 
	height: auto;
	min-height: 550px; 
}

/* Außen- und Innenabstände */
.m0 	{ margin: 0; }
.p0 	{ padding: 0; }
.p3 	{ padding: 3px; }
.p4 	{ padding: 4px; }
.p5 	{ padding: 5px; }
.p10	{ padding: 10px; }
.p12	{ padding: 12px; }
.p20	{ padding: 20px; }
.p25-0 { padding: 25px 0; }
.p0-10 { padding: 0 10px; }
.p0-8  { padding: 0 8px; }
.pr-7 { padding-right: 7px; }
.pr-10 { padding-right: 10px; }
.pr-20 { padding-right: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pt-2 { padding-top: 2px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.mt-5 { margin-top: 5px; }
.mt-6 { margin-top: 6px; }
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mb-3 { margin-bottom: 3px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mt-20 { margin-top: 20px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.ml-10 { margin-left: 10px; }
.mr-1 { margin-right: 1px; }
.mr-3 { margin-right: 3px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.ml-12 { margin-left: 12px; }
.mr-12 { margin-right: 12px; }
.mr-15 { margin-right: 12px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }


/* Schriftgröße */
.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
/* Breiten */
.w-14 	{ width: 14px; }
.w-15 	{ width: 15px; }
.w-20 	{ width: 20px; }
.w-30 	{ width: 30px; }
.w-55 	{ width: 55px; }
.w-60 	{ width: 60px; }
.w-65 	{ width: 65px; }
.w-80 	{ width: 80px; }
.w-100 	{ width: 100px; }
.w-110 	{ width: 110px; }
.w-115 	{ width: 115px; }
.w-120 	{ width: 120px; }
.w-130 	{ width: 130px; }
.w-140 	{ width: 140px; }
.w-150 	{ width: 140px; }
.w-160 	{ width: 160px; }
.w-180 	{ width: 180px; }
.w-200 	{ width: 200px; }
.w-210 	{ width: 210px; }
.w-215 	{ width: 215px; }
.w-216 	{ width: 216px; }
.w-220 	{ width: 220px; }
.w-238 	{ width: 238px; }
.w-240 	{ width: 240px; }
.w-245 	{ width: 245px; }
.w-250 	{ width: 250px; }
.w-260 	{ width: 260px; }
.w-265 	{ width: 265px; }
.w-270 	{ width: 270px; }
.w-300	{ width: 300px; }
.w-310	{ width: 310px; }
.w-320	{ width: 320px; }
.w-330	{ width: 330px; }
.w-445	{ width: 445px; }
.w-455  { width: 455px; }
.w-350	{ width: 350px; }
.w-355	{ width: 355px; }
.w-360	{ width: 360px; }
.w-370	{ width: 370px; }
.w-375	{ width: 375px; }
.w-398 	{ width: 398px; }
.w-400 	{ width: 400px; }
.w-420	{ width: 420px; }
.w-430 	{ width: 430px; }
.w-450	{ width: 450px; }
.w-470 	{ width: 470px; }
.w-485 	{ width: 485px; }
.w-540 	{ width: 540px; }
.w-680 	{ width: 670px; }
.w-760 	{ width: 760px; }
.w-800 	{ width: 800px; }
/* Höhen */

.h-55 {	height: 55px; }
.h-60 {	height: 60px; }
.h-65 {	height: 65px; }
.h-105 {	height: 105px; }
.h-130 { height: 130px; }
.h-200 { height: 200px; }

/* Boxen */
.form-box-fullsize, .content-box-fullsize {
	width: 802px;
	height: 20px;
	overflow: visible;
}
html>body .form-box-fullsize, html>body .content-box-fullsize {
	height: auto;
	min-height: 20px;
}
.content-box-fullsize {
}
.box-shadow-top {
	width: 802px;
	height: 14px;
	background-image:url(/templates/pics/box-shadow-top.png);
	background-position: top;
	background-repeat: no-repeat;
}

.box-shadow-bottom {
	width: 802px;
	height: 5px;
	background-image:url(/templates/pics/box-shadow-bottom.png);
	background-position: top;
	background-repeat: repeat-x;
}

.boxes-shadow-bottom-gw {
	background-image: url(/templates/img/all/boxes_shadow_bottom_grey.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px;
}
.dotted-line {
	background: url(/templates/img/all/dotted-line.gif) repeat-x;
	height: 1px;
	line-height: 0px;
	font-size: 0;
}
.gradient-white-green {
	background-image: url(/templates/pics/bg_gradient_white_to_green.gif);
	background-repeat: repeat-x;
}
.gradient-white-grey {
	background-image: url(/templates/pics/bg_gradient_white_to_grey.gif);
	background-repeat: repeat-x;
}
.bg-login-sg-sn {
	background-image: url(/templates/pics/bg_gradient_white_to_green2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.bg-login-sg24 {
	background-image: url(/templates/pics/bg_gradient_green_to_blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.bg-login-salesguide24 {
	background-image: url(/templates/pics/bg_gradient_blue_to_grey.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 385px;
	overflow: visible;
}
html>body .bg-login-salesguide24 {
	height: auto;
	min-height: 385px;
}
.tlt-list-shadow-top {
	background-image: url(/templates/pics/grey_shadow_top.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 35px;
}
* html .tlt-list-shadow-top {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/grey_shadow_top.png');
}

.pointer {cursor:pointer;}