body {
/*background-color:#BDDEFF;*/
background-color:#98CCFE;
font-size:x-small;
font-family:verdana,tahoma,helvetica,sans-serif;
}


/*box styles*/
.box_header {
width:100%;
height:94px;
margin:0px;
padding:0px;
background:url(img/back_header.jpg) no-repeat bottom;
}

.box_navi {
background-color:#98CCFE;
height:14px;
}

.box_navi_header {
width:126px;
}

.box_left_outer {
width:160px;
float:left;
margin:7px 0px 0px 0px;
background:url(img/back_mountain_left.gif) bottom no-repeat;
}

.box_left {
background-color:#98CCFE;
font-size:xx-small;
padding:0px 2px 0px 2px;
}

.content_outer {
width:436px;
float:left;
background:url(img/back_mountain_center.gif) bottom no-repeat;
}

.content {
padding:1em;
}

.box_right_outer {
width:160px;
float:right;
margin:7px 0px 0px 0px;
background:url(img/back_mountain_right.gif) bottom no-repeat;
}

.box_right {
background-color:#98CCFE;
font-size:xx-small;
padding:0px 2px 0px 2px;
}

.box_footer {
background:url(img/back_header.jpg) bottom left no-repeat;
text-align:right;
font-size:xx-small;
padding:2px;
}


/*round shaped boxes and body*/
div.inbound {
margin:7px 0px 7px 0px;
padding:0px 2px 0px 2px;
clear:both;
}

img.leto {
position:relative;
right:5px;
float:left;
}

img.rito {
position:relative;
left:5px;
float:right;
}

img.lebo {
position:relative;
right:5px;
bottom:7px;
float:left;
}

img.ribo {
position:relative;
left:5px;
bottom:7px;
float:right;
}

div.body {
background:url(img/back_mountain.gif) no-repeat bottom left;
height:400px;
}

/*sites and images*/
h1 {
width:100%;
/*filter:Glow(color=#000000, strength=1);*/
filter:DropShadow(color=#98CCFE, offx=2, offy=2);
letter-spacing:0.5em;
text-transform:uppercase;
font-size:140%;
position:relative;
visibility:hidden;
text-align:center;
padding:0px 0px 1px 0px;
margin:1em 0px 1em 0px;
color:white;
}

h3 {
font:bold x-small;
border-bottom:1px solid white;
margin:1em 0px 0.5em 0px;
}

h4 {
font-size:x-small;
text-align:center;
margin:0px;
padding:0px;
background:url(img/h4_back.gif) repeat-x center middle;
}

h5 {
font-size:xx-small;
margin:1em 0px 0px 0px;
padding:0px;
color:#ffe560;
}

a {
text-decoration:none;
color:white;
}

a:hover{
text-decoration:underline;
color:black;
}

p {
margin:0px 0px 1em 0px;
}

ul {
margin:0px 0px 1em 0px;
list-style-position:inside;
list-style-image:url(img/icon_arrow.gif) ;
}

li {
margin:0px;
padding:0px;
}

form {
margin:0px;
padding:0px;
}

input.text {
border:1px solid black;
font-size:xx-small;
}

input.submit {
border:1px solid black;
font-size:xx-small;
background-color:#bddeff;
}

/*Most needs*/

.left {
float:left;
}

.right {
float:right;
}

.icon {
margin-right:2px;
}









/*Navigation, Hauptdefinitionen (nicht ändern)*/
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}

/*Navigation*/
.clLevel0,.clLevel0over{
position:absolute;
padding:0px 2px 0px 2px;
font:xx-small;
}

.clLevel0{
background-color:#98CCFE;
layer-background-color:#BDDEFF;
color:black;
}

.clLevel0over{
background-color:#BDDEFF;
layer-background-color:#BDDEFF;
color:black;
cursor:pointer;
cursor:hand;
}

.clLevel0border{
position:absolute;
visibility:hidden;
background-color:#BDDEFF;
layer-background-color:#BDDEFF;
}

span.naviline{
font:bold;
}
