body { font: 12px/20px arial; color: #333; margin: 0; background: #EBFBFF url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/gradient.jpg) repeat-x; text-align: center;}
div.container { width: 921px; margin: 0 auto; text-align: left; }
a.header_1 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_1.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_2 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_2.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_3 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_3.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_4 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_4.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_5 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_5.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_6 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_6.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_7 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_7.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_8 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_8.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_9 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_9.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_10 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_10.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_11 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_11.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_12 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_12.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_13 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_13.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_14 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_14.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_15 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_15.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_16 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_16.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_17 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_17.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_18 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_18.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_19 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_19.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_20 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_20.jpg) no-repeat right; padding: 18px 0 15px 0; }
a.header_21 { display: block; background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/head/head_21.jpg) no-repeat right; padding: 18px 0 15px 0; }
td.menu { background: #F7941D url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/menu.jpg) repeat-y; width: 230px; }

ul.menu { list-style: none; margin: 0px; padding: 0px; display: block; overflow: hidden; }
ul.menu li { float: left; width: 176px; display: block; }
ul.menu a.menu-out { width: 176px;  font-size: 16px; text-decoration: none; padding: 7px 20px; color: #A9580B; display: block; border-bottom: 1px solid #F6DBB7; border-top: 2px solid #DE7E00; }
ul.menu a.menu-out:hover { color: #FFF; background: #FBC06B; }   
ul.menu li.menu-active a.menu-out { background: #FBC06B; width: 176px;  font-size: 16px; text-decoration: none; padding: 7px 20px; color: #A9580B; display: block; border-bottom: 1px solid #F6DBB7; border-top: 2px solid #DE7E00; }
ul.menu li.menu-active a.menu-out:hover { color: #FFF; background: #FBC06B; }   

ul.menu li.menu-active ul { position: absolute; margin: -37px 0px 0px 216px; background: #F7941D; display: block; width: 160px; z-index: 20; } 
ul.menu li.menu-active ul li { float: left; background: #F7941D; }         
ul.menu li.menu-active ul li a.menu-out { width: 160px;  font-size: 14px; text-decoration: none; padding: 4px 15px; color: #A9580B; display: block; border-bottom: 1px solid #F6DBB7; border-top: 1px solid #DE7E00; }

td.menu img { position: absolute; margin: 10px 0 0 -35px; }

#interface-social { display: block; }
#interface-social a { float: left; width: 48px; height: 48px; margin: 10px 5px; display: block; }
#interface-social a:first-child { margin-left: 22px; }
#interface-social a img { position: relative; margin: 0; }

td.content { background: #FFF url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/content_gradient.jpg) repeat-y; }

td.content ul { list-style:disc; margin: 5px 0px; padding: 0px 0px 0px 20px; }
td.content a { color: #F7941D; }

div.content { min-height: 770px; padding: 20px 45px; }
div.content h1 { font-size: 24px; font-weight: bold; color: #1277C5; margin: 10px 0; }
div.content p { margin: 10px 0; }
div.payoff { background: #EDEDED url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/payoff_gradient.jpg) repeat-y; padding: 5px 10px; font-size: 11px; color: #757f84; }
div.payoff table td, div.payoff table td img { vertical-align: middle;  }
td.payoff-1 { text-align: left; }
td.payoff-2 { text-align: right; }
td.payoff-1 a { margin-right: 3px; }
div.footer { background: url(/ENGINE/IMAGES/ROOFVOGEL/WEBSITE/grass.png) repeat-x; height: 42px; margin-top: 20px; }
div.icon {display: inline; padding: 5px 30px 0px 5px; margin: 20px 10px 10px 10px;}
div.icon table {width: 100%;}

a.mail { font-size: 11px; color: #757f84;}
a.mail a { font-size: 11px; color: #757f84; text-decoration: underline;}
a.mail a:hover { font-size: 11px; color: #757f84; text-decoration: none;}           

td.icon-image,
td.icon-text {text-align: center; }
td.icon-text a { font: arial; font-size: 14px; color: #1277c5; font-weight: bold; text-decoration: none;}
td.icon-text a:hover { font: arial; font-size: 14px; color: #0b4877; font-weight: bold; text-decoration: none;}

/**/

div.content-action-banner { position: absolute; width: 119px; height: 137px; margin: 175px 0 0 585px; z-index: 100; }

div.content-application-box { margin-bottom: 15px; }
div.content-star-item { margin-bottom: 15px;  }
div.content-star-item td { padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;  }
td.content-star-image {  width: 200px; vertical-align: top;} 
td.content-star-image img {  border: 2px solid #F69520; } 
td.content-star-content { vertical-align: top;} 
td.content-star-text h2,
div.content-blog-item h2 { color: #1277C5; font-size: 16px; font-weight: bold; border-bottom: 1px solid #1277C5; padding: 0px 0px 2px 0px; margin: 0px 0px 10px 0px;}
span.content-blog-date { float: right; font-size: 11px; }

div.content-blog-item { margin: 0px 0px 15px 0px; }
div.content-blog-photo { display: block; height: 65px; margin-bottom: 0px; }
div.content-blog-image { float: left; width: 80px; height: 65px; margin: 0px 10px 0px 0px; }
div.content-blog-image img { border: 1px solid #F9951B; }
div.content-blog-movie { text-align: center; margin-top: 15px; }
div.content-blog-old  { border-top: 2px solid #F7941D; }
div.content-blog-old ul { margin-top: 15px !important; }

ul.content-agenda { display: block; list-style: none; margin: 0px; padding: 0px; }
ul.content-agenda li { width: 100%; overflow: hidden; padding: 2px 5px; margin: 0;}
ul.content-agenda li.row-0 { background: #ffeaba; }
ul.content-agenda li.month-header { font-weight: bold; margin-top: 40px; font-size: 14px; border-bottom: 1px solid #ccc;}
ul.content-agenda li span { float: left; margin: 0px 15px 0px 0px; width: 150px;}

#interface-streamer-container { width: 704px; height: 290px; overflow: hidden;  }    
div.interface-streamer-item { width: 704px; height: 290px; float: left; position: absolute; z-index: 20; border-bottom: 5px solid #F9951B; }
#interface-streamer-border { height: 5px; font-size: 0px; background: #F9951B; width: 100%;}

#interface-poloriod-placeholder {position: absolute; }
#interface-poloriod-container-1 { margin: 0px; }
#interface-poloriod-container-2 { margin: 0px 0px 0px 120px; }
#interface-poloriod-container-3 { margin: 0px 0px 0px 10px; }
#interface-poloriod-container-4 { margin: 0px 0px 0px 110px; }
#interface-poloriod-container-5 { margin: 0px 0px 0px 0px; }
#interface-poloriod-container-6 { margin: 0px 0px 0px 105px; }

div.interface-poloriod-container { width: 170px; height: 170px;  }
div.interface-poloriod-item { width: 170px; height: 170px; float: left; position: absolute; z-index: 30; }

div.clear { clear: both; font-size: 0px; line-height: 0px; }

div.content-image-container { width: 132px; float: right; }
div.content-image-item { width: 132px; height: 90px; margin-bottom: 5px;  }
div.content-image-item img { border: 1px solid #F9951B; }