html {
margin:0;
padding:0;
overflow:auto;
}

body {
margin:0;
padding:0;
background-color: #353535;
font-family:Helvetica,"Gill Sans","Trebuchet MS",Verdana,Arial, sans serif;
color:#353535;
font-size:13px;
line-height:18px;
overflow:hidden;
}

h1{
font-family:"Gill Sans","Trebuchet MS",Helvetica,Verdana,Arial, sans serif;
color:#669900;
font-size:18px;
font-variant:small-caps;
line-height:25px;
text-align:center;
margin-top:10px;
margin-bottom:0px;
}

h2{
font-family:"Gill Sans","Trebuchet MS",Helvetica,Verdana,Arial, sans serif;
color: #353535;
font-size: 14px;
line-height: 20px;
font-weight: lighter;
padding-top: 5px;
text-align: center;
width: 70px;
height: 15px;
text-decoration:overline;
margin-top:5px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding:5px;
}

p#einzug {
display:inline;
text-indent: 2em;
}

/*************umschlag************/
div#umschlag {
width:950px;
height:660px;

background-image:url(hintergrund3.jpg);
background-repeat: no-repeat;

position:absolute;
padding:0px;
left: 50%;
top: 50%;
margin-left: -475px;
margin-top: -330px;
}

div#umschlag2 {
width:950px;
height:660px;

background-image:url(hintergrund2.jpg);
background-repeat: no-repeat;

position:absolute;
padding:0px;
left: 50%;
top: 50%;
margin-left: -475px;
margin-top: -330px;
}

/*************menu************/

div#seite {
width:80px;
float:left;
margin-left:-4px;
}

div#navigation {
width: 220px;
float:left;
margin-left:-25px;
padding-top:20px;
}
div#menu1 {
width: 220px;
margin-left:15px;
margin-top:-180px;
}

div#menu2 {
width:220px;
margin-left:15px;
margin-top:-250px;
}

div#menu3 {
width:220px;
margin-left:15px;
margin-top:-280px;
}

div#navigation ul {
//padding-top: 10px;
line-height: 20px;
}

li{
list-style: none;
}
/*************textlinks************/

a { 
text-decoration:none; 
color:#669900; 
}
a:link { 
text-decoration:none; 
outline:none; 
}
a:visited { 
text-decoration:none; 
}
a:hover { 
text-decoration:none; 
color:#669900;
font-size:13px; 
font-weight:bold;
line-height:18px;
}
a:focus { 
text-decoration:none;
outline:none; 
}
a:active { 
text-decoration:none; 
outline:none;
}

/*************bildlinks************/

a img {
border: none;
}
a:link img{ 
border:none; 
 }
a:visited img{ 
border:none; 
}
a:hover img{ 
border:none;
padding-bottom:2px;
padding-left:1px;
}
a:focus img{ 
border:none; 
}
a:active img{ 
border:none; 
}


/*************home************/

#home{
width:380px;
height:310px;
margin-left:60px;
margin-top:-380px;
padding:0px 10px;
font-family:"Gill Sans","Trebuchet MS",Helvetica,Verdana,Arial, sans serif;
color:#353535;
font-size:13px;
line-height:20px;
}


/*************profil************/

div#rahmen {
width:500px;
height:400px;
position:absolute;
top:60px;
left: 275px;
}

div#inhalt {
width:350px;
height:110px;
margin-left:80px;
margin-top:-430px;
padding:0px 10px;
}

p.initial:first-letter {
font-size:28px;
font-weight:bold;
color:#669900;
line-height:18px;
font-family:Bodoni,Garamond,Times, serif;
}

#span.text {
color:#353535}

div#vita {
position:absolute;
top:185px;
left:80px;
width:380px;
//padding-top:20px;
}

#vita p.profil_links {
width:80px;
text-align:right ;
float:left;
color: #353535;
font-size:13px;
}
#vita p.profil_rechts {
width:290px;
padding-top:0px;
float:right;
}

/*************blog************/

div#blog {
width:430px;
height:300px;
margin-left:45px;
margin-top:-419px;
padding:0px 10px;
overflow:auto;
line-height: 1.7;
}
#blog span {
color: #353535;
padding: 4px;
}
#blog span.einzug {
display: block;
float: left;
height: 5px;
width: 15px;
}

#blog p:first-letter{
font-size:40px;
font-weight:bold;
color:#669900;
line-height:0.6;
font-family:Bodoni,Garamond,Times, serif;
}

/*************portfolio************/

div#portfolio{
width:400px;
height:310px;
margin-left:70px;
margin-top:-400px;
padding:0px 10px;
}

div#vorschau_grafik {
display:inline;
width:500px;
height:100px;
position:absolute;
top: 560px;
left: 400px;
}

#vorschau li{
display:inline;
}


#vorschau a:hover img{
padding:0px;
background-color:#99cc33;
}

li.vorschau_aktuell {
display:block;
width:60px;
height:70px;
position:relative;
top:-10px;
}

div#vor_zurueck {
width:70px;
position:absolute;
top: 250px;
left: 390px;
}
div#vor_zurueck img {
border: 1px solid #fff;
}
#vor_zurueck a:hover img{ 
border:1px solid #99cc33;
padding-bottom:0px;
padding-left:0px;
}
/*************portfolio_illu************/

div#rahmenportfolio {
width:600px;
position:absolute;
top:30px;
left:310px;

}

div#bild {
width:360px;
margin-top:-516px;
margin-left:2px;
margin-bottom:10px;
text-align:center;
}
div#info {
width:100px;
height:200px;
position:absolute;
top:100px;
left:390px;
}
#info p{
color:#FCFCFC;
line-height:20px;
}

/*************portfolio_tbuch************/

div#rahmentbuch {
width:660px;
position:absolute;
top:100px;
left:240px;
}

div#tbuch{
width:600px;
margin-top:-315px;
margin-left:17px;
}
div#info2 {
width:200px;
margin-top:45px;
margin-left:10px;
}
#info2 p{
color:#FCFCFC;
}

div#vor_zurueck_buch{
width:70px;
position:absolute;
top: 400px;
left: 290px;
}

div#vor_zurueck_buch img {
border: 1px solid #fff;
}

#vor_zurueck_buch a:hover img{ 
border:1px solid #99cc33;
padding-bottom:0px;
padding-left:0px;
}


div#vorschau_tbuch {
display:inline;
width:500px;
height:100px;
position:absolute;
top: 560px;
left: 400px;
}

#vorschau_tbuch li{
display:inline;
}


#vorschau_tbuch a:hover img{
padding:0px;
background-color:#99cc33;
}

li.vorschau_aktuell {
display:block;
width:60px;
height:70px;
position:relative;
top:-10px;
}

/*************links************/
div#links {
width:400px;
height:310px;
margin-left:60px;
margin-top:-420px;
padding:0px 10px;
}

#links p{
margin-top:10px;
margin-bottom:3px;}

#links h1{
margin-top:2px;
margin-bottom:2px;}

p.links2 {
width:100px;
postion:absolute;
margin-top:-35px;
margin-left:400px;
}


/*************activity************/

div#rahmenactivity {
width:660px;
position:absolute;
top:70px;
left:240px;
}

div#spiel {
width:600px;
margin-top:-410px;
margin-left:13px;
}
div#info3 {
width:200px;
margin-top:20px;
margin-left:5px;
}
#info3 p{
color:#FCFCFC;
}

div#vor_zurueck_spiel{
width:70px;
position:absolute;
top: 430px;
left: 290px;
}
div#vor_zurueck_spiel img {
border: 1px solid #fff;
}
#vor_zurueck_spiel a:hover img{ 
border:1px solid #99cc33;
padding-bottom:0px;
padding-left:0px;
}
/*************kontakt/impressum************/
div#impressum {
width:430px;
height:310px;
margin-left:50px;
margin-top:-435px;
line-height:18px;
}

#impressum h1 + p {
line-height:18px;
text-align:center;
}

#impressum p.initial {
line-height: 19px;
}

div#kontakt {
width:400px;
height:310px;
margin-left:55px;
margin-top:-380px;
padding:0px 10px;
}


div#kontakt p{
width:350px;
line-height:21px;
padding-left:20px;
}
p.mail{
text-align:center;
}

/*************fusszeile************/
div#fusszeile{
width:400px;
height:30px;
position: absolute;
top: 610px;
left: 80px;
}
#fusszeile a:hover img{ 
border:none;
padding-bottom:0px;
padding-left:0px;
}

#footer li {
display:inline;
}