/*-----------------------------------------------------------------------------
Buchbinderei Lehmann Screen Stylesheet

version:   1.0
date:      01/01/08
author:    Heike Autenrieth-Häfner
email:     heike@autenrieth-haefner.de

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

/* no margin, padding, border 
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/* layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}



.left
	{
	float: left;
}
/* fehlermeldung
-----------------------------------------------------------------------------*/
.error {
	position: absolute;
	margin: 0 auto 0 auto;
	padding: 30px;
	width: 370px;
	height: 400px;
	z-index: 20;
	color: #990000;
	background-color: #fff;
	border: 1px dotted #ccc;
	font-size: 12px;

}

/* page
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.9  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	background: #666 url(images/diagonal.gif) repeat;
	color: #444;	
	text-align: center;
}
#pop {
background-color: #E5E5E1;
text-align: left;
margin: 0 auto;
padding: 20px;
width: 350px;
height: 400px;
}
#redaktion {
background-color: #E5E5E1;
text-align: left;
margin: 0 auto;
padding: 20px;
width: 500px;
}

#farbmustercontent {
background-color: #E5E5E1;
text-align: left;
padding: 10px 0 0 20px;
margin: 0;
clear: both;
}

#muster{
border-bottom: 10px solid #fff;
background-color: #E5E5E1;
text-align: left;
padding: 20px 0px 0px 30px;
}


#container { 
text-align: center;  
margin: 10px 0 0 -400px;
width: 808px; /* Seitenbreite mit Schatten */
position: absolute;
left: 50%;
background: url(images/bg_cont.jpg) repeat-y center top;
z-index: 2;
}

#wrapper {
margin: auto; 
width: 740px;
z-index: 1;
background: #E5E5E1 url(images/bg_grau.gif) repeat-x left bottom;
}


/* Spaltenlayout 
-----------------------------------------------------------------------------*/
#content {
text-align: left;
padding: 40px 0 0 0;
margin: 0;
/*height: auto;*/
/*background: url(images/floral_grau.gif) no-repeat left bottom;*/
clear: both;
}
#rot #content, #blau #content, #ideen #content {
background: url(images/floral_grau.gif) no-repeat;
background-position: left bottom;
}

/**html #content {
display: inline-block;
}*/

#col_left {
float: left;
width: 180px;
height: 250px;
margin: 0;
padding: 0 0 0 30px;
}
#impressum {
float: left;
width: 280px;
height: 250px;
margin: 0;
padding: 0 0 0 30px;
}

#col_right {
float: right;
width: 480px;
margin: 0 0 0 0;
padding: 0 20px 0 0;
}
#kontakt {
float: right;
width: 380px;
margin: 0 0 0 0;
padding: 0 20px 0 0;
}

/* Header und footer
-----------------------------------------------------------------------------*/

#header {
height: 25px;
background: #fff url(images/bg_head.jpg) no-repeat center top;
}
#footer {
height: 80px;
background: #fff url(images/bg_footer_80.jpg) no-repeat center top;
}

#footer p { 
font-size: 12px;
color: #444;

}
/* Typography
-----------------------------------------------------------------------------*/

h1
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AB264A;
	font-style: italic;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.6em;
}
	
h2
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AB264A;
	font-style: italic;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 10px 0 0 9px;

}
	
h3
	{
	color: #AB264A;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 10px 0 0;
}
	

	
h5
	{
	font-size: 1.2em; 
	font-weight: normal;
	margin: 0 0 0 9px;
}
	
p, td
	{
	font-size: 1.2em;
	margin: 0.5em 0 1.5em 0; 
}


ul, ol, dl
	{
	margin: 0.5em  0 1.5em 1.4em;
	list-style: disc url(images/list.gif) outside;
	font-size: 1.2em;
	
}

li, dd, dt
	{
	font-size: 1.0em;	
}
/*Auszeichnungen*/

.jahr {
color: #9C301A;
font-weight: bold;
margin: 0 0.5em 0 0;
}
.kugler {
background: url(images/kugler.gif) no-repeat top;
}
.glossarstand {
color: #9C301A;
margin: 0 5px 0 0;
}

/* links im text
-----------------------------------------------------------------------------*/
#col_right a:link, #col_right a:visited {
color: #33629F;
text-decoration: none;
}

#col_right a:hover, #col_right a:focus, #col_right a:active {
text-decoration: none;
color: #768235;
}
#impressum a:link, #impressum a:visited {
color: #33629F;
text-decoration: none;
}

#impressum a:hover, #impressum a:focus, #impressum a:active {
text-decoration: none;
color: #768235;
}
#redaktion a:link, #redaktion a:visited {
color: #33629F;
text-decoration: none;
}

#redaktion a:hover, #redaktion a:focus, #redaktion a:active {
text-decoration: none;
color: #768235;
}

/* h1 links für 3.Ebene
-----------------------------------------------------------------------------*/
#col_left h1 a:link, #col_left h1 a:visited {
color: #33629F;
text-decoration: none;
}

#col_left h1 a:hover, #col_left h1 a:focus, #col_left h1 a:active {
text-decoration: none;
color: #768235;
}

#col_left a:link, #col_left a:visited {
color: #33629F;
text-decoration: none;
}

#col_left a:hover, #col_left a:focus, #col_left a:active {
text-decoration: none;
color: #768235;
}

/* Hilfsnavigation
-----------------------------------------------------------------------------*/
#navitop {
width: 700px;
height: 37px;
padding-left: 40px; 
background-color: #AAA95D;
}
#navitop a:link, #navitop a:visited {
background: url(images/trenner_gruen.gif) no-repeat;
}
#navitop a {
display: block;
text-align: center;
height: 37px;
background: url(images/trenner_gruen.gif) no-repeat;
background-position: 0 0;
color: #DADAB9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
font-style: italic;
text-decoration: none;
text-align: center; 
line-height: 37px;
margin: 0;
padding: 0 30px 0 30px;
float: left;
}
#navitop a:hover, #navitop a:focus, #navitop a:active {
color: #fff;
background-position: 0 -37px;
}
#navitop a.stand {
color: #fff;
background-position: 0 -37px;
}
/* Navi Index zweite Linie direkt 
--------------------------------------------------*/
#navidirekt {
width: 740px;
background-color: #fff;
}
#navidirekt td {
text-align:center;
}

#navidirekt a {
height: 23px;
color: #AAA95D;
font-size: 12px;
font-weight: normal;
text-decoration: none; 
line-height: 23px;
display:block;
padding: 0px;
background-color: #fff;
border-bottom: 5px solid #fff;
border-top: 5px solid #fff;
}
#navidirekt a:hover, #navidirekt a:focus, #navidirekt a:active {
color: #fff;
}

#navidirekt a.rot:hover, #navidirekt a.rot:focus, #navidirekt a.rot:active {
border-top: 5px solid #EAEAC9;
border-bottom: 5px solid #EAEAC9;
color: #AB264A;
}
#navidirekt a.gruen:hover, #navidirekt a.gruen:focus, #navidirekt a.gruen:active {
border-top: 5px solid #EAEAC9;
border-bottom: 5px solid #EAEAC9;
color: #85852D;
}
#navidirekt a.blau:hover, #navidirekt a.blau:focus, #navidirekt a.blau:active {
border-top: 5px solid #EAEAC9;
border-bottom: 5px solid #EAEAC9;
color: #637795;
}

/* Navigation oben auf Unterseiten blau
-----------------------------------------------------------------------------*/
#navisub {
width: 740px;
height: 35px;
background-color: #637795;
border-bottom: 5px solid #fff;
}

#navisub a {
display: block;
text-align: center;
width: 240px;
height: 35px;
background-color: #637795;
color: #E8EDF9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
font-style: italic;
text-decoration: none;
text-align: center; 
line-height: 35px;
margin: 0;
padding: 0;
float: left;
}

#navisub a#one {
  width: 240px; 
}
#navisub a#two { 
  width: 250px; 
  }
#navisub a#three {
width: 250px;  
  }

#navisub a:hover, #navisub a:active {
color: #fff;
background-color: #51678A;
}
#blau #navisub a.standort {
color: #fff;
background-color: #51678A;
}
#navisub a b {
	font: small-caps normal 14px 'Arial Unicode MS', Helvetica, sans-serif;
}

/* Navigation oben auf Unterseiten rot
-----------------------------------------------------------------------------*/
#rot #navisub {
background-color: #B44F61;
border-bottom: 5px solid #fff;
}

#rot #navisub a {
background-color: #B44F61;
color: #E8EDF9;
}

#rot #navisub a:hover, #rot #navisub a:active {
color: #fff;
background-color: #AB264A;
}
#rot #navisub a.standort {
color: #fff;
background-color: #AB264A;
}


/* Navigation oben auf Unterseiten gruen
-----------------------------------------------------------------------------*/
#ideen #navisub {
background-color: #989819;
border-bottom: 5px solid #fff;
}

#ideen #navisub a {
background-color: #989819;
color: #E8EDF9;
}

#ideen #navisub a:hover, #rot #navisub a:active {
color: #fff;
background-color: #86862D;
}
#ideen #navisub a.standort {
color: #fff;
background-color: #86862D;
}

/*Navigation Glossar 
-----------------------------------------------------------------------------*/
div #glossarnavi  {
width: 700px;
height: 45px;
margin-left: 40px;
color: #999;
font-size: 15px;
}

#glossarnavi a:link, #glossarnavi a:visited {
color: #33629F;
text-decoration: none;
}

#glossarnavi a {
color: #33629F;
text-decoration: none;
padding: 0px;
}

#glossarnavi a:hover, #glossarnavi a:focus, #glossarnavi a:active {
color: #768235;
text-decoration: none;
}


/* Homepage
-----------------------------------------------------------------------------*/
div #aktuell {
/*background-color: #E6E6D9; */
border: 1px solid #fff;
font-size: 1.0em;
line-height: 1.3;
width: 170px;
}
#aktuell p {
padding-left: 10px;
padding-right: 10px;
}
#aktuell h2 {
font-size: 13px;
}

div #sonder {
	background-color: #E6E6D9;
	font-size: 1.0em;
	line-height: 1.5;
	width: 430px;
	margin-bottom: 10px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}
#sonder p {

}


#sonder a {
color: #444;
}
#sonder a:link, #sonder a:visited {
color: #444;
}

#sonder a:hover {
color: #33629F;
}

#indx #navitop {
width: 700px;
height: 120px;
padding-left: 40px;
background: #AAA95D url(images/bg_top_indx.gif) no-repeat right top;
}

#indx #wrapper {
/*background: #DDDDC4 url(images/bg_beige_indx.gif) repeat-x left bottom;*/
background: #E6E6D9 url(images/bg_winter.gif) repeat-x left bottom;
}

#indx #content {
/*height: 220px;*/
background: url(images/floral_neu.gif) no-repeat left bottom;
}
#indx #col_left {
height: 220px;
margin: 0 0 0 0;
}
#indx #col_right {
width: 460px;
} 

#naviindx {
width: 740px;
height: 38px;
background-color: #637795;
border-top: 1px solid #fff;
}



#naviindx a, #naviindx a:link, #naviindx a:visited {
display: block;
text-align: center;
width: 240px;
height: 38px;
color: #E8EDF9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
font-style: italic;
text-decoration: none;
text-align: center; 
line-height: 38px;
margin: 0;
padding: 0;
float: left;
}

#naviindx a#one {
width: 246px; 
/*border-right: 1px solid #fff;*/
background-color: #AB264A;
}
#naviindx a#one:hover {
color: #fff;
background-color: #972D39;
}

#naviindx a#two { 
width: 246px;
/*border-right: 1px solid #fff; */
background-color: #ABAB1C;
}
#naviindx a#two:hover {
color: #fff;  
background-color: #993;
}

#naviindx a#three {
width: 246px; 
background-color: #51678A; 
}

#naviindx a#three:hover {
color: #fff;
background-color: #425471; 
}

#naviindx a:hover, #naviindx a:active {
color: #000;
}
#naviindx a b {
	font: small-caps normal 14px 'Arial Unicode MS', Helvetica, sans-serif;
}


/* Forms
-----------------------------------------------------------------------------*/



input.text, textarea.text
	{
	padding: 3px;
	margin: 5px 0;
	border: 1px solid #ccc;	
	width: 250px;
}
#bb_submit {
width: 100px;
margin: 5px 0;
height: 30px;
background-color: #fff;
border: 1px solid #ccc;
}

#nl_submit {
width: 95px;
margin: 5px 0;
height: 28px;
background-color: #fff;
border: 1px solid #ccc;
color: #55575B;
}


/* Tables 
-----------------------------------------------------------------------------*/





td 
	
	{
  	text-align: left;
	font-weight: normal;
}

#redaktion table {

}
#redaktion td {
padding: 3px 5px;
}
#redaktion tr {
border: 2px solid #eeeeee;
background-color: #DDDDDD;
}

hr {
height: 0;
border-top: 1px solid #ccc; 
}