body
{
    height: 100%;
    background-color: #FFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #333;
}

#all
{
    width: 960px;
    min-height: 600px;
    margin: 0% auto;
    padding: 0% 0%; /*background-image:url(../Images/streifen.gif);*/ /*background-position:center;*/ /*text-align:left;*/ /*font-size: 12px;*/
}

#main-navigation
{
    /*padding-top: 130px;*/
    height: 114px;
    width: 960px;
    background-image: url('../images/navigationneu.png');
    background-repeat: no-repeat;
    margin: 0% auto;
}

#footer
{
    background-image: url('../images/footer.jpg');
    background-repeat: no-repeat;
    height: 19px;
    width: 900px;
    padding-left: 60px;
    padding-top: 3px;
}

#selectmenue
{
    width: 150px;
    font-size: small;
    font-family: Arial;
}

#underline
{
    background: #FFFFFF;
    position: absolute;
    height: 0.19cm; /*davor: 7pixel*/
    max-height: 7px;
    left: 0px;
    top: 202px;
    font-size: 1px;
}

#logo
{
    position: relative;
    top: 17px;
    left: 18px;
    border: 0px solid transparent;
}

#body-main
{
    height: 100%;
    background-color: #FFFFFF;
    margin-right: 10px;
    padding-top: 30px;
}

#middle
{
    width: 708px;
    margin: 0px 10px;
    float: left;
    padding-left: 20px; /*min-height:700px;*/
}

#rightBox
{
    width: 210px;
    float: left;
    height: 50%;
}

/*#left 
{
	float:left;
	width: 210px;
	padding-left: 20px;  the difference to make the left colum appear flush left 
	margin: 0px;
	min-height:700px;
}*/

#contentfloader
{
    /* also makes the right "sliding" tab */
    float: left;
    position: relative;
    background-position: center;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    height: 151px;
}

#contentfloatholder:after
{
    /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    background-image: url(../images/streifen.gif);
}


#center
{
    padding-top: 20px;
    padding-bottom: 20px;
    width: 958px;
    min-height: 600px;
    border: 1px solid #CCC;
    overflow: auto;
}


h1
{
    font-size: 16px;
    color: #002D73;
}

h2
{
    font-size: 12px;
    color: #002D73;
}

h4
{
    font-size: 10px;
    color: #002D73;
}

img[class=pageImage]
{
    padding: 0px;
    border-width: 0px;
}

a:link
{
    color: #002D73;
    text-decoration: none;
}

a:visited
{
    color: #002D73;
    text-decoration: none;
}

a:active
{
    color: #FF;
    text-decoration: none;
}

a:hover
{
    color: #002D73;
    text-decoration: underline;
}

/*Sitemap*/
#sitemap_container
{
    width: 75%;
    font-family: verdana, arial, Helvetica, sans-serif;
    list-style-type: none;
}

#sitemap_container li
{
}

#sitemap_container ul
{
    padding: 0px;
    list-style-type: none;
    margin-left: 10px;
}

#sitemap_container ul li
{
    padding: 0px;
}

#sitemap_container a
{
    display: block;
    padding: 5px 10px;
    color: #fff;
    background-color: #5677A7;
    text-decoration: none;
    margin-bottom: 5px;
}

#sitemap_container a:hover
{
    color: #003366;
    background-color: #F1F1F1;
    text-decoration: none;
}

#sitemap_container ul a
{
    color: #fff;
    background-color: #8EA9CE;
    text-decoration: none;
}

#Bild
{
    margin: 4px 12px 4px 4px;
    border: 2px #CCCCCC solid;
    width: 161px;
    padding: 2px 2px 2px 2px;
    float: left;
}


.bilder
{
    border: 2px #CCCCCC solid;
    padding: 2px 2px 2px 2px;
}

.menue
{
    text-align: center;
    padding-top: 14px;
    cursor: pointer;
    height: 25px;
}

.menue a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.menue:hover
{
    background-color: #4B74AA;
}

.collapsiblePanelHeader
{
    width: 100%;
    border-bottom: 1px Silver solid;
    font-weight: bold;
}

.collapsiblePanelContent
{
    width: 93%;
    border: 1px Silver solid;
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
}

.collapsiblePanel
{
    margin-bottom: 20px;
}

.loginFailMessage
{
    color: Red;
}

.orangeHeadline
{
    color: #FA702A;
    font-weight: bold;
}

.pageImg
{
    border-width: 0px;
}
#fw_outer
{
    /* position: relative;     top: 140px;*/
    background: url('../images/Kreis_Hintergrund.png') transparent center center no-repeat;
    width: 475px;
    height: 394px;
    margin: 0 auto;
}
.spacer
{
    height: 140px;
}
#fw_orb_top
{
    background: url('../images/Kreis_Coaching.png') transparent no-repeat;
    width: 115px;
    height: 115px;
    position: relative;
    left: 180px;
    top: 15px;
}
#fw_middleline
{
    position: relative;
    top: 10px;
}
#fw_orb_left
{
    background: url('../images/Kreis_Consulting.png') transparent no-repeat;
    width: 115px;
    height: 115px;
    position: relative;
    left: 15px;
    top: 15px;
    float: left;
}
#fw_orb_center
{
    background: url('../images/Kreis_artiso-ALM-Framework.png') transparent no-repeat;
    width: 135px;
    height: 117px;
    position: relative;
    left: 55px;
    top: 15px;
    float: left;
}
#fw_orb_right
{
    background: url('../images/Kreis_ALM-Tools.png') transparent no-repeat;
    width: 115px;
    height: 115px;
    position: relative;
    right: 15px;
    top: 15px;
    float: right;
}
#fw_orb_bottom
{
    background: url('../images/Kreis_Infrastruktur.png') transparent no-repeat;
    width: 115px;
    height: 115px;
    position: relative;
    left: 180px;
    top: 35px;
    clear: both;
}
#fw_orb_top:hover
{
    background-image: url('../images/Kreis_Coaching_hover.png');
}
#fw_orb_left:hover
{
    background-image: url('../images/Kreis_Consulting_hover.png');
}
#fw_orb_right:hover
{
    background-image: url('../images/Kreis_ALM-Tools_hover.png');
}
#fw_orb_bottom:hover
{
    background-image: url('../images/Kreis_Infrastruktur_hover.png');
}
.spacer_small
{
    height: 40px;
}
.spacer_extrasmall
{
    height: 15px;
}

.left
{
    float: left;
    width: 475px;
}
.right
{
    float: right;
    width: 233px;
}

h4.history
{
    font-size: 10pt;
}
h5.history
{
    font-size: 10pt;
}

.label
{
    float: left;
}
.control
{
    float: right;
}
.clear
{
    clear: both;
}
a.whitelink
{
    color: #FFFFFF;
    text-decoration: underline;
}
a.whitelink:link
{
    color: #FFFFFF;
    text-decoration: underline;
}
a.whitelink:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}