/* ====== 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: #f1f1f1; font-family:verdana,trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;
}

/* foto auf startseite  */
#haupt01 { background-color: #fff;
border-right:solid 1px #9d9d9d; /*geändert #000*/
border-left:solid 1px #9d9d9d; /*geändert #000*/
padding:10px;
background-image:url(images/logo2.jpg);
background-repeat:no-repeat;
background-position: 388px 70px; /*geändert 387, 137*/
}

/* foto auf link 02 
#haupt02 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo1.jpg);
background-repeat:no-repeat;
background-position:  387px 130px;
}*/

/* foto auf link 03  
#haupt03 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo4.jpg);
background-repeat:no-repeat;
background-position: 387px 130px;
}*/

/* foto auf link 04  
#haupt04 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo7.jpg);
background-repeat:no-repeat;
background-position: 387px 130px;
}*/

/* foto auf link 05  
#haupt05 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo3.jpg);
background-repeat:no-repeat;
background-position:  387px 130px;
}*/

/* foto auf link 06  
#haupt06 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo9.jpg);
background-repeat:no-repeat;
background-position:  387px 130px;
}*/

/* foto auf link 07 
#haupt07 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo6.jpg);
background-repeat:no-repeat;
background-position:  387px 130px;
} */

/* foto auf link 08  
#haupt08 { background-color: #fff;
border-right:solid 1px #000;
border-left:solid 1px #000;
padding:10px;
background-image:url(images/logo8.jpg);
background-repeat:no-repeat;
background-position:  387px 130px;
}*/

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

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: 21px; /*geändert 31*/
}

h2{
margin-bottom:29px;letter-spacing:-1px;
font-size: 15px; /*geändert 29*/
}

h3{
margin-bottom:4px;letter-spacing:-1px;
font-size: 16px;
}



/* 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: 25px;
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:48px;
color:#6f6f6f;
/*text-align:RIGHT;*/
text-align:RIGHT;
vertical-align:middle;°
padding-right:15px;
background-color:#454545;
}


#logo {font-size: 14px;
line-height: 18px;
height:340px; /*geändert 390*/
text-align:center;
vertical-align:bottom;
background-image:url(images/maske.png);
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 {height:100%; /*geändert 900px*/
text-align:justify;
vertical-align:top;
width:100%;
font-family: arial, helvetica, tahoma, verdana, sans-serif;
font-size: 14px; line-height: 20px; /*geändert 16...22*/
color:#6f6f6f;
padding-top: 20px; /*geändert 40*/
/*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 #b0b0b0; /*geändert #454545*/
border-right:solid 1px #b0b0b0; /*geändert #454545*/
border-bottom:solid 1px #b0b0b0; /*geändert #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:#dfdfdf; /*geändert 454545*/
border-left:solid 1px #b0b0b0; /*geändert 454545*/
border-right:solid 1px #b0b0b0; /*geändert 454545*/
border-bottom:solid 1px #b0b0b0 ;/*geändert 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:50px; /*geändert 120*/
font-size: 10px;
line-height:14px;
color:#6f6f6f;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
background-color:#454545;
text-align:center; /*geändert right*/
letter-spacing: 1px;
}