/*************************************************************/
/*                                                           */
/* Titel:     Stylesheet für www.engels.ingenieure.de        */
/* Author:    Arnold Bwele                                   */
/* Company:   ISANGO                                         */
/* Date:      06.12.2006                                     */
/*                                                           */
/*************************************************************/

/* GENERALS */

body{
	font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color:#2C5BA7;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	font-size:76%;
	line-height: 1.6em;
	}

/* ÜBERSCHRIFTEN */	

h1 {
	font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-size:1.55em;
	font-weight:bold;
	color:#2C5BA7;
	padding: 0 5px 0 20px; 
	text-align:left;
	}

h2 {
	font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#2C5BA7;
	}

p {
	padding:0px;
	margin:0px;
	}

a {
	font-decoration:underline;
	color:#2C5BA7;
	}
	
/*LIST*/
ul,li{
	margin: 0;
	list-style-type: none;
	position: relative;
}

.contentList li {
	border-left: 3px solid #17407C;
	/*padding: 0.6em 1.2em;*/
	padding: 0 10 0 5px;
	margin: 3px 0 0 25px;
}


/* IMAGE */
.image {
	margin-left:20px;
	padding-top:0px;
	margin-bottom:12px;
	}
	
.picText {
          position: relative;
          margin-top: 10px;
          padding-bottom: 5px;
          display: block;
      }

.picText p {
          padding-top: 5px;
          margin: 0 10px 5px;
      }

.picText p a {
          color:#2C5BA7;
          text-decoration: none;
          padding-left: 0px;
      }

.picText p a:hover, .picText p a:active, .picText p a:focus {
          text-decoration: underline;
      }


.picText img {
          position: relative;
          float: left;
          margin: 10px 15px 8px 20px;
      }


/* NAVIGATION */
.menu {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}
.menu li {
	margin:0px;
	line-height:1.67em;
	padding:0px;
	border:0px;
	font-size:1.12em;
}
.menu li a {
	text-decoration:none;
	color:#2C5BA7;
}
.menu li a:hover {
	text-decoration:underline;
	background:#E1E8F8;
	text-decoration: none;
}

/* LAYOUT */	
#wrap{
	margin: 0 auto;
	padding: 0;
	width: 720px;
	border: 0;
	/*background: #EEEEEE;
	border:1px solid #17407C;
	overflow:hidden;*/
}
 
/* Header */	
#containerHead {
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	background:#FFFFFF;
	height:179px;
	width:100%;
	float:left;
	}
	
#containerHead .headerBar {
	left:0px;
	top:0px;
	height:15px;
	width:720px;
	float:left;
	background-color:#17407C;
	border:1px solid #17407C;
	} 
	
#containerHead .headerLogo {
	left:0px;
	top:15px;
	height:164px;
	width:100%;
	float:left;
	} 	

/* Left */	
#containerLeft {
	position:absolute;
	z-index:2;
	left:0px;
	top:179px;
	width:164px;
   }
   
#containerLeft .pylon {
	left:0px;
	top:179px;
	height:29px;
	width:164px;
	float:left;
   }
   
#containerLeft .menuhead {
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	width:164px;
	background-position:left;
} 
  
#containerLeft .navigationContainer {
	vertical-align:top;
	padding-top:7px;
	padding-bottom:7px;
	background-color:#17407C;
}
#containerLeft .navigation {
	vertical-align:top;
	margin-left:7px;
	margin-right:7px;
	font-size:0.85em;
	line-height:1.55em; 
	} 
   
 /* Right */ 
 #containerRight {
	position:absolute;
	z-index:2;
	left:164px;
	top:179px;
	width:556px;
}

#containerRight .contentBar {
	left:164px;
	top:179px;
	height:29px;
	width:556px;
	color:#FFFFFF;
	font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	text-align:left;
	background-color:#17407C;
	border:1px solid #17407C;
	} 
	
#containerRight .content {
	color:#2C5BA7;
	left:179px;
	top:208px;
	padding:20px 0 20px 0; /* für die Abstände oben und unten */
	line-height:18px;
	width:556px;
	float:left;
	background-color:#E1E8F8;
	border:1px solid #17407C;
   }

#containerRight .content p{
    /*padding:20px;
    padding-right:20px;*/
	padding: 0.6em 1.2em;
   }


#containerRight .footer {
	color:#FFFFFF;
	left:0px;
	top:0px;
	font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size:10px;
	padding:0px;
	text-align:center;
	width:556px;
	height:29px;
	float:left;
	background-color:#17407C;
	border:1px solid #17407C
   }
  
  /* DOCUMENTS */

.picDoc {
          position: relative;
          margin-top: 10px;
          padding-bottom: 5px;
          display: block;
      }

.picDoc p {
          padding-top: 5px;
          margin: 0 5px 5px;
      }

.picDoc img {
          position: relative;
          float: left;
          margin: 5px 15px 8px 5px;
      }