/* 
CSS Document 
Christian Schuster
Letzter Stand: 21.04.2010


@colordef #3c3f48; font-color content
@colordef #b5beca; font-color footer 
@colordef #608bb6; font-color content a

*/

body {
margin:0;
color:#3c3f48;
padding:0;
font-family:Arial,Verdana,sans-serif;
font-size:81.25%; /* set default font size to 13px */
background-image:url(../images/header_bg_pattern.png);
background-position: top left;
background-repeat:repeat-x;  
background-color:#eeefef;
}

/*-----------------  Reset ---------------/*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*-----------------  Reset  Ende---------------*/

html>body {
font-size: 13px;

}

/*-----------------  Header Begin ---------------*/

#header {
	position:relative;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:71px;
}

#header_inner {
	position:relative;
	width:960px;
	height:71px;
	margin: 0 auto;
	overflow:hidden;
	}

/*#header_inner ul {

}

#header_inner ul li{
	display:inline;
	color: #fff;
	font-weight:bold;
	padding: 0 25px 0 0;
	
}

#header_inner ul li a{
	color:#fff;
	text-decoration:none;
}

#header_inner ul li a.active{
	color:#f4a100;
	text-decoration:none;
} */

.elo_logo { 
	position:absolute;
	left: 0px;
	top:10px;
	
}

#search_container {
	position:absolute;
	height: 20px;
	width: 140px;
	left: 820px;
	top: 35px;
	}
	
#searchinput {
	background-image:url(../images/search_input_bg.gif);
	background-repeat:no-repeat;
	background-color: #4b525d;
	border:none;
	width: 118px;
	height: 22px;
	float: left;
	}

#searchbutton {
	background-image:url(../images/searchbutton_bg.gif);
	background-repeat:no-repeat;
	width: 22px;
	height: 20px;
	border:none;
	float:right;
}
/*
#language_container {
	color:#FFFFFF;
	height:30px;
	left:730px;
	position:absolute;
	top:10px;
	width:150px;
}

*/

#language_container {
position: absolute;
color: white;
float: right;
top: 0px;
font-size: 11px;
height: 30px;
width: 960px;
}

a.gg_bg {
background-image: url(../images/gg_menu_bg.jpg);
background-repeat: no-repeat;
background-position: top right;
text-decoration: none;
float: right;
color: #EEEFEF;
font-weight: bold;
cursor: pointer;
padding: 0 0 0 0;
margin: 0px 0 0 8px;
text-align: right;
}

a.gg_bg span {
background-image: url(../images/gg_menu_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
margin: 0 10px 0 -10px;
padding: 4px 0px 7px 8px;
position: relative;
float: right;
color: #EEEFEF;
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
}

a.gg_bg span img {
float: left;
padding: 1px 5px 0 0;
}

#language_container b {
text-decoration: underline;
}

.elolang {
	padding-left:1px;
}

.elolang a {
	padding-right:5px;
	padding-top:20px;
}


/*-----------------  Header End ---------------*/

/*-----------------  Content Begin ---------------*/

#content {
	background-image:url(../images/conten_bg_pattern.png);
	background-repeat:repeat-x;
	width:100%;
	min-height:500px;
	background-color: #eeefef;
	}


#content_inner {
	width:960px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	overflow:hidden;
	
	background-image:url(../images/primary_bg.jpg);
	background-repeat:no-repeat;
	background-position: 180px -33px;
}

#content_inner p {
	width: 600px;
	font-family:Arial,Verdana,sans-serif; 
	font-size:1em;
	line-height: 1.4615em;
	color: #3c3f48;
	margin-top:0 ;
	margin-bottom: 1.4615em;
	padding:0;
	}

#content_inner h1 {
	font-size: 1.5em;
	color: #3c3f48;
	line-height: 1.2 em;
	/*line-height: 1.0263em; */
	margin: 1.6em 0 1.0263em 0;
	font-weight:bold;
	text-shadow: 1px 1px 0px #fff;
	/*text-transform:uppercase;*/
	word-spacing: 2px;
}

#content_inner h1.csc-firstHeader{
	margin-top:0;
}

#content_inner h2 {
	font-weight: 600;
	color: #3c3f48;
	font-size: 1.1538em; /* 18px */
	margin: 1.8999em 0 0.6333em 0; /* top margin: 30px, bottom margin: 10px */
	line-height: 1.2666em;
	text-shadow: 1px 1px 0px #fff;
	text-transform:uppercase;
	word-spacing: 2px;
}

#content_inner h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #4A4A4A;
	line-height: 1.4em;
	margin: 2.5em 0 0.77em 0;
/*	background-image:url(images/h2.gif); */
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0px 4px;
}

#content_inner .primary {
	/*background-image:url(../images/primary_bg.jpg);
	background-repeat:no-repeat;*/
	width:770px;
	float:right;
	display:inline;
	margin-bottom: 40px;
	/*text-shadow: 1px 1px 0px #fff;*/
	}

#content_inner .primary a, #content_inner .primary .link {
	color: #608bb6;
	font-weight:bold;
	text-decoration: none;
	cursor: pointer;
}

#content_inner .primary a:hover{
	color: #608bb6;
	font-weight:bold;
	text-decoration: underline;
}

#content_inner .primary a:visited{
	color: #608bb6;
	font-weight:bold;
	
}
 
#content_inner .secondary {
	width:160px;
	float:left;
	display:inline;
}

#infobox {
	background-image:url(../images/infobox_bg.jpg);
	background-repeat:no-repeat;
	width: 140px;
	height: 100px;
	float:right;
	padding: 0;
	margin: 0;
	clear:both;
}

#infobox p {
	width: 140px;
	
}

#infobox ul li{
	padding: 4px 0 4px 10px;
	font-size: 12px;
	background-image:url(../images/infobox_bullets.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	}


#breadcrumb {
	font-size:12px;
	width:770px;
	
	}
	
#breadcrumb p {
	margin: 10px 0 0;
	color: #848789;
}

#breadcrumb a {
	color: #848789;
	font-weight: normal;
}
.times {
	font-family:"Times New Roman", Times, serif;
	text-transform:lowercase;
	font-style:italic;
}

/*-----------------  Images Styles  ---------------*/

.content_image {
	vertical-align:middle;
	background-color:#f8f9f9;
	padding:10px;
	border: 1px solid #fff;
}

/*-----------------  Navigation Styles  ---------------*/

ul.mainnavi {
	display:inline;
	margin:34px 0 0 115px;
	width: 630px;
	list-style: none;
	float:left;
	overflow:hidden;
	
}

ul.mainnavi li{
	float: left;
	display: inline;
}


ul.mainnavi li.eloheadersel{
	float: left;
	display: inline;
	background:url(../images/mainnavi_tab_right.gif) no-repeat right top;
	
	
}

ul.mainnavi li a{
	display:block;
	font-weight:bold;
	color: #fff;
	cursor:pointer;
	padding: 9px 12px 14px 12px;
	text-decoration:none;
	}
	
ul.mainnavi li a:hover {
	text-decoration:underline;
	
}

ul.mainnavi li a.eloheadersel{
	display:block;
	background:url(../images/mainnavi_tab_left.gif) no-repeat left top;
	color: #3c3f48;
	cursor:pointer;
	padding: 9px 12px 14px 12px;
	}


ul.mainnavi li a:hover.eloheadersel{
	cursor:default;
	
	text-decoration:none;
	
	}

	



/* --------  rounded corners with span backup-----

ul.mainnavi {
	margin:33px 0 0 200px;
	list-style: none;
	float:left;
}

ul.mainnavi li{
	float: left;
	display: inline; 
	margin: 0 10px 0 0;
	
}
	

ul.mainnavi li a{
	text-decoration:none;
	float:left;
	color: #ddd;
	cursor:pointer;
	padding: 0 0 0 0;
	}



ul.mainnavi li a span {
	margin: 0 10px 0 -10px;
	padding: 9px 5px 15px 12px;
	position: relative; 
	float:left;
}

ul.mainnavi li a.active, ul.mainnavi li a:hover {
	background-image:url(../images/mannavi_tab.gif);
	background-repeat:no-repeat;
	background-position:top right;
	color: #333;
	font-weight:bold;
	text-shadow: 1px 1px 0px #fff;
}

ul.mainnavi li a.active span, ul.mainnavi li a:hover span {
	background-image:url(../images/mannavi_tab.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color: #333;
}
*/


/*-----------------  Navigation Styles END ---------------*/



.secondary ul li  {
	display:block;
	text-decoration:none;
	padding: 7px 0 7px 0px;
	
	}
	
.secondary ul li a {
	display:block;
	text-decoration:none;
	color: #3c3f48;
	background-image:url(../images/subnavi_bullets.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding: 0 0 0 13px;
	
}


.secondary ul li.elomenusel {
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	background-image:url(../images/navi_active_bottom.gif);
	background-repeat:no-repeat;
	display:block;
	background-position: bottom left;
	padding:0;
	
	cursor: default;
}

.secondary ul li a.elomenusel  {
	background-image:url(../images/navi_active_top.gif);
	background-repeat:no-repeat;
	display:block;
	padding: 10px 0 10px 10px;
	background-position: top left;
	
	}
	
	.secondary ul ul  {
	margin: 0 0 15px 0; 
	font-weight:normal;
	
	}

.secondary ul ul li  {
	padding: 3px 0 3px 13px;

	}

.secondary ul ul li a {
	font-size: 12px;
	background-image:url(../images/saubnavi_bullets2.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	}
	
.secondary ul ul li a.eloheadersel {
	display:block;
	background-position: bottom left;
	background-image:url(../images/navi_active_bottom_l2.gif);
	}




/* ------ rounded corners with span ------- 

.secondary ul li  {
	display:block;
	text-decoration:none;
	padding: 7px 0 7px 0px;
	}
	
.secondary ul li a {
	display:block;
	text-decoration:none;
	color: #3c3f48;
	background-image:url(../images/subnavi_bullets.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding: 0 0 0 13px;
}


.secondary a.active {
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	background-image:url(../images/navi_active_bottom.gif);
	background-repeat:no-repeat;
	display:block;
	background-position: bottom left;
	padding-left: 0px;	
	cursor: default;
}

.secondary a.active span {
	background-image:url(../images/navi_active_top.gif);
	background-repeat:no-repeat;
	display:block;
	padding: 7px 0 7px 12px;
	background-position: top left;
	}


.secondary a:hover {
	background-image:url(../images/navi_active_bottom_hover.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	padding-left: 0px;	
	display:block;
	margin: 0;
	}

.secondary a:hover span {
	background-image:url(../images/navi_active_top_hover.gif);
	padding: 3px 0 3px 12px;
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	margin: 0;
	}

.secondary ul ul  {
	margin: 0 0 15px 0; 
	}

.secondary ul ul li  {
	padding: 3px 0 3px 13px;
	}

.secondary ul ul li a {
	font-size: 12px;
	background-image:url(../images/saubnavi_bullets2.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	}
	
.secondary ul ul li a.active {
	display:block;
	background-position: bottom left;
	background-image:url(../images/navi_active_bottom_l2.gif);
	}
	
.secondary ul ul li a.active span {
	display:block;
	background-position: top left;
	background-image:url(../images/navi_active_top_l2.gif);
	}
	
*/

/*-----------------  Footer Styles  ---------------*/
#footer{
	background-color:#4F5762;
background-image:url("../images/footer_bg_pattern.gif");
background-position:center top;
background-repeat:repeat-x;
clear:both;
color:#A2AAB5;
padding:60px 0 0;
width:100%;
display: block;
	}

#footer_inner {
	width: 960px;
	margin: 0 auto;
}

#footer_first,#footer_second,#footer_third,#footer_fourth {
	width: 230px;
	float: left;
	margin-right:10px;
}

#footer_inner a {
color:#A2AAB5;
text-decoration:none;
}

#footer_inner ul li {
padding:3px 0;
}

#copyright {
	clear:both;
	
	text-align:center;
	padding: 70px 0;
	
}
	#copyright a {
color:#B5BECA;
text-decoration:none;
}

/*-----------------  Footer End  ---------------*/

/*-----------Oxana---------*/

secondary ul li.elomenusel a {
background-image:none;}

.secondary ul li.elomenusel a {
	background-image:url(../images/navi_active_top.gif);
	background-repeat:no-repeat;
	display:block;
	padding: 10px 0 10px 10px;
	background-position: top left;
	color: #ffffff;
	}
	

#breadcrumb{
margin-left:25px

}	




/*-----------Oxana---------*/

secondary ul li.elomenusel a {
background-image:none;}

.secondary ul li.elomenusel a {
	background-image:url(../images/navi_active_top.gif);
	background-repeat:no-repeat;
	display:block;
	padding: 10px 0 10px 10px;
	background-position: top left;
	
	}
	

#breadcrumb{
margin-left:25px

}	

#content_inner #breadcrumb a {
color:#848789;
font-weight:normal;
}


*+html #searchbutton {
margin-top:-22px;

width:40px;
height:40px;

} 


#content_inner .address h2 {
clear:both; width:180px;
padding-top:0px;
margin-top:0px;
}
#breadcrumb {
	margin: 0px auto;
	padding-top: 8px;
	width: 960px;
	font-size: 8pt;
}


/*-------Referenzdetailansicht -------*/
#reference_container_right {
	font-size: 12px;

}

#reference_container p {
	width: auto;
}
#reference_container h1, #reference_container h2 {
	text-transform: none;	
	margin-top: 0;
}
#content_inner p.reference_shortdescription {
	font-weight: bold;
	margin-bottom: 10px;
	width: auto;
}

#reference_container h4 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}

#reference_container #kurzinfos dt{
	font-weight:bold;
	margin-top: 7px;
	line-height:20px;
}

#reference_container #kurzinfos dd{
	margin-top: 7px;
	line-height:20px;
}


#shortcuts_box dt {
	background: url('../images/haken.png') no-repeat 0 -1px;
	padding-left: 40px;
	width: 120px; /* bochmann~ #543 war: 150px */
	display: block;
	float: left;
	height: 30px;
	font-weight: bold;
}
#shortcuts_box dd {
	float: left;
	width: 380px; /* bochmann~ #543 war: 350px */
	display: block;
	margin-bottom: 15px;
}

#reference_container_right  h2 {
	text-transform: none;
	margin-top: 10px;
}

#reference_container_right #box_certificates h4 {
	margin-top: 20px;
}
#reference_container_right #box_certificates span.h4sub {
	
}
#content_inner .primary #reference_container_right #box_certificates ul {
	margin: 10px 0;
}
#content_inner .primary #reference_container_right  #box_certificates ul li {
	padding: 0 0 10px 15px;
	background: url('../images/doppelpfeil_trans.png') no-repeat 0 5px;
}
#content_inner .primary #reference_container_right  #box_certificates ul li a {
	font-weight: normal;
}

#reference_container_right #box_certificates {
		background: url('../../images/frontend/bg_modules_bottom_170.png') no-repeat left bottom;
		width: 170px;
		height: auto;

}
#reference_container_right .bg_right {
		background: url('../../images/frontend/bg_modules_top_170.png') no-repeat left top;
		width: 160px;
		padding: 5px;
}

#reference_container_right .bg_right ul{
	width: 135px; /* bochmann+ #543 */
}
#content_inner .secondary {
    width:160px;
    float:left;
    display:inline;
}

#info_top {
    font-weight: 600;
    color: #3c3f48;
    font-size: 1.1538em; /* 18px */
    margin: 1.8999em 0 0.6333em 0; /* top margin: 30px, bottom margin: 10px */
    line-height: 1.2666em;
    text-shadow: 1px 1px 0px #fff;
    text-transform:none;
    word-spacing: 2px;
    width:140px;
}

#info_box ul{
    width: 140px;
    margin:0;
    padding:0;
}

#info_box { 
    position:absolute;
    background-image:url(../images/infobox_bg.jpg);
    background-repeat:no-repeat;
    width: 140px;
    height: 200px;
   
    padding: 0;
    margin: -70px 0 0 630px;
    clear:both;
    

}

#content_inner.primary #info_box {
    width: 140px;
}

#info_box p {
    width: 140px;

}
#info_box #info_bottom ul li{
    background-image:url(../images/infobox_bullets.gif);
    background-position: 0px 10px;
    padding-left: 15px;
    width:125px;
    margin: 5px 0 4px 0;
}

#info_bottom ul{
    width:140px;
}

#info_box ul li{
    padding: 4px 0 4px 10px;
    font-size: 12px;

    background-repeat: no-repeat;
    background-position: 0px 10px;
    width: 130px;
}
#registerForEventForm {
	width: 600px;
}