@charset "utf-8";
/* CSS Document */

/*==================================*/
/* Website Bastelsong.de			*/
/* Datum: Februar 2010				*/
/* Autor: graugans-design			*/
/*==================================*/

/*==============================*/
/* Inhalt:						*/
/* I.	allgemeine Format.		*/
/* II.	wrapper					*/
/* III.	header					*/
/* IV. 	navi					*/
/* V. 	wrapper_content 		*/
/* Va.	content					*/
/* Vb. 	spalte_links			*/
/* Vc. 	spalte_rechts			*/
/* VI.	footer					*/
/* VII.	sonstiges				*/
/*==============================*/

/*==============================*/
/* Farben:						*/
/* Hintergrund body: #1e54b8	*/
/* Schrift header: 	 #ffed00	*/
/* Fliesstext: 		 #0d2d82;   */
/*==============================*/

/*==============================*/
/* Teil I. 						*/
/* allg. Format.				*/
/*==============================*/

* {
	marign:0;
	padding:0;
	outline:none;
}

html {
	height:101%;
}

body {
	background-color:#1e54b8;
	color:#0d2d82;
	font-family:Verdana, Geneva, sans-serif;
}

p, a, dd {
	font-size:12px;
	line-height:16px;
	color:#0d2d82;
}

h3 a {
	font-size:18px;
}

a:hover {
	color:#4a65ae;
}

.fett {
	font-weight:bold;
}

/*==============================*/
/* Teil II. 					*/
/* wrapper						*/
/*==============================*/

/* wrapper_aussen, nur für den Schlagschatten */
/* 950px Plus Schlagschatten 2 x 20px */
#wrapper_aussen {
	width:990px;
	background-image:url(../_img/hg_schlagschatten_content.gif);
	background-repeat:repeat-y;
	margin:0 auto; /* zentrieren */
}

/* wrapper_innen, umhüllt den eigentlichen Content */
#wrapper_innen {
	position:relative;
	width:950px;
	margin:0 20px;/* macht Schlagschatten sichtbar */
	padding:10px 30px 30px 30px;
	background-image:url(../_img/hg_gemaelde.jpg);
	background-repeat:no-repeat;
}

/* Schlagschatten unten */
#footer_schlagschatten {
	background-image:url(../_img/hg_schlagschatten_footer.gif);
	background-repeat:no-repeat;
	height:20px;
	width:990px;
}

/* Glitzersteine als AP-Div */
#glitzersteine_links {
	position:absolute;
	background-image:url(../_img/glitzersteine_links.png);
	width:199px;
	height:166px;
	left: -112px;
	top: 15px;
}

#glitzersteine_rechts {
	position:absolute;
	background-image:url(../_img/glitzersteine_rechts.png);
	width:378px;
	height:219px;
	left: 724px;
	top: 3px;
}

/* keine Glitzesteine im IE6, wg .png... */
* html #glitzersteine_links,
* html #glitzersteine_rechts {
	display:none;
}


/*==============================*/
/* Teil III. 					*/
/* header						*/
/*==============================*/

/* Titel durch ersetzen der h1 */
h1 {
	background-image:url(../_img/titel.gif);
	height:122px;
	width:547px;
}

/* Überschrift weg */
h1, h2 {
	text-indent:-9999px;
}

#header {
	height:150px;
	padding-left:30px;
}

/*==============================*/
/* Teil IV.						*/
/* navi							*/
/*==============================*/

/*==============================*/
/* Teil V. 						*/
/* content						*/
/*==============================*/

#content {
	width:890px;
}

.spalte_links {
	width:400px;
	float:left;
}

.spalte_rechts {
	width:400px;
	margin-left:430px;
}

/* IE6 und IE/*/
* html .spalte_rechts,
*+ html .spalte_rechts {
	width:383px;
	margin-left:420px;
}


hr {
	clear:both;
	margin:0;
	padding:0;
	height:.1px;
	border: none;
	visibility:hidden;
}

/* Foto mit Booklet */
#booklet {
	width:360px;
	height:90px;
	background-image:url(../_img/_bilder/bastelsong_booklet.jpg);
	background-repeat:no-repeat;
	padding:210px 20px 0 20px;
	float:right;
}	

#booklet p {
	color: #ffed00;
}

#booklet a {
	color:#ffed00;
}

/* Foto mit Booklet auf Impressum-Tab */
#booklet_original {
	width:360px;
	height:100px;
	background-image:url(../_img/_bilder/bastelsong_booklet_original.jpg);
	background-repeat:no-repeat;
	padding:260px 20px 0 20px;
}	

#booklet_original p {
	color: #ffed00;
}

#booklet_original a {
	color:#ffed00;
}

/* google Datenschutz */
#google {
	width:380px;
}


/* Porttraits anordnen */
.portrait {
	float:left;
	width:150px;
	height:200px;
	margin-right:20px;
}

.portrait img {
	border:2px solid #ffed00;
}

.portrait dd {
	font-style:italic;
	margin-left:0;
}