body {background:url(../../px/layout/bg.gif) repeat-x; margin:0;}

table, tr, td { }

div.error{display: none;}

input, textarea, select, form.option      {color: #003399; border: 1px solid #003399;}
input:focus, textarea:focus, select:focus {color: #00AC00; border: 1px solid #00AC00; background-color: #FFFFCC;}

input.error, textarea.error, select.error                   {color: #ffffff; border: 1px solid #000000; background-color: #FF7070; font-size: 11px;}
input.error:focus, textarea.error:focus, select.error:focus {color: #cc0000; border: 1px solid #cc0000; background-color: #FFFFCC;}

ul{list-style-type:none; padding-left:15px; margin:0px;}

#maincontainer {width: 940px; margin: 0 auto; margin-bottom:12px; border:2px solid #003399;}

a:link    {font-family:Lucida Console; color:#003399; text-decoration:none; font-weight:normal;}
a:visited {font-family:Lucida Console; color:#003399; text-decoration:none; font-weight:normal;}
a:active  {font-family:Lucida Console; color:#003399; text-decoration:none; font-weight:normal;} 
a:hover   {text-decoration:none;}

img   {}
a img {border:none}

h1 {font-family:tahoma; font-size:20pt; color:#003399; font-weight:lighter; text-decoration:none; border-bottom:2px solid #003399; margin-top: 0px; margin-bottom: 10px; line-height: 1.5em;}

h2 {background-color:#003399; font-family:arial, serif; font-size:15pt; color:#ffffff; font-weight:lighter; text-decoration:none; padding:5px; display:block; font-family:Trebuchet MS;}
h2 a:link, h2 a:visited, h2 a:active {background:url(../../px/gfx/icon_add.gif) no-repeat; padding-left:25px; color:#000000; }
h2 a:hover {color:#000000; border-bottom:2px dashed #000000; text-decoration:none;}

h3 {color:#003399; font-family:georgia, palatino, serif; font-size:13pt; font-weight:normal; text-decoration:none; display:block; margin-bottom:5px;}
h4 {color:#003399; font-family:sans-serif; font-size:11pt; font-weight:normal; text-decoration:none; display:inline;}
h5 {color:#003399; font-weight:bold; display:inline; font-size:10pt;  }

#top {background-color:#003399; color:#ffffff; font-size:8pt; padding-top: 5px; padding-bottom: 5px; font-family:Trebuchet MS, tahoma; text-align:right; height:15px; }
#top a:link, #top a:visited, #top a:active { color:#ffffff; padding:6px; font-size:8pt; font-family:Trebuchet MS, tahoma;}
#top a:hover {background-color:#f1f1f1; color:#000000; height:100%; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; text-decoration:none; border:1px solid #000000;}
.top-left   {float:left;}
.top-right  {float:right;}

#header     {margin:auto; border-bottom:2px solid #003399; background-image:url(../../px/layout/header.jpg); height:221px; }
#header_txt {margin-left:600px; margin-top:50px;}
#container  {margin: 0;}

#navi-left  {float: left; margin: 0; padding: 1em;}

.navi-left-parent a         {display:block; margin-right:0px; color:#003399; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.navi-left-parent a:hover {color:#ffffff; background-color:#003399;}
.navi-left-parent-aktiv a   {display:block; margin-right:0px; color:#ffffff; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; background-color:#003399; font-weight:bold;}

.navi-left-child a          {display:block; margin-right:0px; color:#000000; text-decoration:none; font-family:Trebuchet MS; font-size: 9pt; width:160px; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.navi-left-child a:hover {color:#003399; background-color:#F1F1F1;}
.navi-left-child-aktiv a    {display:block; margin-right:0px; color:#003399; text-decoration:none; font-family:Trebuchet MS; font-size: 9pt; width:160px; padding-left:5px; background-color:#F1F1F1; font-weight:bold;}

#content {float: left; border-left: 1px dotted #003399; border-right: 1px dotted #003399; padding: 1em; width: 520px; font-family:Verdana; font-size:9pt; min-height: 680px; line-height: 20px; }

#navi-right { float: right; margin: 0; padding: 1em; max-width: 165px; }

.navi-right-email { font-size:10pt; }

.navi-right-admin a       {display:block; margin-right:0px; color:#ff9900; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.navi-right-admin a:hover {color:#ffffff; background-color:#ff9900;}
.navi-right-admin-aktiv a {display:block; margin-right:0px; color:#ffffff; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; background-color:#ff9900; font-weight:bold;}

.navi-right-customer a       {display:block; margin-right:0px; color:#009900; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.navi-right-customer a:hover {color:#ffffff; background-color:#009900;}
.navi-right-customer-aktiv a {display:block; margin-right:0px; color:#ffffff; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; background-color:#009900; font-weight:bold;}

.navi-right-customer-search   {font-size:10pt;color:#ffffff;background-color: #003399;padding:4px;}

.navi-right-etc a         {display:block; margin-right:0px; color:#cc0000; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.navi-right-etc a:hover {color:#ffffff; background-color:#cc0000;}
.navi-right-etc-aktiv a   {display:block; margin-right:0px; color:#ffffff; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; width:160px; padding-left:5px; background-color:#cc0000; font-weight:bold;}

#footer       {clear: both; margin: 0; padding: 5px; border-top: 1px dotted #003399; font-family:Verdana; font-size:8pt; height: 15px;}
.footer-left  {float:left;}
.footer-right {float:right;}

.floater-left  {float:left; width:70%; }
.floater-right {float:right; width:30%; }
.floater-clear {clear:both }

.floater-left50  {float:left; width:52%; }
.floater-right50 {float:right; width:48%; }
.floater-clear {clear:both }

.alert {color:#ffffff; background-color:#cc0000; border:2px dashed #ffffff; padding:16px; font-family:calibri, 'courier new', verdana, tahoma; font-size:12pt;}
.alert a:link, .alert a:visited, .alert a:active { color:#000000; font-family:calibri, 'courier new', verdana, tahoma; font-size:12pt; text-decoration:underline; font-weight:bold;}
.alert a:hover {text-decoration:none; border-bottom:1px dashed #ffffff}

.alert_blue {color:#ffffff; background-color:#003399; border:2px dashed #ffffff; padding:16px; font-family:calibri, 'courier new', verdana, tahoma; font-size:12pt;}
.alert_blue a:link, .alert_blue a:visited, .alert_blue a:active { color:#ffffff; font-family:calibri, 'courier new', verdana, tahoma; font-size:12pt; text-decoration:underline; font-weight:bold; }
.alert_blue a:hover {text-decoration:underline;}

.alert_gray {color:#000000; padding:15px; font-family:tahoma; font-size:11pt; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #003399; position: relative; width:320px;}

.alert_gray a:link    {color:#000000;font-family:tahoma; font-size:12pt;text-decoration:underline; font-weight:bold;}
.alert_gray a:visited {color:#000000;font-family:tahoma; font-size:12pt;text-decoration:underline; font-weight:bold;}
.alert_gray a:active  {color:#000000;font-family:tahoma; font-size:12pt;text-decoration:underline; font-weight:bold;}
.alert_gray a:hover   {text-decoration:underline;}

.line_solid  { display:block; border-width:0; border-top:2px solid  #003399; background-color:transparent; margin:0; padding:0; }
.line_dotted { display:block; border-width:0; border-top:2px dotted #003399; background-color:transparent; margin:0; padding:0; }
.line_dashed { display:block; border-width:0; border-top:2px dashed #003399; background-color:transparent; margin:0; padding:0; }

.box        {border:1px solid #003399; background-color:#ffffff; padding:8px; font-family:verdana, arial; color:#000000; text-decoration:none; text-align:justify; }
.box-td     { float:left; margin-right:1em; margin-right:1em; width:50%; }
.box-td-end { clear:none; margin-right:1em; margin-right:1em; }

.newsbox {margin-top:-17px; border:1px solid #003399; background-color:#ffffff; padding:18px 8px 8px 8px; font-family:verdana, arial; color:#000000; text-decoration:none; text-align:justify; min-height:100px; background-color:#f1f1f1; }
.adminbox {margin-top:-17px; border:1px solid #003399; background-color:#ffffff; padding:18px 8px 8px 8px; font-family:verdana, arial; color:#000000; text-decoration:none; text-align:justify; min-height:100px; background-color:#FFFF99; }
.newsbox-picture {float:left; margin-right:1em; margin-right:1em;}
.newsbox-seperator {border-bottom:1px solid #003399; padding:5px;}

.kontaktbox {margin-top:-17px; border:1px solid #003399; background-color:#ffffff; padding:8px; font-family:verdana, arial; color:#000000; text-decoration:none; text-align:justify;}
.kontaktbox-seperator {border-bottom:1px solid #003399; padding:5px;}

.produktsuchebox{border:1px solid #003399; background-color:#ffffff; padding:8px; font-family:verdana, arial; color:#000000; text-decoration:none; text-align:justify;}

.visitenkarte {margin-top:-17px; border:1px solid #003399; background-color:#ffffff; padding:8px; font-family:verdana, arial; color:#000000; text-decoration:none; text-align:justify; min-height:133px;}
.visitenkarte-picture {float:left; margin-right:1em; margin-right:1em;}

.form_schnellsuche            { width: 160px; height: 31px; border : 1px dashed #003399; -moz-border-radius: 5px;}
.form_schnellsuche_text       { float: left; padding: 2px; margin: 6px 0 0 6px; border: 0; width: 120px; background: none; }
.form_schnellsuche_text:focus { float: left; padding: 2px; width: 120px; border: 0; background-color: #DCF0F9; }
.form_schnellsuche_go         { float: right; margin: 10px 2px 0 0; border : none; }

.form_produktsuche {background-image:url(../../px/gfx/icons/lupe.gif); background-position:2px center; background-repeat:no-repeat; border:1px solid black; font-size:10pt; padding:4px 2px 0 17px; height:20px; width:300px; -moz-border-radius: 5px;}

.form_login_email             { width: 160px; height: 24px; border : 1px dashed #003399; -moz-border-radius: 5px;}
.form_login_email_text        { float: right; padding: 2px; margin: 2px 2px 0 0; border: 0; width: 130px; -moz-border-radius: 5px;}
.form_login_email_text:focus  { float: right; padding: 2px; border: 0; background-color: #DCF0F9; }
.form_login_email_go          { float: left; margin: 6px 0 0 6px; border : none; }

.form_login_password             { width: 160px; height: 24px; border : 1px dashed #003399; -moz-border-radius: 5px; }
.form_login_password_text        { float: right; padding: 2px; margin: 2px 2px 0 0; border: 0; width: 130px; -moz-border-radius: 5px;}
.form_login_password_text:focus  { float: right; padding: 2px; border: 0; background-color: #DCF0F9; }
.form_login_password_go          { float: left; margin: 6px 0 0 6px; border : none; }

.form_catrequest        { border:1px solid black; font-size:10pt; width:100%; }
.form_catrequest:focus  { background-color: #DCF0F9; }

.form_input     {border:1px solid black; font-size:10pt;width:100%;}
.form_textarea  {border:1px solid black; font-size:10pt; padding:0 0 0 0; width:100%;}

.whiteblock {border:1px solid #003399; background-color:#ffffff; font-family:verdana, arial; color:#000000; font-size:10pt; padding: 8px;}

.frimatec_teilenr a {display:block; margin-right:0px; color:#ffffff; text-decoration:none; font-family:Tahoma; font-size: 11pt; padding:5px; color:#009900;}
.frimatec_teilenr a:hover {color:#ffffff; background-color:#009900;}

.frimatec_vergleichsnummer  { color:#003399; font-family:georgia, palatino, serif; font-size:11pt; font-weight:normal; text-decoration:none; display:inline; }

.blueborder {border:1px solid #003399;}

.textfluss {margin-left:15px; border-left:5px solid #003399; padding-left: 10px; padding-right: 20px; font-family:verdana, arial; color:#000000; font-style:italic; text-align:justify; font-size:10pt;}

.sitemap a       {display:block; margin-right:0px; color:#003399; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.sitemap-aktiv a {display:block; margin-right:0px; color:#ffffff; text-decoration:none; font-family:Trebuchet MS; font-size: 10pt; padding-left:5px; background-color:#003399; font-weight:bold;}
.sitemap a:hover {color:#ffffff; background-color:#003399;}

.sitemap2 a       {display:block; margin-right:0px; color:#000000; text-decoration:none; font-family:Trebuchet MS; font-size: 9pt; padding-left:5px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
.sitemap2 a       {display:block; margin-right:0px; color:#003399; text-decoration:none; font-family:Trebuchet MS; font-size: 9pt; padding-left:5px; background-color:#F1F1F1; font-weight:bold;}
.sitemap2 a:hover {color:#003399; background-color:#F1F1F1;}

.small {color:#000000; font-family:verdana, arial; font-size:8pt;}
.small a:link     {color:#003399; font-family:verdana, arial; font-size:8pt;}
.small a:visited  {color:#003399; font-family:verdana, arial; font-size:8pt;}
.small a:active   {color:#003399;font-family:verdana, arial; font-size:8pt;}
.small a:hover    {color:#003399;font-family:verdana, arial; font-size:8pt;text-decoration:underline;}

a.button {display:inline-block; color:#ffffff; font-family:verdana, arial; font-size:10pt; font-weight:normal; height:20px; line-height:19px; background-color:#003399; border:1px solid #000000; padding:5px; text-decoration:none;}
a:hover.button {background-color:#ffffff; color:#003399;}
.add    {background:url(../../px/gfx/icon_add.gif)    no-repeat; text-indent:25px; display:block;}
.edit   {background:url(../../px/gfx/icon_edit.gif)   no-repeat; text-indent:25px; display:block;}
.delete {background:url(../../px/gfx/icon_delete.gif) no-repeat; text-indent:25px; display:block;}
.info   {background:url(../../px/gfx/icon_info.gif)   no-repeat; text-indent:25px; display:block;}

.subnavi a {display:inline-block; background-color: #F5F5F5; padding:5px; border:1px solid #CCCCCC; font-size:8pt; line-height:20px; margin-bottom:10px; margin-right:3px;}
.subnavi a:hover {background-color: #FFCC00; color:#ffffff;}

#back {font-family:Verdana; padding:8px; color:#000000; font-weight:bold; text-decoration:none; background:url(../../px/gfx/back.gif) repeat-x; border:1px solid #003399; -moz-border-radius: 10px;}

.highlight_blue   {background-color:#bee8fe; font-weight:bold; text-decoration:none;}
.highlight_green  {background-color:#8fe392; font-weight:bold; text-decoration:none;}
.highlight_red    {background-color:#ff6666; font-weight:bold; text-decoration:none;}

.blue {font-family:verdana, arial; color:#003399; font-weight:bold; text-decoration:none;}
.blue_contact {font-family:verdana, arial;color:#003399;font-weight:bold; text-decoration:none;font-size:14px;}

#contact            {font-family:verdana, arial; color:#003399; font-size:14px; text-decoration:none;}
#contact a:link     {font-family:verdana, arial; color:#003399; font-size:14px; text-decoration:none;}
#contact a:visited  {font-family:verdana, arial; color:#003399; font-size:14px; text-decoration:none;}
#contact a:active   {font-family:verdana, arial; color:#003399; font-size:14px; text-decoration:none;}
#contact a:hover    {font-family:verdana, arial; color:#003399; font-size:14px; text-decoration:underline;}

.infobox50 {padding:1%; width:47%; display:inline-block; vertical-align:top;}

.box_lightblue  {padding:10px; background-color:#F1F1F1; border:1px solid #CCCCCC;}
#response {display:none;}

/* sliding */
.slidercontainer  {width:320px; height:240px; overflow:hidden; position:relative; cursor:pointer;}
.slides           {position:absolute; top:0; left:0;}
.slides div       {position:absolute; top:0; width:500px; display:none;}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #F1F1F1;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #F1F1F1;
	border: 1px solid #000;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(tablesorter.bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(tablesorter.asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(tablesorter.desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #F1F1F1;
text-decoration: underline;
}

div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 10px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container-pre {
  margin-right: 5px;
  float: left; 
}

div.progress-container > div {
  background-color: #003399; 
  height: 10px
}