/* Copyright:    ARS IN4MATICA GmbH */
/* Realisierung: Wolfgang Möller    */
/* Datum:        20.06.2007         */

body {
 background-color: #174882;
 font-size: 12px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#000000;
 padding:0px;
 margin:0px;
}

a {
 color: #174882;
 text-decoration: none;
}

a:visited {
 color: #FF0000;
}

a:hover {
 color: #174882;
}

a:active {
 color:#174882;
}

h1 {
 font-size: 12px;
 color:#174882;
 padding:10px 10px;
 margin:0px
}

h2 {
 font-size:12px;
 font-weight: bold;
 color:#174882;
 padding: 5px 10px;
 margin-top:120px;
}

h3 {
 font-size:12px;
 font-weight: bold;
 color:#174882;
 padding: 2px 15px;
 margin-top:0px;
}

#projekte {
        position:                 absolute;
        top:                         0;
        left:                         0;
        background:         transparent url(images/projekte.gif) no-repeat;
        width:                        43px;
        height:                        297px;
}

ul {
 list-style-image:url(images/bullet.jpg);
 margin-right: 15px;
 }


/* ----------Container---------- */
#container1 {
 width: 840px;
 height: 200px;
 background-image: url(images/header_bg.jpg);
 color: #FFFFFF;
 padding:0px;
 border: 0px;
 margin: 0px;                /* Rand von oben */
 border: #b6c5d8 solid 4px;
 margin-left: auto;
 margin-right: auto;
}


/* ----------Header-Menu-------------- */

#headerrechts {
 position: relative;
 font-size: 1.8em;
 left: 0px;
 top: 5px;
 width:250px;
 float: right;
 margin-left: 130px;
 /*border: red solid 2px;*/
 padding: 1px;
 }

#headerrechts a {
 color:#174882;
 background: transparent;
 overflow:hidden;
 padding: 0 0 0 0px;
}

#headerrechts a:hover {
 color:#FFFFFF;
 background: transparent;
}

#headerlinks {
 width:620px;
 position: relative;
 top: 140px;
 left: 5px;
 /*border: blue solid 2px;*/
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#FFFFFF;
 background: transparent;
 margin: 0px;
 padding: 5px;
 float: left
}

#headerlinks a {
 color:#DFDFDF;
 background: transparent;
 overflow:hidden;
 padding: 0 0 0 0px;
}

#headerlinks a:hover {
 color:#FFFFFF;
 text-decoration: underline;
 background: transparent;
}

#container {
 width: 840px;
 padding:0px;
 border-left: #b6c5d8 solid 4px;
 border-right: #b6c5d8 solid 4px;
 border-bottom: #b6c5d8 solid 4px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
}

/* ----------outer und inner----------------- */
#outer {
 border-left: solid 200px #FFFFFF;   /* Farbe der linken Spalte*/
 background-color: #FFFFFF;          /* Farbe der Inhalts-Spalte*/
}

#inner {
 margin:0px;
 margin-top; 10px;
 width:100%;
}

/* --------------Linke Navigation------------- */
#left {
 width:200px;
 position:absolute;
 text-align:left;
 margin-left:-180px;
}

#left a {
 color:#FFFFFF;
 background: #174882;
 display:block;
 width:150px;
 height:30px;
 line-height:25px;
 overflow:hidden;
 padding: 0 0 0 10px;
}

#left a:hover {
 font-weight: bold;
 color:#174882;
 background: #C0C0C0;
 display:block;
 width:150px;
 height:30px;
 line-height:25px;
}


/* -----------------Inhalt--------------------- */
#content {
 position: relative;
 width: 630px;                                                                        /* feste Breite des Contents */
 height: 400px;                                                                        /* feste Höhe des Contents   */
 border:0px;
 margin-top: 0px;
 margin-bottom: 5px;
}

/* --------------rechte Steuerung------------- */
#steuerung {
 color:#174882;
 width:150px;
 position:absolute;
 text-align: right;
 margin-left:400px;
 bottom: 5px;
}

#steuerung a:hover {
 color:#174882;
/* font-weight: bold;*/
}

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


/*  ----------------Fußzeile-------------------- */
#footer {
 color:#C0C0C0;
 clear:left;
 margin:0px;
 margin-top:0px;
 background-image: url(images/footer.jpg);
 padding: 8px
}

#footer a {
 color:#FFFFFF;
}

#footer a:hover {
 color: #FF0000;
 }