/*

style.css

grasland.com
2009-04 || 2010-02
www.schoenundneu.de

*/


/* 

allgemeine Voreinstellungen
----------------------------------------------------------------------- */


* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;   
}

#wrapper * {
font-size: 1em;
}

body#index {
background: #D1E0FE url(../bilder/index_stk.jpg) no-repeat 5% top;
font-size: 100.01%;
}

body {
background: #c3dbf5;
font-size: 100.01%;
}

#wrapper {
margin-left: 5%;
width: 954px;
position: relative;

}

#sidebar {
padding-top: 0px;
}

img { border: 0; }



/* 
----------------------------------------------------------------------- 

*/


/* 

Indexseite - Formatierungen
----------------------------------------------------------------------- */

#index-navi-rechts {
position: absolute;
top: 170px;
left: 725px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#index-navi-links {
position: absolute;
top: 170px;
left: 520px;
text-align: right;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#index-navi-links dl,
#index-navi-rechts dl {
width: 190px;
list-style: none;
margin: 0 0 40px 0;

text-transform: uppercase;
letter-spacing: .01em;
}

#index-navi-links dl dt,
#index-navi-rechts dl dt {
font-size: 1.125em;
padding: .3em 10px;
margin-bottom: .6em;
font-weight: bold;
text-transform: uppercase;
}

#index-navi-links dl dd,
#index-navi-rechts dl dd {
font-size: .9em;
padding: 0 10px;
margin-bottom: .2em;
}

#index-navi-links dt a,
#index-navi-rechts dt a,
#index-navi-links dl dd a, 
#index-navi-rechts dl dd a  {
color: #728CA6;
text-decoration: none;
}

#index-navi-links dt a:hover,
#index-navi-rechts dt a:hover,
#index-navi-links dl dd a:hover,
#index-navi-rechts dl dd a:hover,
#index-navi-rechts ul li a:hover {
font-style: italic;
}

#index-navi-rechts ul {
list-style: none;
margin-top: 210px;
}

#index-navi-rechts ul li a {
font-size: .9em;
color: #728CA6;
text-decoration: none;
margin: 0 0 0 10px;
text-transform: uppercase;
font-weight: bold;
}





/* 

Inhaltsseiten - Formatierungen
----------------------------------------------------------------------- */

#content-schwerpunkte,
#content,
#sidebar {
float: left;
margin-left: 3px;
}

#subnavi {
position: relative;
z-index: 10;
margin: 20px 0 0 40px;
}



#content-schwerpunkte,
#content {
padding: 0 0 30px 3px;
width: 728px;
background: url(../bilder/content-hg.gif) repeat-y top left;
position: relative;
margin-top: 20px;
border-top: 1px solid #bfd7f0;
/* damit die Links im Textfeld klickbar sind: */
z-index: 1;
}

#textfeld {
margin: 40px 70px 3em 42px;
}

#textfeld span {
font-weight: bold;
}

#textfeld ul {
font-size: .95em;
margin: .5em 140px 2em 4.4em;
}




#bildfeld {
margin: 40px 0 3em 0px;
}

#sidebar {
width: 198px;
background: #E7F1FB; 
position: absolute;
right: 24px;
top: 118px;
z-index: 1;
}

#footer {
position: relative;
top: -10px;
left: 5px;
width: 752px;
}

#index-footer {
position: absolute;
top: 572px;
right:  11px;
/* width: 748px; */
width: 455px;
}



/* 

Navigationen
----------------------------------------------------------------------- */

#subnavi {
font-size: .9em;
letter-spacing: .02em;
margin-top: 0;
}

#subnavi ul {
clear: left;
}

#subnavi ul li {
float: left;
list-style: none;
}

#subnavi ul li a {	
display: block;
text-transform: uppercase;
text-decoration: none;
color: black;	
margin-right: 40px;
padding: .2em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#subnavi ul li a:hover,
#subnavi ul li a.aktiv {
text-decoration: none;
/* background: #EFF7FF; */
background: #D5E7FF;
color: #364242;
}

#content #subnavi,
#content-schwerpunkte #subnavi {
margin-top: 1em;
}





#subnavi-it {
font-size: .9em;
letter-spacing: .02em;
margin-top: 0;
}



#subnavi-it ul {
margin-left: 40px;
clear: left;
}

#subnavi-it ul li {
float: left;
list-style: none;
}

#subnavi-it ul li strong,
#subnavi-it ul li a {	
display: block;
text-decoration: none;
color: black;	
margin-right: 1em;
padding: .2em;
/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
}

#subnavi-it ul li a:hover,
#subnavi-it ul li a.aktiv {
text-decoration: none;
/* background: #EFF7FF; */
background: #E0F2FF;
color: #364242;
}








#sidebar * {
font-family: "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
}

#sidebar dl,
#sidebar dl.aktiv,
#sidebar ul  {
width: 100%;
list-style: none;
letter-spacing: .01em;
padding: .3em 0 1em 0;
z-index: 2;
}

  

#sidebar dt {
font-size: 1.1em;
padding: .3em 10px;
color: #698099;
}

#sidebar dt a {
color: #698099;
text-decoration: none;
}

#sidebar dd,
#sidebar li {
font-size: .9em;
padding: 0 0 0 10px;
margin-bottom: .2em;
}

#sidebar ul li a,
#sidebar dl dd a {
color: #698099;
text-decoration: none;
}

#sidebar ul li a:hover,
#sidebar dl a:hover,
#sidebar dt.aktiv,
#sidebar dd a.aktiv,
#sidebar ul a.aktiv {
color: black;
font-style: italic; 
}

#sidebar dl.aktiv,
#sidebar ul.aktiv {
background: white;
}



#sidebar ul {
list-style: none;
padding: 10px 0 50px 0px;
z-index: 10;
position: relative;
}

#sidebar ul li a {
line-height: 1.4em;
font-size: 14px;
font-weight: bold;
color: #455B72;
text-decoration: none;
}




/* 

Bilder
----------------------------------------------------------------------- */

#content img.header {
margin: 8px 0 0 0;
}

.textbild {
position: relative;
float: right;
}

.textbild img {
background: white;
margin: 0 0 .2em 1.5em;
z-index: 100; 
}

.textbild img.lupe {
border: none;
position: absolute;
bottom: 8px;
right: 4px;
}

#sidebarbild {
position: absolute;
top: 231px;
right: 0;
z-index: 1;
}

#stephankuehnebild {
float: left;
margin: 1.4em 1.8em 1.4em 0;
}








/* 

Schriftformatierungen
----------------------------------------------------------------------- */

#wrapper h1 {
text-transform: uppercase;
color: white;
font-size: 2.25em;
margin: 11px 0 0 3px;

}

#wrapper h1 a {
color: white;
text-decoration: none;
}

#wrapper h1.zeile-zwei {
font-style: normal;
text-transform: none;
font-weight: normal;
margin: 0 0 0 3px;
}

#wrapper h1.zeile-zwei span {
font-style: italic;
}


#textfeld p {
margin: 0 0 .7em 50px;
font-size: .9em;
width: 570px;
line-height: 18px;
z-index: 2;
}

#textfeld h2 {
margin: 1em 0 .7em 0px;
text-transform: uppercase;
}

#textfeld h3 {
margin: 1em 0 .4em 50px;
font-size: 1em;
}

#textfeld h4 {
margin: 1em 0 .2em 50px;
font-size: .9em;
line-height: 1.2em;
}

#textfeld p.zwei {
margin: 0 0 .5em 65px;
}


#textfeld h4 a,
#textfeld p a {
color: #cc0066;
text-decoration: none;
font-weight: normal;
}

#textfeld h4 a {
margin-right: 2em;
}


#textfeld p.float,
#textfeld .float {
float: right;
width: 170px;
margin: 0 0 .4em 2em;
padding-left: 1.5em;
border-left: 1px solid #cc0066;
}

#textfeld p.float a {
font-weight: normal;
/* text-transform: uppercase; */
}


#textfeld h4 a:hover,
#textfeld p a:hover {
text-decoration: underline;
}



#bildfeld h2 {
font-size: .9em;
margin: 0 0 .7em 42px;
}

#index-footer p,
#footer p {
text-align: center;
}

#index-footer p,
#index-footer p a,
#footer p,
#footer p a {
color: #7d94ac;
font-size: 11px;
text-decoration: none;
text-align: center;
}


h1, h2, h3, h4,
h1 a, h2 a, h3 a, h4 a,
h2 span {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
}





/* 

Listenformatierungen
----------------------------------------------------------------------- */


#textfeld ul,
#textfeld dl {
margin: .5em 0 .7em 80px; 
}

#textfeld ul li {
/* list-style-image: url(../bilder/pixel-liste.gif); */
list-style: none;
}

#textfeld ul li a {
color: #cc0066;
text-transform: uppercase;
text-decoration: none; 
}

#textfeld ul li a:hover {
font-style: italic;
}

#textfeld ul li {
margin-bottom: .4em;
}

#textfeld ul ul {
margin: 0em;
list-style: none;
}

#textfeld ul li ul li {
margin-bottom: .1em;
}


#textfeld dl {
margin-bottom: 1.1em;
}

#textfeld dl dt {
font-weight: bold;
font-size: .9em;
margin-bottom: .2em;
}

#textfeld dd {
background: url(../bilder/pixel-liste.gif) 0 .4em no-repeat ;
padding-left: 1em;
font-size: .9em;
margin-bottom: .2em;
}






/* 

Bildleiste auf der Impressionen-Seite
----------------------------------------------------------------------- */

.bildleiste1 {
margin: 0;
padding: 0;
position: relative;
width: 144px;
height: 111px;
float: left;
margin-bottom: 1em;
}

.bildleiste2 {
margin: 0;
padding: 0;
position: relative;
width: 145px;
height: 111px;
float: left;
}

.bildleiste3 {
margin: 0;
padding: 0;
position: relative;
width: 145px;
height: 111px;
float: left;
}

.bildleiste4 {
margin: 0;
padding: 0;
position: relative;
width: 146px;
height: 111px;
float: left;
}

.bildleiste5 {
margin: 0;
padding: 0;
position: relative;
width: 145px;
height: 111px;
float: left;
}
.bildleiste img {
margin:0;
padding: 0;
}

.bildleiste1 .lupe,
.bildleiste2 .lupe,
.bildleiste3 .lupe,
.bildleiste4 .lupe,
.bildleiste5 .lupe {
border: none;
position: absolute;
bottom: 1px;
right: 2px;
}

a.pfeilhoch {
float: right;
text-decoration: none;
margin: -2em 3em 0 0;
}

#index-footer p a,
#footer p a {
text-decoration: none;
}

#index-footer p a:hover,
#footer p a:hover {
text-decoration: underline;
}

#index-footer p {
text-align: right;
}