/*Gesamte Seite*/
@font-face { font-family: sans-serif, Arial }
body      { color: #333; font-size: 10px; font-family: Arial; background-color: white; background-image: url(Index/images/index/sympatec-logo-line.gif); background-repeat: repeat-y; background-attachment: scroll; position: absolute; top: 0; left: 0 }
/*Hauptbereiche
*/
#HeadImage     {
	background-image:     url(Index/images/index/sympatec-logo.gif);
	background-repeat:     no-repeat;
	background-attachment: scroll;
	visibility:            visible;
	position:              absolute;
	top:                   0;
	left:                  0;
	width:                 780px;
	height:                130px }

#HeadTitle                {
	color:      #666;
	font-size:   18pt;
	font-weight: bold;
	text-align:  right;
	visibility:  visible;
	position:    absolute;
	top:         40px;
	left:        160px;
	width:       620px;
	height:      50px }










#MenueTop     {
	font-size: 9pt;
	text-align: right;
	visibility: visible;
	position:   absolute;
	top:        0;
	left:       300px;
	width:      480px;
	height:     20px }


#MenuLeft  { visibility: visible; position: absolute; top: 155px; left: 10px; width: 110px; height: 450px }
/*Menueeintr?ge links*/
p.MenueTitle  { color: #333; font-size: 10pt; font-weight: bold; text-align: left; border-bottom: 1px solid #999 }
a      { color: #06f; text-decoration: underline }
a:hover         { text-decoration: none; background-color: #ccc }




a:visited     { color: #666; text-decoration: underline }

a.menulink { color: #333; font-size: 12px; line-height: 12pt; text-decoration: none; text-align: left; display: block; padding-left: 10px; position: relative; width: 110px; border-color: #ffffff }
a.menulink:hover  { color: #000; font-size: 12px; line-height: 12pt; background-color: #fff; position: relative; border-style: none }
a.menulink:visited {
	color:          #333;
	font-size:       12px;
	line-height:     12pt;
	text-decoration: none;
	text-align:      left;
	display:         block;
	padding-left:    10px;
	position:        relative;
	width:           110px;
	border-color:    #ffffff }

/*Menueeintr?ge Nebenmenue (oben)*/
p.menulink1  { color: #333; font-size: 12px }
a.menulink1  { color: #333; font-size: 12px; text-decoration: none; text-align: right; clear: right; border-color: #ffffff }
a.menulink1:hover    {
	color:           #000;
	font-size:        12px;
	background-color: #ccc }
a.menulink1:visited {
	color:          #333;
	font-size:       12px;
	text-decoration: none;
	text-align:      right;
	clear:           right;
	border-color:    #ffffff }

/*Menueeintr?ge Home
*/
a.menulink2  {
	color:           #333;
	font-size:        12px;
	font-weight:      bold;
	line-height:      12pt;
	text-decoration:  none;
	background-color: #f00;
	text-align:       center;
	display:          block;
	position:         relative;
	width:            110px;
	border-color:     #ffffff }
a.menulink2:hover { color: #000; font-size: 12px; font-weight: bold; line-height: 12pt; background-color: #fff; text-align: center; position: relative; border-style: none }
a.menulink2:visited {
	color:           #333;
	font-size:        12px;
	font-weight:      bold;
	line-height:      12pt;
	text-decoration:  none;
	background-color: #f00;
	text-align:       center;
	display:          block;
	position:         relative;
	width:            110px;
	border-color:     #ffffff }

/*Menueeintr?ge in Tabelle*/
a.menulink3  { color: #666; font-weight: bold; text-decoration: none }
a.menulink3:hover  { text-decoration: none; background-color: #ccc }
a.menulink3:visited  { color: #666; font-weight: bold; text-decoration: none }

/*Text
*/
#Main      {
	color:     #000;
	font-size:  10pt;
	visibility: visible;
	position:   absolute;
	top:        155px;
	left:       140px;
	width:      640px;
	height:     550px }


#Main1           {
	background-image: url("Index/images/index/sympatec-logo-line.gif");
	visibility:        visible;
	padding:           10px;
	position:          absolute;
	top:               155px;
	left:              795px;
	width:             200px;
	height:            800px }





#Top1      {
	visibility: visible;
	position:    absolute;
	top:         40px;
	left:        795px;
	width:       200px;
	height:      100px }
#Top2 { height: 120px; width: 200px; left: 795px; top: 0; position: absolute; visibility: visible; }
#MainLeft    {
	color:     #000;
	font-size:  10pt;
	visibility: visible;
	position:   absolute;
	top:        155px;
	left:       140px;
	width:      300px;
	height:     550px }


#MainRight    {
	color:     #000;
	font-size:  10pt;
	visibility: visible;
	position:   absolute;
	top:        155px;
	left:       480px;
	width:      300px;
	height:     550px }
#Buttons {
	visibility: visible;
	position:    absolute;
	top:         0;
	left:        797px;
	width:       200px;
	height:      32px
}
#SlideShow { height: 70px; width: 640px; left: 140px; top: 390px; position: absolute; visibility: visible; }
p     {
	font-size: 10pt }
p.block {
	font-size: 10pt;
	text-align: justify }
p.right { font-size: 10pt; text-align: right }
p.image { font-size: 8pt; text-align: right }
p.image1 {
	font-size: 8pt;
	text-align: left }

p.item { font-size: 8pt; font-style: italic; text-align: left }
p.left { font-size: 10pt; text-align: left }
p.punkt {
	list-style-image: url(Index/images/dot01.gif);
	display:           list-item }

p.in {
	font-size:  10pt;
	margin-left: 20px }
h1.left   {
	color:      #666;
	font-size:   22pt;
	font-weight: bold;
	text-align:  left }


h1.right { color: #666; font-size: 30px; font-weight: bold; text-align: right }
h1.right1        {
	color:      #666;
	font-size:   18pt;
	font-weight: bold;
	text-align:  right;
	visibility:  visible;
	margin-top:  10px }








h2.centre { color: #333; font-size: 20px; font-weight: bold; text-align: center }
h2.left  {
	color:      #333;
	font-size:   20px;
	font-weight: bold;
	text-align:  left }
h3.left       { color: #03f; font-size: 10pt; font-style: italic; font-weight: bold; margin: 1em 0 3px }
h3.left_line   { color: #03f; font-size: 10pt; font-style: italic; font-weight: bold; margin: 1em 0 3px; border-bottom: 1px solid #999 }
td.left   {
	font-size: 12px;
	text-align: left;
	height:     30px }
td.left_variabel { font-size: 12px; text-align: left }
td.left1  {
	font-size:       12px;
	font-style:       italic;
	font-weight:      bold;
	background-color: #ff9;
	text-align:       left;
	height:           30px }

td.left2   {
	font-size:       12px;
	background-color: #f3f3f3;
	text-align:       left;
	height:           30px
}


td.left3 { font-size: 12px; background-color: #f5f5f5; text-align: left }
td.centre3 { font-size: 12px; background-color: #f5f5f5; text-align: center }
td.left4 { font-size: 12px; background-color: #f5f5f5; text-align: left; border-bottom: 1px solid #9a9a9a }
td.PMbreak        {
	font-size:     12px;
	font-style:     italic;
	text-align:     left;
	padding:        15px 5px;
	height:         30px;
	vertical-align: middle }
td.PMTitle    {
	font-size:       11pt;
	font-style:       italic;
	font-weight:      bold;
	line-height:      22px;
	background-color: #ff9;
	text-align:       left;
	padding:          5px;
	height:           30px;
	vertical-align:   middle }
td.PM   {
	font-size:       12px;
	font-weight:      bold;
	background-color: #f5f5f5;
	text-align:       left;
	padding:          5px;
	height:           30px }
.Subtitle {
	font-size:  10pt;
	font-weight: bold }
.Subsubtitle { color: #808080; font-size: 8pt; font-style: italic; font-weight: normal }
.Symbol {
	font: medium Symbol }
ol    { font-size: 8pt; list-style-type: decimal; list-style-position: outside; display: list-item }
.kreis  { font-size: 9pt; list-style-type: circle }
tr.left {
	font-size: 12px;
	text-align: left;
	height:     30px
}
tr.left2 {
	font-size:       12px;
	background-color: #f3f3f3;
	text-align:       left;
	height:           30px
}
tr.left1 {
	font-size:       12px;
	font-style:       italic;
	font-weight:      bold;
	background-color: #ff9;
	text-align:       left;
	height:           30px
}
tr.left_variabel {
	font-size: 12px;
	text-align: left
}
tr.left3 {
	font-size: 12px;
	background-color: #f5f5f5;
	text-align: left
}