/*
-----------------------------------------------
STYLES FUER STARTSEITE
----------------------------------------------- */

/* =CONTENT
----------------------------------------------- */

#maincontent {
  width: 850px;
}

#content {
    width: 580px;
    float: right;
	display: inline;
    margin: 0 0 30px 30px;
}

#content img {
  float: right;
  padding: 5px 0 20px 20px;
}

#content h3 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 175%;
	font-weight: normal;
    color: #06C;
	padding: 0;
	margin: 30px 0 10px 0;
	}

#content p {
  width: 310px;
}

.teaser {
    float: left; margin: 5px 10px 0 0;
}


/* =NOTEBAR
----------------------------------------------- */

#note {
    clear: both;
    width: 880px;
    background-color: #C9DBED;
    margin: 30px 0 0 0;
    padding: 15px 0 15px 20px;
    line-height: 1.2em;
    font-size: 90%;
    border-bottom: 1px solid #FFF;
}

#note p {
  margin-right: 200px;
}


#note img {
  border: none;
  float: left;
  padding: 0 10px 0 0;
}

#note a:link {
    color: #06C;
}

#note a:visited {
    color: #06C;
}

#note a:hover {
    color: #FFF;
    background-color: #06C;
    text-decoration: none;
}

#note a:active {
    color: #06C;
}

/* =FOOTER
----------------------------------------------- */

#footer {
    clear: left;
    background-color: #9FB6C7;
    margin: 0;
    padding: 0;
    font-size: 85%;
    color: #FFF;
    height: 30px;
    width: 900px;
}

#footer p.left {
  margin: 5px 0 0px 20px;
  float: left;
  display: inline;
}

#footer .top {
    margin: 5px 20px 0 0;
    float: right;
    display: inline;
}

#footer a {
    color: #FFF;
    text-decoration: none;
    padding-right: 20px;
    background: url(../img/icn_top.gif) right 60% no-repeat;
}

#footer a:visited {
    color: #FFF;
    text-decoration: none;
}

#footer a:hover,#footer a:active,#footer a:focus {
    color: #06C;
    text-decoration: underline;
}