/* CSS Document */

body {
margin-top: 5px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
padding: 0px;
border: 0px;    
background-color: #434343;  
}

#main {
width: 982px;
}

#logo {
width: 365px;
height: 110px;
background-image: url('logo.gif');
background-repeat: no-repeat;
float: right;
}

#menu {
width: 550px;
height: 44px;
background-image: url('bg-menu.gif');
background-repeat: repeat-x;
float: left;
position: relative;
top: 66px;
}

.menu-item {
height: 44px;
}

.menu-item a, .menu-item b {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
}

.menu-item a {
color: #434343;
position: relative;
top: 10px; 
float: left;
}

.menu-item i {
color: #E1E1E1;
position: relative;
top: 10px; 
float: left;
}

.menu-active {
background-image: url('bg-menu-active.gif');
background-repeat: repeat-x;
height: 44px;
float: left;
}

.menu-item b {
color: white;
position: relative;
top: 10px; 
float: left;
}

.menu-item a:hover {
color: black;
}

.menu-item separator {
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #E1E1E1;
}

#top {
height: 110px;
} 

#main-panel {
background-color: #FAFAFA;
width: 982px;
height: 272px;
}

#main-panel-border {
background-color: white;
width: 964px;
height: 254px;
position: relative;
top: 9px;
left: 9px;
}

#main-panel-inner {
background-color: white;
width: 960px;
height: 250px;
position: relative;
top: 2px;
left: 2px;
}

#girl {
width: 408px;
height: 250px;
background-image: url('girl.jpg');
background-repeat: no-repeat;
float: left;
}

#fly {
width: 552px;
height: 250px;
background-image: url('fly.jpg');
background-repeat: no-repeat;
background-position: left top;
background-color: #F2F2F2;
float: left;
}

#actual {
width: 450px;
height: 26px;
padding-top: 10px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: #434343;
position: relative;
left: 15px;
top: 214px;
}

#panels {
margin-top: 20px;
width: 982px;
height: 400px;
}

.panel {
width: 214px;
height: 389px;
border-top: 1px solid #E0E0E0;
background-color: white;
float: left;
background-image: url('bg-shadow.gif');
background-repeat: repeat-x;
background-position: 0 bottom;
}

#panel-blue, #panel-green, #panel-yellow {
width: 214px;
xxheight: 282px;
height: 342px;
background-repeat: no-repeat;
background-position: 10 10;
}

#panel-blue {
background-image: url('bg-panel-blue.gif');
}

#panel-green {
background-image: url('bg-panel-green.gif');
}

#panel-yellow {
background-image: url('bg-panel-yellow.gif');
}

.panel-separator {
width: 39px;
height: 342px;
float: left;
}

#panel-gray {
background-image: url('bg-panel-gray.gif');
background-repeat: repeat-x;
background-position: left bottom;
background-color: #EEEEEE;
height: 342px;
}

.panel-inner, .panel-inner-gray {
padding: 20px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 13px;
color: white;
}

.panel-inner-gray {
color: #333333;
}

.panel-inner h2, .panel-inner h1 {
margin: 0px;
padding: 0px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 20px;
color: white;
font-weight: normal;
line-height: 120%;
margin-bottom: 8px;
}

.panel-inner h2 em,  .panel-inner h1 em{
font-size: 28px;
font-style: normal;
font-weight: bold;
}

.panel-inner h2 b, .panel-inner h1 b {
font-size: 38px;
font-style: normal;
font-weight: bold;
}

.panel-inner-gray h2 {
margin: 0px;
padding: 0px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 20px;
color: #666666;
font-weight: normal;
line-height: 120%;
margin-bottom: 8px;
}

.panel-inner-gray h2 em {
font-size: 28px;
font-style: normal;
font-weight: bold;
}

.panel-inner li, .panel-inner-gray li {
list-style-type: square;
}


.panel-inner a {
color: white;
text-decoration: underline;
}

.panel-inner-gray a {
color: #444444;
text-decoration: underline;
}

.panel-inner a:hover {
color: black;
text-decoration: underline;
}

.panel-inner-gray a:hover {
color: black;
text-decoration: underline;
}


.panel-inner li, .panel-inner-gray li {
padding: 0px;
margin: 0px
padding-top: 3px;
padding-bottom: 3px;
}

.panel-inner ul, .panel-inner-gray ul {
padding-left: 15px; 
padding-top: 0px;
padding-bottom: 0px;
margin-top: 8px;
margin-bottom: 0px;
}

#bottom {
padding-top: 20px;
width: 982px;
height: 50px;
clear: both;
}

.bottom-item {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: #F4F4F4;
float: left;
padding-left: 20px;
padding-right: 20px;
}

.bottom-item a {
color: #F0F0F0;
text-decoration: none;
}

.bottom-item a:hover {
color: white;
text-decoration: underline;
}

.bottom-separator {
border-left: 1px solid #555555;
height: 30px;
float: left;
}

.icon-home {
width: 30px;
height: 30px;
background-image: url('i-home.gif');
background-position: right  0;
background-repeat: no-repeat;
float: left;
}

.icon-mail {
width: 30px;
height: 30px;
background-image: url('i-mail.gif');
background-position: right 3;
background-repeat: no-repeat;
float: left;
}

#text {
width: 982px;
clear: both;
margin-top: 45px;
}

#text-left {
width: 530px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
background-color: #FAFAFA;
float: left;
position: relative;
left: 22px;
}

#text-left-border {
padding: 20px;
margin: 12px;
border: 1px solid #F0F0F0;
background-color: white;
}

#text-left-inner {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: black;
line-height: 160%;
position: relative;
top: -75px;
}

#text-left-inner p {
margin: 0px;
margin-top: 20px;
}

#text-left-inner em {
color: #4795D1;
font-weight: bold;
font-style: normal; 
}

#text-left-inner a {
color: #4795D1;
text-decoration: none;
border-bottom: 1px dotted #6FADDC; 
}

#xxtext-left-inner h1 {
color: #4795D1;
}


#text-left-inner h2, h2 {
font-family: Calibri, "Trebuchet MS", Arial;
color: #666666;
margin-top: 30px;
margin-bottom: 5px;
line-height: 110%;
}

#text-left-inner h2 b, h2 b {
color: #6FAEE1;
font-weight: normal;
}


#text-left-inner  li {
padding: 0px;
margin: 0px
padding-top: 6px;
padding-bottom: 6px;
list-style-type: square;
}

#text-left-inner  ul {
padding-left: 35px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 8px;
margin-bottom: 0px;
}

.panel-inner-text {
padding: 25px;
font-family: Calibri, "Trebuchet MS", Arial;
font-family: Arial;
font-size: 22px;
color: white;
line-height: 140%;
font-weight: normal;
}

.panel-inner-text b {
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 50px;
color: white;
font-weight: bold;
position: relative;
top: 5px;
left: -5px;
line-height: 45px;
}

.right {
width: 200px;
float: right;
position: relative;
left: 90px;
}

#text-right {
float: left;
width: 390px;
position: relative;
left: 60px;
top: 30px;
}

#text-right-inner {
background-color: white;
padding: 20px;
position: relative;
top: -30px;
}



#text-left-inner h1 {
padding: 10px;
border: 10px solid #FAFAFA;
background-color: #6FAEE1;
color: white;
font-family: Calibri, "Trebuchet MS", Arial;
position: relative;
left: -55px;
width: 250px;
line-height: 110%;
font-weight: normal;
font-size: 25px;
margin-bottom: 5px;
}

#text-left-inner h1 em {
color: white;
font-weight: bold;
font-size: 32px;
}

#formular {
font-family: Calibri, "Trebuchet MS", Arial;
color: black;
font-size: 13px;
border: 1px solid #AAAAAA;
padding: 10px;
background-color: #FAFAFA;
}


#formular input, #formular textarea {
font-family: Calibri, "Trebuchet MS", Arial;
color: black;
font-size: 13px;
border: 1px solid #AAAAAA;
padding: 3px;
background-color: white;
}

.photo-box {
width: 230px;
height: 190px;
float: left;
}

.photo-box-inner {
width: 214px;
height: 190px;
border: 1px solid #E0E0E0;
background-color: #FAFAFA;
float: left;
}


.photo-box-inner img {
margin: 10px;
border: 0px;
}

.photo-small {
width: 214px;
height: 240px;
border-top: 1px solid #E0E0E0;
background-color: white;
float: left;
background-image: url('bg-shadow.gif');
background-repeat: repeat-x;
background-position: 0 bottom;
}

.photo-small img {
border: 0px;
position: relative;
left: 10px;
top: 10px;
}

.clear {
clear: both;
height: 15px;
font-size: 15px;
}

.spot-box {
width: 380px;
height: 164px;
border: 1px solid #DDDDDD;
background-color: #FAFAFA;
}

.spot-box-inner {
padding: 10px;
}

.spot-box img {
width: 360px;
height: 144px;
}

#panel-menu {
width: 252px;
XXheight: 140px;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #333333;
position: relative;
left: -38px; 
top: -30px;
background-color: #FAFAFA;
}

#panel-menu-inner {
padding: 10px;
font-family: Calibri, "Trebuchet MS", Arial;
font-size: 15px;
color: #333333;
}

#panel-menu-inner li {
list-style-type: none;
padding-top: 5px;
}

#panel-menu-inner ul {
padding-left: 5px;
margin-left: 0px;;
}

#panel-menu-inner a {
color: #4795D1;
text-decoration: none;
border-bottom: 1px dotted #6FADDC; 
}

.panel-inner-text a {
color: #EEEEEE;
}

blockquote {
padding-top: 20px;
padding-left: 50px;
}


.preview-box {
width: 380px;
height: 270px;
border: 1px solid #DDDDDD;
background-color: #FAFAFA;
clear: both;
}

 
#head-fm {
width: 728px; 
height: 389px; 
border-top: 1px solid #E0E0E0;
background-color: white;
float: left;
background-image: url('bg-shadow.gif');
background-repeat: repeat-x;
background-position: 0 bottom;
}

#head-fm ul {
padding: 10px;
}

#head-fm ul li{
list-style-type: none;
}

.head-fm-img {
width: 708px; 
height: 320px;
}