/* ========== Allgemeine Einstellungen ========== */

#breite {width:860px}

body
{margin-top: 20px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px;
background-color: #383838;
background-image:url(images/bg.jpg);
background-attachment:fixed}

h2{ color:#FF0000;
letter-spacing:2px;
font-family: Arial, Trebuchet MS; 
font-size: 22px;
}
h3{ color:#FF0000;
letter-spacing:2px;
font-family: Arial, Trebuchet MS; 
font-size: 18px;
margin: 0px 0px 5px 0px;
}
h4{ color:#FF0000;
letter-spacing:2px;
font-family: Arial, Trebuchet MS; 
font-size: 14px;
margin: 0px 0px 5px 0px;
}
p{
font-size: 14px;
margin: 0px;
font-family: Arial, Trebuchet MS; 
margin-bottom: 2px;
padding: 0px  0px 5px 0px;
}
ul{
	padding: 0px  0px 5px 55px;
	list-style: circle;
}
li{
font-size: 14px;
margin: 0px;
font-family: Arial, Trebuchet MS; 
margin-bottom: 2px;
padding: 0px  0px 5px 0px;	
}

.haupt {
border:solid 20px #000;
}
/* ========== Kopfbereich ========== */

#top1 {
height: 60px;
/*background-color: #FF0000; */
color: #FFFFFF;
width: 100%;
vertical-align: middle;
font-family: Arial, Trebuchet MS; 
font-size: 20px;
line-height: 20px;
padding-left: 20px;
padding-top: 20px;
font-variant: small-caps;
letter-spacing: 5px;
background-image: url(images/leiste_schatten_ob_03.png);
background-repeat: repeat-x;
background-position: 50% 0%;
}

#name {
font-family: georgia,arial,tahoma,verdana,helvetica, sans-serif;
font-size: 17px;line-height: 20px;
font-variant:small-caps;
letter-spacing:10px;
color:#fff;
}

#top2 {
height:370px;
vertical-align:middle;
text-align:center;
border-top:solid 1px #000000;
/*border-bottom:solid 1px #fff;*/
}

#logo {
color: red;
font-family: Arial, Trebuchet MS; 
font-size: 22px;
line-height: 20px;
font-variant: small-caps;
vertical-align: middle;
text-align: left;
padding:0 0 0 0;
background-image:url(images/leiste_nav.jpg);
background-repeat:repeat-x;
background-position:  50% 0%;
}

#nav {padding: 0 0 0 0 ;
vertical-align:middle;
background-color:#373737;
background-image:url(images/leiste_nav.jpg);
background-repeat:repeat-x;
background-position:  50% 0%;
}

#top3 {
height:40px;
background-color:#FF0000;
color:#56686D;
width:100%;
vertical-align:middle;
padding-left:10px;
border-top: solid 1px #000000;
border-bottom:solid 1px #000000;
}

/* ========== Mittelbereich ========== */

#textbox {
height:405px;
background-color:#e8e8e8;
text-align:justify;
font-size: 17px;line-height: 20px;
font-family: Arial, Trebuchet MS; 
padding: 0 0 0 0;
letter-spacing:0px;
width:%%;
vertical-align:top;
}
#textbox2 {
background-color:#e8e8e8;
text-align:justify;
font-size: 10px;
letter-spacing:0px;
width:%%;
vertical-align:top;
}
/* ===== allgemeine links im text ===== */

a:link, a:visited, a:active, a:hover{
font-size: 14px;
font-family: Arial, Trebuchet MS; 
line-height: 20px;
text-decoration:underline;
}

a:hover{
	text-decoration: underline;
	background-color: #eee8aa;
}

/* ========== Fussbereich ========== */

#fuss2 {
height: 60px;
color: #fff;
font-family: Arial, Trebuchet MS; 
font-size: 14px;
line-height: 20px;
text-align: center;
width: 100%;
border-top: solid 1px #000;
background-image: url(images/leiste_schatten_un_03.png);
background-repeat: repeat-x;
background-position: 50% 100%;
}