/* css graphics start */

html, body {
background-color: #fcfcfc;
/*background-color: #fafcfe;*/
margin: 0;
padding:0;
}

img.displayed {
display: block;
margin-left: auto;
margin-right: auto; 
}

img.displayed_border {
display: block;
background-color: none;
border: 1px solid #E6E6E6;
box-shadow: 3px 3px #FAFAFA;
margin-left: auto;
margin-right: auto; 
}




/*++++++++++++++++++++++++ p start +++++++++++++++++++++++++*/

p {
border: none;
font-size: 12px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
/*font-weight: 100;*/
letter-spacing: 0.15em;
text-decoration: none;
color: #4d1b38;
}

p.copyright {
border: none;
font-size: 9.5px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.15em;
line-height: 2.3em;
text-align: left;
padding-left: 0px;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
text-decoration: none;
color: #000000;
}

p.menue_striche {
border: none;
font-size: 9.5px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.15em;
line-height: 2.3em;
text-align: right;
padding-left: 0px;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
text-decoration: none;
color: #000000;
}

p.titel {
border: none;
font-size: 10px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.05em;
line-height: 1.6em;
text-align: center;
padding-left: 40px;
padding-top: 5px;
padding-right: 40px;
padding-bottom: 130px;
text-decoration: none;
color: #000000;
}

p.titelbahn {
border: none;
font-size: 10px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.05em;
line-height: 1.6em;
text-align: center;
padding-left: 40px;
padding-top: 0px;
margin-top: -120px;
padding-right: 40px;
padding-bottom: 130px;
text-decoration: none;
color: #000000;
}

p.about {
border: none;
font-size: 11px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.05em;
line-height: 1.6em;
text-align: left;
padding-left: 40px;
padding-top: 5px;
padding-right: 40px;
padding-bottom: 130px;
text-decoration: none;
color: #404040;
}

/*++++++++++++++++++++++++ p ende +++++++++++++++++++++++++*/







/*++++++++++++++++++++++++ a start +++++++++++++++++++++++++*/

a {
border: none;
font-size: 15px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.13em;
text-decoration: none;
color: #000000;
}

a.menue {
border: none;
font-size: 12px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.13em;
text-decoration: none;
color: #999999;
}

a.untermenue {
border: none;
font-size: 11px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.13em;
text-decoration: none;
color: #999999;
}

a.drauf {
border: none;
font-size: 12px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.13em;
text-decoration: none;
color: #000000;
}

a.untermenuedrauf {
border: none;
font-size: 11px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.13em;
text-decoration: none;
color: #000000;
}

a.kontakt {
border: none;
font-size: 9.5px;
font-weight: lighter;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing: 0.22em;
line-height: 1.9em;
text-align: left;
padding-left: 0px;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
text-decoration: none;
color: #999999;
}


a:hover.kontakt {
/*filter: alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;*/
color: #000000;
/*text-shadow:#070789 1px 0px 2px;*/
/*text-decoration: overline;*/
}

a:hover.menue {
/*filter: alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;*/
color: #000000;
/*text-shadow:#070789 1px 0px 2px;*/
/*text-decoration: overline;*/
}

a:hover.untermenue {
/*filter: alpha(opacity=55);
-moz-opacity: 0.55;
opacity: 0.55;*/
color: #000000;
/*text-shadow:#070789 1px 0px 2px;*/
/*text-decoration: overline;*/
}

a:focus {
color: #000000;
}
/*color: #FE9A2E;*/

/*++++++++++++++++++++++++ a ende +++++++++++++++++++++++++*/




/*++++++++++++++++++++++++ aufbau start +++++++++++++++++++++++++*/

#wrapper {
position: absolute;
width: 100%;
height: 100%;
margin: 0 0 0 0;
background-color: none;
border: none;
}

#bleistift {
position: fixed;
width: 1000px;
height: 50px;
left: 50%;
margin-left: -490px;
/*top: 50%;*/
bottom: 30px;
background-color: none;
border: none;
}

#innerwrapper {
position: absolute;
width: 700px;
height: 600px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: none;
}

#balken_oben {
position: fixed;
width: 700px;
height: 90px;
left: 50%;
margin-left: -349px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: none;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}

#balken_unten {
position: fixed;
width: 100%;
height: 10px;
bottom: 0px;
background-color: #999999;
border-top: 1px solid #8c8c8c;
/*background-color: #045FB4;*/
}

#innerlauf {
position: absolute;
width: 700px;
height: 9000px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_menschen {
position: absolute;
width: 700px;
height: 5500px;
left: 50%;
margin-left: -350px;
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_marker {
position: absolute;
width: 700px;
height: 7000px;
left: 50%;
margin-left: -350px;
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_pencil {
position: absolute;
width: 700px;
height: 7000px;
left: 50%;
margin-left: -350px;
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_index {
position: absolute;
width: 700px;
height: 1500px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_werbung {
position: absolute;
width: 700px;
height: 4500px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_kinder {
position: absolute;
width: 700px;
height: 7000px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_storyboard {
position: absolute;
width: 700px;
height: 10000px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_ausflug {
position: absolute;
width: 700px;
height: 7700px;
left: 50%;
margin-left: -350px;
/*top: 50%;*/
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#innerlauf_comic {
position: absolute;
width: 700px;
height: 7000px;
left: 50%;
margin-left: -350px;
margin-top: 0px;
background-color: #FFFFFF;
border: 1px solid #F2F2F2;
}

#pfeil_runter {
position: absolute;
width: 17px;
height: 33px;
margin-left: 5px;
margin-top: 625px;
background-color: none;
border: none;
}

#pfeil_balken {
position: fixed;
width: 17px;
height: 620px;
margin-left: 5px;
margin-top: 0px;
background-color: #FFFFFF;
border: none;
}

/*++++++++++++++++++++++++ aufbau ende +++++++++++++++++++++++++*/




/*++++++++++++++++++++++++ logo start +++++++++++++++++++++++++*/

#logo {
position: fixed;
width: 340px;
height: 72px;
left: 50%;
margin-left: -170px;
/*top: 50%;*/
margin-top: 10px;
background-color: none;
border: none;
}

#bb_logo {
position: fixed;
width: 30px;
height: 39px;
margin-left: -57px;
margin-top: 53px;
background-color: none;
border: none;
}

#bb_logo_intro {
position: fixed;
width: 500px;
height: 106px;
left: 50%;
margin-left: -250px;
/*top: 50%;*/
margin-top: -110px;
background-color: none;
border: none;
}

/*++++++++++++++++++++++++ logo ende +++++++++++++++++++++++++*/









/*++++++++++++++++++++++++ menue start +++++++++++++++++++++++++*/

#menue {
position: fixed;
width: 100px;
height: 250px;
margin-left: -110px;
margin-top: 50px;
text-align: right;
line-height: 1.1em;
background-color: none;
border: none;
}

/*++++++++++++++++++++++++ menue ende +++++++++++++++++++++++++*/







/*++++++++++++++++++++++++ infos start +++++++++++++++++++++++++*/

#infos {
position: fixed;
width: 140px;
height: 100px;
margin-left: 717px;
margin-top: 48px;
background-color: none;
border: none;
}

/*++++++++++++++++++++++++ infos ende +++++++++++++++++++++++++*/


/*++++++++++++++++++++++++ about start +++++++++++++++++++++++++*/

#about_text {
position: fixed;
width: 400px;
height: 300px;
margin-left: 305px;
margin-top: 85px;
background-color: none;
border: none;
}

#portrait {
position: fixed;
width: 200px;
height: 274px;
margin-left: 100px;
margin-top: 50px;
background-color: none;
border: none;
}

/*++++++++++++++++++++++++ about ende +++++++++++++++++++++++++*/


/*++++++++++++++++++++++++ menue start alt +++++++++++++++++++++++++*/

#menue_home {
position: fixed;
width: 44px;
height: 19px;
margin-left: 0px;
margin-top: -10px;
background-color: none;
border: none;
}

#menue_menschen {
position: fixed;
width: 72px;
height: 19px;
margin-left: 59px;
margin-top: -12px;
background-color: none;
border: none;
}

#menue_kinder {
position: fixed;
width: 47px;
height: 19px;
margin-left: 151px;
margin-top: -15px;
background-color: none;
border: none;
}

#menue_werbung {
position: fixed;
width: 66px;
height: 19px;
margin-left: 215px;
margin-top: -17px;
background-color: none;
border: none;
}

#menue_comic {
position: fixed;
width: 45px;
height: 19px;
margin-left: 301px;
margin-top: -19px;
background-color: none;
border: none;
}

#menue_logo {
position: fixed;
width: 35px;
height: 19px;
margin-left: 366px;
margin-top: -20px;
background-color: none;
border: none;
}

#menue_kontakt {
position: fixed;
width: 53px;
height: 19px;
margin-left: 421px;
margin-top: -24px;
background-color: none;
border: none;
}

/*++++++++++++++++++++++++ menue ende alt +++++++++++++++++++++++++*/




/*++++++++++++++++++++++++ pfeil nach oben start +++++++++++++++++++++++++*/

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

/*++++++++++++++++++++++++ pfeil nach oben ende +++++++++++++++++++++++++*/







/* css graphics end */