/* CONTAINER.CSS - XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* LEGEND START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*
CONTAINER.CSS defines the visual design-elements of the page, all elements are nested and defined with ids and classes
AUTHOR/E-MAIL: stephan s. kurz [stephan.kurz@weka.de],  2010-03-24
LAST CHANGE AUTHOR: stephan s. kurz [stephan.kurz@weka.de], 2010-04-21
LAST CHANGE ITEM: finished work - reference clickdummy with valid id based navigation - all other items changed
CODE STYLE: adapt the codes style of writing to your style if wanted !
OPTIMIZATION: when all development works are finished, optimize the code if needed ! [shorthand, summarize, remove comments]
*/
/* LEGEND END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* INITIALISING [RESET] OF ELEMENTS START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
div,table,tr,td,th,h1,h2,h3,h4,h5,h6,p,pre,form,ul,ol,img
{
background:transparent;
font-family:arial,verdana,geneva,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:11px;
line-height:140%;
color:#726868;
letter-spacing:0px;
text-transform:none;
text-decoration:none;
text-indent:0px;
text-align:left;
}
table
{
border-collapse:collapse;
vertical-align:top;
}
table.separate-columns
{
border-collapse:separate;
border-spacing:1px;
vertical-align:top;
}
td,th
{
vertical-align:top;
}
th
{
font-weight:bold;
}
a
{
text-decoration:none;
}
a:hover
{
text-decoration:none;
}
/* INITIALISING [RESET] OF ELEMENTS END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
a
{
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
/* HEAD-ARRANGEMENT START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#head-arrangement
{
}
/* LOGO-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#logo-area
{
}
/* LOGO-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* META-NAVIGATION-AREA START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#meta-navigation-area
{
}
#meta-navigation-area p
{
margin-top:53px;
font-weight:bold;
text-align:right;
}
#meta-navigation-area p a,
#meta-navigation-area p a.active:hover
{
color:#747474;
}
#meta-navigation-area p a:hover,
#meta-navigation-area p a.active
{
color:#92b015;
text-decoration:none;
}
/* META-NAVIGATION-AREA END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* HEAD-ARRANGEMENT END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* CONTENT-ARRANGEMENT START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content-arrangement
{
}
/* NAVIGATION-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#navigation-area
{
}
.navigation,
.navigation-active,
.navigation-active:hover,
.navigation:hover
{
width:270px;
height:34px;
display:block;
background:#ffffff;
background-image:url(../elements/navigation_01.png);
background-repeat:no-repeat;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
font-size:16px;
line-height:140%;
color:#ffffff;
text-decoration:none;
}
.navigation:hover,
.navigation-active
{
background-image:url(../elements/navigation_02.png);
text-decoration:none;
}
#navigation-area ul li ul
{
margin-left:25px;
}
#navigation-area ul li ul li
{
line-height:160%;
font-weight:bold;
}
#navigation-area ul li ul li a
{
padding-right:2px;
padding-left:6px;
color:#1063a6;
text-decoration:none;
}
#navigation-area ul li ul li a.active,
#navigation-area ul li ul li a:hover
{
background-image:url(../slices/headline_active_01.png);
background-repeat:repeat-x;
background-position:0 0;
color:#ffffff;
text-decoration:none;
}
/* NAVIGATION-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* CONTENT-AREA START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#content-area
{
}
#column-left
{
}
#column-left .go-to-top,
#content-box-arrangement .go-to-top
{
margin-top:12px;
margin-bottom:12px;
text-align:right;
font-weight:bold;
}
#column-right
{
}
#column-right p
{
margin-top:4px;
}
/* CONTENT-BOX-ARRANGEMENT START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content-box-arrangement
{
width:680px;
height:auto;
float:right;
}
#content-box-arrangement table td h2
{
margin-top:0px;
font-weight:bold;
font-size:13px;
}
#history-container
{
width:680px;
clear:left;
float:right;
background-image:url(../slices/line_history_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
}
#history-container .year-green
{
width:45px;
height:21px;
clear:both;
background-image:url(../slices/headline_inactive_01.png);
background-repeat:repeat-x;
background-position:0px 0px;
font-size:14px;
color:#ffffff;
text-align:center;
}
#history-container .event
{
width:658px;
margin-top:15px;
margin-left:7px;
float:right;
}
#history-container .year-blue-long
{
width:140px;
height:21px;
float:left;
background-image:url(../slices/year_blue_long_01.png);
background-repeat:no-repeat;
font-size:14px;
color:#ffffff;
text-align:right;
}
.year-blue-short
{
width:85px;
height:21px;
float:left;
background-image:url(../slices/year_blue_short_01.png);
background-repeat:no-repeat;
font-size:14px;
color:#ffffff;
text-align:right;
}
#history-container .year-blue-long span,
#history-container .year-blue-short span
{
margin-right:12px;
}
#history-container .layer-grey-long
{
width:517px;
float:right;
background:#efefef;
}
#history-container .layer-grey-short
{
width:572px;
float:right;
background:#efefef;
}

#history-container .layer-grey-long p,
#history-container .layer-grey-short p
{
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}
/* CONTENT-BOX-LEFT START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#content-box-left
{
width:360px;
height:183px;
float:left;
background-image:url(../slices/container_grey_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
}
#content-box-left h2
{
font-weight:bold;
font-size:13px;
}
#content-box-left h3
{
margin-top:12px;
font-weight:bold;
font-size:11px;
}
#content-box-left p
{
margin-top:12px;
}
/* CONTENT-BOX-LEFT END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* CONTENT-BOX-RIGHT START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#content-box-right
{
width:300px;
height:183px;
float:left;
background-image:url(../slices/container_green_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
}
content-box-right h2
{
font-weight:bold;
font-size:13px;
}
content-box-right p
{
margin-top:12px;
}
content-box-right select
{
margin-top:12px;
width:265px;
height:18px;
border-style:solid;
border-width:1px;
border-color:#747474;
font-size:10px;
background:#ffffff;
}
/* CONTENT-BOX-RIGHT END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* CONTENT-BOX-ARRANGEMENT END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* CONTENT-AREA END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* CONTENT-ARRANGEMENT END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* CENTRAL-ARRANGEMENT START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#central-arrangement
{
}
/* DOUBLE-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#double-area
{
background-image:url(../slices/container_grey_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
}
#double-area h2
{
font-weight:bold;
font-size:13px;
}
#double-area h3
{
margin-top:12px;
font-weight:bold;
font-size:11px;
}
#double-area p
{
margin-top:12px;
}
/* DOUBLE-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SINGLE-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#single-area
{
background-image:url(../slices/container_green_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
}
#single-area h2
{
font-weight:bold;
font-size:13px;
}
#single-area h3
{
margin-top:12px;
font-weight:bold;
font-size:11px;
}
#single-area p
{
margin-top:12px;
}
#single-area select
{
margin-top:12px;
width:265px;
height:18px;
border-style:solid;
border-width:1px;
border-color:#747474;
font-size:10px;
background:#ffffff;
}
/* SINGLE-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* CENTRAL-ARRANGEMENT END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* LIST-ARRANGEMENT START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#list-arrangement
{
}
/* FIRST-AREA START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#first-area
{
}
#first-area p
{
margin-top:12px;
}
/* FIRST-AREA END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* SECOND-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#second-area
{
}
#second-area p
{
margin-top:12px;
}
/* SECOND-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* THIRD-AREA START ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#third-area
{
}
#third-area p
{
margin-top:12px;
}
/* THIRD-AREA END ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* LIST-ARRANGEMENT END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* FOOT-ARRANGEMENT START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#foot-arrangement
{
background-image:url(../slices/foot_arrangement_01.png);
background-position:0px 0px;
background-repeat:repeat-x;
}
/* FOOT-AREA START |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#foot-area
{
padding-top:20px;
margin-right:15px;
margin-bottom:2px;
margin-left:7px;
text-align:right;
}
/* FOOT-AREA END |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* FOOT-ARRANGEMENT END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* UNBOUND ELEMENTS START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* UNBOUND ELEMENTS END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* CONTAINER.CSS - XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */