/* CSS Document SISU*/



body {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	/* max-font-size:10px;
	min-font-size: 10px; */
	background-color: #cccccc;
	padding-top:30px;
}

.headline_index{
	margin: 0px;
	padding: 5px 0 5px 15px;
        font-weight: bold;
	color: white;
	font-size: 10px;
        border-bottom: 1px solid white;
}


h1 {
	margin: 0px;
	padding: 0px;
	color: #3B3D3C;
	font-size: 12px;
        font-weight: bold;

}

h2{
	margin: 0px;
	padding: 0px;
	color: black;
	font-size: 13px;
}

h3{
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	padding: 0 0 10px;	
}

a{
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

a:hover{
	text-decoration: none;
	color: #999999;
	font-size: 11px;
}

input { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	margin: 0px;
	color: #666666;
}

input.textfeld { 
	border: 1px solid #CCCCCC;
}

.text1 {
	padding: 0px;
	margin: 0px;
	width: 600px;
	padding-bottom: 20px;
	font-size: 12px;
}

.align-right {
       text-align: right;
       }
       
div.csc-textpic-border img {
       border: 1px solid #CCCCCC;
       }       

/*---------------------alles----------------*/

#alles_top {
	padding: 0px;
	margin: auto;
	background-image: url(../images/bg_wrapper_top.jpg);
	background-repeat: no-repeat;
	width: 949px;
	height:22px;
}

#alles {
	padding: 0px;
	margin: auto;
	background-image: url(../images/bg_wrapper.png);
	background-repeat: repeat-y;
	/* behavior: url(/png_hack/iepngfix.htc); */
	width: 949px;
}

#alles_inhalt{
	position: relative;
        padding: 0px;
        margin: 0px;
	width: 932px;
        margin-left: 5px;
}

.bild_header{
	border-left: 1px solid white;
}

/*-----------------------logo------------------*/

#logo{
	width: 180px;
	height: 41px;
	float: left;
	display: block;
	margin-left: 20px;
	margin-top: 30px;
}


/*----------------------header----------------*/

#header{
	margin: 0px;
	padding: 0px;
	width: 932px;
	height: 130px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
	background-image: url(../images/header_main.png);
	background-repeat: no-repeat;        
}

#header_rechts{
	width: 300px;
	float: right;
	display: block;
	padding: 10px;
}


#flash{
	margin: 0px;
	padding: 0px;
	/*border-bottom: 1px solid white;*/
        /*border-top: 1px solid white;*/
        min-height:300px;
        min-width:932px;
        max-height:300px;
        max-width:932px;
        background-image: url(http://www.prologics-it.com/fileadmin/_config/flash/prologics_intro_deutsch.png);
        background-repeat:no-repeat
}

.flashpage {
	border: 1px solid #CCCCCC;
	float: left;
	margin: 5px 20px 15px 0;
	padding: 5px;
}

/*-----------------------top------------------*/

#top{
	padding: 0px;
	margin: 0px;
	text-align: right;
	padding-top: 5px;
	color: black;
}
s
#top ul{
	padding: 0px;
	margin: 0px;
}

#top ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #CCCCCC;
}

#top ul li.last{
	border: none;
}

#top a{
	color: black;
}

#top a:hover{
	color: #666666;
}

/*----------------------suche----------------*/

#suche{
	margin: 0px;
	padding: 20px 7px 3px 60px;
	color: black;
	font-weight: bold;
	text-align: right;
}

#suche form{
	padding: 0px;
	margin: 0px;
}

#suche img{
	padding-left: 5px;
}

#bild{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_bild1.jpg);
	height: 130px;
	width: 930px;
	position: relative;
}

#buttons{
	background-image: url(../images/bg_buttons.png);
	width: 141px;
	height: 32px;
	position: absolute;
	top: 15px;
	right: 15px;
	
}

#buttons img{
	position: relative;
	top: 5px;
	left: 4px;
	right: 5px;	
}

#buttons a img{
	border: none;	
}


/*-----------------------navi------------------*/


#navi{
	padding: 0px;
	margin: 0px;
	width: 932px;
	height: 19px;
	background-image: url(../images/bg_navi.jpg);
	background-repeat: no-repeat;
	text-align: right;
}

#navi ul {
	margin: 3px 0 0 0;
	padding: 0px;
}

#navi ul li {
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 15px;
}

#navi a{
	font-weight: bold;
	font-size: 10px;
	color: #999999;
}

#navi a:hover{
	color: white;
}



#navi ul li.navi{
	font-weight: bold;
	color: #ffffff;
}

#navi ul li.navi_selected a{
	color: white;
	font-weight: bold;
}

#navi ul li.navi_selected a:hover{
	color: #999999;
}

#navi ul li.last{
	border: none;
}


/*-------------------------- content_index ---------------------*/


#content_index{
	padding: 0px;
	margin: 0px;
        /*height: 99px;*/
	width: 932px;
        color: white;
}

#content{
	width: 932px;
        background-color: white;
	padding-top: 40px;
	padding-bottom: 20px;
	height: auto;
	min-height: 30em;
	overflow: hidden;	
}

.content_bild{
        position: absolute;
        bottom: -20px;
        right: -10px;
}

#content_index a{
        color: white;
}

.content_left{
	padding: 0px;
	margin: 0px;
	width: 630px;
	border-right: 1px dotted #666666;
	display: block;
	float: left;
	padding-left: 30px;

}

.content_left a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

.content_left a:hover{
	color: #999999;
	font-weight: bold;
}

.content_right{
	padding: 0px;
	margin: 0px;
	width: 250px;
	display: block;
	float: right;
	color: #666666;
	padding-bottom: 10px;
}

.content_right a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

.content_right a:hover{
	color: #999999;
	font-weight: bold;
}

.bild{
	margin: 0px;
	padding: 0px;
	float: left;
	padding-right: 20px;
	
}

.bild_unten{
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top: 20px;
}

.bild_unterschrift{
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.bild img{
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#bild_flash {
	border: 1px solid #CCCCCC;
	padding: 5px;
}

.text{
	padding: 0px;
	margin: 0px;
	float: left;
	display:block;
	width:410px;
	line-height: 19px;
	font-size: 11px;
}

.text_news{
	padding: 0px;
	margin: 0px;
	float: left;
	display:block;
	line-height: 19px;
	font-size: 11px;
}


.box_index_bild{
	float: left;
        margin-right: 8px;
        border: 1px solid white;
}

.box_left{
	padding: 0px;
	margin: 0px;
	width: 230px;
	display: block;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
}

.box_left ul{
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
}

.box_left ul li{
	padding: 0px;
	margin: 0px;
}

.box_left form{
	padding: 0px;
	margin: 0px;
}

/*-------------------------- content_folgeseiten left ---------------------*/

.left{
	padding: 0px;
	margin: 0px;
	width: 250px;
	color: #666666;
	float: left;
	display: block;
}

.left b {
	color: #000000;
}

.subnavi{
	padding: 0px;
	margin: 0px;
}

.subnavi a{
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

.subnavi a:hover{
	color: #999999;
}

.right ul.suche li ul,
.right ul.suche,
.subnavi ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding-left: 20px;
}


.subnavi ul li{
	padding-bottom: 5px;
}

.suche ul li,
.subnavi ul li div{
	margin-left: 10px;
	padding-bottom: 5px;
}

.subnavi ul li div.sublistContainer{
	margin-left: 0px;
	background-color: #efefef;
	padding-left: 10px;
	margin-right: 15px;
	padding-top: 8px;
}

.suche a,
.subnavi ul li a{
	background: transparent url(../images/list_style.gif) left top no-repeat;
	padding-left: 10px
}

.subnavi ul li ul{}
.subnavi ul li ul li{
	padding: 0px;
	margin: 0px;
}

.subnavi ul li ul li a{}

.subnavi ul li ul li.subnavi_selected a{
	color: #666666;
	font-weight: bold;
}

a.subnavi_selected {
	color: #000000;
	font-weight: bold;
}

.subnavi_selected a{
	color: #3B3D3C;
	font-weight: bold;
	list-style-type: disc;
	list-style: disc;

}

.subnavi_selected ul li a{
	list-style-type: disc;
}

.subnavi ul li ul li.subnavi_selected a:hover{
	color: #666666;
        font-weight: bold;
}

.left_unten{
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	width: 200px;
	margin-left: 30px;
	margin-top: 20px;
	padding-top: 20px;
}

.left_unten_index{
	padding: 0px;
	margin: 0px;
	width: 200px;
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 60px;
}

/*-------------------------- content_folgeseiten right ---------------------*/

.right{
        position: relative;
	float: left;
        padding: 10px 20px 20px 35px;
	display: block;
	border-left: 1px dotted #999999;
	width: 600px;

}

.right a{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

.right a:hover{
	color: #999999;
	font-weight: bold;
}

.right .bodytext {
	font-size: 11px;
	line-height: 19px;
	margin: 5px 0 0 0;
}

.right .bodytext a img {
       border: 0;
       }

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
       border: 1px solid #CCCCCC;
       padding: 5px;
       margin: 5px 20px 0 0;	       
       }       

.right div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	/*border: 1px solid #CCCCCC;*/
	/*padding: 5px;*/
	/*margin: 0 20px 0 0;	*/
}

.right div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	/*padding-right:20px;*/
}

.right h1.csc-firstHeader {
	margin: 0px;
	padding: 0px;
	color: #3B3D3C;
	font-size: 19px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
        font-weight: normal;
	margin-bottom: 10px;
        }

.right h1 {
        padding: 15px 0 15px 0;
        }

.right .csc-textpic-intext-left-nowrap .csc-textpic-text {
        padding-left: 20px;
}

.right .csc-textpic-intext-right-nowrap .csc-textpic-text {
        padding-right: 20px;
}

.right blockquote {
       margin: 0;
       margin-left: 231px;
}


/*--------------------------flags---------------------*/
#flags{
        float: left;
	padding: 0px;
        margin: 0px;
        bottom: 2px;
}

#flags ul{
	padding: 0px;
        margin: 0px;
}

#flags ul li{
	padding: 0px;
        margin: 0 0 0 5px;
        list-style-type: none;
        display: inline;
}

#flags img {
        border: 0;
}

/*--------------------------index_footer---------------------*/

#footer{
	padding: 0px;
	margin: 0 auto;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	width: 949px;
	height:8px;
}

#footer_text {
        float: left;
        padding: 10px 0 10px 400px;
}

#footer_menu {
        float: right;
        padding: 10px 40px 10px 0;
}

#footer ul{
	padding: 0px;
	margin: 0px;
}

#footer ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#footer a {
    	color: #999999;
	font-size: 11px;
	text-decoration: none;
}

#footer a:hover{
    	color: #666666;
	font-size: 11px;
	text-decoration: none;
}

/*----------------------sonstiges--------------------- */

.invisible {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.clear{
	clear:both;
	padding: 0px;
	margin: 0px;
	height: 1px;
}

/*----------------------NAVIGATION: PRODUCT--------------------- */

#menu_product {
     float: right;
     }

#menu_product img { 
      border: none; 
      }
     
#menu_product ul { 
      list-style-type: none; 
      margin: 0;
      }

#menu_product li { 
      display: inline; 
      list-style-type: none; 
      background-image: none; 
      padding-left:0px;
      }

#menu_product li a { 
      float: left; 
      display: block; 
      /*height: 34px; */
      border: 0;
      }

#menu_product li a img {  
      border-left: 1px solid white;
      vertical-align: bottom; /* for IE6 */
      }
      
#menu_product li a:hover { 
      visibility: visible; 
      }
      
#menu_product li a:hover img { 
      visibility: visible; 
      }
      
#menu_product li a:hover img/**/ { 
      visibility: hidden; /* hide from IE5.0/win */
      }
      
#firestart { 
      background:url(../images/menu/firestart_aktiv.jpg) no-repeat left bottom; 
      border-left: 1px solid white;
      /*width: 318px; */
      }
      
#centergate { 
      background:url(../images/menu/centergate_aktiv.jpg) no-repeat left bottom; 
      border-left: 1px solid white;
      /*width: 317px; */
      }
      
#powersync { 
      background:url(../images/menu/powersync_aktiv.jpg) no-repeat left bottom; 
      border-left: 1px solid white;
      }
     

/******************************************
*   Home
******************************************/   
#box_index {
     float: left;
     padding: 0 0 0 10px;
     margin: 0 0 0 3px;
     width: 920px;
     /*height: 120px;*/
     }

.home_column_box {
     float: left;
     margin-top: 10px;
     }
     
#box_index a {
     color: #FFFFFF;
     font-size: 10px;
     }  

#box_index a:hover {
     text-decoration: underline;
     color: #d54000;
     }  

#box_index h1 {
     border-bottom: 1px dotted #999999
     }
     
/*-------- LEFT --------*/

#box_left {
     margin-right: 20px;
     width: 350px;
     }
     
#box_left .user-feed-pi1 {
     width: 0;
     }  
     
#box_left .extRSS_a_linktoall {
     float: right;
     }
     
#box_left img {
     float: left;
     border: 1px solid #ffffff;
     margin-right: 10px;
     }     
     
#box_left h1 {
     font-size: 10px;
     color: #FFFFFF;
     padding: 0;
     margin: 0 0 8px 0;
     font-weight: bold;
     }

#box_left ul {
     padding: 3px 0 0 110px;
     margin: 0;
     width: 240px;
     }

#box_left ul li {
     line-height: 8pt;
     margin: 0 0 6px 0;
     padding: 0 0 5px 15px;
     text-indent: -1.2em;  
     background-repeat: no-repeat;
     list-style-type: none;        
     list-style-image: none;
     list-style-position: outside;     
     }

/*-------- MIDDLE --------*/

#box_middle {
     height: 120px;
     width: 205px;
     margin-right: 20px;
     }

#box_middle p {
     margin: 5px 0 5px 0;
     }
     
#box_middle h1 {
     font-size: 10px;
     color: #FFFFFF;
     padding: 0;
     margin: 0 0 8px 0;
     font-weight: bold;
     }
     
#box_middle .contenttable {
     margin: 0;
     }     
          
#box_middle .contenttable tr {
     line-height: 1px;
     }     

#box_middle .contenttable p {
     line-height: 10px;
     margin: 0;
     }     
     
/*-------- RIGHT --------*/
     
#box_right {
     width: 300px;
     }        

#box_right img {
     float: left;
     border: 1px solid #ffffff;
     margin-right: 10px;
     }     

#box_right h1 {
     font-size: 10px;
     color: #FFFFFF;
     padding: 0;
     margin: 0 0 8px 0;
     font-weight: bold;
     }

#box_right ul {
     padding-left: 130px;
     }
     
#box_right li {
     line-height: 8pt;
     list-style-image: none;
     list-style-position: outside;
     list-style-type: none;
     padding: 0 0 10px 0;
     }        


/*-------- BOTTOM --------*/

#bottom {
      clear: both;
      border-bottom: 1px solid white;
      border-top: 1px solid white;
      padding: 3px 5px 0 0px;
      height: 16px;
     }

#bottom_right {
     float: right;
     font-weight: bold;
     }
     

/******************************************
*   Page                         
******************************************/ 
.alignleft {
      float: left;
     }
  
.user-feed-pi1 {
     width: 600px;
     }

.user-feed-pi1 p {
     /*clear: both;*/
     display: block;
     /*float: left;*/
     font-size: 11px;
     line-height: 19px;
     margin: 0;
     padding-bottom: 10px;     
     }

.user-feed-pi1 img.alignleft {
      display: inline;
      margin: 0 15px 15px 0;
      padding: 5px;
      border:1px solid #CCCCCC;
      }             
         
.extRSS_title {
     border-bottom: 1px dotted #999999;
     color: #3B3D3C;
     font-size: 19px;
     font-weight: normal;
	 line-height: 1.5;
     padding: 0 0 10px;
     }
      
.extRSS_returnLink_news {
      font-size: 10px;
      padding: 10px 0 20px 0;
      float: left;
      width: 100%;
      }

.extRSS_returnLink_news a {
      font-size: 10px;
      }
      
.extRSS_a_linktoall {
      float: right;
      }  
      
.right .extRSS_li {
      line-height: 12px;
      background-position: 0 2px;
      }         

.right .extRSS_li a {
      text-decoration: none;
      }         

.right .extRSS_li a:hover {
      text-decoration: underline;
      }         
      
.extRSS_li {
      line-height: 20px;
      }   
      
.extRSS_ul {
      margin-top: 20px;
     }           
            
/******************************************
*   Listing                         
******************************************/ 

.right li {
     background-image:url(../images/raquo.gif);
     background-repeat:no-repeat;
     background-position: 0 2px;
     list-style-image:none;
     list-style-position:outside;
     list-style-type:none;     
     /*line-height: 12pt;*/
     margin: 7px 0 0;
     padding: 0 0 10px 15px;
     /*text-indent: 0.7em;*/
    }
    
.right ul { 
    /*padding: 10px 0 10px 0;*/
    padding: 0;
    }  
            
/******************************************
*   Mailform                         
******************************************/

.csc-mailform {
    border:0px;
}

/*.csc-mailform label
{
    width: 8em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}*/

