/* Seminar-Point */
/* CSS File - Medium: Style */
/* erstellt am: 13.01.2010 */
/* aktualisiert: 05.06.2010 */
/* Autor: MedienArkaden | Pierre Arnold */
/* Version: 1.2b */

/* ### FARBEN ### */
/* blue:		#3366CC */
/* gray:		#BEBEBE */

/* ### GRUNDAUFBAU ### */

@import url("guide.css");
@import url("main_navi.css");
@import url("tabs.css");
@import url("form.css");
@import url("tipsy.css");
@import url("autocomplete.css");
@import url("date.css");
@import url("tables.css");

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font: 12px/22px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #EEEEEE url(../pictures/bg.png) repeat-x;
}

img {
	border: 0;
	margin: 0;
}
p {
	margin: 0;
	padding: 0;
}

/* ### ID's ### */

#page, #browser{
	margin: 0px auto;
	width: 970px;
}

#browser {
	width: 950px;
	padding: 5px 10px 15px;
}

#inner_page_left{
	float: left;
	padding-left: 2px;
	background: url(../gif/shadow_left.gif) repeat-y;
}

#inner_page_right{
	float:left;
	padding-right: 2px;
	background: url(../gif/shadow_right.gif) right repeat-y;
}

#content, #footer{
	width: 944px;
	padding: 10px 10px 0 10px;
	background: #FFFFFF;
}

#footer {
	background: #FFF url(../gif/page-footer-background.gif) repeat-x top left;
}

#catHead {
	height: 166px;
	position: relative; 
	overflow: hidden;
}

#catHead a {
	margin-right: 10px;
}

#header {
	float: left;
	width: 960px;
	padding: 10px 0 0 10px;
	position: relative;
	height: 200px;
	background: url(../pictures/sp_header.jpg) no-repeat left bottom;
}

#navi {
	margin-top: 20px;
	width: 950px;
	height: 35px;
}

#breadcrumps{
	font-size: 9px;
	padding: 0 0 10px;
	color: #AAA;
}

#bottom{
	width: 970px;
	height: 19px;
	background: url(../gif/footer_shadow.gif) no-repeat left top;
	padding: 10px 0 0;
}

/* CLASSES */

/* General */

.clear {
   clear: both;
   line-height: 0px;
   font-size: 0px;
   height: 0px;
}
.xs_gap {
	height: 5px;
}
.s_gap{
	height: 10px;
}
.m_gap{
	height: 20px;
}
.l_gap{
	height: 40px;
}
.img_gap{
	height: 70px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.block{
	display: block;
}
.blockset {
	text-align: justify;
}
.none {
	display: none;	
}

.break {
	margin:2px 0 5px 0;	
}

.upper {
	text-transform: uppercase;	
}

.letter {
	letter-spacing: 3px;	
}

/* Language */

.flag {
	padding: 0 0 0 19px;
	margin: 0 0 0 3px;
}

.de {
	background: url(../gif/sp_flag_icons.gif) no-repeat left 0;
}
.en {
	background: url(../gif/sp_flag_icons.gif) no-repeat left -15px;
}
.ru {
	background: url(../gif/sp_flag_icons.gif) no-repeat left -30px;
}
.cn {
	background: url(../gif/sp_flag_icons.gif) no-repeat left -45px;
}

/* Header */

.top {
	float: left;
	width: 80px;
}

.trans_field[class] {
	background: url(../pictures/_blank.png);
}

/* Content Navi */

.main {
	width: 210px;
	height: 34px;
	padding: 10px 0 3px 0;
	border-bottom: 1px solid #666;
}

.main span {
	color: #FFF;
	font-size: 14px;
	padding: 2px 0 8px 15px;
	width: 200px;
	text-shadow: #000 1px 1px;
	background: url(../pictures/bg_main.png) no-repeat;
	position: absolute;
	margin: 0 0 0 -8px;
}

/* Content */

.hr {
	height: 1px;
	line-height: 0;
	font-size: 0;
}

.hb {
	height: 3px;
}

.hg {
	height: 11px;	
}

.pic  {
	height: 142px;
	cursor: pointer;
	position: relative;
}

span.th_big {
	height: 85px;	
}

span.th_small {
	height: 142px;
}

span.thumb {
	display: block;
}

.pic span.trans_field  {
	width: 206px;
	padding: 5px 10px 7px;
	margin: 0 0 0 2px;
	position: absolute;
	bottom: 2px;
}

.pic_bigsize {
	width: 350px;
	background: #F2F2F2;
	height: 150px;
	cursor: pointer;	
}

.pic_bigsize a:hover {
	text-decoration: none;	
}

.bar {
	width: 698px;
	padding: 4px 0 3px 10px;
}

.picture {
	padding: 0px 10px;
	height: 298px;
	width: 700px;
}

.iconbox {
	padding: 12px;
	width: 338px;
	height: 52px;
	background: url(../gif/sp_bg_iconset.gif) no-repeat;
}

.picture_short {
	background: url(../gif/sp_bg_pic_short.gif) bottom repeat-x;
}

.site {
	width: 21px;
	height: 21px;
}

.toplink {
	color: #333;
	padding-left: 16px;
	background: url(../gif/sp_uprightarrow.gif) no-repeat -3px 0;
}

/* HEADLINES */

h1, h2, h3 {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
}

h1 a {
	font-size: 12px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	font-weight: bold;
}

/* LINKS */

a{
	color: #3366CC;
	text-decoration: none;
}
a:hover{
	color: #3366CC;
	cursor: pointer;
	text-decoration: underline;
}

a.recommend {
	float: left;
	display: block;
	padding: 2px;
	width: 99%;
}

a.recommend:hover, a.recommend:hover > span {
	background: #F2F2F2;
	color: #1C1C1C;
	text-decoration: none;
}

a.trigger {
	cursor: pointer;	
}

span.new {
	padding: 15px 0 15px 29px;
	position: absolute;
	left: -6px;
	top: -18px;
	background: url(../pictures/sp_icon_new.png) no-repeat -2px;	
}

a.icon {
	float: left;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	margin-right: 5px;
}

a.icon_normal {
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	background: url(../gif/sp_icons_32_32.gif) no-repeat;
}

a.listview {
	background-position: 0 0;
}
a.listview:hover, a.listview.active {
	background-position: 0 -32px;
}

a.detailview {
	background-position: -32px 0;
}
a.detailview:hover, a.detailview.active {
	background-position: -32px -32px;
}


a.course_type {
	background: url(../gif/sp_elearning_course_types.gif) no-repeat;
}

a.video_course_false {
	background-position: 0 0;	
}
a.video_course_true {
	background-position: 0 -50px;	
}
a.cd_dvd_false {
	background-position: -50px 0;	
}
a.cd_dvd_true {
	background-position: -50px -50px;	
}
a.download_false {
	background-position: -100px 0;	
}
a.download_true {
	background-position: -100px -50px;	
}
a.video_conference_false {
	background-position: -150px 0;	
}
a.video_conference_true {
	background-position: -150px -50px;	
}
a.only_online_false {
	background-position: -200px 0;	
}
a.only_online_true {
	background-position: -200px -50px;	
}
a.other_false {
	background-position: -250px 0;	
}
a.other_true {
	background-position: -250px -50px;	
}

a.icon_small, span.icon_small {
	width: 21px;
	height: 20px;
	cursor: pointer;
	position:relative;
}

span.icon_small {
 	margin-right: 3px;	
}

span.arrow_right {
	padding: 0 0 0 6px;
	margin: 0 3px 0 0;
	background: url(../gif/sp_ico_arrow_right.gif) no-repeat left 4px;
	border-bottom: none;
}

a.ico {
	margin: 0;
	padding: 2px 0 4px 20px;	
}

a.spdf {
	background: url(../pictures/pdf_icon.png) no-repeat top left;
}

a.attr_icon {
	margin: 0 0 -2px 0;
	padding: 3px 16px 4px 3px;
}


a.google {
	margin-bottom: 3px;
	background: url(../gif/sp_btn_seminar_locations.gif) no-repeat 0 0;	
}

a:hover.google {
	background: url(../gif/sp_btn_seminar_locations.gif) no-repeat 0 -50px;	
}

.btn {
	width: 356px;
	height: 50px;
	text-indent: -9999px;
}

a.bg_button, button.bg_button {
	width: 169px;
	height: 34px;
	text-indent: -9999px;
	background: url(../gif/sp_bg_button.gif) no-repeat;
}
a.bg_button:hover, button.bg_button:hover {
	color: #FFF;
	text-decoration:none;
	background: url(../gif/sp_bg_button.gif) no-repeat 0 -26px;
}

a.info, a.open, a.close, a.request, span.info, span.open, span.close  {
	background: url(../pictures/sp_icons_20_20.png) no-repeat -65px 0;
}
a:hover.info, a:hover.open, a:hover.close, a:hover.request, a:hover.open, a:hover.close {
	text-decoration: none;
}

a.readmore, a.readless {
	position: relative;
	top: -22px;
	margin: 0 0 -22px;
	left: 0;
	float: right;
	color:#3366CC;
	padding:0 6px 0;
	font-style:italic;
	text-decoration:none;
}

a.readMoreLink:hover, a:hover.readmore, a:hover.readless {
	text-decoration:underline;
}

a.readMoreLink{
	color:#3366CC;
	font-style:italic;
	text-decoration:none;
}

a.open { background-position: -5px 0;}
a.close { background-position: -35px 0;}
a:hover.open { background-position: -5px -20px;}
a:hover.close { background-position: -35px -20px;}
a:hover.info { background-position: -65px -20px; }
a.request { margin: 0 5px; background-position: -95px 0;}
a.request:hover { background-position: -95px -20px;}

a span.open, a span.close {
	text-indent: -9999px;
	background-position: -120px 0;	
}

a.active > span.open, a span.close {
	background-position: -145px 0;
}

a:hover > span.open {
	background-position: -120px -20px;	
}

a:hover > span.close, a:hover.active > span.open {
	background-position: -145px -20px;
}

a.request_btn, button.request_btn {
	background-position: 0 0;
}
a.request_btn:hover, button.request_btn:hover {
	background-position: 0 -34px;
}

button.contact_btn {
	background-position: -169px -136px;
}
button.contact_btn:hover {
	background-position: -169px -170px;
}

button.close_btn {
	background-position: -169px -204px;
}
button.close_btn:hover {
	background-position: -169px -238px;
}

a.reserve_btn {
	background-position: -169px 0;
}
a.reserve_btn:hover {
	background-position: -169px -34px;
}

a.map {
	background-position: -81px 0;
}
a.map:hover {
	background-position: -81px -20px;
}

a.book {
	background-position: -126px -53px;
}
a.book:hover {
	background-position: -126px -80px;
}

.pic a:hover {
	text-decoration: none;
}

a.logo {
	position: relative;
	top: 30px;
	left: 22px;
	width: 131px;
	height: 135px;
}

a.khp_logo {
	display: block;
	width: 210px;
	height: 213px;
	background: url(../pictures/khp_banner/khp_banner.jpg) no-repeat;
}

a.contact {
	display: block;
	width: 208px;
	height: 105px;
	background: url(../pictures/sp_contact.jpg) no-repeat;
}

#breadcrumps a{
	color: #AAA;
}
#breadcrumps a:hover{
	color: #3366CC;
}

#footer a{
	color: #666;
}
#footer a:hover{
	color: #1C1C1C;
	text-decoration: underline;
}

/* LISTS */

/* General */
ul, ol{
	margin: 0;
	padding: 0;
	
}

ol.glossary, ol.glossary li{
	float:left;
	width: 700px;
}
ul li{
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol {
	width: 100%;
	list-style-type: disc;
	padding: 0px 15px;
}

ol li {
	padding: 3px 0;
}

/* Top Navi */
.topnavi {
	margin: 3px 15px 0 0;
	font-size: 11px;
}

.topnavi ul li {
	display: inline;
	margin: 0 0 0 5px;
}

.topnavi a, .topnavi a.sub {
	color: #666;
	background: #F2F2F2;
	text-decoration:none;
	padding:3px 6px;
	border-radius:5px;
}

.topnavi a.sub {
	padding:3px 12px 3px 6px;
	background: #F2F2F2 url(../pictures/submenue.png) no-repeat right 8px;
}

.topnavi a:hover, .topnavi a.select, .topnavi a.sub:hover,  .topnavi a.sub.active {
	cursor: pointer;
	background: #3366CC;
	color: #FFF;
	text-decoration: none;
}

.topnavi a.sub:hover, .topnavi a.sub.active {
	background: #3366CC url(../pictures/submenue.png) no-repeat right -12px;
}

.language_menue {
	width: 80px;
	background: #F2F2F2;
	border-radius:5px;
	padding: 5px;
	position: absolute;
	right: 15px;
	top: 43px;
	font-size: 11px;
}

/* Language Navi */

ul.lang {
	position: absolute;
	display: none;
	margin: 5px 0 0 0;
	border: 1px solid #E6E6E6;
	z-index:100;
	top: 24.5px; 
	right: 27px;
	padding: 5px;
}

ul.lang li a {
	display: inline;
	padding: 0 0 0 19px;
	margin: 0 3px;
}

/* Content Navi */

.category p {
	padding: 5px;
	background: url(../gif/linebreak.gif) no-repeat center top;
}

.category ul li {
	background: url(../gif/linebreak.gif) no-repeat center top;
}


.category ul li.first, .category ul li li.first  {
	background: none;
}

.category ul ul  {
	margin: -1px 0 0;	
}

.category ul li.first.empty.active, .category ul li.last.empty.active {
	padding: 3px 0 8px;
	position: relative;
	top: -3px;
	margin: 0 0 -12px;
 	background: url(../pictures/active_linebreak_bottom.png) no-repeat left bottom;
}
.category ul li.last.empty.active {
	top: -5px;
	margin: 0 0 -14px;
}

.category ul li.head, .category ul li.active li.head {
	width: 210px;
	position: relative;
	top: -8px;
	height: 10px;
	margin: 0 0 -8px;
	background: url(../pictures/active_linebreak_head.png) no-repeat left top;
}

.category ul li.active li.head {
	top: -8px;
	margin: 0 0 -4px;
}

.category ul li.active ul li {
	padding: 0;
	position: relative;
	top: 0;
	margin: 0;
	background: #F2F2F2 url(../gif/sub_linebreak.gif) no-repeat center bottom;
}

.category ul li.active, .category ul li.active li.active, .category ul li.first.active, .category ul li.first.active li.first.active {
	padding: 3px 0 8px;
	position: relative;
	top: -5px;
	margin: 0 0 -14px;
 	background: url(../pictures/active_linebreak_bottom.png) no-repeat left bottom;
}
.category ul li.first.active {
	top: -3px;
	margin: 0 0 -14px;
}

.category ul li.first.active li.first.active {
	top: -9px;
	margin: 0 0 -18px;
}

.category ul li.last.active, .category ul li.last.empty.active {
	background: none;	
}

.category ul li.active li.active {
	top: -9px;
	margin: 0 0 -18px;
	z-index: 100;
}

.category.article ul li a, .category.service ul li a {
	padding: 3px 0 3px 18px;
	margin: 0 0 1px;
	display: block;
	color: #666666;
	width: 192px;
	font-size: 12px;
	text-shadow: 1px 1px 0 #FFF;
	background: url(../gif/sp_navi_left_cat.gif) no-repeat 7px center;
}

.category.article ul li a:hover, .category.article ul li a.select, .category.service ul li a:hover, .category.service ul li a.select {
	text-decoration: none;
	color: #3366CC;
}

.category.article ul li a.select {
	background: #F2F2F2 url(../gif/sp_navi_left_cat_select.gif) no-repeat 6px 13px;
}

.category ul li  a.select, .category ul li a.empty.select {
	font-weight: bold;
	background: #F2F2F2 url(../gif/sp_navi_left_cat_select.gif) no-repeat 6px 13px;
}

.category ul li a.empty.select {
	background: #F2F2F2 url(../gif/sp_navi_left_cat.gif) no-repeat 7px center;
}

.category.article ul ul li a {
	font-size: 11px;
	width: 185px;
	padding: 3px 0 3px 25px;
	background: url(../gif/sp_navi_left_cat.gif) no-repeat 14px center;
}

.category.article li li a.empty.select, .category.article li li a.select {
	font-weight: normal;
	background: #DDD url(../gif/sp_navi_left_cat.gif) no-repeat 14px center;
}

.category.article li li a.select {
	background: #DDD url(../gif/sp_navi_left_cat_select.gif) no-repeat 14px 14px;
}

.category.article ul ul ul li a {
	font-size: 11px;
	width: 175px;
	color: #1C1C1C;
	padding: 3px 0 3px 35px;
	background: #DDD url(../gif/sp_navi_left_cat.gif) no-repeat 24px center;
}
.category.article ul ul ul li a:hover, .category.article ul ul ul li a.select {
	color: #F2F2F2;
	text-shadow: 1px 1px 0 #1C1C1C;
	background: #676767 url(../gif/sp_navi_left_cat_hover.gif) no-repeat 24px center;
}


.picture ul {
	width: 180px;
}

.picture ul.small-size {
	width: 80px;
}

.picture ul.sap {
	width: 200px;
}
.picture ul li, .picture ul.sap li, .picture ul.small-size li {
	width: 165px;
	margin: 3px 0;
}

.picture ul.sap li {
	width: 185px;
}
.picture ul.small-size li {
	width: 65px;	
}

.picture ul li a, .picture ul.sap li a, .picture ul.small-size li a {
	padding: 0 0 0 10px;
	display: block;
	color: #FFF;
	width: 160px;
	background: url(../pictures/_blank_grey.png);
}

.picture ul.sap li a {
	width: 180px;	
}

.picture ul.small-size li a {
	width: 60px;
}
.picture ul li a:hover, .picture ul li a.select {
	color: #FFF;
	text-decoration: none;
	
}
.picture[class] ul li a:hover, .picture[class] ul li a.select {
	background: url(../pictures/_blank_blue.png);
}

.bar ul {
	padding: 0 5px 0 0;
}

.bar ul.right li {
	display: inline;
	margin: 0px 2px
}

.slide {
	position:absolute;
	padding:6px 6px 3px;
	width: 708px;
	height: 289px;
	display:none;
	background: url(../pictures/_blank_white.png);
	margin: 0 0 0 -10px;
}

/* Inner Navi */

.inner_tab {
	float: left;
	width: 440px;
}
.inner_tab li {
	float: left;
	width: 212px;
	height: 43px;
	display: block;
	vertical-align: top;
}

.inner_tab li.fstRow {
	margin-right: 10px;
}

.inner_tab li ul {
	float: left;
	margin-left: 38px;
	font-size: 11px;
	font-style: italic;
}

a.emblem_germany {
	margin: 0 11px 0 0;
	padding: 0 0 27px 35px;
	background: url(../gif/emblem/germany_small.gif) no-repeat;
}

a.s_bw {
	background-position: 0 0;
}
a.s_ba {
	background-position: -36px 0;
}
a.s_be {
	background-position: -72px 0;
}
a.s_br {
	background-position: -108px 0;
}
a.s_bre {
	background-position: -144px 0;
}
a.s_ha {
	background-position: -180px 0;
}
a.s_he {
	background-position: -216px 0;
}
a.s_mp {
	background-position: -252px 0;
}
a.s_ns {
	background-position: -288px 0;
}
a.s_nr {
	background-position: -324px 0;
}
a.s_rp {
	background-position: -360px 0;
}
a.s_sl {
	background-position: -396px 0;
}
a.s_sa {
	background-position: -432px 0;
}
a.s_saa {
	background-position: -468px 0;
}
a.s_sh {
	background-position: -504px 0;
}
a.s_th {
	background-position: -540px 0;
}

ul.glossary li a {
	padding: 3px 3px;
}

ul.inner_navi li {
	display: block;
	width: 40%;
	padding: 3px 10px;
}

ul.submenue, ul.article {
	padding: 5px 16px;
	width: 692px;
	background: url(../pictures/content_description_box_bg.jpg) no-repeat left bottom;
}

ul.article {
	background: none;	
}

ul.partner {
	width: 720px;
}

ul.submenue li, ul.article li {
	width: 222px;
	padding: 0 8px 0 0;
	margin: 3px 0;
}

ul.article li, ul.partner li {
	width: 677px;
	background: url(../pictures/content_description_box_bg.jpg) no-repeat left bottom;
}

ul.partner li {
	margin: 3px 0;
	width: 720px;
}

ul.article li {
	margin: 4px 0;
}

ul.submenue li a, ul.article li a, ul.partner li a {
	display: block;
	padding: 3px 0;
	width: 222px;
	color: #1C1C1C;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #999;
	background: url(../gif/sp_bg_gradient_blue.gif) repeat-x 0 -100px;
}
ul.article li a, ul.partner li a {
	width: 512px;
	padding: 0 0 0 170px;
	height: 140px;
	color: #666;
	background: none;
	text-align: left;
	position: relative;
}

ul.partner li a {
	width: 700px;
	padding: 0 10px;
	height: 100px;
}

ul.article li a span.bottom, ul.partner li a span.bottom {
	position: absolute;
	bottom: 5px;	
}

ul.submenue li a:hover, ul.submenue li a.select {
	color: #FFF;
	text-shadow: #000 1px 1px;
	border: 1px solid #FFF;
	text-decoration: none;
	box-shadow: 1px 1px 2px #000;
	background-position: 0 -22px;
}

ul.article li a:hover, ul.partner li a:hover {
	color: #1C1C1C;
	border: 1px solid #3366CC;
	text-decoration: none;	
}

.bar ul {
	padding: 0 5px 0 0;
}

.bar ul.right li {
	display: inline;
	margin: 0px 2px
}

/* Footer Navi */

.linebreak {
	padding: 1px 0 0;
	background: url(../gif/linebreak.gif) no-repeat;	
}

.linebreak_big {
	padding: 1px 0 0;
	background: url(../gif/linebreak_big.gif) no-repeat;	
}

#footer ul li {
	float: left;
	width: 100%;
}

#footer ul.navi {
	margin: 2px 0 0;
}

#footer ul.navi a {
	font-size: 11px;
	color: #666;
}

#footer ul.navi a:hover {
	color: #1C1C1C;	
}


/* COLORS */

.blue {
	color: #3366CC;
}

.gray {
	color: #666;
}

.red {
	color: #CC3333;
}

.dgray {
	color: #333;
}

.white {
	color: #FFF;
}

/* ICONS */

.print {
	background: url(../gif/sp_icons_50x50.gif) no-repeat 0 0;
}

.print:hover {
	background: url(../gif/sp_icons_50x50.gif) no-repeat 0 -50px;
}

.pdf {
	background: url(../gif/sp_icons_50x50.gif) no-repeat -50px 0;
}

.pdf:hover {
	background: url(../gif/sp_icons_50x50.gif) no-repeat -50px -50px;
}

.mail {
	background: url(../gif/sp_icons_50x50.gif) no-repeat -100px 0;
}

.mail:hover {
	background: url(../gif/sp_icons_50x50.gif) no-repeat -100px -50px;
}

/* BORDERS */

.b_blue {
	border: 1px solid #3366CC;
}

.b_gray {
	border: 1px solid #AAA;
}

.b_dgray {
	border: 1px solid #666;
}

.bb_gray {
	border-bottom: 1px solid #DDD;
}

.b_white {
	border: 1px solid #FFF;
}

.bb_none {
	border-bottom: none;
}

.br_gray {
	border-right: 1px solid #DDD;
}

/* BACKGROUND */

.bc_trans {
	background-color: transparent;
}

.bc_gray {
	background-color: #DDD;
}

.bi_navi_top {
	 background: #FFF url(../pictures/navi_topics_heading_bg.png) no-repeat left top;
}

.bi_navi_bottom {
	 background: #FFF url(../pictures/navi_topics_bottom_bg.png) no-repeat left top;
}

.bi_content_top {
	 background: #FFF url(../pictures/content_topics_heading_bg.png) no-repeat left top;
}

.bi_content_bottom {
	 background: #FFF url(../pictures/content_topics_bottom_bg.png) no-repeat left top;
}


.bc_blue {
	background-color: #3366CC;
}

.bg_grad_picture {
	background: #FFF url(../gif/bg_grad_picture.gif) bottom repeat-x;
}

.bg_gradient {
	padding: 5px 0px 5px 8px;
	width: 358px;
	height: 165px;
	background: url(../gif/bg_gradient.gif) no-repeat;
}

.bg_gradient_big {
	padding: 5px 0 5px 10px;
	width: 700px;
	height: 105px;
	background: url(../gif/bg_gradient_big.gif) no-repeat;
}

.bg_mail_failure {
	background: url(../gif/sp_bg_mail_failure.gif) no-repeat right center;
}

.bg_mail_success {
	background: url(../gif/sp_bg_mail_success.gif) no-repeat right center;
}

.bg_short {
	background: #FFF url(../gif/sp_bg_pic_short.gif) bottom repeat-x;
}

/* TEXT */

sub, sup{
	font-size: 8px;
	line-height: 10px;
}
.text_right{
	text-align: right;
}

.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.small{
	font-size: 11px;
}
.large {
	font-size: 13px;
}
.select {
	text-decoration: underline;
}
.center {
	text-align: center;
}

/* Banner */

#banner_top{
	margin: 0 10px;
	padding: 0;
	width: 950px;
	text-align: right;
}

.modal {
	display:none;
	z-index: 9999;
	width: 866px;
}

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#FFF;
	padding: 10px;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	position:absolute;
	top: 100%;
	left: 30%;
	box-shadow: 1px 1px 10px #000;
}

.simple_overlay .close, .simple_overlay .close:hover {
	background: url(../pictures/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}