/* LAYOUT */

body { 
background-color: black; 
background-image: url(images/animation05.gif); 
background-repeat: repeat;
}

#container /*Wrapper*/{ 
width: 800px; 
visibility: visible; 
margin: 50px auto 0; 
}

#container.galerie /* Wrapper Galerie */{
width: 960px;
margin: 50px auto 0;
}

/* FOOTER INTRO */
#footer.right { 
float: right; 
margin: 80px 0 0; 
padding: 0 80px 0 0; 
}

h2 {
font-family: "Courier New", Courier, Verdana, Arial, Helvetica, Swiss, Geneva, SunSans-Regular; 
font-size: 1.5em;
font-weight: bold;
margin: 0; 
padding: 0; 
}

#footer h2.typeorange { 
color: #f70; 
}

#footer h2.typeweiss { 
color: #fff; 
}

/* ENDE FOOTER INTRO */

/* FOLGESEITEN TEXT */
#container.folgeseiten /* Wrapper COLUMN 1 UND COLUMN 2 */{
margin: 0 auto; 
width: 900px;
}

#maincontent { 
position: relative; 
text-align: left; 
width: 840px; 
visibility: visible; 
/* width: 960px; */
}

/* FOLGESEITEN TEXT */
#maincontent.textseiten { 
background-color: #000;
position: relative; 
text-align: left; 
width: 800px; 
visibility: visible; 
padding: 70px 40px 60% 60px;
float: right;
/* width: 960px; */
/* border: dotted 1px #f00; */
}

/* NAVIGATION AUGE */
#navileft { 
float: left; 
padding: 0; 
margin: 0; 
position: relative; 
left: -55px; 
width: 50px; 
visibility: visible; 
/* border: dotted 1px #f00; */
}

/* NAVIGATION MAIL */
#mailmeleft { 
float: left; 
padding: 0; 
margin: 0; 
position: relative; 
top: 0px; 
left: -55px; 
width: 50px; 
visibility: visible; 
}


#column1 { 
/*background-color: #d0face; */
float: left;
padding: 20px 40px 10px 20px;
vertical-align: top;
width: 520px;
}

#column1.lichtriesen ul li { 
/*background-color: #d0face; */
padding: 10px 0 10px 0;
}

#linkliste { 
/*background-color: #d0face; */
float: left;
padding: 20px 40px 10px 20px;
vertical-align: top;
width: 520px;
}

#column2 { 
/*background-color: #e00000; */
float: right;
padding: 18px 10px 40px 0;
vertical-align: top;
width: 180px; 
}

#column3 { 
/*background-color: #d0face; */
float: left; padding: 20px 0 10px 20px; vertical-align: top; width: 530px; clear: both; }

#column4 { 
/*background-color: #e00000; */
float: right;
padding: 0 0 10px 30px;
vertical-align: top;
width: 200px; 
}

#column800 { 
/*background-color: #d0face; */
float: left;
padding: 20px 40px 10px;
vertical-align: top;
width: 700px;
}


/* TYPOGRAFIE */
/* FOLGESEITEN */

#column2 li.titel,
#linkliste li.titel { 
color: #cc6; 
font-size:  1.2em; 
font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; 
font-weight: bold; 
line-height: 1.8em; 
text-decoration: none; 
text-align: left; 
 
/*border: dotted 1px #000;*/
}


#column1 a,
#column1 a:link,
#column1 a:visited {
color: #fff; 
font-size: 1.0em; 
font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; 
font-weight: bold; 
line-height: 1.8em; 
text-decoration: none; 
text-align: left; 
/*border: dotted 1px #000;*/
}

#linkliste li a,
#linkliste li a:link,
#linkliste li a:visited {
color: #fff; 
font-size: 1.2em; 
font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; 
font-weight: bold; 
line-height: 2em; 
text-decoration: none; 
text-align: left; 
/*border: dotted 1px #000;*/
}

#column2 li a,
#column2 li a:link,
#column2 li a:visited {
color: #fff; 
font-size: 1.2em; 
font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; 
font-weight: bold; 
line-height: 2em; 
text-decoration: none; 
text-align: left; 
/*border: dotted 1px #000;*/
}

#column3 a,
#column3 a:link,
#column3 a:visited {
color: #fff; 
font-size: 1.0em; 
font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; 
font-weight: bold; 
line-height: 2em; 
text-decoration: none; 
text-align: left; 
/*border: dotted 1px #000;*/
}

#column4 li a,
#column4 li a:link,
#column4 li a:visited {
color: #fff; 
font-size: 1.2em; 
font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular; 
font-weight: bold; 
line-height: 2em; 
text-decoration: none; 
text-align: left; 
/*border: dotted 1px #000;*/
}



#column1 a:hover,
#column1 a:focus,
#column1 a:active {
color: #ffffcc;
}

#linkliste li a:hover,
#linkliste li a:focus,
#linkliste li a:active {
color: #ffffcc;
}

#column2 li a:hover,
#column2 li a:focus,
#column2 li a:active {
color: #ffffcc;
}

#column3 a:hover,
#column3 a:focus,
#column3 a:active {
color: #ffffcc;
}

#column4 li a:hover,
#column4 li a:focus,
#column4 li a:active {
color: #ffffcc;
}

/* LINKS AUGE AUF GALERIE ÜBERSICHT */

a.gaestebuch { 
top: 535px; 
left: 319px; 
 }
 
a.galerie { 
top: 15px; 
left: 651px; 
 }
 
a.illustrationen { 
top: 535px; 
left: 732px;   
 }
 
a.kontakt { 
top: 535px; 
left: 249px; 
 }
 
a.lounge {
top: 15px; 
left: 442px; 
}

a.mail { 
top: 535px; 
left: 539px;  
 }
 
 a.news { 
top: 15px; 
left: 269px; 
 }
 
 a.vita {
top: 15px; 
left: 142px; 
}

a.lounge {
width: 110px; 
height: 40px; 
position: absolute; 
top: 40px; 
left: 415px; 
/*border: dotted 1px #f00;*/
}

#navileft a.auge {
background-image: url(images/augen5050.gif); 
background-position: -50px 0; 
top: 92px; 
width: 50px; 
height: 50px; 
position: absolute; 
/*border: dotted 1px #f00;*/
}

a.gaestebuch,
a.galerie,
a.illustrationen, 
a.kontakt,
a.mail,
a.news,
a.vita { background-image: url(images/augen5050.gif); 
background-position: -50px 0; 
width: 50px; 
height: 50px; 
position: absolute; 
/*border: dotted 1px #f00;*/
}

#mailmeleft a.letter {
background-image: url(images/mailme5050.gif); 
background-position: -50px 0; 
top: 150px; 
width: 50px; 
height: 50px; 
position: absolute; 
/*border: dotted 1px #f00;*/
}


#mailmeleft a:link.letter,
#mailmeleft a:visited.letter,
#navileft a:link.auge,
#navileft a:visited.auge,
a:link.gaestebuch,
a:visited.gaestebuch,
a:link.galerie,
a:visited.galerie,
a:link.illustrationen,
a:visited.illustrationen,
a:link.kontakt,
a:visited.kontakt,
a:link.lounge,
a:visited.lounge,
a:link.mail,
a:visited.mail,
a:link.news,
a:visited.news,
a:link.vita,
a:visited.vita  { 
}

#mailmeleft a:hover.letter,
#mailmeleft a:focus.letter,
#mailmeleft a:active.letter,
#navileft a:hover.auge,
#navileft a:focus.auge,
#navileft a:active.auge,
a:hover.gaestebuch,
a:focus.gaestebuch,
a:active.gaestebuch,
a:hover.galerie,
a:focus.galerie,
a:active.galerie,
a:hover.illustrationen,
a:focus.illustrationen,
a:active.illustrationen,
a:hover.kontakt,
a:focus.kontakt,
a:active.kontakt,
a:hover.lounge,
a:focus.lounge,
a:active.lounge,
a:hover.mail,
a:focus.mail,
a:active.mail,
a:hover.news,
a:focus.news,
a:active.news,
a:hover.vita,
a:focus.vita,
a:active.vita
{
background-position: 0 0; 
}

/* INTRO */

#navibox { 
position: absolute; 
top: 328px; 
left: 71px; 
width: 160px; 
visibility: visible; 
/*border: solid 1px #f00; */
}

#navibox li a { 
color: #fff; 
font-size: 14px; 
font-family: "Courier New", Courier, Verdana, Arial, Helvetica ; 
font-weight: bold; 
line-height: 22px; 
text-decoration: none; 
letter-spacing: 0.1em; 
}

#navibox a:hover { 
color: #e98900; 
}


#textbox { 
font-family: "Courier New", Courier, Verdana, Arial, Helvetica ; 
font-size: 14px; 
position: absolute; 
top: 165px; 
left: 340px;
width: 340px; 
}

#intro p,
#textbox p {
font-size: 14px; 
line-height: 16px; 
font-weight: bold; 
letter-spacing: 0.1em; 
}

#intro a,
#textbox a { 
color: #e98900; 
font-size: 14px; 
font-weight: bold; 
text-decoration: none; 
line-height: 14px; 
letter-spacing: 0.1em; 
}


#intro a:link,
#intro a:visited,
#textbox a:link,
#textbox a:visited { 
color: #e98900; 
}

#intro a:hover,
#intro a:focus,
#intro a:active,
#textbox a:hover,
#textbox a:focus,
#textbox a:active { 
color: #ffbc45; 
}

#intro {
font-family: "Courier New", Courier, Verdana, Arial, Helvetica ; 
font-size: 14px; 
position: absolute; 
top: 0px; 
right: 70px;
}