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


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

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

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #fff; font-family:verdana,trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;
}

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

.Komentar {
} 

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 : verdana, arial, helvetica, tahoma, verdana, sans-serif;
color:#4F4F4F;
font-weight:normal;text-align:left;
}

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

h2{
margin-bottom:29px;letter-spacing:-1px;
font-size: 25px;
}

h3{
margin-bottom:4px;letter-spacing:-1px;
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;
}
li.liste2 {list-style-type:none;
background-image:url(images/arrow2.png);
background-repeat:no-repeat;
background-position:0% 50%;
padding-left:32px;
line-height: 24px;
font-size:17px;
color:#7f7f7f;
}


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

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



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


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

}
#top2 {
height:68px;
color:#6f6f6f;
text-align:RIGHT;
vertical-align:middle;
padding-right:15px;
background-color:#454545;
}


#logo {font-size: 14px;
line-height: 18px;
height:390px;
text-align:center;
vertical-align:bottom;
/*background-image:url(images/Logoo.jpg);*/
background-repeat:no-repeat;
background-position:100% 100%;
}

/* weisse maske- siehe link08 */
#logo_maskeweiss {font-size: 14px;
line-height: 18px;
height:390px;
text-align:center;
vertical-align:bottom;
background-image:url(images/maske2.png);
background-repeat:no-repeat;
background-position:100% 100%;
}

/* code-beispiele */
pre {font-size: 14px;line-height: 19px;
font-family:tahoma,arial;
}

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

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



/* spalte links   */
#sp1 {height:100%;
vertical-align:top;
text-align:left;
background-color:#fff;
}


/* = boxen =   */

/* boxenüberschrift   */
h2.boxheader {color:#7f7f7f;
letter-spacing:0px;
font-size: 17px;line-height: 14px;
padding:0px;
margin:0px;font-weight:normal;
text-align:left;

}

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

#box1 {vertical-align:top;
text-align:left;
padding:20px;
background-color:#DFDFDF;
border-left:solid 1px #454545;
border-right:solid 1px #454545;
border-bottom:solid 1px #454545;
background-color:#fff;
background-image:url(images/fv1.png);
background-repeat:repeat-y;
background-position:100% 50%
}

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

#box3{
padding:20px;
font-size: 13px;
line-height: 16px;
text-align:left;
color:#8f8f8f;
vertical-align:top;
background-color:#fff;
background-image:url(images/fv1.png);
background-repeat:repeat-y;
background-position:100% 50%;
border-left:solid 1px #454545;
border-right:solid 1px #454545;
border-bottom:solid 1px #454545;
}



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


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


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


#fuss1b {font-size: 12px;
line-height: 16px;
padding:10px;
background-color:#fff;
width:100%;
}


#fuss2 {height:120px;
font-size: 12px;
line-height:14px;
color:#6f6f6f;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
background-color:#454545;
text-align:right;
letter-spacing : 1px;
}