body { background-color: #fff; background-image: url(img/itxweb20.jpg); background-repeat: no-repeat; font-family: arial; background-position: 200px 350px; margin: 0; padding: 0; }
 
            h1 {  font-size: 14px; font-family: arial; }
            h2 { font-size: 12px; }
            p {color: #000; font-size: 12px; text-decoration: none; }
  	    a  { color: #0f8ac8; font-size: 12px;   }
	 .newssubheader .bodytext{color: #000; font-size: 12px; text-decoration: none; line-height:2px;}
		

/**********************************************

   Divs Layout
	 
**********************************************/
#toolbox { background-color: #fff; position: relative; top: 0; 
           background-image: url(img/toolboxbg.jpg); background-repeat: no-repeat; background-position: 900px 0;
           border-top: 4px solid #ebebeb;
 }
#mainbox {  position: relative;  }
#top {position: absolute;
	left: 0px;	top: 0px;	height: 148px;
	width: 100%;
	background-image: url(img/bg1.jpg); background-repeat: repeat-x; }
	
#logo {	position: absolute;
	left: 20px;
	top: 0px;
	height: 110px;
	width: 250;
	background-image: url(img/logo.jpg); background-repeat: no-repeat; 
	}
#topbild {position: absolute;
	left: 65px;
	top: 122px;
	height: 150px;
	width: 967;
	background-image: url(img/test.gif); background-repeat: no-repeat; 
	}
	

#menutop {
	position: absolute;
	left: 230px;
	top: 91px;
	height: 39px;
	/* background-image: url(img/navibg1.jpg); background-repeat: repeat-x; */
	
	


}
#menutop span { display: inline-block; height: 39px; width: 130px; min-width: 130px; min-height: 39px; text-align: center; }

#main {  position: absolute;
	width: 945px;
	/*text-align: center; border-top: 1px solid #ccc;*/
	top: 270px;

	left: 77px;

	
}
#sub{      position: absolute; bottom: 0px;       width: 945px;
	/*text-align: center; border-top: 1px solid #ccc;*/
	background-image: url(img/foot_bg.jpg); background-repeat: repeat-x;
}




/*#center { vertical-align: top; }
#slickbox  {position: absolute; top: 200px}
*/


#fragment-13 {  /*background-image: url(img/fragment-bg-top.jpg); background-repeat: repeat-x; background-position: 0 top;*/

  }
#fragment-14  {vertical-align: top; margin: 0px; padding: 0px;/*background-image: url(images/fragment-bg-top.jpg); background-repeat: repeat-x; background-position: 0 top;
border-right: solid 1px #ccc; border-left: solid 1px #ccc;  border-bottom: solid 1px #ccc;*/ }
#fragment-15 {vertical-align: top; margin: 0px; padding: 0px;/*background-image: url(images/fragment-bg-top.jpg); background-repeat: repeat-x; background-position: 0 top;
border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc;*/ }
#fragment-16  {/*background-image: url(images/fragment-bg-top.jpg); background-repeat: repeat-x; background-position: 0 top;
border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc;*/ }
#fragment-17  {/*background-image: url(images/fragment-bg-top.jpg); background-repeat: repeat-x; background-position: 0 top;
border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; */}
#fragment-18  {/*background-image: url(images/fragment-bg-top.jpg); background-repeat: repeat-x; background-position: 0 top;
border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; */}

/*
.pics {  height:  232px; width: 232px; padding: 0;  margin:  0; } 
.pics img {   padding: 15px;   border:  1px solid #ccc; background-color: #eee;  width:  200px;   height: 200px; top:  0; left: 0 } 
*/

.newstext {color: #000; font-size: 12px; text-decoration: none;}
.newssubheader {line-height:10px;}
TD#web20 { padding: 0 0 0 9px; color: #000; font-size: 12px; text-decoration: none; }
TD#web20 a          { color: #ff8800; font-size: 12px;  text-decoration: none}
TD#web20 a:hover    {  color: #7fc31c; font-size: 12px;  text-decoration: none}
TD#web20 P.bodytext a          {  color: #ff8800; font-size: 12px;  text-decoration: none }
TD#web20 P.bodytext a:hover    {  color: #7fc31c; font-size: 12px; text-decoration: underline }
TD#web20 P          { padding: 0 0 0 8px; color: #000; font-size: 12px; text-decoration: none;  }
TD#web20 h1          { color: #0f8ac8; font-size: 15px; font-weight: bold; line-height: 37px; background-image: url(img/bg_h1.jpg); background-repeat: no-repeat; padding: 0 0 0 6px; }
TD#web20 h2          {padding: 0 0 0 6px; }
TD#web20 h3         {padding: 0 0 0 6px; }
TD#web20 h4         {  }
TD#web20 h5          {}
TD#web20 img   	 {border: 0px; }

TD#center { font-family: arial; color: #000; vertical-align: top; background-image: url(img/foot_bg.jpg); background-repeat: repeat-x;  }
TD#center a          {  color: #0f8ac8; font-size: 12px;  text-decoration: none }
TD#center a:hover    {  color: #0f8ac8; font-size: 12px; text-decoration: underline }
TD#center P.bodytext a          {  color: #0f8ac8; font-size: 12px;  text-decoration: none }
TD#center P.bodytext a:hover    {  color: #0f8ac8; font-size: 12px; text-decoration: underline }
TD#center P          { color: #000; font-size: 12px; text-decoration: none; padding-top: 0; padding-left: 8px }
TD#center h1          {  color: #0f8ac8; font-size: 15px; font-weight: bold; line-height: 37px; background-image: url(img/bg_h1.jpg); background-repeat: no-repeat; padding: 0 0 0 6px;  }
TD#center h2          { color: #000; font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 3px; }
TD#center h3         { color: #0f8ac8; font-size: 12px; font-weight: none; text-decoration: none; padding: 0px 0px 0px }
TD#center li          { color: #0f8ac8; font-size: 12px; text-decoration: none; list-style-image: url(img/aufzaehlung.jpg); margin: 0 0 0 0; padding: 0 0 0 0 }

TD#right { font-family: verdana; color: #000; vertical-align: top;  }
TD#right a          {  color: #ff8800; font-size: 12px;  text-decoration: none }
TD#right a:hover    {  color: #7fc31c; font-size: 12px; text-decoration: underline }
TD#right P          { color: #000; font-size: 12px; text-decoration: none; padding-top: 0;  padding-left: 8px }
TD#right P.bodytext   { color: #000; font-size: 12px; font-style: normal; text-decoration: none; padding-top: 0;  padding-left: 8px }
TD#right P.bodytext a          {  color: #ff8800; font-size: 12px;  text-decoration: none }
TD#right P.bodytext a:hover    {  color: #7fc31c; font-size: 12px; text-decoration: underline }
/*TD#right P.bodytext a   { color: #0f8ac8; font-size: 12px; font-style: normal; text-decoration: underline; text-align: left; margin: 0; padding: 0 }
*/
TD#right P.bodytext img   {text-decoration: none; text-align: left; margin: 0; padding: 0 }
TD#right h1          { color: #0f8ac8; font-size: 13px; font-weight: bold; text-decoration: none; margin-bottom: 10px; padding-left: 8px;  }
TD#right h2          { color: #0f8ac8; font-size: 12px; font-weight: bold; text-decoration: none;}
TD#right h3         { color: #0f8ac8; font-size: 12px; font-weight: none; text-decoration: none;  }
TD#right h4         { color: #0f8ac8; font-size: 13px; font-weight: bold; text-decoration: none; border-bottom: 1px solid #ccc  }
TD#right h5          { color: #0f8ac8; font-size: 12px; text-decoration: bold;}
TD#right li          { color: #0f8ac8; font-size: 12px; text-decoration: none; list-style-image: url(img/aufzaehlung.jpg); margin: 0 0 0 0; padding: 0 0 0 0 }
TD#right input    { border-style: solid; border-width: 1pt; border-color: #A0AED3; font-size:11; color:#000;}
TD#right textarea { border-style: solid; border-width: 1pt; border-color: #A0AED3; font-size:11; color:#000;}
TD#right button   { background-color: #fff; border-style: solid; border-width: 1pt; border-color: #A0AED3; font-size:11; color:#000;} 
TD#right .news-list-item P   { color: #000; font-size: 11px; font-weight: none; line-height: 12px; text-decoration: none; }
TD#right img   	 { text-align: left; border: 0; }

TD#rechts a          {  color: #ff8800; font-size: 12px;  text-decoration: none }
TD#rechts a:hover    {  color: #7fc31c; font-size: 12px; text-decoration: underline }

/**********************************************
Menu	 
**********************************************/


#menutop a      { padding-left: 5px; padding-top: 8px; color: #000; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; }
#menutop a:hover     { padding-left: 5px; padding-top 8px; color: #0171bd; font-size: 12px; font-family: arial; font-weight: bold; }
#menutop span.menu_top_no    {padding-top: 8px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; display:table-cell; width: 123px; background-image: url(img/navibg.gif); background-repeat: no-repeat; }
#menutop span.menu_top_act   {padding-top: 8px; display:table-cell; width: 123px; background-image: url(img/navibg.gif); background-repeat: no-repeat;}
#menutop span.menu_top_act a      {padding-left: 5px; padding-top: 8px; color: #000; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; }



/* Menu 1 column */
TD#nav    { color: #0072bb; font-weight: bold; text-align: left; vertical-align: top;  border-bottom: solid 1px #ccc;}
TD#nav DIV { width: 185px; display:marker; border-top: solid 1px #ccc; height: 35px; min-height:35px;}
TD#nav DIV A { color: #0072bb;	text-decoration: none;	font-weight:bold; position:relative; top: 10px; }
TD#nav DIV A:hover { color: #666;border: 8px; text-decoration:none; font-weight:bold;   }
TD#nav DIV.menu1-level1-no {  color: #0072bb;  font-weight:bold;  font-size: 13px; border-right: solid 1px #ccc; background:#fcfcfc;}
TD#nav DIV.menu1-level1-act {  color: #666;  font-weight:bold;  font-size: 13px;}
TD#nav DIV.menu1-level1-act A {  color: #666;  font-weight:bold;}

TD#nav DIV.menu1-level2-no {  font-size: 12px; font-weight: none; margin-top: 4px; margin-bottom: 4px:; padding-left: 13px;}
TD#nav DIV.menu1-level2-act {  font-size: 12px;  color: #666;  background-color: #F4F4F6; margin-top: 4px; margin-bottom: 4px:; padding-left: 13px;}
TD#nav DIV.menu1-level2-act a {  font-size: 12px;  color: #666;}



/**********************************************
HAccordion	 
**********************************************/
/* Panel */
.panel{
	text-align: right;
	text-transform: uppercase;
	/*letter-spacing: .2em;*/
	height:20px;
	padding-top:0px;
	/*border:1px solid #CCCCCC;*/
	cursor:pointer;
	margin-bottom:0px;
	color: #cccccc;
	
}
.panel a { text-decoration:none; color: #cccccc; left: 900px; }
.panel-up { background:url(backtitle-up.gif) no-repeat scroll 10px 5px; }
.panel-down   {background:url(backtitle-down.gif) no-repeat scroll 10px 5px;}
.panel-target { padding:5px; background-color:#ebebeb;	/*border:1px solid #CCCCCC;*/}
.panel-closed { color: #cccccc; display:none;	}


/* Panel Content */
#panel_content .panel{ width: 200px; color: #0f8ac8; font-size: 14px; font-weight: bold;  text-align: right; height:20px;  border:1px solid #CCCCCC; cursor:pointer; margin-bottom:0px; color: #cccccc; padding: 4px;}
#panel_content .panel a  { padding-left: 20px; color: #0f8ac8; font-size: 14px; font-weight: bold;   }
#panel_content .panel-up { background:url(img/acc_no.jpg) no-repeat scroll 0px 0px; }
#panel_content .panel-down { background:url(img/acc_act.jpg) no-repeat scroll 0px 0px;}
#panel_content .panel-target { padding: 0px; background-color:#fff; border: 1px solid #CCCCCC; }
#panel_content .panel-closed { color: #cccccc; display:none;	}
.acc P   { color: #0f8ac8; font-size: 14px; font-weight: bold;  text-decoration: none; padding-left: 25px; }
#panel_content .acc panel panel-down p  { color: #0f8ac8; font-size: 14px; font-weight: bold;  text-decoration: none; padding-left: 25px; }


/*bubbles */


 .bubbleInfo {
            position: relative;
           /* top: 150px;
            left: 100px;
            width: 500px;*/
        }
        .trigger {
            position: absolute;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	/*display: none;*/
        	z-index: 50;
        	border-collapse: collapse;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-1.png); }
        .popup td.top { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-2.png); }
        .popup td#topright { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-3.png); }
        .popup td.left { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-4.png); }
        .popup td.right { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-6.png); }
        .popup td.bottom { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;

        	background-color: #fff;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(http://www.itnetworx.ch/v4/fileadmin/templates/main/img/starburst.gif) no-repeat top right;
        	height: 17px;
        	}

        tr#release-notes td a {
        	color: #333;
        }
        .bubblebg {background-color: #fff;}