/* AGM mbH */
/* CSS File - Medium: Style */
/* erstellt am: 06.07.2009 */
/* aktualisiert: --.--.---- */
/* Autor: MedienArkaden */
/* Version: 1.0 */

/* ### FARBEN ### */
/* blue:	#6699ff */

/* ### GRUNDAUFBAU ### */

.clear {
   clear: both;
   height:0;
   line-height: 0;
   font-size: 0px;
}
.gap {
	height: 1px;
}

.s_gap{
	height: 5px;
}
.sm_gap{
	height: 10px;
}
.st_gap{
	height: 20px;
}
.gr_gap{
	height: 60px;
}
.img_gap{
	height: 73px;
}
.right {
	float: right;
	text-align: right;
}
.left {
	float: left;
}
.center {
	text-align: center;
}
.block{
	display: block;
}
.blockset {
	text-align: justify;
}

.select {
	text-decoration: underline;
}

.bold{
	font-weight: bold;
}
.small {
	float:left;
	font-size: 8pt;
}

html {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: normal 9pt/1.6em Arial, Verdana, sans-serif;
	color: #000000;
	text-align: left;
	background: #6699ff;
}
div {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

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

a#logo {
	float: right;
	display: block;
	width: 103px;
	height: 101px;
	background: url(../img/logo/agm_logo.gif) no-repeat;
}

#content{
	margin: 0px auto;
	width: 970px;
}

#content div{
	overflow: hidden;
}

#content_center{
	float: left;
	width: 930px;
	background: #FFFFFF;
	padding: 0 10px 0 10px;
}
#content_left{
	padding-left: 10px;
	float: left;
	background-image: url(../img/shadow_left.gif);
	background-repeat: repeat-y;
}
#content_right{
	float:left;
	padding-right: 10px;
	background-image: url(../img/shadow_right.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#header, .v1, .v2, .v3 , .v4{
	background: url(../img/agm_header.jpg) no-repeat;
	width: 950px;
	height: 200px;
	margin: 0;
}
#header.en {
	background-image: url(../img/logo_en.jpg);
}

#navi {
	float: left;
	width: 940px;
	padding: 0 10px 0 5px;
}

#navi_main {
	float: left;
	height: 30px;
	z-index:100;
	margin: 2px 0 0 0;
}

#navi_main ul  {
	float: left;
	width: 935px;
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:100;
}

#navi_main li {
	display: inline;
	margin-left: 5px;
}

#navi_main span {
	margin: 0 0 0 0;
}

#navi_main a {
	color: #000000;
}

#navi_main a:hover, #subnavi ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#subnavi ul li a:hover {
	text-decoration: underline;
}

#subnavi {
	float: left;
	width: 930px;
	height: 24px;
	color: #FFFFFF;
	background: #6699ff;
	padding: 2px 0 0 5px;
}
#subnavi ul {
	padding: 2px 0 0 0;
}

#subnavi ul li a {
    float: left;
	display: inline;
	color: #FFFFFF;
	margin: 0 4px 0 4px;
}

#breadcumps {
	float: left;
	font-size: 7pt;
	width: 780px;
	height: 25px;
	color: #AAA;
	padding: 10px 0 0 0;
}

#footer{
	float: left;
	width: 940px;
	background: #FFFFFF url(../img/footer.jpg) no-repeat bottom;
	color: #000000;
	padding: 10px 0px 7px 10px;
	overflow: hidden;
}

#footer li{
	float: none;
}

#player {
	display:block;
	width:430px;
	height:288px;
}

#gallery {

}

.footer {
	float: left;
	width: 968px;
	height: 25px;
	font-size: 7pt;
	color: #FFF;
	text-align: center;
	margin: 0 0 0 1px;
	padding: 20px 0 0 0;
	background: #6699FF url(../img/bg_footer.jpg) no-repeat top;
}

.footer  a, .footer  a:hover{
	color: #FFF;
	text-decoration: underline;
}
/*Einstellungen fuer die linke Seite*/
.c1{
	width: 100px;
	float: left;
}
.c1m{
	width: 100px;
	margin-right: 10px;
	float: left;
}
.c2{
	width: 210px;
	float: left;
}
.c2m{
	width: 210px;
	margin-right: 10px;
	float: left;
}
.c3{
	width: 320px;
	float: left;
}
.c3m{
	width: 320px;
	margin-right: 10px;
	float: left;
}
.c4{
	width: 430px;
	float: left;
}
.c4m{
	width: 430px;
	margin-right: 10px;
	float: left;
}
.c5{
	width: 540px;
	float: left;
}
.c5m{
	width: 540px;
	margin-right: 10px;
	float: left;
}
.c6{
	width: 650px;
	float: left;
}

.c1_teaser{
	width: 120px;
	float: left;
}
.c1m_teaser{
	width: 120px;
	margin-right: 10px;
	float: left;
}
.c2_teaser{
	width: 260px;
	float: left;
}
.c2m_teaser{
	width: 260px;
	margin-left: 20px;
	float: left;
}

/* HEADLINES */
h1 {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	font: normal 17px/16pt Arial, Verdana, sans-serif;
	color: #6699FF;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	line-height: 20px;
	font-weight: bold;
}

h3 {
	margin: 0 0 2px 0;
	padding: 0px;
	font-size: 9pt;
	line-height: 15pt;
	font-weight: bold;
}

h4 {
	margin: 0 0 4px 0;
	padding: 0px;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: bold;
}

/* Colors */

.blue {
	color: #6699FF;
}

.red {
	color: #FF0000;
}

.white {
	color: #FFF;
}

/* TEXT */
sub, sup{
	font: normal 7pt/1em Arial, Verdana, sans-serif;
}
.text_right{
	text-align: right;
}

#centerbar p{
	word-spacing: 1px;
}

h1 sub, h1 sup{
	font: normal 9pt/0.6em Arial, Verdana, sans-serif;
}

/* LINKS */

a{
	color: #6699FF;
	text-decoration: none;
}

a:hover{
	color: #0066FF;
}

a.arrow_right, span.arrow_right , a.arrow_top{
	border-bottom: 1px dotted #6699FF;
}

span.arrow_right {
	padding: 0 0 0 8px;
	margin: 0 3px 0 3px;
	background: url(../img/agm_ico_arrow_right.gif) no-repeat left 5px;
	border-bottom: none;
}

span.arrow_top, a.www_link {
	padding: 0 14px 0 0;
	margin: 0 0 0 0;
	background: url(../img/agm_ico_arrow_top.gif) no-repeat 30%;
}

a.www_link {
	background: url(../img/agm_ico_www.gif) no-repeat right;
	border-bottom: 1px dotted #6699FF;
}

a:hover.arrow_right, a:hover.arrow_top, a:hover.www_link {
	border-bottom: 1px dotted #0066FF;
}

a.icon, span.icon {
	padding: 0 0 0 19px;
	margin: 0 0 0 3px;
}
a.sickle {
	padding: 0 0 0 27px;
	margin: 0 0 0 3px;
	background: url(../img/agm_ico_sickle.gif) no-repeat left;
}
a.sl {
	height: 25px;
	display: block;
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 3px;
	font: bold 11pt Arial, Verdana, sans-serif;
}
a.blue {
	color: #6699FF;
	background: url(../img/content/agm_bp_sickle_blue.gif) no-repeat left 6px;
}
a:hover.blue {
	color: #3366CC;
}
a.orange {
	color: #FFAA3B;
	background: url(../img/content/agm_bp_sickle_orange.gif) no-repeat left 6px;
}
a:hover.orange {
	color: #FF9900;
}
a.green{
	color: #339933;
	background: url(../img/content/agm_bp_sickle_green.gif) no-repeat left 6px;
}
a:hover.green {
	color: #336633;
}

#footer a{
	color: #000000;
}
#footer a:hover{
	text-decoration: underline;
}

a#ico_tuv {
	float: right;
	width: 40px;
	height: 40px;
	background: url(../img/agm_ico_tuv.gif) no-repeat;
}

a#member {
	float: left;
	width: 225px;
	height: 50px;
	position: absolute;
	margin: 7px 0 0 16px;
	background: none;
}

a#steeb {
	float: left;
	width: 140px;
	height: 58px;
	position: absolute;
	margin: 65px 0 0 16px; 
	background: none;
	
}

a#crm {
	float: left;
	width: 53px;
	height: 58px;
	position: absolute;
	margin: 65px 0 0 188px; 
	background: none;
}

/* LISTS */
ul{
	margin: 0;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:left;
}

ul.ol li {
	width: 100%;
	padding-left: 10px;
	margin: 1px 0px;
}

#customer_list li a{
	margin: 0 4px;
}

#topbar {
	float: left;
	width: 940px;
	height: 20px;
	margin: 5px 0 6px 0;
	padding: 3px 10px 3px 5px;
	line-height: 18px;
}
#topbar ul {
	float: right;
	z-index: 9999;
}

#topbar ul li {
	float: left;
	color: #000;
}

#topbar ul ul#lang {
	position:absolute;
	margin: 27px 0 0 0;
	width: 80px;
	display: none;
	padding: 2px 0 0 0;
	clear: both;
}

#topbar ul ul#lang  li {
	padding: 2px 0 1px 0;
}

#topbar ul ul#lang  li a {
	display: block;
	height: 18px;
	width: 100%;
	color: #000;
}

#topbar ul a, #topbar ul span {
	float: left;
	display: inline;
	color: #000;
	margin: 0 5px 0 5px;
}

#topbar ul a:hover, #topbar ul span:hover, #topbar ul .default{
	cursor: pointer;
	text-decoration: underline;
}

#centerbar ul {
	float: left;
	z-index: 9999;
	margin-top: 5px;
}

#centerbar ul li {
	float: left;
	margin: 0 26px 0 0;
	font: normal 18pt/1.1em Arial, Verdana, sans-serif;
	display: inline;
	cursor: default;
}

#centerbar ul.small li {
	float: left;
	margin: 0 14px 0 0;
	font: normal 9pt/1.1em Arial, Verdana, sans-serif;
	display: inline;
}
#centerbar {
	color: #6699ff;
}

.right_navi ul ul {
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0;
	border: 1px solid #666;
}

.right_navi ul li, .right_navi ul ul li {
	list-style: none;
    float: left;
	margin: 2px 0;
	padding: 0;
}

.right_navi ul ul li {
	margin: 0 0 0 0;
}

.right_navi ul li a {
	display: block;
	width: 248px;
	padding: 2px 0px 2px 10px;
	color: #000;
	border: 1px solid #666;
	line-height: 20px;
	background: #dedede url(../img/agm_navi_c.gif) repeat-x;
}

.right_navi ul ul li a {
	border: none;
	line-height: 20px;
	background: #dedede;
}

.right_navi ul li a:hover, .right_navi a#select {
	text-decoration: none;
	background: #6699ff url(../img/agm_navi_c.gif) repeat-x 0 -34px;
	color: #FFF;
	border: 1px solid #6699ff;
}

.right_navi ul ul li a:hover, .right_navi ul ul li a.select  {
	text-decoration: none;
	color: #6699ff;
	background: #F2F2F2;
	border: none;
}
.portale ul  li{
	padding: 0 8px;
}

ul.list li {
	width: 100%;
	padding: 0 0 0 10px;
	margin: 2px 0;
}

#sitemap li {
	float: left;
	width: 100%;
	margin: 2px 0;
}

#sitemap li li{
	padding: 0 0 0 10px;
}


/* NAVI-BUTTON */

span.navi_l_a {
	cursor: pointer;
	background:url(../img/agm_navi_l.gif) no-repeat;
	text-decoration: none;
}

span.navi_c_a {
	cursor: pointer;
	background:url(../img/agm_navi_c.gif);
	text-decoration: none;
}

span.navi_r_a {
	cursor: pointer;
	background:url(../img/agm_navi_r.gif) no-repeat;
	text-decoration: none;
}

span.navi_l_h , a:hover span.navi_l_a {
	cursor: pointer;
	background: url(../img/agm_navi_l.gif) no-repeat 0px -31px;
	text-decoration: none;
}

span.navi_c_h , a:hover span.navi_c_a {
	cursor: pointer;
	height: 29px;
	color: #FFFFFF;
	background: url(../img/agm_navi_c.gif) 0px -34px;
	text-decoration: none;
}

span.navi_r_h, a:hover span.navi_r_a {
	cursor: pointer;
	background: url(../img/agm_navi_r.gif) no-repeat 0px -31px;
	text-decoration: none;
}

span.navi_c_h, span.navi_c_a {
	padding: 5px 0 0 0;
	height: 28px;
	background-repeat: repeat-x;
	float: left;
	text-decoration: none;
}

span.navi_r_h, span.navi_l_h, span.navi_r_a, span.navi_l_a {
	width: 10px;
	height: 31px;
	display: block;
	float: left;
	text-decoration: none;
}

/* BORDERS */

div.hr{
	border-top: 1px solid #6699FF;
	margin-bottom: 10px;
}

.partner {
	position: relative;
	height: 127px;
	border: 1px solid #6699ff;
	background: #F2F2F2 url('../img/sap_steeb_itml_partner.png') no-repeat center;
}

.portale {
	background: url(../img/content/agm_bg_sickle.gif) no-repeat center;
}

/*FORMS*/

input, input.file{
	font-size: 8pt;
	text-align: left;
	height: 15px;
	padding: 1px 0 1px 2px;
	border: 1px solid #777;
	background: #FFF;
}

input.file{
	height: 20px;
}

input.button {
	font-size: 8pt;
	text-align: center;
	border: 1px solid #666;
	padding: 0 4px 2px 4px;
	height: 17px;
	background: #ccc;
}

select {
	font-family: Verdana;
	font-size: 8pt;
	height: 18px;
	border: 1px solid #666;
	background: #FFF;
}

textarea{
	font-family: Verdana;
	font-size: 8pt;
	height: 100px;
	margin: 0;
	padding: 1px 0 0 2px;
	border: 1px solid #666;
	background: #FFF;
}

input.c1{
	width: 96px;
}
input.c2{
	width: 206px;
}
input.c3, textarea.c3 {
	width: 316px;
}
input.c4, textarea.c4 {
	width: 426px;
}
input.c5{
	width: 536px;
}

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
	background: #F2F2F2;
	border: 1px solid #6699FF;
}
input.checkbox, input.radio, label.radio {
	border: none;
	padding: 0;
	margin: 0;
}
input.checkbox:focus {
	border: none;
}

/* DIVERSES */

.flag_de_icon {
	background: url(../img/agm_flag_icons.gif) no-repeat left 0;
}
.flag_en_icon {
	background: url(../img/agm_flag_icons.gif) no-repeat left -15px;
}
.flag_ru_icon {
	background: url(../img/agm_flag_icons.gif) no-repeat left -30px;
}
.flag_ct_icon {
	background: url(../img/agm_flag_icons.gif) no-repeat left -45px;
}
.pdf {
	background: url(../img/agm_ico_pdf.gif) no-repeat left;
}
.v1 {
	background: url(../img/agm_header_v1.jpg) no-repeat right bottom;
}
.v2 {
	background: url(../img/agm_header_v2.jpg) no-repeat right bottom;
}
.v3 {
	background: url(../img/agm_header_v3.jpg) no-repeat right bottom;
}
.v4 {
	background: url(../img/agm_header_v4.jpg) no-repeat right bottom;
}
.table {
	width: 200px;
	height: 120px;
	margin: 0px auto;
	border: 2px solid #6699ff;
	background-color: #FFFFFF;
}

.table_th {
	width: 186px;
	margin: 5px;
	padding: 2px;
	color: #FFF;
	font-weight: bold;
	background-color: #6699ff;
}

.table_td{
	width: 200px;
	margin: 3px 0 3px 0;
}

.png1[class], .png2[class], .png3[class], .png4[class] {
	background: url(../img/agm_blank.png);
}

a#logo_khp {
	float: left;
	width: 250px;
	height: 77px;
	background: url(../img/logo/agm_logo_knowhow_point.gif) no-repeat center;
}