body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
body{font-family:Verdana,Tahoma,Helvetica,sans-serif;font-size:0.9em;}
html {overflow:hidden}
*{border:0px;margin:0;padding:0;list-style:none}

/* Resize Background */
#hintergrund {position:absolute;width:100%;height:100%;}

/* top:20% entfernt, dann slide nach unten, sonst in die mitte  --- display:inline entfernt*/
/*.banner			{position:fixed;bottom:0px;top:20%;height:80%;right:15%;width:70%;left:220px;z-index:3;display:block;}
*/
.banner			{position:fixed;display:block;top:0px;bottom:0px;height:100%;width:80%;left:25%;margin-left:-15%;z-index:9}
#bannerbg		{position:absolute;bottom:0px;top:0px;left:0px;right:0px;height:100%;width:100%;background-color:#ffffff;opacity:0.61;filter:alpha(opacity=61);z-index:0}

.bannertext {position:absolute;display:none;z-index:10;margin-left:7%;margin-right:5%;overflow:hidden}
.bannertext	.firstsign	{position:relative;color:#999;font-size:80px;line-height:100px;padding-top:2px;top:4px;bottom:10px;width:95%}
.bannertext p		{position:relative;font-size:20px;line-height:28px;width:60%;margin-right:1%;font-weight:normal;color:#222;overflow:hidden}

#bannershadow				{position:absolute;left:-10px;bottom:0px;top:0px;height:100%;width:10px;background:url(../bilder/shadow_right.png);background-repeat:repeat-y;}
#bannershadow2			{position:absolute;right:-10px;bottom:0px;height:100%;top:0px;width:10px;background:url(../bilder/shadow_left.png);background-repeat:repeat-y;}
#bannershadow3			{position:absolute;top:-8px;height:8px;left:0px;right:-4px;width:100%;background:url(../bilder/shadow_top.png);background-repeat:repeat-x;overflow:hidden}
#bannershadow4			{position:absolute;left:-1px;bottom:-8px;right:-5px;width:100%;height:8px;background:url(../bilder/shadow_bottom.png);background-repeat:repeat-x;overflow:hidden}

#screen {overflow:hidden;position:relative;background-color:black;z-index:2;top:60px;bottom:3%;height:37%;width:89.5%;left:5%;margin-bottom:80px;border-width:5px;border-color:#777777 #B0B0B0;border-style:inset;}

#screen .frame {position:absolute;display:none;top:0px;bottom:0px;left:0px;right:0px;height:100%;width:100%;z-index:4;border:0;margin:0;} 
#screen #lauftext {position:absolute;display:none;z-index:100;border:0;margin:0;}
#screen .frame img {z-index:2;top:0;bottom:0;left:0;right:0}

/*Schatteninnen-Gross */
.ecke {z-index:2;}
#left, #right {position:absolute;top: 0; bottom: 0;width: 88px;height:100%}
#left {left: 0;background: url(../bilder/schatten/left.png) left center repeat-y;}
#right {right: 0;background: url(../bilder/schatten/right.png) right center repeat-y;}
#top, #bottom {position:absolute;left: 0; right: 0;height: 88px; width:100%}
#top {top: 0;background: url(../bilder/schatten/top.png) top center repeat-x;}
#bottom {bottom: 0;background: url(../bilder/schatten/bottom.png) bottom center repeat-x;}

/*Reflektion weiss */
#left-w, #right-w {position:absolute;top: 0; bottom: 0;width: 88px;height:100%}
#left-w {left: 25px;background: url(../bilder/schatten/left-w.png) left center repeat-y;}
#right-w {right: 0;background: url(../bilder/schatten/right-w.png) right center repeat-y;}

/*Schatteninnen-Screen */
#left_k, #right_k {position: absolute;z-index:9;top: 0; bottom: 0;width: 50px;height:100%;}
#left_k {left: 0;background: url(../bilder/schatten/left_k.png) left center repeat-y;}
#right_k {right: 0;background: url(../bilder/schatten/right_k.png) right center repeat-y;}
#top_k, #bottom_k {position: absolute;z-index:6;left: 0; right: 0;height: 50px; width:100%;}
#top_k {top: 0;background: url(../bilder/schatten/top_k.png) top center repeat-x;}
#bottom_k {bottom: 0;background: url(../bilder/schatten/bottom_k.png) bottom center repeat-x;}

/*FamGallerie fuer IE und FF, damit hover und transparent funktionieren */
.bildinhalt {position:absolute;z-index:10;}
/*scrollable area Blog,Gaestebuch,Impressum */
#cont		{margin:0;padding:0;height:100%;position:absolute;left:25%;width:50%;background-repeat:repeat;z-index:51;}
#cont a {font-size:13px;color:#FFDEAD;text-decoration:none;font-style:italic;}

#box		{position:relative;overflow:hidden;bottom:0%;height:90%;z-index:0;}

#box div{padding-left:5%;font-size:14px;color:black;}
/*#box p	{font-size:16px;line-height:10px;font-weight:normal;padding:0 30px 20px 0px; margin-top:0px;color:black;} */
#box h1	{font-size:14px;font-weight:normal;padding:0 30px 20px 15px; margin-top:0px;color:green;}
#box href	{color:#F29526;font-size:20px;}
#box .firstsign	{line-height:1em;padding-right:6px;font-family:Times,serif;}
#box .klein 			{font-size:12px;line-height:13px;font-weight:normal;padding:0 30px 20px 15px; margin-top:0px;}
#loginlink {padding-left:10px;font-size:8px}

/*Blog und Gb Header und Footer Text */
p	{font-family:Verdana, Arial, Helvetica, sans-serif; color:white; font-size:12px;overflow:hidden;} 

.footerbox {width:95%;margin:10px;padding-top:20px;font-size:12px;}
.footer_timestamp_small {font-size:12px;}
#footer_lastModified {font-size:12px;color:#222}

/*Scrollbox */
/* mittig zum Glas #scrollup {position:absolute;overflow:hidden !important;left:18.3%;bottom:2%;width:59.72%;color:#FFDEAD;} */
#diabox {position:absolute;width:245px;height:320px;bottom:50%;margin-top:22%;left:50%;margin-left:-122.5px;overflow:hidden !important;color:black;}
.diaboxtransparenz{width:245px;height:320px;position:relative;background-color:#000;opacity:0.4;filter:alpha(opacity=40);}


/*for IE FF apache Blog und Gb fonttype etc Problem: Formatierung PHP von T-!!*/
#box td {font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#000;} /* Text im Blog */
 /*die Links rechts im Blog - Aufzählung */
td span{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:red;visibility:visible} /* text Über mich, Anzahl Einträge etc. Links Monate , display entfernen, wenn Monatsindex wieder angezeigt werden soll */
td span{visibility:hidden;} /*einige Headlines ausblenden - statt visible hidden*/
#box td a {color:#F29526;font-size:14px}
td span img {border:2px inset #888;visibility:visible} /*Bilder im Blog aber zeigen*/
#box td div {color:#111;font-size:14px}
#box ul{color:#CD99ee;margin-left:4px;padding-left:6px;font-size:10px;} /*breite der Übersichtsspalte aller Einträge im Blog */
#box td li{font-size:14px;color:#333;visibility:hidden} /*Zahlen hinter blogeinträgen im IE*/
#box tr {visibility:hidden}
#box tbody td {visibility:visible}

/* Gb format  */
td .guestbook {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;text-align:left;left:100px;border-top:5px;padding-top:100px;}
.guestbook {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#000}

/* Funktionsdivs */
#besucher				{position:absolute;border:0px; width:90%;left:10px;bottom:50px;padding-left:10px;z-index:51;text-align:left;color:white}
#logo						{position:absolute;width:130px;height:110px;top:30px;left:16px;padding:0;padding-left:5px;z-index:50;text-align:center;}
#logoklein			{position:absolute;width:50px;height:50px;bottom:6px;left:30px;padding:0;z-index:8;background-image:url(../bilder/stempel_klein.png);}
#ladestatus			{position:absolute;width:128px;height:15px;bottom:50%;left:50%;padding:0;z-index:0;background-image:url(../bilder/ajax-loader.gif);}

/*Right Banner Design */
#rightbanner		{display:none;color:#e7edee;left:0;width:200px;z-index:60;top:0px;bottom:120px;overflow:hidden;background:transparent;}
#rightbanner p	{font-size:15px;line-height:18px;padding:5px 15px 15px 15px;color:#e7edee; margin-top:0px;}
#rightbanner p img {margin-right:10px}
#rightbanner .firstsign	{float:left;color:#999;font-size:60px;padding-top:-30px;padding-right:10px;font-family:Times,serif;}
#rightbanner h1	{color:#e7edee;font-size:20px;line-height:20px;padding:10px 15px 8px 15px;}
#rightbanner h4	{padding:0px 0px 3px 15px;font-size:20px;line-height:20px;color:#FFA500;}
#rightbanner a	{font-size:17px;line-height:18px;color:maroon;text-decoration:none;}

/*Bereiche für Mousescroll */
#scroll_hoch 		{position:absolute;right:20px;width:80%;height:40px;background-color:#000000;cursor:n-resize;opacity:0;filter:alpha(opacity=0);z-index:52;}
#scroll_runter	{position:absolute;right:20px;width:80%;height:40px;background-color:#000000;cursor:s-resize;opacity:0;filter:alpha(opacity=0);z-index:52;}

/*Content fuer flashgallerien   */
#flashcontent 	{position:absolute;left:10px;top:1.5%;height:96%;right:45px;font-size:20px;font-weight:bold;outline-width:0;background-color:transparent ! important}
.transgrau 			{position:absolute;left:220px;right:100px;height:100%;}