/*
 * stylesheet für wuschel-muc.de
 *
 * Geschrieben 2005 von Matthias Wimmer
 */

a:link { color:#ff0000; text-decoration:none; }
a:visited { color:#ff0000; text-decoration:none; }
a:active { color:#ff0000; text-decoration:underline; }

a:link, a:visited {
    color:				red;
    text-decoration:			none;
}

a:active, a:hover {
    color:				red;
    text-decoration:			underline;
}

a.privat:link, a.privat:visited {
    color:				rgb(252, 151, 0);
}

a.offiziell:link, a.offiziell:visited {
    color:				rgb(0, 160, 255);
}

body#body-interessen-aqua {
    background-image:			url("../Bilder/Hintergrund/Fischstreifen-Leinwand-blass");
}

body#body-interessen-musik, body#body-cd-liste {
    background-image:			url("/Bilder/Hintergrund/ElvisStreifen");
    background-repeat:			no-repeat;
}

body#body-ich {
    background-image:			url("../Bilder/Hintergrund/tattoo-getoent");
    background-position:		center top;
    background-repeat:			no-repeat;
}

body#body-freunde {
    background-image:			url("../Bilder/Hintergrund/RosenBunt");
}

body#body-interessen-foto {
    background-image:			url("../Bilder/Hintergrund/Dia");
    background-repeat:			repeat-y;
}


body#body-interessen-buecher {
    /*
    background-image:			url("/Bilder/Hintergrund/Buch");
    */
}

body#body-interessen-einhorn {
    /*
    background-image:			url("../Bilder/Hintergrund/Blauhorn-Leinen");
    */
    background-image:			url("../Bilder/Hintergrund/Blauhorn-Streifen2");
}

img#body-freunde-logo {
    margin:				0px;
    padding:				0px;
    border:				0px;
}

div#div-freunde-logo {
    position:				fixed;
    top:				0px;
    right:				0px;
}

body {
    padding:				15px;
    background-color:			rgb(255,255,245);
    /*
    background-image:			url("../Bilder/Hintergrund/blau-satin2");
    background-image:			url("../Bilder/Hintergrund/tattoo-getoent");
    */
    background-image:			url("/Bilder/Hintergrund/Verlaufsstreifen2");
    background-attachment:		fixed;
    background-repeat:			no-repeat;
    background-position:		right top;
    /*
    margin:				92px 0px 67px;
    */
    color:				black;
    padding-left:			40px;
    padding-right:			40px;
    padding-bottom:			100px;
    margin:				0px;
    min-height:				100%;
}

body#body-interessen-friedhof {
    background-image:			url("../Bilder/Hintergrund/Friedhof-Hintergrund-blassgelb");
}

body.grossansicht {
    margin:				20px;
    text-align:				center;
    background:				white;
}

/*
body#body-ich {
    background-image:			url("../Bilder/Hintergrund/gold-satin");
}
*/

body#body-startseite {
    background-image:			none;
    padding-left:			300px;
    padding-right:			300px;
    height:				1000px;
    font-size:				14pt;
    font-weight:			bolder;
    background-color:			rgb(255,255,215);
}

body#body-gaestebuch {
    margin:				0px;
    padding:				0px;
    height:				100%;
}

/*
body#body-links {
    background-image:			url("../Bilder/Hintergrund/gay");
}

body#body-freunde {
    background-image:			url("../Bilder/Hintergrund/rot-satin");
}
*/

body#body-orte {
/*    background-image:			url("../Bilder/Hintergrund/AhornHintergrund2"); */
    background-image:			url("/Bilder/Hintergrund/Baumstreifen");
    background-repeat:			no-repeat;
    background-position:		top right;
}

div.main {
    /*
    opacity:				1.0;
    opacity:				0.35;
     */
    opacity:				1.0
}

div.randFrei {
    margin-right:			200px;
}

div.navigback {
    /*
    background-color:			rgb(51, 255, 0);
    background-image:			url("/Bilder/Hintergrund/navigbox");
    width:				240px;
    height:				580px;
    */
    background-image:			url("/Bilder/Hintergrund/AhornHintergrund5");
    opacity:				0.45;
    position:				fixed;
    top:				10px;
    width:				476px;
    height:				560px;
    /*
    left:				10px;
    left:				-220px;
    */
    left:				-435px;
    -moz-border-radius:			10px;
}

div.navigation {
    position:				fixed;
    opacity:				0.50;
    top:				10px;
    /*
    left:				10px;
    left:				-220px;
    */
    left:				-435px;
    width:				300px;
    height:				538px;
    /*
    border:				2px solid black;
    */
    -moz-border-radius:			10px;
    font-size:				12pt;
    padding:				5px 35px;
    z-index:				1;
    padding-top:			50px;
}

div.startnavigation {
    position:				absolute;
    top:				100px;
    left:				10px;
    width:				200px;
    height:				538px;
    /*
    border:				2px solid black;
    */
    -moz-border-radius:			10px;
    font-size:				12pt;
    padding:				20px 35px;
    text-align:				left;
}

div.navigation span.footnavlinks {
    float:				left;
    font-size:				12pt;
    border:				none;
    font-weight:			normal;
}

div.navigation span.footnavrechts {
    float:				right;
    font-size:				12pt;
    border:				none;
    font-weight:			normal;
}

p.footlinks {
    margin-top:				150px;
    text-align:				center;
}

body#body-startseite div.startnavigation p {
    text-align:				left;
}

div.startnavigation a {
    color:				maroon;
}



body#body-startseite div.navigation, body#body-startseite div.navigback {
    position:				absolute;
    left:				300px;
    top:				200px;
    font-weight:			normal;
}

p#navigkommentar {
    position:				absolute;
    left:				550px;
    width:				400px;
}

body#body-startseite div.navigation {
    opacity:				1.0;
}

body#body-startseite div.navigback {
    opacity:				0.6;
}

div.navigation a {
    color:				maroon;
}

div.navigation p span{
    font-weight:			bold;
    font-size:				14pt;
    display:				block;
    border-bottom:			1px solid white;
    padding-top:				25px;
}

head {
    display:				none;
    margin:				0px;
    padding:				0px;
}

html {
    padding:				0px;
    margin:				0px;
    font-family:                	"Comic sans ms",verdana,arial,helvetica,sans-serif;
    color:				white;
    font-size:				12pt;
    height:				99%;
}

img {
    border:				0px;
    margin:				30px;
}

table img {
    border:				0px;
    margin:				0px;
}

img[src="Bilder/smilie"] {
    margin:				0px;
}

ol {
    margin-left:			40px;
}

ol li:first-line {
    text-decoration:			underline;
}

div#cite2 {
    position:				absolute;
    top:				135px;
    right:				20px;
    width:				230px;
    text-align:				right;
}

body#body-startseite p.cite {
    float:				left;
    left:				-290px;
    top:				100px;
    position:				relative;
    margin-right:			-190px;
    margin-top:				-120px;
    text-align:				left;
    width:				250px;
  /* 
    font-family:			"Lucida Handwriting",arial,helvetica,sans-serif;
    */
    font-size:				14pt;
    color:				maroon;
    font-weight:			normal;
}

div.cite cite {
    display:				block;
    margin-left:			30px;
    margin-top:				15px;
    font-family:                	"Comic sans ms",verdana,arial,helvetica,sans-serif;
    font-size:				12pt;
}

cite {
    font-style:				normal;
}

body#body-startseite h1 {
    font-size:				20pt;
    text-decoration:			underline;
    margin:				0px -300px;
    text-align:				center;
}

body#body-interessen-aqua h2 {
    border-top:				1px solid gray;
    margin-top:				20px;
    padding-top:			20px;
}

h2#bilder {
    text-align:				center;
    font-size:				16pt;
}

h2#bilder ~ p img {
    margin-top:				5px;
    margin-bottom:			5px;
}

h2 {
    font-size:				14pt;
    padding:				20px 0px;
    clear:				both;
}

h3, h4, h5, h6 {
    font-size:				12pt;
}

body#body-ich h2 {
    text-decoration:			underline;
}

body#body-ich > p:last-child {
    margin-left:			50px;
}

p.subheading {
    font-size:				16pt;
    margin-top:				-40px;
}

h1 {
    font-size:				30pt;
    color:				maroon;
    font-weight:			bold;
}

h1, h3, h4, h5, h6 {
    padding:				20px 0px 0px;
    clear:				both;
}

h2 {
    text-decoration:			underline;
}

div.BildBlock h2 {
    text-align:				left;
    padding-left:			20px;
    text-decoration:			none;
    background:				rgb(220, 220, 185);
    margin-top:				0px;
}

dl {
    padding:				20px 0px;
}

dt {
    text-decoration:			underline;
}

dd {
    padding-left:			40px;
}

p + p {
    margin-top:				20px;

}

p#andi {
    float:				right;
}

table#andi-daten {
    margin-top:				20px;
    width:				100%;
    height:				258px;
}

table#andi-daten th {
    text-align:				right;
    padding-right:			20px;
    width:				33%;
}

table#andi-daten td {
    padding-left:			20px;
}

img#ich-andi04, p#Gabi0508 img:first-child, p#DannyLouvre05 img:first-child, p img#freunde-thommy2 {
    float:				left;
    margin-top:				0px;
}

p#Andi05 img, p#Gabi0508 img, p#DannyLouvre05 img {
    margin-top:				0px;
    float:				right;
}

p#Andi03 img {
    float:				right;
}

p img#ich-andi01, p img#ich-andi03 {
    float:				right;
}

p#Andi05, p#Andi03, p#Andi04 {
    clear:				both;
}

body#body-ich h2 ~ p {
    /*
    font-weight:			bold;
    font-style:				italic;
    */
    color:				black;
}

p#dannyAndi {
    text-align:				center;
}

p#buchNeu img {
    float:				left;
}

/*
p.unternavigation {
    position:				fixed;
    top:				95px;
    left:				0px;
    background:				inherit;
    width:				100%;
    font-size:				12pt;
    margin:				0px;
    text-align:				center;
}
    */

p.unternavigation {
    display:				none;
}

p#einhornSchneeMond img, p#yale img, p#karkadaan img, p#caesar img, p#galopp img {
    float:				left;
}

p#chilin img, p#shadhahvar img, p#amaltheia img, p#egypt img, p#magie img, p#elvisKlein img {
    float:				right;
}

p#chilin img, p#shadhahvar img, p#amaltheia img#einh-zeusAma1, p#amaltheia img#einh-bukephalos, p#egypt img, p#magie img {
    margin-right:			130px;
}

p#elvisKlein img {
    margin:				50px 100px;
}

p#amaltheia, p#egypt {
    clear:				right;
}

p#waldsee {
    clear:				both;
    text-align:				center;
}

p#Kirche, p#galopp {
    clear:				both;
}

p#EtienneDuMont img:first-child, p#Kirche img:first-child {
    float:				left;
    margin-right:			30px;
}

p#EtienneDuMont img, p#Kirche img {
    float:				right;
    margin-right:			130px;
}

p#eigene {
    clear:				both;
    text-align:				center;
}

body#body-orte h2, body#body-freunde h2 {
}

blockquote {
    margin:				30px 40px;
    text-align:				center;
}

blockquote cite {
    font-style:				italic;
}

p#telefonat, p.centered {
    text-align:				center;
}

p.BildAbsatz {
    display:				table-row;
    text-align:				center;
}

div.BildBlock {
    text-align:				center;
    background-color:			rgb(240,240,205);
    border:				1px solid rgb(120,120,102);
    margin:				20px 25px;
    padding:				10px;
    width:				900px;
}

body#body-interessen-buecher div.BildBlock {
    text-align:				justify;
    background-image:			url("/Bilder/Hintergrund/Buchdunkel");
    background-repeat:			no-repeat;
    background-position:		bottom right;
    background-color:			rgb(219,219,171);
}

body#body-interessen-buecher div.BildBlock h2 {
    background:				none;
}

body#body-interessen-buecher div.BildBlock div.balken {
    position:				relative;
    width:				100%;
    height:				70px;
    opacity:				0.15;
    background:				black;
    margin-bottom:			-70px;
}

div.TextGruppe {
    background-color:			rgb(250,250,205);
    opacity:				0.8;
    margin-top:				10px;
    margin-bottom:			10px;
    border:				1px solid rgb(120,120,102);
    padding:				10px;
}

div.TextGruppe h2 {
    margin:				0px;
    padding:				0px;
}

div.BildBlock table {
    width:				100%;
}

span.titledimg {
    display:				table-cell;
    padding-top:			20px;
    padding-bottom:			20px;
}

span.title {
    color:				red;
    font-weight:			normal;
    font-size:				12px;
}

img.LinkIcon {
    margin:				0px 5px;
}

body#body-links h1 {
    display:				none;
}

body#body-links > p {
    margin:				0px 50px;
    border:				7px outset rgb(153, 0, 0);
    text-align:				center;
    padding:				15px;
    margin:				30px;
}

body#body-links br {
    clear:				both;
    margin:				30px 0px;
}

body#body-links img {
    margin:				0px 30px;
}

body.popupansicht {
    padding:				0px;
    margin:				0px;
    background:				black;
}

body.popupansicht h1 {
    display:				none;
}

body.popupansicht p {
    margin:				0px;
    padding:				0px;
    border:				0px;
}

body.popupansicht img {
    margin:				0px;
    border:				0px;
}

p.hervorgehoben {
    text-align:				center;
}

div.vergroesserung {
    position:				fixed;
    top:				25px;
    bottom:				25px;
    left:				25px;
    right:				25px;
    border:				7px solid navy;
    background:				navy;
    text-align:				left;
    color:				white;
    font-weight:			bold;
    padding:				0px 0px 27px;	/* 27 = 22 Pixel für das Bild, 5 Pixel Rahmen */
}

div.vergroesserung div {
    background:				black;
    text-align:				center;
    overflow:				auto;
    width:				100%;
    height:				100%;
    margin:				5px 0px;
    clear:				both;
}

div.vergroesserung img {
    border:				0px;
    margin:				0px;
    float:				right;
}

div.vergroesserung div img {
    margin:				30px;
    float:				none;
}

body#body-cd-liste table {
    border:				4px outset rgb(27, 89, 254);
    background:				rgb(239, 248, 255);
}

img#link-jens {
    float:				left;
}

iframe {
    width:				100%;
    height:				5000px;
}

p#cite1back {
    position:		absolute;
    top:		125px;
    left:		10px;
    width:		250px;
    height:		440px;
    background-color:	white;
    opacity:		0.5;
    -moz-border-radius:			25px;
    border:		solid 1px silver;
}

p#cite2back {
    position:		absolute;
    top:		125px;
    right:		10px;
    width:		250px;
    height:		440px;
    background-color:	white;
    opacity:		0.5;
    -moz-border-radius:			25px;
    border:		solid 1px silver;
}

div#thinking {
    display:			none;
    position:			absolute;
    top:			100px;
    left:			400px;
    opacity:			0.6;
}

div.startnavback {
    /*
    background-image:			url("/Bilder/Hintergrund/AhornHintergrund5");
    */
    background-image:			url("/Bilder/Hintergrund/StartNavigHintergrund");
    background-repeat:			no-repeat;
    background-position:		50% 0%;
    text-align:				center;
    margin-top:				50px;
}

div.startnavfront {
    height:				560px;
    padding-top:			70px;
    font-size:				24px;
}

div.startnavfront a {
    color:				maroon;
}

div.startnavfront span {
    display:				block;
    border-bottom:			solid 1px rgb(255,255,215);
}

p#navigkommentar {
    position:				absolute;
    top:				135px;
    left:				20px;
    width:				230px;
    text-align:				left;
}

p#orteAbsatz1 {
    padding-right:			200px;
}