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


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

/* 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: #8cbb15; font-family:georgia,verdana,trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;
background-attachment:fixed;
background-image:url(images/logo2.jpg);
background-repeat:no-repeat;
background-position: 50% 50%;
}

#haupt {
border:solid 1px #000;
padding:0px;
}

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



/* ü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:#C6C7C9;
}

#name1 {
color :#626262;
font-size : 34px;
line-height:30px;
letter-spacing : 2px;
}

#name2 {
color:#8F8F8F;
font-size : 34px;
line-height:30px;
letter-spacing : 2px;
}

#slogan {
color:#8F8F8F;
font-size : 15px;
letter-spacing : 2px;
font-style : italic;
}

#seitentitel {
	color:#6f6f6f;
	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:#C6C7C9;
	background-repeat:repeat;
	background-position:50% 50%;
	border: solid 1px #1F1F1F;
}

/* 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;
}

/* textschatten-effekt auf dem zitat  */

#textschatten {
position:relative;
float:left;
margin:auto;
top:0px;
left:0px;
width:250px;
font-family: georgia,Verdana,Arial,Helvetica,sans-serif;
font-size: 19px;
font-style:normal;
letter-spacing:1px
}

#textschatten .text1 {
position:absolute;
top:1px;
left:1px;
color: #000;
}

#textschatten .text2 {
position:absolute;
top:0px;
left:0px;
color: #6f6f6f;
}


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


#top1 {
	height:50px;
	background-color:#C6C7C9;
	vertical-align:middle;
	padding-top:20px;
	padding-right:15px;
}

#logo1 {
	height:107px;
	color:#C6C7C9;
	text-align:right;
	vertical-align:middle;
	padding-right:15px;
	padding-bottom: 10px;
	font-size:14px;
	background-color:#00000;
}


#logo3 {
	height:226px;
	text-align:center;
	vertical-align:top;
	background-image:url(images/loch.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

#logo4 {
	height:50px;
	border: solid 0px #000;
	text-align:left;
	vertical-align:top;
	padding-left:40px;
	background-color:#c6c7c9;
}


/* ====== 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 : 80px;
	padding-left : 30px;
	padding-right : 30px;
	background-color:#C6C7C9;
}



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


/* = 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 {text-align:right;margin-bottom:10px;
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:#C6C7C9;
}

#box2 {
	padding:20px;
	font-size: 13px;
	line-height: 16px;
	text-align:right;
	vertical-align:top;
	color:#5f5f5f;
	background-color:#C6C7C9;
}

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



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


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


#fuss1a {
	font-size: 11px;
	height:15px;
	letter-spacing:1px;
	background-color:#C6C7C9;
	color:#EAFAD1;
}


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


#fuss2a {
	height:180px;
	font-size: 12px;
	line-height:14px;
	color:#5f5f5f;
	padding:10px;
	background-color:#C6C7C9;
}

#fuss2b {height:180px;letter-spacing:4px;
font-size: 12px;line-height: 16px;
width:100%;
color:#7f7f7f;
padding:10px;text-align:center;
background-image:url(images/loch1.png);
background-repeat:no-repeat;
background-position:100% 50%
}


#fuss3 {
	font-size: 12px;
	line-height: 18px;
	background-color:#C6C7C9;
	color:#6f6f6f;
	width:100%;
	height:40px;
	padding-top:10px;
	letter-spacing:2px;
}#breite tr td table tr #haupt table tr td table tr #sp1 table tr #box2 div .boxheader {
	color: #262226;
}
#breite tr td table tr #haupt table tr td table tr #sp1 table tr #box2 div p {
	color: #262226;
}