/*(c)2010 com2 Gmbh, TN, www.com-com.com v1.0 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.76em;} 

html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%;  overflow-y: scroll; } /*v-scrollbar für moz einschalten*/
body { background: #fff url(../images/amgSite/chrome/assets3.png) 50% 0 repeat-y; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #8cc143; }
p.intro{ font-style: italic; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
table { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h1 img { margin-top: 20px; }
h2 {margin: 0 0 40px; font-size: 1.7em; color: #7b7a7a; font-weight: normal; font-family:  "Georgia", "Times New Roman", Times, serif; }
h3 {font-size: 1.4em; color: #DE0132; margin: 0 0 10px; padding: 0; font-weight: bold; font-family: Calibri; }
h4 {font-size: 1.1em; font-weight: bold; color: #847970; margin: 0 0 5px; padding: 0; line-height: 110%; font-family: Calibri; }

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #cbcbcb; padding: 0px 2px; } 
input.textInput { border: 1px solid #cbcbcb !important; } 
select { border: 1px solid #cbcbcb; padding: 0; }
.textInput:active {	border: 1px solid #8cc143 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a, * {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color : #de0132; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

p.pdf {font-size: 0.9em; }
	p.pdf a{background: transparent url(../images/chrome/pdf.gif) 0 0 no-repeat; font-weight: bold; padding-left: 18px; font-size: 1.1em }

/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #cbcbcb;}

img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 5px 5px 0; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #8cc143; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #8cc143; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #cbcbcb; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table tr.angebot td{
	 background-color: #777777;
    color: #efefef;
    font-weight: bold;
    font-size: 1.3em;
    padding: 6px;
}


/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
	/*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 
}
table.optic01 tr.alternate { background-color: #efefef; }
table.optic01 td, table.optic01 th { 
	padding: 3px;
	vertical-align: top;
}
table.optic01 tr.headline  { 
	text-align: center;
	color: #de0132;
	padding-bottom:-3px;
}
table.optic01 tr.bgtr  { 
	background: transparent url(../images/chrome/bg-th.gif) no-repeat center;
	line-height: 1px;
}

table.optic01 tr.headline td, table.optic01 tr.headline th  { 
	padding-top: 15px;
}
/* OPTIC2*/
table.optic02 {
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
table.optic02 th { background-color: #cbcbcb; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}



	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

#minWidth{ min-height: 100%; position: relative; }
	#header { position: relative; height: 230px; width: 977px; margin: 0 auto 0; background: #fff; border-top: 2px solid #fff; }
		#headerGrafics { position: absolute; height: 230px; width: 630px;  right: 0; top: 0; }
	#navRow { background: #060606 url(../images/amgSite/chrome/assets.png) 50% -25px repeat-x; height: 72px; position: relative; border-bottom:40px solid #fff; }
		#navRow #navWrapper { width: 977px; margin: 0 auto; }
			#navRow ul { margin: 0; padding: 0; width: 317px; margin: 0; position: relative; top:-25px; background: #060606 url(../images/amgSite/chrome/assets.png) 2px 0 repeat-x; height: 25px; }
				#navRow ul li { margin: 0; padding: 0; list-style: none; float:left; }
					#navRow a {
						margin: 0; padding: 3px 0 0;
						float: left; height: 25px;	width: 104px;
						background: transparent url(../images/amgSite/chrome/assets2.png) -3px 0 no-repeat;
						color: #fff; text-transform: uppercase; font-weight: bold; text-align: center;
						text-decoration: none;
					}
					#navRow a:hover, #navRow a:active { color: #de0132; }
					#navRow li.first a { background-position: 0 0; width: 107px; }
					#navRow li.last a { width: 106px; }
					#navRow li a.active { height: 33px; background-position: -3px -33px; color: #fff; }
						#navRow li.first a.active { background-position: 0 -33px; }
							#navRow ul ul { display: none; top: 52px; left: 0; width: auto; background: none; width: 970px; position: absolute;}
						#navRow ul>li.active>ul { display: block; }
								#navRow ul ul li { position: relative; }
								#navRow li li a {
									height: 52px; width: auto !important;
									padding: 0; margin: 0 8px 0 0;
									background: none; 
									text-transform: none; font-weight: normal;
								}
								#navRow li li.active a, #navRow li li.active a.active { background: transparent url(../images/amgSite/chrome/assets2.png) 50% -68px no-repeat !important; color: #fff; height:52px; }
								#navRow li li span { background: transparent url(../images/amgSite/chrome/assets.png) 0 -117px no-repeat; padding: 0 0 0 17px; }

								#navRow ul ul ul { display: none; position: absolute; top: 20px; left: 13px; width: auto; min-width: 300px; background: none; z-index: 100; }
								#navRow ul ul li.active ul { display: block; }
									#navRow li li li a:link, #navRow li li li a:visited, 
									#navRow li li li a:hover, #navRow li li li a:active,
									#navRow li li li a.active:link, #navRow li li li a.active:visited, 
									#navRow li li li a.active:hover, #navRow li li li a.active:active { float: left; height: auto !important; background: none !important; }
										#navRow li li li a:hover, #navRow li li li a:active,
										#navRow li li li a.active:link, #navRow li li li a.active:visited,
										#navRow li li li a.active:hover, #navRow li li li a.active:active { color: #de0132; }
										
									#navRow li li li { list-style: square; color: #FFFFFF; }		
									#navRow li li li span { background: none; padding: 0 20px 0 0; }	
									
		#contentRow { background: transparent url(../images/amgSite/chrome/assets2.png) 50% -140px no-repeat; min-width: 977px; padding-bottom: 50px; }
			#content { min-height:250px; width: 977px; margin: 0 auto; background: transparent url(../images/amgSite/chrome/assets4.png) 100% 45px no-repeat;  }
				#content td { vertical-align: top }
				#imageCol { padding: 11px 0 0 15px;  }
				#contentCol { width: 452px; padding-right: 20px; }
				#menuCol { width: 158px; }
					#menuCol ul { list-style: none; margin: 45px 0 0; padding: 0; }
						#menuCol li { list-style: none; margin: 0; padding: 0; display: inline; }
							#menuCol a.first, #menuCol a.last {  background: transparent url(../images/amgSite/chrome/assets2.png) -140px 0 no-repeat; display: block; height: 26px;  }
							#menuCol a {  background: transparent url(../images/amgSite/chrome/assets2.png) -496px -374px no-repeat; display: block; height: 26px;  }
							#menuCol li.active a {  background-position: -496px -317px;   }
							#menuCol li.active a.first {  background-position: -298px 0;   }
							#menuCol a.last {  background-position: -298px -26px; height: 27px; }
							#menuCol li.active a.last {  background-position: -140px -26px;   }
								#menuCol a span { display: none; }
			
			#footer { position: absolute; width: 100%;  bottom: 0; background: #000; height: 50px; }
				#footer ul { list-style: none; margin: 0; padding: 0; width: 627px; padding: 15px 0 0 334px; margin: 0 auto; }
					#footer li { list-style: none; margin: 0; padding: 0 6px; display: inline; border-right: 1px solid #8c8c8c;  }
					#footer li.last { border-right: none; }
						#footer a { color: #8c8c8c; font-size: .9em; }


			a.nextModel, a.lastModel { background: transparent url(../images/amgSite/chrome/assets2.png) -548px 0 no-repeat; display: block; width: 50px; height: 50px; margin-top: 20px; }
			a.lastModel { background-position: -488px 0; }
			a.nextModel:hover, a.nextModel:active { background-position: -668px 0; }
			a.lastModel:hover, a.lastModel:active { background-position: -608px 0; }
				a.nextModel span, a.lastModel span { display: none; }						
						
/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset{width: 435px;} /* 'A' */
.cssForm label { width: 100px;} /* 'B' */
.cssForm .rightCol {padding-left:105px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 315px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 96px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 205px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {
	font-weight: normal;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	/*border: 1px solid #B0B1AE !important;*/ /*A5ACB2 ist WinXP Style*/
} 


			
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */