/* ====== allgemein ======  */


/* breite der gesamtkonstruktion  */
#breite {width:1000px}

/* breite der linken spalte in pixel */
.breite_hauptspalte_li {width:300px;margin:0px;padding:0px}

body
{margin-top: 20px; margin-left: 0px; margin-right: 0px;margin-bottom: 120px; background-color: #fff; font-family:georgia,verdana,trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;
background-attachment:fixed;
background-image:url(images/back.png);
background-repeat:no-repeat;
background-position:  50% 50%;
}

#haupt {
border:solid 10px #fff;
padding:0px;
}

.abstand {
height:8px;background-color:#454545;
}

div.abstandhorizontal {
width:8px;height:100%;
background-color:#fff;
}

/* abstand horizontal GOOGLE BROWSER */
td.abstandhorizontal {
width:1px;
background-color:#fff;
}

/* überschriften im text */

h1, h2, h3, h4, h5, h6 {font-family : georgia, arial, helvetica, tahoma, verdana, sans-serif;
color:#7F7F7F;
font-variant:small-caps;
font-weight:normal;
}

h1{text-align:left;
margin-bottom:39px;letter-spacing:1px;
font-size: 31px;
}

h2{text-align:left;
margin-bottom:29px;letter-spacing:1px;
font-size: 24px;
}

h3{text-align:left;
margin-bottom:15px;letter-spacing:2px;
font-size: 18px;
}



/* listen */
li.liste1 {list-style-type:none;
background-image:url(images/arrow.png);
background-repeat:no-repeat;
background-position:0% 50%;
padding-left:16px;
line-height: 24px;
font-size:17px;
color:#7f7f7f;
}

#name1 {
color :#6f6f6f;
font-size : 27px;
line-height:30px;
letter-spacing : 10px;
font-weight:bold;

}

#name2 {
color:#8f8f8f;
font-size : 27px;
line-height:30px;
letter-spacing : 10px;

}

#name3 {
color:#BFBFBF;
font-size : 15px;
letter-spacing : 12px;
font-style : italic;
}

#seitentitel {
color:#EFEFEF;
font-size : 14px;
line-height:18px;
letter-spacing : 2px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
text-align:center;
background-color:#7F7F7F;
background-repeat:repeat;
background-position:50% 50%;
border: solid 1px #1F1F1F;
}


/* zitat im logo-feld mit den kreisen  */


#zitat {
color:#7F7F7F;
font-style:italic;
font-family: georgia,Verdana,Arial,Helvetica,sans-serif;
font-size: 15px;
font-variant:small-caps;
letter-spacing:1px;
padding-left:20px;
padding-bottom:20px;
padding-right:0px;
padding-top:0px;

}


/* für die code-beispiele in der datei tipps.html */
pre
{margin-left: 20px;
margin-right: 20px;
padding:10px;
color:#8f8f8f;
font-size: 15px;line-height: 22px;
}

/* ====== kopfbereich ======  */


#top1 {height:80px;
text-align:left;
background-color:#fff;
vertical-align:bottom;
padding-top:0px;
padding-left:15px;

}
#top2 {
height:130px;
color:#6f6f6f;
text-align:RIGHT;
vertical-align:middle;
padding-right:15px;
padding-bottom: 0px;
font-size:14px;
background-color:#fff;
}
#top3 {
height:68px;
color:#6f6f6f;
text-align:left;
vertical-align:bottom;
padding-left:15px;
padding-bottom: 0px;
font-size:14px;
background-color:#fff;
}

#logo {
height:390px;
text-align:left;
vertical-align:bottom;
background-image:url(images/loch.png);
background-repeat:no-repeat;
background-position:100% 100%;
}



#top4 {
height:50px;
text-align:left;
text-align:right;
vertical-align:bottom;
padding-right:20px;
padding-bottom:1px;

background-color:#fff;
}


/* ====== inhaltsbereich ====== */

#inhalt {height:980px;
text-align:justify;
vertical-align:top;
width:100%;
font-family : arial, helvetica, tahoma, verdana, sans-serif;
font-size: 17px;line-height: 22px;
color:#6f6f6f;
padding-top : 40px;
padding-bottom : 50px;
padding-left : 30px;
padding-right : 30px;
background-color:#fff;
}



/* spalte links   */
#sp1 {height:100%;
color:#8f8f8f;
text-align:center;
vertical-align:top;
text-align:center;
margin-left:10px;
background-color:#fff;

}


/* = boxen =   */

/* boxenüberschrift   */
h2.boxheader {text-align:right;color:#6f6f6f;
letter-spacing:1px;
font-size: 18px;line-height: 14px;
padding:0px;
margin:0px;font-weight:normal;
}

h3.boxheader {margin-bottom:10px;
text-align:right;
letter-spacing:1px;
color:#6f6f6f;
font-size:14px;
line-height: 16px;
font-weight:normal;}

#box1 {vertical-align:top;
text-align:right;
padding:20px;
background-color:#fff;
border:solid 1px #454545;

}

#box2 {
padding:20px;
font-size: 13px;
line-height: 16px;
text-align:right;
vertical-align:top;
color:#6f6f6f;
background-color:#454545;
border:solid 1px #454545;
}

#box3{
padding:20px;
font-size: 13px;
line-height: 16px;
text-align:right;
color:#8f8f8f;
vertical-align:top;
vertical-align:top;
background-color:#fff;
border:solid 1px #454545;
}



/* ====== fussbereich ======  */


#fuss {
text-align:center;
vertical-align:middle;
width:100%;
}


#fuss1a {font-size: 11px;height:15px;
letter-spacing:1px;
background-color:#fff;
color:#6f6f6f;
height:30px;
text-align:right;
font-size: 12px;line-height: 16px;
padding:10px;
}


#fuss1b {font-size: 12px;height:15px;
background-color:#fff;
width:100%;
}


#fuss2a {height:80px;
font-size: 12px;line-height:14px;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
color:#5f5f5f;
padding:10px;
background-color:#fff;
text-align:right;
background-image:url(images/fuss.png);
background-repeat:repeat-x;
background-position:50% 50%

}

#fuss2b {height:80px;letter-spacing:4px;
font-size: 12px;line-height: 16px;
width:100%;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
color:#5f5f5f;
padding:10px;text-align:center;
vertical-align:middle;
background-color:#fff;
background-image:url(images/fuss.png);
background-repeat:repeat-x;
background-position:50% 50%
}


#fuss3 {font-size: 12px;line-height: 18px;
background-color:#fff;
color:#6f6f6f;
width:100%;
height:40px;
padding-top:10px;
letter-spacing:2px;
}