/* Scrollbalken rechts immer sichtbar > sonst "wackelt" das Menü beim Wechsel von kurzen zu langen Seiten */
html {overflow-y: scroll; }

body {background-color:rgb(230,230,230); }


#text-M {font-family: 'Arial'; font-weight:600; font-size:20px; }
#text-vita1 {font-family:'Arial';font-weight:700; font-size:16px; }
#text-vita2 {font-family:'Arial';font-weight:500; font-size:16px; }
#text-projekte {font-family:'Arial';font-weight:500; font-size:16px; }
#text-impressum {font-family:'Arial';font-weight:500; font-size:12px; }

/* text-M = Menü */

#cont-logo {position:absolute; top:20px; left:50%; height:83px; width:358px; margin-top:0px; margin-left:-470px;}
#cont-menue {position:absolute; top:120px; left:50%; height:50px; width:940px; margin-top:0px; margin-left:-470px; background-color:rgb(200,200,200); }
#cont-menue-bg {position:absolute; top:120px; height:50px; width:99%; background-color:rgb(200,200,200); }
#zelle-m1 {position:absolute; top:5px; left:0px; background-color:rgb(210,210,210); }
#zelle-m2 {position:absolute; top:5px; left:194px; background-color:rgb(210,210,210); }
#zelle-m3 {position:absolute; top:5px; left:388px; background-color:rgb(210,210,210); }
#zelle-m4 {position:absolute; top:5px; left:582px; background-color:rgb(210,210,210); }
#zelle-m5 {position:absolute; top:5px; left:776px; background-color:rgb(210,210,210); }



#cont-0 {position:absolute; top:350px; left:50%; height:480px; width:940px; margin-top:0px; margin-left:-470px; border:solid 1px red; }
/* #cont-galerie = Großes Feld für Galerie, 2 Pixel weiter links */
#cont-galerie {position:absolute; top:200px; left:50%; height:480px; width:940px; margin-top:0px; margin-left:-470px; }
#cont-zeileA {position:absolute; top:0px; left:0px; height:110px; width:940px; }
#cont-zeileB {position:absolute; top:140; left:0px; height:110px; width:940px; }
#cont-zeileC {position:absolute; top:280; left:0px; height:110px; width:940px; }
#cont-zeileD {position:absolute; top:420; left:0px; height:110px; width:940px; }
#cont-impressum {position:absolute; bottom:50; right:50; height:20px; width:50px; }

#zelle1 {position:absolute; top:0px; left:0px; height:110px; width:164px; }
#zelle2 {position:absolute; top:0px; left:194px; height:110px; width:164px; }
#zelle3 {position:absolute; top:0px; left:388px; height:110px; width:164px; }
#zelle4 {position:absolute; top:0px; left:582px; height:110px; width:164px; }
#zelle5 {position:absolute; top:0px; left:776px; height:110px; width:164px; }



/* #cont-home = Großes Feld für Logo auf Startseite */
#cont-home {position:absolute; top:200px; left:50%; height:530px; width:940px; margin-top:0px; margin-left:-470px; overflow:auto; background-color:rgb(245,245,245); }
/* #cont-startlogo = Logo auf Startseite */
#cont-startlogo {position:absolute; top:100px; left:50%; height:200px; width:600px; margin-top:0px; margin-left:-300px; overflow:auto;}
/* #cont-motto = Motto auf Startseite */
#cont-motto {position:absolute; bottom:10px; left:50%; height:200px; width:500px; margin-top:0px; margin-left:-250px; overflow:auto;}
/* #cont-kontakt = Adressfeld auf Kontaktseite */
#cont-kontakt {position:absolute; top:50%; left:50%; height:200px; width:500px; margin-top:-100px; margin-left:-250px; overflow:auto;}
/* #cont-impressum = Großes Feld für Impressum und Datenschutz */
#cont-impressum {position:absolute; top:200px; left:50%; height:100%; width:940px; margin-top:0px; margin-left:-470px; overflow:auto; background-color:rgb(245,245,245); }



/* #cont-vita = Großes Feld für Vita + Projekte */
#cont-vita {position:absolute; top:200px; left:50%; height:200%; width:940px; margin-top:0px; margin-left:-470px; overflow:auto; background-color:rgb(245,245,245); }
/* #cont-vita 1 + 2 = die beiden Felder für Stein + Vollbehr */
#cont-vita1 {position:absolute; top:0px; left:50%; height:480px; width:440px; margin-top:0px; margin-left:-470px; }
#cont-vita2 {position:absolute; top:0px; left:50%; height:480px; width:440px; margin-top:0px; margin-left:20px; }

/* #cont-projekte = Container für Projekte */
#cont-projekte {position:absolute; top:200px; left:50%; height:200%; width:940px; margin-top:0px; margin-left:-470px; overflow:auto; background-color:rgb(245,245,245); }
#cont-projekte1 {position:absolute; top:0px; left:50%; height:200%; width:900px; margin-top:0px; margin-left:-440px;}

/* .csstab1. = Tabulatoren für Vita */
.csstab1a {width: 345px; display: left; float: left; }
.csstab1b {width: 325px; display: left; float: left; }
/* .csstab2. = Tabulatoren für Projekte */
.csstab2 {width: 300px; display: left; float: left; }



/* Grüne Hilfslinien zur Voransicht bei Textzellen: wenn border = 0px ,dann sind keine Rahmen sichtbar */
.greenBorder {border: 0px solid green;}
.redBorder {border: 0px solid red;}
.blueBorder {border: 0px solid blue;}

/* Hilfslinien zur Voransicht in den Zellen: Am Ende der Zellendefinition folgendes einfügen: border:solid 1px blue; */


body { font-family:Arial,sans-serif; font-size:15px}
a:link { color:rgb(50,50,50); text-decoration:none; }
a:visited { color:rgb(50,50,50); text-decoration:none; }
a:hover { color:rgb(195,0,5);; text-decoration:none; }
a:active { color:rgb(195,0,5); text-decoration:none; }


/*

#Text01 { font-family:'Arial';font-weight:500; font-size:14px; }
#Text02 { padding-left: 15px; font-family:'Arial';font-weight:700; font-size:16px }
#Text03 { font-family:'Arial';font-weight:500; font-size:16px }
#Text04 { font-family:'Arial';font-weight:800; font-size:32px; }
#Text05 { font-family:'Arial';font-weight:500; font-size:12px; }
#Text06 { font-family:'Arial';font-weight:500; font-size:12px; }



.mittig {vertical-align:middle; background-color:#DDDDDD; }

*/