@charset "UTF-8";
/*
    Code by Patrick Weiß
    http://www.bueroweiss.com
*/

/*Basics / Seitenkonstrukt
################################*/

body {
    font: 14px/1.4 Georgia, Times New Roman, Times, serif;
    background: url(img/bg_body.jpg) repeat-x #c3c3c3;
    color: #000;
}

p {
    margin-bottom: 1em;
}


.clearer {
	float:none;
	clear:both;
	width:1px;
	margin:0 0 -1px 0 !important;
	padding:0;
	font-size:1px;
	line-height:1px;
	height:1px;
}

#wrapper,
#content,
#header,
#footer {
    width: 900px;
}

#content {
    background: #fff;
    padding-bottom:55px;
}

#footer {
    background: url(img/schlagschatten.png) no-repeat;
}

#content {
    min-height: 500px;
}


/*Header
################################*/

#header {
    height: 160px;
    margin-bottom: 55px;
    position: relative;
}

body#home #header {
    background: url(img/header_home.gif) no-repeat;
}

body#person #header {
    background: url(img/header_person.gif) no-repeat;
}

body#aktuelles #header {
    background: url(img/header_aktuelles.gif) no-repeat;
}

body#projektauswahl #header {
    background: url(img/header_projekt.gif) no-repeat;
}

body#links #header {
    background: url(img/header_links.gif) no-repeat;
}

body#kontakt #header {
    background: url(img/header_kontakt.gif) no-repeat;
}

#header h1 {
    text-indent: -9999px !important;
    height: 60px;
    width: 250px;
    top: 100px;
    left: 27px;
    position: absolute;
}

#header h1 a {
    display: block;
    height: 60px;
    width: 250px;
}

#header a:hover {
    background-color: transparent !important;
}

#header p.impressum {
    width:200px;
    position:absolute;
    top: 40px;
    right: 20px;
    text-align: right;
}

#header p.impressum a {
    color: #fff;
    font-size: 12px;
}



/*Headlines
################################*/

h1, h2
{
	font-size: 20px;
    font-weight: normal;
    margin-bottom: 0.8em;
}



#home h2 {color:#A18A7A;}
#person h2, #person h3  {color:#8089A3;}
#aktuelles h2 {color:#B29C5B;}
#projektauswahl h2 {color:#A09B8B;}
#links h2, #links h3 {color:#629E9C;}
#kontakt h2 {color:#A18578;}



h3
{
    font-size: 16px;
    font-weight: normal;
    margin-bottom:0.5em;
    /*font-style:italic;*/
/*    text-transform: uppercase;
    text-decoration: underline;*/

    /*font-size: 17px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 0.7em;*/
}

h4
{
	font-size: 14px;
}

h5
{
	font-size: 14px;
    font-weight: normal;
    color:#000;
}



/*Haupt-Inhalt
################################*/

#main-content {
    width: 530px;
    padding-right:20px;
    float: right;
}

.img-right {
    margin-right: -20px;
    margin-top:5px;
    margin-left: 10px;
    float: right;
    width: 265px;
    overflow: hidden;
}

.img-content {
    margin-right: -20px;
    margin-top:5px;
    margin-left: 15px;
    margin-bottom:50px;
    float: right;
}

.txt255 {
    float: left;
    width: 265px;
}

.txt255,
.txt-klein,
.txt-normal,
.txt-grau  {
    margin-bottom:40px;
}


.txt-klein {
    font-size: 12px;
}

.txt-grau {
    color:#888;
    font-style: italic;
}

.txt-klein h4 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom:0;
}

#main-content ul,
#main-content ol {
    margin-bottom: 1em;
}

#main-content ul {
   /* list-style: disc;*/
    list-style: circle;
}


#main-content li {
    margin-left:20px;
}






/*Links
################################*/
a {
    text-decoration: none;
}


.top {
    margin-top:40px;
}


.top a {
    color: #777 !important;
    background:url(img/pfeil_top.gif) 0 3px no-repeat;
    padding-left: 10px;

}

.top a:hover {
    color: #777 !important;
    background-color: #eee !important;
}

body#home a {
    color:#A18A7A;
}

body#home a:hover {
    background-color:#A18A7A;
    color: #fff;
}

body#person a {
    color:#8089A3;
}

body#person a:hover {
    background-color:#8089A3;
    color: #fff;
}

body#aktuelles a {
    color:#B29C5B;
}

body#aktuelles a:hover {
    background-color:#B29C5B;
    color: #fff;
}

body#projektauswahl a {
    color:#A09B8B;
}

body#projektauswahl a:hover {
    background-color:#B2AD9B;
    color: #fff;
}

body#links a {
    color:#629E9C;
}

body#links a:hover {
    background-color:#629E9C;
    color: #fff;
}

body#kontakt a {
    color:#A18A7A;
}

body#kontakt a:hover {
    background-color:#A18A7A;
    color: #fff;
}




/*Navigation
################################*/

#navigation {
    margin-left:27px;
    width:290px;
    float: left;
}

#navigation ul,
#navigation li {
	list-style:none;
    padding:0;
    margin: 2px 0;
}

#navigation li a, #navigation li.active a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
    padding: 2px;
    text-transform: uppercase;
    font-size: 10px;
    /*letter-spacing: 2px;*/
   /* font-weight: bold;*/
}

#navigation  li a:hover {
	background-color:#eee;
    color:#000;
}

#navigation  li.active a {
    background-color:#ccc;
}


#navigation li li {
    margin-left:24px;
}

#navigation li.active li a {
    background-color: #fff;
}

#navigation li.active li a:hover {
    background-color: #eee;
}

#navigation li.active li.active a {
    background-color: #c3c3c3;
}