@import url("reset.css");
@import url("global.css");
/* ====================================================================================  
   alle Div-Boxen und Inhaltselemente
   ====================================================================================  */

/* Farben in HEX
 -----------------------------------------------------------------------------------
 
 Dunkelblau: #64687a 
  
 -----------------------------------------------------------------------------------  */
/* Hauptcontainer enthält alle Inhaltelement und mittet Seite
 ====================================================================================  */
div#wrapper
{
    width: 890px;
    margin: 60px auto 0;
}

/* Navigation oben (Home, Impressum)
 ====================================================================================  */
div#topNav
{
    width: 100%;
    height: 47px;
    clear: both;
}

div#topNav ul
{
	float: right;
	
	margin-top: 29px;
}

div#topNav ul li
{
	width: 103px;
	height: 18px;
	float: left;
	background: transparent url('../img/btn_topNav.gif') no-repeat scroll left top;
	text-align: center;
}

div#topNav a:link, div#topNav a:hover, div#topNav a:active, div#topNav a:visited
{
	font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	zoom: 1;    
    color: white;
    text-decoration: none;
    display: block;
	text-transform: uppercase;
	padding-top: 3px;
	
}

/* Links
 ====================================================================================  */
div#leftCol
{
    width: 240px;
    height: auto;
    float: left;
    display: inline;
    background: transparent url(../img/ptn_content.gif) repeat-x scroll left 330px;
}

div#logo
{
    width: 100%;
    height: 425px;
    background: transparent url('../img/planconnect_logo.jpg') top left no-repeat;
}

div#redSub
{
    width: 100%;
    height: 85px;
    background: transparent url('../img/redSub_projekte.jpg') top left no-repeat;
}



/* Rechts
 ====================================================================================  */
div#rightCol
{
    width: 640px;
    height: auto;
    float: right;
    display: inline;
    margin-left: 10px;
    background-color: #fbfdfe;
}

div#header
{
    width: 100%;
    height: 425px;
    background: white;
}

div#mainNav
{
    width: 100%;
}

div#mainNav ul
{
    width: 100%;
    height: 84px;
    background: transparent url(../img/ptn_mainNav.gif) repeat scroll right top;
}

div#mainNav ul li
{
    width: 105px;
    height: 100%;
    float: left;
    border-right: 1px solid white;
}

div#mainNav ul li.noBorder
{
    border: 0px;
	width: 110px;
}

* html div#mainNav ul li.noBorder { width: 115px; }

div#mainNav a:link, div#mainNav a:hover, div#mainNav a:active, div#mainNav a:visited
{
    font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    padding-top: 54px;
	padding-bottom: 18px;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	
}

div#mainNav a:hover
{
    color: #c1dce7;	
	font-weight: bold;
}

div#loginform {
   position: relative;
   padding: 5px;
   left: 100px;
   top: 75px;
   height: 300px;
   width: 450px;
}

div#loginform a {
    color: #de0029;
}

div#loginform table {
   width: 250px;
}

td.labelcell{
   width: 200px;
}

div#loginform p.loginheader {
   font: normal normal normal 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding-bottom: 45px;
}