/*########################################*/
/*###   EU-Buero Augsburg, 21.10.2009  ###*/

/*########################################*/
/*###   PAGE LAYOUT / HEADER start     ###*/

* {
	border: 0;
}

body {
	position: absolute;
	background: #ffffff;
}

html, body {
	padding: 0;
	margin: 0;
	top:0; left:0; right:0; bottom:0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-image: url(/fileadmin/europa/dat/img/eubuero_hg.gif);
	background-repeat: repeat;
}

#main_container {
	position: relative;
	margin: 0px 0px 0px -400px;
	left: 50%;
	height: 100%;
	width: 800px;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
	background-image: url(/fileadmin/europa/dat/img/eubuero_content.gif);
	background-repeat: repeat-y;
	background-position: 0px;
}

#header_container {
	position: absolute;
	padding: 0;
	margin: 0;
	top:0; left:0;
	width: 784px;
	height: 156px;
	z-index: 3;
}

#header {
	background-image: url(/fileadmin/europa/dat/img/eubuero_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	height: 100%;
	z-index: 3;
}

#header h1 {
	visibility: hidden;
	margin: 0;
}

#link{
	position: absolute;
	top: 10px; left: 10px;
	width: 100px;
	height: 50px;
	z-index: 4;
	cursor: hand;
}

/* ######  eingefügt am 4. August 2008 ######  */
#language{
	position: absolute;
	top: 10px;
	right: 8px;
	width: 95px;
	height: 20px;
	z-index: 8;
	cursor: hand;
}
/*#############################################*/

#menu {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 157px;
	left: 19px;
	width: 216px;
	z-index: 2;
}

#content_container {
	position: absolute;
	padding-right: 50px;
	margin: 0;
	left: 300px;
	height: 100%;
	width: 450px;
	overflow: auto;
	z-index: 2;
}

* html #content_container {
	padding-top: 100px;
	width: 500px;
}

#content_spacer {
	position: relative;
	height: 153px;
	width: 100px;
	z-index: 1;
}

/* IE faulty box model fix */
*html #content_spacer {
	height: 55px;
	width: 0px;
}

#footer_container {
	position: absolute;
	bottom: 0; 
	left: 0; 
	right: 0;
	margin: 0;
	width: 784px;
	height: 20px;
	z-index: 3;
}

* html #footer_container {
	padding-right: 16px;
	width: 100%;
}

#footer {
	position: static;
	height: 100%;
	text-align: right;
	background-image:url(/fileadmin/europa/dat/img/eubuero_footer.jpg);
	background-position: left top;
	z-index: 3;
}

#footer tt {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	color: #e2e7f5;
}

#sponsor {
	position: absolute;
	height: 100px;
	width: 110px;
	left: 30px;
	bottom: 30px;
	background-image: url(/fileadmin/europa/dat/img/eubuero_sponsor2.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	cursor: hand;
	padding-top: 10px;
	margin-left: 10px;
}

#LinkImpressum {
	position: absolute;
	bottom: 3px;
	left: 30px;
}

* html #LinkImpressum {
	bottom: 2px;
}

#LinkCopyright {
	position: absolute;
	bottom: 3px;
	right: 10px;
}

* html #LinkCopyright {
	bottom: 2px;
	right: 26px;
}

#footerLink {
	text-decoration: none;
}

/*###   PAGE LAYOUT / HEADER end       ###*/
/*########################################*/


/*########################################*/
/*###   MENU / SUBMENU SETUP start     ###*/

#menu_item {
	list-style: none;
	margin: 0;
	font: 8pt Verdana;
	border-bottom: 1px solid #c0c5d0;
	border-right: 1px solid #c0c5d0;
}

#menu_item a#active,
#menu_item a:link,
#menu_item a:visited,
#menu_item a:hover {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 5px 5px 7px 10px;
}

* html #menu_item a#active,
* html #menu_item a:link,
* html #menu_item a:visited,
* html #menu_item a:hover {
	padding: 1px 5px 6px 10px;
}

#menu_item a#active {
	background: #4759b8;
	color: #eeeeee;
}

#menu_item a:link, #menu a:visited {
	background: #e2e7f4;
	color: #373737;
}

#menu_item a:hover {
	background: #eef1f8;
	color: #505050;
}

#menu_item a#active:hover {
	background: #6070c2;
}

#submenu_item {
	list-style: none;
	margin: 0px 0px 1px -20px;
	font: 8pt Verdana;
}

#submenu_item a#active,
#submenu_item a:link,
#submenu_item a:visited,
#submenu_item a:hover {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 2px 5px;
}

* html #submenu_item a#active,
* html #submenu_item a:link,
* html #submenu_item a:visited,
* html #submenu_item a:hover {
	padding: 0px 5px 2px 5px;
}

#submenu_item a#active {
	background: #d1d6e4;
	color: #373737;
}

#submenu_item a:link, #submenu a:visited {
	background: #e2e7f4;
	color: #373737;
}

#submenu_item a:hover {
	background: #eef1f8;
	color: #505050;
}

#submenu_item a#active:hover {
	background: #dadfec;
}

/*###   MENU / SUBMENU SETUP end       ###*/
/*########################################*/


/*########################################*/
/*###  CONTENT ELEMENTS setup start   ###*/


/* patch float problem with textpic elements */
.csc-header {
	clear: both; 
}

/*###   LinkStyles for CONTENT AREA:   ###*/
/*##*/
#content_container a:link {
	text-decoration: none;
	color: #0008a1;
}

#content_container a:hover {
	text-decoration: none;
	color: #0f3eff;
}

#content_container a:visited {
	text-decoration: none;
	color: #0008a1;
}


/*###   FontStyles for CONTENT AREA:   ###*/
/*##*/
.csc-header h1, 
.csc-header h2, 
.csc-header h3, 
.csc-header h4, 
.csc-header h5,
.csc-subheader {
	/* width: 100%; */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.csc-header h1 {
	padding: 1px 3px 2px 3px;
	font-size: 12px;
	color: #ffffff;
	background-color: #4759b8;
}

.csc-header h2 {
	font-size: 13px;
}

.csc-header h3 {
	font-size: 11px;
}

.csc-header h4, 
.csc-header h5, 
.csc-subheader {
	font-size: 11px;
}

.csc-header-date {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	width: 433px;
	text-align: right;
	margin: 0;
	padding-bottom: 1px;
	color: #666;
}

.bodytext, 
#content_container ul, 
#content_container ol, 
#content_container li {
	font-size: 8pt;
	line-height: 150%;
	text-align: justify;
	color: #101010;
	font-family: Verdana, Helvetica, Arial, sans-serif;

	margin-top: 0;
	margin-bottom: 8px;
}

p.totoplink {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	padding: 3px 0 0 3px;
}

/*###   TABLE ELEMENT             ###*/
/*##*/
.contenttable {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
}


/*###   FORM ELEMENT   ##############*/
/*##*/
.csc-mailform, 
.csc-mailform-field, 
.csc-mailform textarea, 
.csc-mailform input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #101010;
}

.csc-mailform {
	background-color: #d5ddef;
	border: 1px solid #b9c3dd;
}

.csc-mailform-field {
	display: block;
	margin: 6px 4px;
	clear: both;
}

.csc-mailform label {
	width: 115px;
	float: left;
	text-align: left;
	margin: 5px 8px;
}

.csc-mailform input, .csc-mailform textarea {
	background-color: #eef1f8;
	border: 1px solid #c0c5d0;
	width: 265px;
	padding: 2px 6px;
	margin-bottom: 2px;
}

.csc-mailform input.csc-mailform-check {
	background-color: #d5ddef;
	border: 0;
	width: auto;
}

.csc-mailform-submit#mailformformtype_mail {
	position: relative;
	background-color: #eef1f8;
	cursor: hand;
	width: auto;
	margin-top: 5px;
	left: 131px;
}

* html .csc-mailform-submit#mailformformtype_mail {
	left: 134px;
}

.csc-mailform-submit#mailformformtype_mail:hover {
	background-color: #ffffff;
}


/*###   TABLE ELEMENT   ##############*/
/*##*/

/* Layout:Normal- and RTE-Table setup */
.contenttable {
	border-collapse: collapse;
	background-color: d5ddef;
}

.contenttable th, .contenttable td, table caption {
	text-align: left;
	border: 1px solid #b9c3dd;
	padding: 5px 9px 5px 9px;
}

.contenttable caption {
	font-weight: bold;
	background-color: #b9c3dd;
	padding-bottom: 4px;
}

.contenttable th {
	font-weight: bold;
	background-color: #b9c3dd;
}

/* Layout:Frame1-Table setup */
.csc-frame-frame1 .contenttable {
	margin-left: -3px;
}

.csc-frame-frame1 .contenttable th, 
.csc-frame-frame1 .contenttable td, 
.csc-frame-frame1 caption {
	border: 3px solid #cdd6ec;
}

.csc-frame-frame1 .contenttable tr {
	background-color: #e2e7f4;
}

/* Layout:Frame2-Table setup */
.csc-frame-frame2 .contenttable {
	margin-left: -3px;
}

.csc-frame-frame2 .contenttable th, 
.csc-frame-frame2 .contenttable td, 
.csc-frame-frame2 caption {
	border: 3px solid #cdd6ec;
}

.csc-frame-frame2 .contenttable .tr-even{
	background-color: #e2e7f4;
}

.csc-frame-frame2 .contenttable .tr-odd {
	background-color: #d8dff0;
}


/*###   FILELIST ELEMENT   ##############*/
/*##*/
.csc-uploads {
	border-collapse: collapse;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #101010;
	margin-left: -3px;
	width: 438px;
	}

.csc-uploads-icon, .csc-uploads-fileName, .csc-uploads-fileSize {
	background-color: #e2e7f4;
	padding: 14px;
	border: 3px solid #cdd6ec;
	}

.csc-uploads-icon {
	width: 20px;
	text-align: center;
}

.csc-uploads-fileSize {
	width: 45px;
	padding-left: 6px;
	text-align: right;
}

.csc-uploads-description {
	line-height: 140%;
}

.csc-uploads-fileName {
	margin: 0;
}

/*###   TEXT WITH IMAGE ELEMENT   ##############*/
/*##*/

/* set top of image to top of text */
.csc-textpic-image {
	margin-top: 5px !important;
	margin-bottom: 2px !important;
}

.csc-textpic-caption {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-style: italic;
	padding: 2px 2px 0px 2px;
	margin: 0px;
}

.csc-textpic-text p.bodytext {
	margin-bottom: 1px;
}

/*###   LIST ELEMENT   ##############*/
/*##*/
ul.csc-bulletlist li {
	padding-bottom: 2px;
}

ul.csc-bulletlist-0 li {
	list-style-type: disc;
}

ul.csc-bulletlist-1 li {
	list-style-type: circle;
}


ul.csc-bulletlist-2 li {
	list-style-type: square;
}

ul.csc-bulletlist-3 li {
	list-style-type: none;
}


/*###   SITEMAP ELEMENT   ##############*/
/*##*/
.csc-sitemap ul li a {
	line-height: 130%;
}

/*###  CONTENT ELEMENTS setup end      ###*/
/*########################################*/

