/************** Basis-Stylesheet ************/
html
{
height:100%;
}

body 
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	background: #FFFFFF url(../grafik/body_hg.gif) repeat-x; 
	color: #000000;
	height:100%;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre 
{
	margin: 0;
	padding: 0;
}

img
{
	border:0px;
}

p, h1, h2, h3, h4, h5, h6, li, dd, blockquote
{
	font-weight: normal;
	font-size: 11px;
	line-height:14px;
}


/************** Container-Stylesheet ************/


#container 
{
	width:730px;
	height:588px;
	background: #FFFFFF url(../grafik/content_hg.jpg) top right no-repeat;
	margin:auto;
	margin-top:14px;
}

#header-der_verlag,#header-presse,#header-veranstaltungen
{ 
	width:730px;
	background: #FFFFFF url(../grafik/header-der_verlag.jpg) no-repeat; 
	height: 270px; 
}

#header-veroeffentlichungen, #header-experimente, #header-deluxe
{ 
	width:730px;
	background: #FFFFFF url(../grafik/header-veroeffentlichungen.jpg) no-repeat; 
	height: 270px; 
}

#header-nachtkatze,#header-mein-buch,#header-mein-kissen,#header-ausmalbilder,#header-briefe
{ 
	width:730px;
	background: #FFFFFF url(../grafik/header-nachtkatze.jpg) no-repeat; 
	height: 270px; 
}

#header-kontakt, #header-impressum, #header-datenschutz, #header-bestellen
{ 
	width:730px;
	background: #FFFFFF url(../grafik/header-kontakt.jpg) no-repeat; 
	height: 270px; 
}

#navigation-pr {
	margin-top:12px;
}

#navigation2
{ 
	width:411px;
}

#navigation1
{ 
	width:730px;
	min-height:35px;
	background-color: #7ab51d  ;	
}
	

#content2 
{ 
	background: url(../grafik/content_hg.gif) ;
	float:left;
	width:730px;
	text-align:left;
	padding:0px 0px 0px 0px;
}

#content1 
{ 
	background: #f2cb9d  ;
	float:left;
	width:730px;
	text-align:left;
	padding:0px 0px 0px 0px;
}

#content-left2
{ 
	width:411px;
	text-align:left;
	float:left;
}

#content-left1
{ 
	width:727px;
	text-align:left;
	float:left;
}

#content-right
{ 
	width:316px;
	float:left;
}

#banner
{ 
	width:308px;
	float:left;
	padding-left:8px;
	margin-top:100px;
}

#content-left-content, #content-right-content
{
	float:left;
	padding:25px 10px 5px 10px;	
}

#content-left-content1
{
	float:left;
	padding:25px 10px 5px 10px;	
	width:710px;
}

#clear
{
	clear: both;
}

.clear
{
	clear: both;
}

#footer
{ 
	color:#df7c09	;
	width:100%;
	padding-top:30px;
	text-align:center;
	clear:both;
	height: 25px; 
}  

#submenue
{

}

#blase {
	width:660px;
	height:210px;
	background: url(../grafik/nachtkatze-blase_hg.gif) no-repeat;
	padding:50px 0px 0px 40px;
}

/************** Allgemeine Textformate Stylesheet ************/
blockquote 
{
	font-family: Times New Roman, Georgia, Times, serif;
	line-height:15px;
	font-size:12px;
	padding-bottom:15px;
	font-weight:normal;
}

a
{
	color: #df7c09;
	text-decoration:none;
}


h1
{
	font-size: 16px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:4px;
}

h2
{
	font-weight:bold;
	padding-bottom:4px;
}

h3
{
	font-weight:bold;
	padding:10px 0px 5px 0px;
	clear:both;
}

p
{
line-height:15px;
padding-bottom:15px;
}


dt 
{
	float:left;
	width:100px;
	height:115px;
}

dd
{
	float:left;
	width:200px;
	padding-left:5px;
	
}

dl {
	width:330px;
	float:left;
	margin:0px 0px 15px 15px;

	}

#content-right-content dl

{
	width:265px;
	}
#content-right-content dd

{
	width:160px;}	
	
/************** Spezielle Textformate Stylesheet ************/

#galerie img {
	margin-right:25px;
		margin-bottom:25px;
}

#zurueck {
	text-align:center;
	width:710px;
}

#zurueck p{

	margin:auto;
	width:250px;
	padding-top:5px;
	border-top:1px solid #df7c09;
}

#blase p{
	letter-spacing:1px;
	padding-bottom: 10px;

}


.deluxe
{
	color: #df7c09;
	font-weight:bold;
	
	}
	
#content1 a, #content2 a
{
padding-left:8px;
background:url(../grafik/link.gif) no-repeat 2px 4px;
}

#content-right a
{
color:#000000;
text-decoration:underline;
}

#content1 a.nolink, #content2 a.nolink
{
padding-left:0px;
background:none;
}

#content1 a:hover, #content2 a:hover
{
text-decoration:underline;
	
}

#content-right h1
{ 
	width:316px;
	color:#FFFFFF;
	font-size:16px;
	font-variant:small-caps;
	background:#a2cb60;
	text-align:center;
	padding:10px 0px 0px 0px;	
	height:25px;
	margin-left:3px;
}

 li
{	
	margin-left:15px;
	list-style:none;
}
#content-left-content ul
{	
	padding-bottom:15px;
}


.headernavi
{
	padding:5px 0px 0px 450px;
}

.headernavi, .headernavihome, .headernavi a, .headernavihome a
{
	color:#FFFFFF;
	font-size:9px;
	font-size:14px;

}

.imgleft
{
float:left;
padding-right:10px;
padding-bottom:10px;

}

.highlight
{
	font-size:9px;
letter-spacing:1.5px;
font-weight:bold;
}

.wichtig
{
color:#FF0000;
}

.fett
{
font-weight:bold;
}


/************** Links-Stylesheet ************/

#footer a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:auto;
	font-size: 75%;
	text-decoration: none;
	color:#bcda8e;	
}


/************** Absatz-Stylesheet ************/

/************** Liste-Stylesheet ************/

#navigation1 ul, #navigation2 ul, #navigation-pr ul 
{
	list-style:none;
}

#navigation1 li, #navigation2 li, #navigation-pr li  
{	
	list-style:none;
	float:left;
	text-align:center;
	width:125px;
	border-right: 2px solid #FFFFFF;	
	margin-left:0px;
}

#navigation1 a, #navigation2 a, #navigation-pr a  
{
	display: block;
	background:#7ab51d;
	color: #FFFFFF;
	font-size:14px;
	height:25px;
	padding:10px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
}

#navigation-pr a  
{
	height:28px;
	padding:15px 0px 0px 0px;
}
#sub a 
{
	display: block;
	background:#7ab51d;
	color: #FFFFFF;
	font-size:12px;
	height:20px;
	padding:5px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;

}

#navigation1 a:hover, #navigation2 a:hover, #sub a:hover, #navigation-pr a:hover
{
	color: #FFFFFF;
	background:#df7c09;
}

#navigation1 a.aktiv, #navigation2 a.aktiv, #sub a.aktiv, #navigation-pr a.aktiv
{
	background:#df7c09;
	font-weight:bold;
}

#navigation1  li.veroeffentlichungen, #navigation2  li.veroeffentlichungen, #navigation-pr li.veranstaltungen
{
	width:155px;
}

#navigation1  li.last, #navigation2  li.last
{
	border-right: 0px solid #002851;
	width:127px;
}
#navigation1  li.last
{
	width:130px;
}

/* Formular*/
label, input, textarea, legend, select
{ 
	display: block;
	float:left;
	margin-bottom:5px;
	font-size: 75%;
}

textarea
{ 
		font-size: 100%;
}

label, legend
{  
	clear:left;
	padding-right: 10px;
	width:100px;

	font-size:11px;
	/*color:#7ab51d;*/

} 

.leftimg
{
	float:left;
	padding-right:5px;
}



.fehler {border:1px solid red;}
p.error {color:red;}
form {width:350px;}
.admin {width:740px;}
fieldset {border:0px; }