/*

sun.css
2009_12

*/

@import url(hauptnavi.css);
@import url(subnavi.css);
@import url(schriftformate.css);



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


* {
   margin: 0; padding: 0;  
}

img { border: 0; }

a {
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: .01em;
}

ul a:hover,
p a:hover {
	color: black;
}

a img {
	border-bottom: 0; background: transparent;
}

body {
    font-size: 100.01%;
    margin: 0 auto;
    text-align: center;
    font-family: Georgia, serif;
	background: #fff;
}

body #container-index {
	background: url(../bilder/kornblumeStart.jpg) no-repeat 705px 450px;
}



#container,
#container-index,
#container-arbeiten,
#container-wir,
#container-begegnungen,
#container-kontakt-impressum {	
	position: relative;
	width: 990px;
	margin: 0 auto;
	text-align: left;
	/* height: 763px; 
	background: #fbffff;*/ 
	}

#container-arbeiten {
	background: transparent url(../bilder/korniStuhl_arbeiten.gif) no-repeat 610px 350px; 
	height: 660px;
}

#container-wir {
	/*background: url(../bilder/kornblume-sun.gif) no-repeat 650px 470px;*/
	height: 660px;
}






/* Hauptcontainer
-------------------------------------------------------------------------- */

#wortbildmarke {
	position: absolute; top: 10px; left: 10px; width: 461px; height: 82px; z-index: 100;
}

#rechts { 
	position: absolute; top: 6px; left: 760px; 
}

#text-index,
#text-preise,
#text-checkliste,
#text-arbeiten,
#text-arbeiten-starttext,
#text-referenzen,
#text-wir,
#text-kontakt-impressum,
#text-netzwerk,
#text-taet,
#text-berlin,
#text-fundstuecke,
#text-textstuecke,
#text-login {
	position: relative;
	left: 10px;
	line-height: 1.8em;
	width: 630px;
    padding-bottom: 50px;
    }

/*
#text-index,
#text-kontakt-impressum,
#text-taet,
#text-berlin,
#text-fundstuecke,
#text-textstuecke {
	top: 160px;
}
*/


#text-index {
	color: #6c0d08;
    width: 800px;
}



#text-index,
#text-preise,
#text-checkliste,
#text-arbeiten,
#text-arbeiten-starttext,
#text-referenzen,
#text-kontakt-impressum,
#text-netzwerk,
#text-login,
#text-wir {
	top: 205px;	
	}

#text-arbeiten,
#text-arbeiten-starttext {
	height: 500px;
		}

#text-referenzen {
	width: 1150px;
}

#text-wir {
	/* top: 220px; */	
	height: auto;
    padding-bottom: 40px;
}

#text-taet,
#text-berlin,
#text-fundstuecke,
#text-textstuecke { 
	left: 130px;
	top: 190px;
	background: #efefef;
	padding: 50px 0 50px 100px;
}

#begegnungen-start {
	position: absolute;
	top: 190px;
	left: 130px;
	height: 300px;
	/* background: #efefef url(../bilder/begegnungen_bg.jpg) no-repeat 62px 45px; */
	width: 700px;
}


#text-wir p a:hover {
background: #99161C;
}

#text-referenzen p.kundenliste a {
color: #58589E;
}


#text-referenzen p.kundenliste a:hover, 
#text-referenzen p a:hover {
background: #58589E;
}

/* #text-netzwerk p a:hover.netzwerk {
background: #32743D; 
} */




/* Link zur Startseite
--------------------------------------------------------------------------- */

#wortbildmarke a {
    width: 510px;
    height: 80px;
    border-bottom: none;
}

#wortbildmarke a:hover img {
	border-bottom: none;
	background: none;
	text-decoration: none;
}



/* Kundenliste
--------------------------------------------------------------------------- */

#kundenliste {
	margin: 40px 0 0 0;	
}

#kundenliste ul {
	margin: 1em 0 1em 2em;
	list-style: none;
	font-size: 14px;
}

#kundenliste ul li {
	line-height: 1.25em;
}




/* Kornblume, Pfeile
--------------------------------------------------------------------------- */
img#korni {
position: absolute;
    left: 470px;
}
img#blaue-blume-arbeiten {
	position: absolute;
    left: 480px;
	top: 200px;
	z-index: 10;
}

img#blaue-blume-referenzen {
	position: absolute;
    left: 650px;
	top: 122px;
}

img#blaue-blume-wir {
	position: absolute;
    left: 555px;
	top: 190px;
	z-index: 1;
}

img.joomla {
	position: absolute;
	right: 2em;
	bottom: 2em;
}








	
/* Sonstiges
--------------------------------------------------------------------------- */

em {
	cursor: help;
}

cite {
	display: block;
	margin:  .2em 0 1em 0;
	font-size: 16px;
}

span.abstand {
	margin: 0 .2em;
}


.joomla-asterisk {
	position: relative;
}

div.joomla {
	position: absolute;
	right: 50px;
	top: 410px;
	font-size: 12px;
}

.joomla-bild {
	position: relative;
	top: .3em;
	right: 0;
}

.joomla sup { 
	color: red;
	font-size: 1.5em;
	height: 1.8em;
	line-height: 1.8em;
	font-family: mono-type;
	}
	
.joomla a {
	color: #58589E;
}

.joomla a:hover {
	color: white;
	background-color: #58589E;
}	
	
.joomla a .joomla-text {
	display: block;
	position: absolute;
	left: -9999em;
}

.joomla a:hover .joomla-text {
	top: 0px;
	left: -300px;
	width: 450px;
	height: 70px;
	color: #7F7F7F;
	text-decoration: none;	
  background: white;	
	}
	
.joomla a:hover .joomla-text .text {
	text-decoration: none;
	margin-top: 0px;
	padding: .6em;
	text-decoration: none;
	border: 1px solid #dedede;
	display: block;
	}	
    
    
    
/*
aktualisierte Seite
----------------------------------------------------------------------------------------------*/

#text-index div.praesentation {
	width: 611px;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 0px solid gray;
} 

#text-index div.ohneRand {
	border-bottom: 0px solid gray;
}
#text-index h3 {
	width: 650px;
	line-height: 1.3em;
	font-size: 100%;
	color: #000;
} 

.praesentation h3 { 
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
} 

#text-index .praesentation a {
	/* position: absolute;
	bottom: 6px;
	right: 430px; */
	text-decoration: none;
	border: none;
	color: #373737;
	font-size: 14px;
	font-weight: bold;	
}

#text-index .praesentation a span {
    position: absolute;
	bottom: 6px;
	right: 430px;
    display: block;
    width: 250px;
    text-align: right;
}

#text-index .praesentation p {
    margin: 7px 0 4px 0;
	line-height: 1.7em;
	letter-spacing: .02em;
	font-size: 80%;
}

#text-index .praesentation:last-of-type {
    margin-bottom: 2em;
}

#wirBildContainer {
margin: 0 0 10px 10px;
padding: 0;
display: block;
}

#wirBildContainer a.wirBild {
    text-decoration: none;
    border: none;
}

#text-index h2 + .praesentation {
    margin-top: -1em;
}

.praesentation hr {
    border: none;
    width: 20%;
    height: 1px;
    color: gray;
    background: gray;
    margin: 1em auto; 
}


/*
CSS-Rollover
----------------------------------------------------------------------------- */

#text-referenzen p {
    /* position: relative; */
}

.einblendung a span.einblendungsText {
display: none;
z-index: 1001;
}

.einblendung a {
color: #d94e41;
text-decoration: none;
}

.einblendung a:hover {
color: #223da6;
text-decoration: none;
} 

.einblendung a:hover span.einblendungsText {
position: absolute;
right: 450px;
top: 30px; 
display: block;
z-index: 1001;
width: 500px;
height: 248px;
cursor: pointer;
/* background: #e1e1c1; */
background: #eee;
}

.einblendung a:hover span.einblendungsText img {
    display: block;
    margin: 10px auto;
}

/* span.einBlendungsTextInfo {
    z-index: 2002;    
    color: black;
    font-size: 11px;
    position: absolute;
    top: 236px;
    right: 10px;
    text-align: right;
} */
    


#text-referenzen p {
	margin-bottom: .3em;
	position: relative;
}

#text-referenzen p a {
	padding-bottom: .01em;
	border-bottom: 1px solid;	
	text-decoration: none;
	position: absolute;
	left: 735px;
}

#text-referenzen p a:hover {
	color: white;
	background-color: #285565;  
}

#text-referenzen p.kundenliste {
	margin: 2em 0 0 0;
}

#text-referenzen p.kundenliste a {
	position: static;
	color: black;
	font-size: 100%;
}

#text-referenzen p.kundenliste a:hover {
	background-color: #285565;
	color: white;
}



/* 
_______________________________________________________________________ */



p>a[href^="http://"]:before, 
h3>a[href^="http://"]:before {
    content: "\00A0\2191\00A0 ";
}

#text-preise h2,
#text-checkliste h2 {
    font-size: 24px;
    margin: 0 0 .4em 0;
    font-weight: normal;
}

#text-checkliste ul {
	margin: 1em 0 1em 2em;
	list-style: square;
	font-size: 14px;
}

#text-checkliste li {
    font-size: 14px;
    width: 565px;
    margin-bottom: .8em;
    line-height: 1.4em;
	z-index: 1000;
}

#text-checkliste li li {
    line-height: .8em;
}

/* 
Was darf es sein?
------------------------------------------------------------------------------- */

.preisgestaltung {
    margin: 0 0 1.8em 0;
}


#text-preise .preisgestaltung h3,
#text-checkliste .preisgestaltung h3 {
    margin: 1em 0 0em 0;
    font-size: 14px;
    width: 570px;
    font-weight: bold;
}

.preisgestaltung h3 span {
    float: right;
    text-align: right;
    width: auto;
}
.preisgestaltung p {
    line-height: 1.3em;
    margin-bottom: .4em;
    font-size: 14px;
    width: 420px;
}

#text-checkliste .preisgestaltung ol,
#text-preise .preisgestaltung ol {
    margin: .5em 0 .5em 36px;
    line-height: 1.2em;
    width: 514px;
    font-size: 14px;
}
.preisgestaltung ol li {
    margin-bottom: .3em;
}
.preisgestaltung ol li span {
    float: right;  
    text-align: right; 
    width: 100px;   
}
#text-preise hr {
    border: none;
    color: black;
    background: black;
    height: 1px;
    margin: 0 0 1em 0;
}

#downloadlinks {
position: absolute;
	top: 199px;
	left: -4px;
	padding: 0 4px;
	font-size: 24px;
	list-style: none;
	width: 300px;
	z-index: 100;
}

ul#klar-und-deutlich {
position: absolute;
	top: 0px;
	left: -4px;
	padding: 0 4px;
	font-size: 24px;
	list-style: none;
	width: 300px;
	z-index: 100
}
#pdf {
position: absolute;
display: block;
top: 0;
left: 7.4em;
}

a.kd {
text-decoration: none;
color: #184f25;
border-bottom: none;
}

.preisgestaltung p a.kd:hover {
background: #184f25;
color: #FFFFFF 
}


/* 
Footer
------------------------------------------------------------------------------- */
#footer {
	margin-top: 40px;
	width: 812px;
	padding-bottom: 40px;
	position: relative;
}

#footer2 {
	position: absolute;
	top: 440px;
	width: 812px;
}

#footer ul li, #footer2 ul li {
	float: left;
	list-style: none;
	margin-right: 1.2em;	
	line-height: 1.6em;
	
}

#footer ul li a, #footer2 ul li a {
	color: black !important;
	text-decoration: none;
	font-size: .7em;
}

#footer ul li a:hover, #footer2 ul li a:hover {
	background: black !important;
	color: white !important;
}

hr {
	border: none;
	background: #ebebeb !important;
	height: 1px;
	margin-bottom: 10px;
	width: 100% !important;
}