/*****************************************/
/*                                       */
/*	    Main-CSS-Styles for          */
/*          Proegel Network GmbH         */
/*                                       */
/*****************************************/

@CHARSET "UTF-8";

BODY {
	background:#888;
}

.www {
	border-right:1px solid #aaa;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#333;
	width:950px;
	}
	
.www .top {
        font-family:Arial,Verdana,Helvetica,sans-serif;
        font-size: 9pt;
        color:#dededc;
        background: url(images/top.gif) 0px 0px no-repeat;
        height: 29px;
        width:950px;
        text-align:right;
        padding-right:10px;
    }
    
.www .header {
	background:url(images/header.gif) 0px 0px no-repeat;
	height: 96px;
	width:950px;
	}

.www .topmenu {
	background:#dededc;
	height:20px;
	width:950px;
	font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#333;
        text-align:right;
        padding-right:10px;
	}
	
.www .topmenu .clickpath  {
	margin:0px;
	padding:0px;
	font-size:8pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#333;
        list-style-type:none;
        padding-left:10px;
    }
    
.www .topmenu .clickpath .element {
	float:left;
	padding-top:5px;
        padding-bottom:3px;
    }
    
.www .topmenu .clickpath .element a:link {
	font-size:8pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#333;
        text-decoration:none;
        }
        
.www .topmenu .clickpath .element a:visited {
	font-size:8pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#333;
        text-decoration:none;
        }	

.www .topmenu .buttons  {
	margin:0px;
	padding:0px;
	font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#333;
        list-style-type:none;
        /*margin-left:720px;*/
        float:right;
    }
    
.www .topmenu .buttons .element {
	padding-left:5px;
	padding-right:5px;
	float:left;
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
	padding-top:4px;
        padding-bottom:4px;
    }
    
.www .topmenu .buttons .element a:link {
        font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#000;
        text-decoration:none;
        }
        
.www .topmenu .buttons .element a:visited {
        font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#000;
        text-decoration:none;
        }
        
.www .topmenu .buttons .element a:hover {
        font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        color:#000;
        text-decoration:none;
        }
    
.www .topmenu .buttons #first {
	border-left:none;
	}

.www .topmenu .buttons #last {
	border-right:none;
	}
 
.www .top_spacer {
	clear:both;
	font-size:1px;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        height:3px;
        background:url(images/top_spacer.gif) 0px 0px no-repeat;
	}
	
.www .bottom_spacer {
	width:950px;
	height:3px;
	background:url(images/bottom_spacer.gif) 0px 0px no-repeat;
}

.www .column {
	font-size:9pt;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#dededc;
	width:168px;
	padding-top:10px;
	padding-bottom:20px;
	}
	
.www #left {
	background:url(images/left.gif) 0px 0px repeat-y;
	width:185px;
	padding-left:6px;
	padding-right:7px;
	}
	
.www #right {
	background:url(images/left.gif) 0px 0px repeat-y;
	padding-left:15px;
	padding-right:15px;
	}
	
.www .content {
	font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
	padding-left:21px;
	padding-right:21px;
	padding-top:20px;
	padding-bottom:20px;
	color:#333;
	background:#fff;
	height:670px;
	width:710px;
	}
	
.www .content_drei {
	font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
	padding-left:21px;
	padding-right:21px;
	padding-top:20px;
	padding-bottom:20px;
	color:#333;
	background:#fff;
	height:670px;
	width:510px;
	}
	
.www .footer {
	background:#dededc;
	height:15px;
	width:950px;
	font-size:9pt;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        }
        
.www .bottom {
	background:url(images/bottom.gif) 0px 0px no-repeat;
	width:950px;
	height:2px;
}

#menHeader {
        margin-bottom:10px;
        }

#navigation {
         margin:0px;
         padding:0px;
         list-style-type:none;
         }
         
#navigation .sect {
         padding:0px;
         margin:0px;
         /*padding-bottom:5px;
         border-bottom:1px dashed #cc5e45;
         margin-bottom:5px;*/
         list-style-type:none;
         }
         
#navigation .level_a {
/*	     padding-left:10px;
	     padding-top:11px;
	     background:url(images/Button_off.gif) 0px 0px no-repeat;
	     padding-bottom:10px;*/
}
	     
         
#navigation .level_b {
         margin-top:5px;
         margin-bottom:5px;
         margin-left:15px;
         padding-left:12px;
         background:url(images/icons/arrow.gif) 0px 0px no-repeat;
         }
         
#navigation .level_c {
         margin-top:5px;
         margin-bottom:5px;
         margin-left:25px;
         padding-left:12px;
         background:url(images/icons/arrow.gif) 0px 0px no-repeat;
         }
         
#navigation .level_d {
         margin-bottom:10px;
         margin-left:35px;
         padding-left:12px;
         background:url(images/icons/arrow.gif) 0px 0px no-repeat;
         }
         
#navigation .level_e {
         margin-bottom:10px;
         margin-left:45px;
         padding-left:12px;
         background:url(images/icons/arrow.gif) 0px 0px no-repeat;
         }
/*
#navigation .level_a a:link {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#444;
         padding-left:8px;
         }
         
#navigation .level_a a:visited {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#444;
         padding-left:8px;
         } 
         
#navigation .level_a a:focus {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#444;
         padding-left:8px;
         } 
         
#navigation .level_a a:hover {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#444;
         padding-left:8px;
         }
         
#navigation .level_a a:active {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#444;
         padding-left:8px;
         } 
         
#navigation #act_element {
         background:url(images/Button_on.gif) 0px 0px no-repeat;
         }
         
#navigation #act_element a:link {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#222;
         padding-left:8px;
         }
         
#navigation #act_element a:visited {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#222;
         padding-left:8px;
         }
         
#navigation #act_element a:hover {
         font-size:10pt;
         font-weight:Verdana,Helvetica,sans-serif;
         font-weight:normal;
         text-decoration:none;
         color:#222;
         padding-left:8px;
         }*/      
         
#navigation .level_b a:link {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_b a:visited {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_b a:hover {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }

#navigation .level_c a:link {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_c a:visited {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_c a:hover {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_d a:link {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_d a:visited {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_d a:hover {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_e a:link {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_e a:visited {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }
         
#navigation .level_e a:hover {
         font-size:9pt;
         font-weight:Arial,Verdana,Helvetica,sans-serif;
         text-decoration:none;
         color:#ddd;
         }


.www .top FORM {
         padding:0px;
         margin:0px;
         display:inline;
         }
     
#sWord {
       border:1px solid #aaa;
       background:#dededc;
       font-size:9pt;
       font-weight:Arial,Verdana,Helvetica,sans-serif;
       padding:0px;
       padding-left:5px;
       width:120px;
       height:15px;
       margin-right:5px;
       }
       
#sSubmit {

       }
       
.cms-solutions-date {
        float:right;
        }

td.co_leftcolumn_100 {
   width:100px;
   padding-right:10px;
   }
   

td.co_leftcolumn_150 {
   width:150px;
   padding-right:10px;
   }
   

td.co_leftcolumn_250 {
   width:250px;
   padding-right:10px;
   }
   
td.co_leftcolumn_350 {
   width:350px;
   padding-right:10px;
   }
   
td.co_rightcolumn {
   padding-left:10px;
   }
   
#proegel_layout_a .cms-solutionsheader {
   background-color:#A30502;
   font-size:10pt;
   font-weight:bold;
   padding-top:5px;
   padding-bottom:5px;
   padding-right:10px;
   color:#fff;
   }
   
#proegel_layout_a #left_co_corner {
   width:90px;
   background: url(images/layout_a.gif) 5px 2px no-repeat;
   float:left;
   font-size:10pt;
   padding-top:2px;
   padding-bottom:2px;
   }

#proegel_layout_a #right_co_corner {
   display:none;
   }

   
#proegel_layout_a {
   background:#eee;
   padding-bottom:5px;
   border:1px solid #ddd;
   font-size:9pt;
   font-family:Arial,Verdana,Helvetica,sans-serif;   
   }
   
#proegel_layout_b .cms-solutionsheader {
   background: url(images/layout_b_main.gif) 0px 0px repeat-x;
   font-size:10pt;
   font-weight:bold;
   padding-top:5px;
   padding-bottom:5px;
   color:#A30502;
   padding-right:5px;
   }
   
#proegel_layout_b #left_co_corner {
   width:15px;
   background: url(images/layout_b_left.gif) 0px 0px no-repeat;
   float:left;
   font-size:10pt;
   padding-top:5px;
   padding-bottom:5px;
   }

#proegel_layout_b #right_co_corner {
   width:14px;
   background: url(images/layout_b_right.gif) 0px 0px no-repeat;
   float:right;
   font-size:10pt;
   padding-top:5px;
   padding-bottom:5px;
   }

   
#proegel_layout_b {
   background:#eee;
   padding-bottom:5px;
   border:1px solid #ddd;
   font-size:9pt;
   font-family:Arial,Verdana,Helvetica,sans-serif;   
   }

.footer {
   padding-top:3px;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   }
   
.footer .copyright {
   width:430px;
   float:left;
   text-align:left;
   }
   
.footer .copyright a:link {
   color:#333;
   text-decoration:none;
   font-size:8pt;
   }
   
.footer .copyright a:visited {
   color:#333;
   text-decoration:none;
   font-size:8pt;
   }
   
.footer .copyright a:hover {
   color:#000;
   text-decoration:underline;
   font-size:8pt;
   }
   
.footer .update {
   text-align:right;
   font-size:8pt;
   color:#666;
   }
   
.footer .loginnotification {
   float:left;
   font-size:8pt;
   color:#666;
   }
   
.footer .loginnotification B{
   color:#444;
   }