/* CSS 

Aube en Champagne - Die offizielle Seite des Tourismusverbandes Aube-en-Champagne
Start: 15.01.2009
Letzte Aenderung: 17.03.2009

*/




/* RESET ------------------------------------------------------------------------------ */

* {
margin: 0;
padding: 0;
border: none;
}

img, a img {
border: none;
}

a:focus {
outline: none;
}

.cleaner {
clear: both;
}

/* ------------------------------------------------------------------------------------ */


/* ALLGEMEIN -------------------------------------------------------------------------- */
body {
text-align: center;
color: #171717;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #ECDE75 url(../images/hg_main.jpg) top center repeat-y;
}

#wrapper {
position: absolute;
top: 0px;
left: 50%;
margin-left: -400px;
/*margin: 0 auto;
height: 2000px;*/
width: 800px;
text-align: left;
}


/* HEADER - NAVIGATIION LANGUAGES - SUBNAVIGATION ------------------------------------- */
.navi_languages,
.navi_header {
float: right;
margin: 10px 10px 0 0 !important;
margin: 10px 5px 0 0; /* IE-Fix: IE5 und IE6 */
}

.navi_languages ul,
.navi_header ul {
list-style-type: none;
}

.navi_languages li,
.navi_header li {
float: left;
margin: 0 0 0 10px;
}

.navi_languages a,
.navi_header a {
color: #69291A;
text-decoration: none;
}

.navi_header a:hover {
text-decoration: underline;
}

.logo {
float: left;
margin: 40px 0 12px 0;
padding: 0 0 0 85px;
width: 815px; /* IE 5.5 */
w\idth: 715px;
height: 84px;
}

#breadcrumb {
margin: 0 0 6px 175px;
color: #6A2A1B;
font-weight: bold;
}

#breadcrumb a {
color: #6A2A1B;
text-decoration: none;
}

#breadcrumb a:hover {
color: #6A2A1B;
text-decoration: underline;
}


/* MAINNAVIGATION --------------------------------------------------------------------- */
#mainnavi {
float: left;
margin: 0 0 0 10px !important;
margin: 0 0 0 5px; /* IE-Fix: IE5 und IE6 */
width: 160px;
height: 255px;
font-size: 12px;
line-height: 15px;
/*text-align: center;*/
background: transparent url(../images/hg_mainnavi_02.png) top left no-repeat;
}

#mainnavi.start {
background: transparent url(../images/hg_mainnavi_01.png) top left no-repeat;
}

#mainnavi ul {
list-style-type: none;
margin: 17px 2px 25px 2px;
}

#mainnavi a {
display: block;
width: 149px;
padding: 7px 0 7px 7px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#mainnavi a:hover {
background: transparent url(../images/hg_mainnavi_bt_active.png) top left repeat-x;
}

#box_search {
width: 160px; /* IE 5.5 */
w\idth: 156px;
height: 25px;
border: 2px solid #69291A;
text-align: center;
}

label.search {
display: block;
float: left;
width: 56px;
padding: 5px 0 0 0;
}

.box_input {
float: left;
width: 100px;
height: 25px;
background: #FFFFFF;
}

input.search {
padding: 4px 3px 0 3px;
width: 90px;
height: 18px;
border: 1px solid #FFFFFF;
line-height: 15px;
}

#subnavi1, #subnavi2, #subnavi3, #subnavi4, #subnavi5, #subnavi6, #subnavi7 {
display: none;
margin: 0 !important;
margin: 3px 0 0 0;
}

#subnavi1 ul, #subnavi2 ul, #subnavi3 ul, #subnavi4 ul, #subnavi5 ul, #subnavi6 ul, #subnavi7 ul {
list-style-type: none;
margin: 17px 0px 25px 2px;
background-color: #ffffff;
padding: 0 0 7px 0;
}

#subnavi1 ul li, #subnavi2 ul li, #subnavi3 ul li, #subnavi4 ul li, #subnavi5 ul li, #subnavi6 ul li, #subnavi7 ul li {
margin: 0 10px 0 0;
}

#subnavi1 a, #subnavi2 a, #subnavi3 a, #subnavi4 a, #subnavi5 a, #subnavi6 a, #subnavi7 a {
display: block;
/*width: 100%;*/
padding: 7px 7px 0px 7px !important;
padding: 7px 7px 0px 7px;
color: #0F4C7B;
font-weight: bold;
text-decoration: none;
}

#subnavi1 a:hover, #subnavi2 a:hover, #subnavi3 a:hover, #subnavi4 a:hover, #subnavi5 a:hover, #subnavi6 a:hover, #subnavi7 a:hover {
color: #000000;
}

#subnavi1 {
position: absolute;
top: 181px;
left: 165px;
}

#subnavi2 {
position: absolute;
top: 210px;
left: 165px;
}

#subnavi3 {
position: absolute;
top: 239px;
left: 165px;
}

#subnavi4 {
position: absolute;
top: 268px;
left: 165px;
}

#subnavi5 {
position: absolute;
top: 297px;
left: 165px;
}

#subnavi6 {
position: absolute;
top: 326px;
left: 165px;
}

#subnavi7 {
position: absolute;
top: 355px;
left: 165px;
}

#subnavi1 ul li ul, #subnavi2 ul li ul, #subnavi3 ul li ul, #subnavi4 ul li ul, #subnavi5 ul li ul, #subnavi6 ul li ul, #subnavi7 ul li ul {
list-style-type: none;
margin: 0 0 0 7px;
padding: 0 0 7px 0;
border-bottom: 1px dashed #0F4C7B;
}

#subnavi1 ul li ul li, #subnavi2 ul li ul li, #subnavi3 ul li ul li, #subnavi4 ul li ul li, #subnavi5 ul li ul li, #subnavi6 ul li ul li, #subnavi7 ul li ul li {
padding: 0 0 0 15px;
background-image: url(../images/dash.gif);
background-repeat: no-repeat;
background-position: 10px 13px;
}

#subnavi1 ul li ul a, #subnavi2 ul li ul a, #subnavi3 ul li ul a, #subnavi4 ul li ul a, #subnavi5 ul li ul a, #subnavi6 ul li ul a, #subnavi7 ul li ul a {
display: block;
padding: 0;
color: #0F4C7B;
font-weight: bold;
text-decoration: none;
}



/* CONTENTAREA --------------------------------------------------------------------------- */
#contentarea {
float: left;
width: 410px;
height: auto !important;
min-height: 245px;
height: 245px;
}

h1 {
padding: 205px 10px 0 17px;
font-size: 14px;
color: #FFFFFF;
}

h2 {
font-size: 13px;
color: #FFFFFF;
}

h3 {
font-size: 17px;
color: #114D7B;
}

p {
line-height: 13px;
}

ul.list_content {
margin: 0 12px;
}

.box_big_content img,
.box_big_white img {
float: left;
margin: 3px 10px 5px 0 !important;
margin: 3px 10px 0 0;
width: 188px;
}

.box_small_content img {
float: left;
margin: 3px 10px 5px 0 !important;
margin: 3px 10px 0 0;
width: 176px;
}


a.link_more {
color: #E20031;
text-decoration: none;
}

a.link_more:hover {
text-decoration: underline;
}


/* IMAGEBOX an der MAINNAVI ------------------------------------- */
.box_img_start {
width: 410px;
height: auto !important;
min-height: 235px;
height: 235px;
background: url(../images/img_box_start.png) top left no-repeat;
}


/* TEXTBOX BIG (width: 405px) ------------------------------------ */
.box_big {
margin: 0 0 5px 5px;
font-size: 11px;
float: left;
}

.box_big_header {
padding: 5px 12px !important;
padding: 5px 12px 4px 12px;
width: 405px; /* IE 5.5 */
w\idth: 381px;
height: 15px;
background: url(../images/hg_box_big_header.png) top left no-repeat;
}

.box_big_content {
padding: 6px 12px 12px 12px;
width: 405px; /* IE 5.5 */
w\idth: 381px;
height: auto !important;
min-height: 50px;
height: 50px;
background: url(../images/hg_box_big.png) top left repeat-y;
}

.box_big_white {
padding: 6px 12px 12px 12px;
width: 405px; /* IE 5.5 */
w\idth: 381px;
height: auto !important;
min-height: 50px;
height: 50px;
background: url(../images/hg_box_big_white.png) top left repeat-y;
}

.box_big_white_header {
padding: 5px 12px !important;
padding: 5px 12px 4px 12px;
width: 405px; /* IE 5.5 */
w\idth: 381px;
height: 15px;
background: url(../images/hg_box_big_white_header.png) top left no-repeat;
}

/* OVERVIEW ------------------------------------------------ */
.box_overview {
position: relative;
width: 381px;
}

.row_overview {
padding: 10px 0 0 0;
width: 300px;
height: auto !important;
min-height: 16px;
height: 16px;
}

h5 {
float: left;
margin: 0 10px 0 0;
font-size: 13px;
line-height: 16px;
color: #114D7B;
}

.box_icons {
position: absolute;
top: 10px;
right: 0;
width: 75px;
height: auto !important;
min-height: 10px;
height: 10px;
}

.box_small_white {
margin: 20px;
}

.box_small_white_header {
padding: 5px 12px !important;
padding: 5px 12px 4px 12px;
width: 340px; /* IE 5.5 */
w\idth: 316px;
height: 15px;
background: url(../images/hg_box_small_white_header.png) top left no-repeat;
}

.box_small_white_content {
padding: 6px 12px 12px 12px;
width: 340px; /* IE 5.5 */
w\idth: 316px;
height: auto !important;
min-height: 50px;
height: 50px;
background: url(../images/hg_box_small_white.gif) top left repeat-y;
}

.box_small_white_footer img {
margin: 0 !important;
width: auto;
height: auto;
}

.box_small_white_content p {
color: #919293;
font-size: 12px;
line-height: 16px;
}


/* FORMULAR UND SO -------------------- */
.box_big_content table {
margin: 15px 0 0 0;
width: 381px;
}

.box_big_content table img {
margin: 0 !important;
width: auto;
height: auto;
}

td.column_radio {
width: 15px;
height: 20px;
vertical-align: top;
}

.column_3 td.column_text {
width: 112px;
vertical-align: top;
}

.column_5 td.column_text {
width: 76px;
vertical-align: top;
}

input.bt_radio {
padding: O;
width: 12px;
height: 12px;
background: none;
border: none;
}

.form_row {
margin: 0 0 5px 0;
height: 25px;
}

.form_row_bt {
margin: 15px 0 0 0;
height: 20px;
}

.bt {
margin: 0 20px 0 0;
padding: 0 0 2px 0;
width: 120px;
height: 20px;
font-size: 11px;
line-height: 15px;
text-align: center;
background: url(../images/hg_bt.png) center center no-repeat;

}
.form_row label {
display: block;
float: left;
text-align: right;
}

label.size_01 {
margin: 0 8px 0 0;
padding: 3px 0 0 0;
width: 75px;
line-height: 14px;
}

.form_row input {
padding: 2px 4px 0 4px;
height: 16px;
font-size: 11px;
border: 1px solid #FFFFFF;
}

input.size_01 {
width: 200px;
}

input.size_02 {
width: 150px;
}

input.size_03 {
width: 50px;
}

hr.form {
margin: 10px 0 13px 0;
width: 100%;
height: 2px;
color: #69291A;
background: #69291A;
}

.box_small_white_image_text {
position: relative;
margin: 10px 0 0 0;
width: 380px;
height: 110px;
overflow: hidden;
background: url(../images/hg_box_small_white_image.png) top left no-repeat;
}

.box_small_white_image {
position: absolute;
top: 0;
left: 0;
margin: 0 10px 0 0;
width: 125px;
height: 110px;
overflow: hidden;
}

.box_small_white_image img {
margin: 0 !important;
}

.box_small_white_image_text .header {
position: absolute;
top: 0;
right: 0;
width: 245px;
height: 25px;
overflow: hidden;
}

.box_small_white_image_text h2 {
margin: 2px 10px 0 0;
float: left;
width: 180px;
font-size: 11px;
line-height: 20px;
}

.stars {
float: left;
margin: 5px 0 10px 0;
width: 45px;
height: 16px;
overflow: hidden;
color: #114d7b;
text-align: right;
font-size: 16px;
font-weight: bold;
}

.box_small_white_image_text .content {
position: absolute;
top: 30px;
right: 5px;
width: 240px;
height: 75px;
overflow: auto;
}



/* SIDEBAR RIGHT ------------------------------------------------------------------------- */
#sidebar_right {
float: left;
width: 200px;
height: auto !important;
min-height: 245px;
height: 245px;
}

.box_small {
margin: 0 0 5px 5px !important;
margin: 0 0 5px 3px;
width: 200px;
float: left;
}

.box_small_header {
padding: 5px 12px !important;
padding: 5px 12px 4px 12px;
width: 200px; /* IE 5.5 */
w\idth: 176px;
height: 15px;
background: url(../images/hg_box_small_header.png) top left no-repeat;
}

.red {
background: url(../images/hg_box_small_header_red.png) top left no-repeat;
}

.box_small_content {
padding: 6px 12px 12px 12px;
width: 200px; /* IE 5.5 */
w\idth: 176px;
height: 145px;
overflow: hidden;
background: url(../images/hg_box_small.png) top left repeat-y;
}

#sidebar_right .box_small_content {
height: auto;
}


ul.popnews{
margin: 0;
padding: 0;
list-style-type: none;
height: 187px;
line-height: 12px;
}

ul.popnews a {
color: #000000;
}

ul.popnews li {
float: right;
display: block;
width: 178px;
height: 50px;
overflow: hidden;
margin: 0;
border-bottom: 1px solid #6A2A1B;
}

ul.popnews li .imgholder {
width: 50px;
height: 40px;
overflow: hidden;
float: left;
margin: 0px 5px 0px 0px;
}

ul.popnews li:hover .imgholder {
width: 65px;
height: 44px;
overflow: hidden;
float: left;
margin: 0px 5px 0px 0px;
}


ul.popnews li img {
width: 50px;
float: left;
margin: 0;
padding: 0;
}

ul.popnews li:hover {
height: 85px;
}

ul.popnews li:hover img {
width: 65px;
}

ul.popnews li.last {
border-bottom: none;
}

.box_small_content_popnews {
height: auto !important;
min-height: 105px;
height: 105px;
}