body {
background-image: url("images/IMGP4298.JPG");
background-position:left;
background-attachment: fixed;
background-size: cover;
}


.link { color: #C65B00;
text-decoration: none; }

.link:hover {color:#fff; }

.navi { 
display: block;
padding: 10px;
float: left;
background-color: #C65B00;
color: #fff;
text-transform: uppercase;
font-family: Georgia;
font-style: italic;
margin:20px;
}

.navi:hover { color: #C65B00;
background-color: #fff;
transition: 1s;

}


.navi2 { 
display: block;
padding: 10px;
float: left;
background-color: #0086BB;
color: #fff;
text-transform: uppercase;
font-family: Georgia;
font-style: italic;
margin:20px;
}

.navi2:hover { color: #0086BB;
background-color: #fff;
transition: 1s;
}

.navi3 { 
display: block;
padding: 10px;
float: left;
background-color: #DD9FF2;
color: #fff;
text-transform: uppercase;
font-family: Georgia;
font-style: italic;
margin:20px;
}

.navi3:hover { color: #DD9FF2;
background-color: #fff;
transition: 1s;
}

h1 {
border-bottom: 3px dashed ##DD9FF2;
font-family: Georgia;
font-size:30px;
font-style: italic;
color: #C65B00;
}

.box { width:400px;
height:300px; 
overflow: auto;
align: center;
color: #E3B5F6;
font-family: Verdana;
font-size: 12px;
text-align:justify;
margin:30px;
padding:30px;
}

.box a:link { color: #C65B00;
text-decoration: none; }

.box a:visited { color: #C65B00;
text-decoration: none; }

.box a:hover, a:active {color:#fff; }

table { color: #E3B5F6;
font-family: Verdana;
font-size: 12px; }

td { color: #E3B5F6;
font-family: Verdana;
font-size: 12px; }



i { color: #C65B00;
letter-spacing: 2px;
}

b { font-weight:bold;
color: #C65B00;
letter-spacing: 2px;
}

u { color: #C65B00;
letter-spacing: 1px;
text-decoration: none;
border-bottom: 3px dashed #F099B4; }


.character { float:left;
outline-offset: 10px;
 height:120px;
 width:120px;
 background-size: cover;
 background-image: center;
outline: 1px solid #DFA5F2;
margin:30px;
}


.inhalt { float:left;
outline-offset: 10px;
 height:200px;
 width:170px;
 background-size: cover;
 background-image: center;
outline: 1px solid #DFA5F2;
margin:30px;
}

.character2 { float:right;
outline-offset: 10px;
 height:120px;
 width:120px;
 background-size: cover;
 background-image: center;
outline: 1px solid #DFA5F2;
margin:30px;
}