@charset "UTF-8";
/*
 * (X)HTML/CSS Framework
 * framework.css
 */

/* ============================================================================================== */
/* ===================================================================// Framework (Rahmendesign) */
/* ============================================================================================== */
#nullFrame {
	float:left;
	width:1280px;
	background:transparent url(/eoa_static/css/images/eoadeNullFrame.gif) repeat-y 364px 0px;
}
div#footer {
	width:1280px;
	border-bottom: 1px solid;
	border-color: #c9c8cc9c8c33;
	padding-top: 20px;
	background:transparent url(/eoa_static/css/images/eoadeNullFrame.gif) repeat-y 364px 0px;

}
div#left {
	float:left;
	width:370px;
}
div#right {
	float:left;
	width:900px;
}
div.header, 
div.body {
	float:left;
	width:100%;
}

.space {
	float:left;
	height:5px;
	width:100%;
}

/* ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------// Header */
/* ---------------------------------------------------------------------------------------------- */
div#left div.header div#logo {
	float:left;
	padding:30px 0px 0px 40px;
}

div#right div.header {
	background-color:#FFD503;
}
div#right div.header div#title {
	float:left;
	height:200px;
}
div#right div.header div#headline {
	float:left;
	padding:162px 0px 0px 10px;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------// Body */
/* ---------------------------------------------------------------------------------------------- */
div#left div.header, 
div#left div.body {
	background:#FFFBEE url(/eoa_static/css/images/eoadeNullFrame.gif) repeat-y 364px 0px;
}

div#left div.body div#navigation {
	float:left;
	margin:40px 0px 0px 0px;
}
div#left div.body div#navigation a, 
div#left div.body div#navigation a.active {
	background-position:270px 7px;
	background-repeat:no-repeat;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#636466;
	color:#636466;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	float:left;
	padding:3px 0px 3px 20px;
	width:270px;
}
div#left div.body div#navigation a {
	background-color:#FFD503;
	background-image:url(/eoa_static/css/images/eoadeNav.gif);
}
div#left div.body div#navigation a.active {
	background-color:#FFE794;
	background-image:url(/eoa_static/css/images/eoadeNavActive.gif);
}
div#left div.body div#navigation a:hover {
	color:#000000;
}

/* ============================================================================================== */
/* ===============================================// General Statements (Allgemeine Formatierung) */
/* ============================================================================================== */
* {
	margin:0px;
	padding:0px;
}

html,
body {
	margin:0px;
	padding:0px;
}
body {
	color:#000;
	background-color:#FFFBEE;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}
.underline {
	background-image:url(/eoa_static/css/images/eoadeBody1.gif);
}
.line {
	background-image:url(/eoa_static/css/images/eoadeBody2.gif);
}

img {border:0px;}

/* Floating */
.float1 {float:left;}
.float2 {float:right;}

/* Text Alignment (Textfluss) */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.clear {clear:both;}
.clearfix {display:block;}

/* List */
ul { }
ul li { }
ul ol { }

/* lisType */
ul.listType1 {
	list-style:none;
	margin-top:5px;
}
ul.listType1 li {
	padding:0px 0px 5px 12px;
	background-image:url(/eoa_static/css/images/listType1.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
}
ul.listType2 {list-style-type:lower-roman;}
ul.listType3 {list-style-type:upper-roman;}
ul.listType4 {list-style-type:lower-alpha;}
ul.listType5 {list-style-type:upper-alpha;}
ul.listType6 {list-style-type:disc;}
ul.listType7 {list-style-type:circle;}
ul.listType8 {list-style-type:square;}
ul.listType9 {list-style-type:none;}
ul.listType10 {list-style-type:decimal;}

/* listPosition */
ul.listPosition1 {list-style-position:inside;}
ul.listPosition2 {list-style-position:outside;}

/* ----------------------------------------------------------------------// background formatting */
/* Opacity With GIF */
.bgOpacity1, 
.bgOpacity2 {
	background-position:0px 0px;
	background-repeat:repeat;
}
.bgOpacity1 {background-image:url(/eoa_static/css/images/opacity1.gif);}
.bgOpacity2 {background-image:url(/eoa_static/css/images/opacity2.gif);}

bgRepeat1 {background-repeat:norepeat;}
bgRepeat2 {background-repeat:repeat-x;}
bgRepeat3 {background-repeat:repeat-y;}
bgRepeat4 {background-repeat:repeat;}

.bgAttach1 {background-attachment:scroll;}
.bgAttach2 {background-attachment:fixed;}

/* ============================================================================================== */
/* ==================================================// Tables Formatting (Tabellen Formatierung) */
/* ============================================================================================== */
table.table 				{width:100%;}
table.table tr 				{ }
table.table tr th 			{
	text-align:center;
	font-size:10px;
	line-height:12px;
}
table.table tr td			{ }

/* ============================================================================================== */
/* ================================================// Formular Formatting (Formular Formatierung) */
/* ============================================================================================== */
input.input, 
input.file, 
select.select, 
textarea.textarea {
	font-size:12px;
	line-height:16px;
	background:#FFF;
	border-width:1px;
	border-color:#C0C0C0;
	border-style:solid;
	font-family:Arial, Helvetica, sans-serif;
	width:99.9%;
}

input.submit {
	font-size:12px;
	line-height:16px;
	background:#FFF;
	border-width:1px;
	border-color:#000;
	border-style:solid;
	font-family:Arial, Helvetica, sans-serif;
}
input.submit:hover, 
input.submit:focus {
	border-color:#C0C0C0;
	color:#C0C0C0;
}

input.checkbox, 
input.radio {
	padding:0px;
	margin:0px;
}

input.input:focus, 
input.file:focus, 
select.select:focus, 
textarea.textarea:focus, 
input.submit:focus, 
input.radio:focus, 
input.checkbox:focus { }

input.input[disabled], 
input.file[disabled], 
select.select[disabled], 
textarea.textarea[disabled], 
input.submit[disabled], 
input.radio[disabled], 
input.checkbox[disabled] {
	color:#808080;
	background:#C0C0C0;
}

select.error, 
textarea.error, 
input.error {
	border-width:1px;
	border-color:#FF3366;
	border-style:solid;
}

/* ============================================================================================== */
/* ============================================================================// Text Formatting */
/* ============================================================================================== */
strong			{font-weight:900;}
small			{ }
big				{ }
i				{font-style:italic;}
b				{font-weight:100;}
sup				{ }
sub				{ }
p:firstchild	{font-weight:bold;}

/* Links */
a:link,
a:visited {
	color:#000;
	text-decoration:underline;
}
a:hover,
a:active {
	text-decoration:none;
}

.error			{color:#EF4023;}
.important		{color:#EF4023; font-weight:bold;}
.info			{color:#636466;}

/* ------------------------------------------------------------------------// headline formatting */
h1, 
h2, 
h3, 
h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

/* -----------------------------------------------------------------------------------// fontSize */
/* Browser Adjustment for Opera (if div is containing images only) */
.fontSize0	{font-size:0px; line-height:0px;}
.fontSize8	{font-size:8px;  line-height:12px;}
.fontSize9	{font-size:9px;  line-height:12px;}
.fontSize10	{font-size:10px; line-height:12px;}
.fontSize11	{font-size:11px; line-height:14px;}
.fontSize12	{font-size:12px; line-height:16px;}
.fontSize13	{font-size:13px; line-height:17px;}
.fontSize14	{font-size:14px; line-height:18px;}
.fontSize15	{font-size:14px; line-height:19px;}
.fontSize16	{font-size:16px; line-height:20px;}
.fontSize17	{font-size:17px; line-height:21px;}
.fontSize18	{font-size:18px; line-height:22px;}
.fontSize19	{font-size:19px; line-height:23px;}
.fontSize20	{font-size:20px; line-height:24px;}
.fontSize20	{font-size:21px; line-height:25px;}
.fontSize22	{font-size:22px; line-height:26px;}
.fontSize23	{font-size:23px; line-height:27px;}
.fontSize24	{font-size:24px; line-height:28px;}

/* ============================================================================================== */
/* ==========================================================================// Layout Adjustment */
/* ============================================================================================== */

/* ---------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------// Margins */
/* ---------------------------------------------------------------------------------------------- */
/* 10px */
.margin0    {margin:0px;}
.margin1000 {margin:10px 0px 0px 0px;}
.margin0100 {margin:0px 10px 0px 0px;}
.margin0010 {margin:0px 0px 10px 0px;}
.margin0001 {margin:0px 0px 0px 10px;}
.margin1100 {margin:10px 10px 0px 0px;}
.margin0110 {margin:0px 10px 10px 0px;}
.margin0011 {margin:0px 0px 10px 10px;}
.margin10   {margin:10px 0px;}
.margin1001 {margin:10px 0px 0px 10px;}
.margin01   {margin:0px 10px;}
.margin1101 {margin:10px 10px 0px 10px;}
.margin1110 {margin:10px 10px 10px 0px;}
.margin1    {margin:10px;}
/* 10px 20px */
.margin21   {margin:20px 10px;}
/* 20px */
.margin2000 {margin:20px 0px 0px 0px;}
.margin0200 {margin:0px 20px 0px 0px;}
.margin0020 {margin:0px 0px 20px 0px;}
.margin0002 {margin:0px 0px 0px 20px;}
.margin2200 {margin:20px 20px 0px 0px;}
.margin0220 {margin:0px 20px 20px 0px;}
.margin0022 {margin:0px 0px 20px 20px;}
.margin20   {margin:20px 0px;}
.margin2002 {margin:20px 0px 0px 20px;}
.margin02   {margin:0px 20px;}
.margin2202 {margin:20px 20px 0px 20px;}
.margin2220 {margin:20px 20px 20px 0px;}
.margin2    {margin:20px;}
/* 20px 30px */
.margin32   {margin:30px 20px;}
/* 30px */
.margin3000 {margin:30px 0px 0px 0px;}
.margin0300 {margin:0px 30px 0px 0px;}
.margin0030 {margin:0px 0px 30px 0px;}
.margin0003 {margin:0px 0px 0px 30px;}
.margin3300 {margin:30px 30px 0px 0px;}
.margin0330 {margin:0px 30px 30px 0px;}
.margin0033 {margin:0px 0px 30px 30px;}
.margin30   {margin:30px 0px;}
.margin3003 {margin:30px 0px 0px 30px;}
.margin03   {margin:0px 30px;}
.margin3303 {margin:30px 30px 0px 30px;}
.margin3330 {margin:30px 30px 30px 0px;}
.margin3    {margin:30px;}

/* ---------------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------// Paddings */
/* ---------------------------------------------------------------------------------------------- */
/* 10px */
.padding0    {padding:0px;}
.padding1000 {padding:10px 0px 0px 0px;}
.padding0100 {padding:0px 10px 0px 0px;}
.padding0010 {padding:0px 0px 10px 0px;}
.padding0001 {padding:0px 0px 0px 10px;}
.padding1100 {padding:10px 10px 0px 0px;}
.padding0110 {padding:0px 10px 10px 0px;}
.padding0011 {padding:0px 0px 10px 10px;}
.padding10   {padding:10px 0px;}
.padding1001 {padding:10px 0px 0px 10px;}
.padding01   {padding:0px 10px;}
.padding1011 {padding:10px 0px 10px 10px;}
.padding1101 {padding:10px 10px 0px 10px;}
.padding1110 {padding:10px 10px 10px 0px;}
.padding1    {padding:10px;}
/* 10px 20px */
.padding12   {padding:10px 20px;}
.padding21   {padding:20px 10px;}
/* 20px */
.padding2000 {padding:20px 0px 0px 0px;}
.padding0200 {padding:0px 20px 0px 0px;}
.padding0020 {padding:0px 0px 20px 0px;}
.padding0002 {padding:0px 0px 0px 20px;}
.padding2200 {padding:20px 20px 0px 0px;}
.padding0220 {padding:0px 20px 20px 0px;}
.padding0022 {padding:0px 0px 20px 20px;}
.padding20   {padding:20px 0px;}
.padding2002 {padding:20px 0px 0px 20px;}
.padding02   {padding:0px 20px;}
.padding2022 {padding:20px 0px 20px 20px;}
.padding2202 {padding:20px 20px 0px 20px;}
.padding2220 {padding:20px 20px 20px 0px;}
.padding2    {padding:20px;}
/* 20px 30px */
.padding32   {padding:30px 20px;}
/* 30px */
.padding3000 {padding:30px 0px 0px 0px;}
.padding0300 {padding:0px 30px 0px 0px;}
.padding0030 {padding:0px 0px 30px 0px;}
.padding0003 {padding:0px 0px 0px 30px;}
.padding3300 {padding:30px 30px 0px 0px;}
.padding0330 {padding:0px 30px 30px 0px;}
.padding0033 {padding:0px 0px 30px 30px;}
.padding30   {padding:30px 0px;}
.padding3003 {padding:30px 0px 0px 30px;}
.padding03   {padding:0px 30px;}
.padding3033 {padding:30px 0px 30px 30px;}
.padding3303 {padding:30px 30px 0px 30px;}
.padding3330 {padding:30px 30px 30px 0px;}
.padding3    {padding:30px;}
/* special */
.padding2214 {padding:20px 20px 10px 40px;}
.padding000x {padding:0px 0px 0px 100px;}

/* ---------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------// Columns */
/* ---------------------------------------------------------------------------------------------- */
.col0    {width:0%;}
.col1    {width:100%;}
.col1920 {width:95%;}
.col910  {width:90%;}
.col89   {width:88.88%;}
.col78   {width:87.5%;}
.col67   {width:85.714284%;}
.col56   {width:83.3%;}
.col45   {width:80%;}
.col35   {width:60%;}
.col34   {width:75%;}
.col23   {width:66.6%;}
.col2    {width:50%;}
.col38   {width:37.5%;}
.col720  {width:35%;}
.col3    {width:33.3%;}
.col310  {width:30%;}
.col4    {width:25%;}
.col5    {width:20%;}
.col6    {width:16.6%;}
.col320  {width:15%;}
.col7    {width:14.285714%;}
.col8    {width:12.5%;}
.col9    {width:11.11%;}
.col10   {width:10%;}
.col20   {width:5%;}
.col25   {width:4%;}
.col30   {width:3.33%;}
.col50   {width:2%;}

/* ============================================================================================== */
/* ==========================================================================// Border Formatting */
/* ============================================================================================== */

/* -------------------------------------------------------------------------------// border-width */
/* 1px */
.border0    {border-width:0px;}
.border1000 {border-width:1px 0px 0px 0px;}
.border0100 {border-width:0px 1px 0px 0px;}
.border0010 {border-width:0px 0px 1px 0px;}
.border0001 {border-width:0px 0px 0px 1px;}
.border1100 {border-width:1px 1px 0px 0px;}
.border0110 {border-width:0px 1px 1px 0px;}
.border0011 {border-width:0px 0px 1px 1px;}
.border10   {border-width:1px 0px;}
.border1001 {border-width:1px 0px 0px 1px;}
.border01   {border-width:0px 1px;}
.border1101 {border-width:1px 1px 0px 1px;}
.border1110 {border-width:1px 1px 1px 0px;}
.border1    {border-width:1px;}

/* -------------------------------------------------------------------------------// border-style */
.borderStyle1 {border-style:dotted;}
.borderStyle2 {border-style:dashed;}
.borderStyle3 {border-style:solid;}
.borderStyle4 {border-style:double;}

/* ============================================================================================== */
/* ===========================================================================// Color Adjustment */
/* ============================================================================================== */

/* ----------------------------------------------------------------------------------// fontColor */
.fontColor1	{color:#FFF;}
.fontColor2	{color:#000;}
/* Corporate Design Colors */
.fontColor3	{color:#FFD503;}
.fontColor4	{color:#FFE794;}
.fontColor5	{color:#FFFBEE;}
.fontColor6	{color:#EF4023;}
.fontColor7	{color:#636466;}
/* Work In Progress */
.fontWip1	{background-color:#CC99FF;}
.fontWip2	{background-color:#66FF99;}
.fontWip3	{background-color:#FF99FF;}

/* -------------------------------------------------------------------------------// border-color */
.borderColor1	{border-color:#FFF;}
.borderColor2	{border-color:#000;}
/* Corporate Design Colors */
.borderColor3	{border-color:#FFD503;}
.borderColor4	{border-color:#FFE794;}
.borderColor5	{border-color:#FFFBEE;}
.borderColor6	{border-color:#EF4023;}
.borderColor7	{border-color:#636466;}
.borderColor8	{border-color:#E4E2D9;} /* grey */
.borderColor9	{border-color:#C9C8C3;} /* grey II */
/* Work In Progress */
.borderWip1		{border-color:#CC99FF;}
.borderWip2		{border-color:#66FF99;}
.borderWip3		{border-color:#FF99FF;}

/* ---------------------------------------------------------------------------// background-color */
.bgColor1	{background-color:#FFF;}
.bgColor2	{background-color:#000;}
/* Corporate Design Colors */
.bgColor3	{background-color:#FFD503;}
.bgColor4	{background-color:#FFE794;}
.bgColor5	{background-color:#FFFBEE;}
.bgColor6	{background-color:#EF4023;}
.bgColor7	{background-color:#636466;}
/* Work In Progress */
div.bgWip1		{background-color:#CC99FF;}
.bgWip2		{background-color:#66FF99;}
.bgWip3		{background-color:#FF99FF;}

/*
 * 
 */