/* custom stuff */

.clr {
  clear: both;
height:10px;
}

div.mosimage_caption {
  font-size: 11px;
}


#logoBanner {
  height: 100%;
	background-image: url(../images/logoBanner.jpg) no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
}

#page_bg {
  height: 100%;
	background: #CCCCCC url(../images/pgbg.png) center repeat-y;
	padding: 0;
	margin: 0;
	border: 0;
}

#center {
	text-align: center;
	background: url(../images/1pgbg.png) center repeat-y;
}

#main_bg {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
  width: 940px;
  background: url(../images/pgbg_940.png) center repeat-y;
  text-align: left;
}

#main_bg_menu {
	height: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
  width: 880px;
  text-align: left;
}

#main_bg_top {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
  width: 940px;
  height: 11px;
  background: url(../images/top_round.png) top no-repeat;
  text-align: left;
}

#main_bg_content {
	clear: both;
	margin: 0;
  width: 940px;
  background: url(../images/bottom.png) bottom no-repeat;
  text-align: left;
}

* html #main_bg_content {
	clear: both;
	margin: 0px 0px;
  width: 940px;
  background: url(../images/bottom.png) bottom no-repeat;
  text-align: left;
}

#content_bg {
	width: 880px;
	margin: 0px 30px;
}

* html #content_bg {
	width: 820px;
	margin: 0px 30px;
}

#top {
	float: left;
	width: 638px;
}

* html #top {
	float: left;
	width: 608px;
}

#logo {
position:relative;
float:right;
width:155px;
height:30px;
top:-40px;
left:-50px;
}

* html #logo {
position:relative;
float:right;
width:155px;
height:30px;
top:0px;
left:40px;
}

#logo a {
	border: none;
}


#menu {
	border: none;
  height: 29px;
}

#menu a {
	border: none;
}

#content_bg_info {
	width: 880px;
	margin: 0px 30px;
	background: #ECECEC url(../images/content_info.png) top repeat-x;
}

* html #content_bg_info {
	width: 820px;
	margin: 0px 30px;
	background: #ECECEC url(../images/content_info.png) top repeat-x;
}

#content_bg_content {
	margin: 0px 30px;
	background: url(../images/Horizontal_Divider.png) top center no-repeat;
}


.content_bg_content {
	margin: 0px 30px;
	background: url(../images/Horizontal_Divider.png) top center no-repeat;
}

.content_bg_info {
	width: 880px;
	margin: 0px -30px;
	background: #ECECEC url(../images/content_info.png) top repeat-x;
}


#header {
	clear: both;
	background: #FFFFFF;
	width: 880px;
	border-top: 5px solid #FFFFFF;
}

#flashheader{
	width: 880px;
	height: 300px;
	background:#fff url(../images/banner/banner1.jpg) top no-repeat;
}

#newflash {
	float: right;
	background: url(../images/1blog_hash.png) 0 0;
	height: 250px;
	width: 240px;
	overflow: hidden;
}

#newflash div {
		padding: 5px 10px;
}

#newflash table.contentpaneopen td {
	color: #ddd;
}

.active_menu {font-weight: normal; color: #4F007D !important;}
.nonactive_menu {font-weight: normal;}

#topmenu {
	float: left;
	height: 30px;
	width: 600px;
	text-align: center;
	margin-top: 0px;
	margin-left: 20px;
	text-transform: uppercase;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	font-size: 11px;
}

* html #topmenu {
	float: left;
	height: 30px;
	width: 600px;
	text-align: center;
	margin-top: 0px;
	margin-left: 10px;
	text-transform: uppercase;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	font-size: 11px;
}

#topmenu ul {
	padding: 0;
	list-style: none;
}

#topmenu li {
	margin: 0;
	float: left;
	height: 20px;
	padding: 0;
}

#topmenu a:link, #topmenu a:visited {
	display: block;
	float: left;
	line-height: 30px;
	height: 20px;
	padding: 0 10px;
	color: #999;
	border-right: 0px solid #eee;
	border-bottom: 0;
}

#topmenu a:hover {
	color: #333333;
	border-right: 0px solid #eee;
	text-decoration: none;
	border-bottom: 0;
}


#content {
	padding-top: 20px;
}

#navigation {
	float: right;
	width: 210px;
	padding-top: 55px;
	margin: 0;
}

* html #navigation {
	float: right;
	width: 180px;
	padding-top: 55px;
	margin: 0;
}

.padding {
	width: auto !important;
	width: 100%;
	padding: 0 15px 40px 15px;
}

.padding_content 
{
	padding: 0px 30px 40px 140px;
}

.padding_content_info {
	width: auto !important;
	width: 100%;
	padding: 15px 30px 15px 30px;
	background: url(../images/padding_info_top.png) top no-repeat;
	color: #999;
}

* html .padding_content_info {
	margin:0px;
	width:820px;
	padding: 15px 30px 15px 30px;
	background: url(../images/padding_info_top.png) top no-repeat;
	color: #999;
}

.padding_content_info p {
	color: #222;
	font-size: 12px;
	line-height: 180%;
	font-weight: normal;
	font-family: verdana, Georgia, "Times New Roman", Times, serif;
}

.padding_content_info h1 {
	color: #fff;
}

.padding_content_info h2 {
	color: #666666;
}

.padding_navigation {
	width: auto !important;
	width: 100%;
	padding: 1px 30px 40px 0px;
}

.padding2 {
	width: auto !important;
	width: 100%;
	padding: 10px 20px 10px 20px;
}

* html .padding2 {
	padding: 10px 10px 10px 10px;
}

.highlight {
width:820px;
margin:30px 0 50px 0;
}

div.moduletable-rounded{
width:820px;
padding:20px 0;
background: url(../images/rounded.png) top no-repeat;
}

div.moduletable-carousel{
	margin-left:60px;
	width:650px;
}


#footer {
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #999;
}



/* required stuff */

span.pathway {
	display: block;
	margin-bottom: 15px;
	
}

#content-pane .tab-page {
	
}

table.contentpane {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.contentpaneopen {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}


.small {
	font-size: 9px;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: left;
}

.createdate {
	line-height: 10px;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 0px;

}

.readon {

}


h1 {
	line-height: 120%;
	font-size: 24px;
	text-align: left;
	letter-spacing:0px;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #4F007D;
	margin-bottom: 10px;
}

#content_bg_info h1 {
	line-height: 120%;
	font-size: 24px;
	text-align: left;
	letter-spacing:0px;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #4F007D;
	margin-bottom: 0px;
}

h2 {
	line-height: 140%;
	font-size: 24px;
	text-align: left;
	letter-spacing:0px;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #4F007D;
	margin-bottom: 10px;
}

h3 {
	line-height: 120%;
	font-size: 24px;
	text-align: left;
	letter-spacing:0px;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #4F007D;
	margin-bottom: 10px;
}

h4, .componentheading, .contentheading {
	line-height: 120%;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #333;
	margin: 10px 0 10px 0;
}

h5 {
	line-height: 100%;
	font-size: 24px;
	text-align: left;
	letter-spacing:0px;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #FFFFFF;
	margin: 0px 0 0px 0;
}

h6 {
	line-height: 180%;
	font-size: 16px;
	text-align: left;
	letter-spacing:1px;
	font-weight: normal;
	font-family: "trebuchet ms", "lucida sans unicode", tahoma, arial, sans serif;
	color: #333333;
	margin: 0px 0 0px 0;
}

#whiteband
{
	background-color:#ffffff;
	margin-left:0px;
	width:150px;
	position:absolute;
	text-align:center;
}

div.moduletable {
	margin-bottom: 20px;
	
}

#top div.moduletable {
	margin-bottom: 0px;
	
}

#content_bg_info div.moduletable {
	margin-bottom: 0px;
	
}

table.moduletable .contentheading {
  height: 30px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  padding-top: 5px;
	font-size: 18px;
 	font-weight: normal;
	color: #4F007D;
	text-align: left;
	width: 100%;
}

a.contentpagetitle:hover {
	color: #ff0000;
}

.mainlevel{
	line-height: 30px;
}

a
{
  outline: none;
}

a.mainlevel {
	display: block;
	border: 0;
}


a:link, a:visited {
	color: #4F007D; 
	text-decoration: none;
	border: 0;
}

a:hover {
	color: #004D4D;
	border: 0;
}

a.category:link, a.category:visited {

}

a.category:hover {

}

a.pagenav, a.pagenav:visited {

}

a.pagenav:hover {

}

.frontpageheader {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

.newsfeedheading {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align:left;
}

.newsfeeddate {

}

.fase4rdf a:link {

}

.fase4rdf a:hover {

}

.componentheading{

}


.sectiontableheader {
  font-weight: bold;
	background: #ECECE3;
	padding: 3px;

}



HTML {
  height: 100%;
  margin-bottom: 1px;
}

BODY {
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	height: 100%;
}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: #666;
}

.features {
	font-size: 12px;
	color: #4F007D;
}

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#content_bg_info ul li {
	font-size: 12px;
	font-weight: normal;
	color: #4F007D;
	display: inline;
	line-height: 160%;
	padding-left: 20px;
	padding-top: 0px;
	background-image: url(../images/bullet_go.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.liBullet {
	font-size: 12px;
	font-weight: normal;
	color: #4F007D;
	display:block;
	line-height: 160%;
	padding-left: 20px;
	padding-top: 0px;
	
}



.button {

}

.inputbox {
  font-size: 12px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

}

/* ---------------- unedited below here ----------------------*/

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #121A1D;
	border-left: outset 1px #9DA6B3;
	border-right: outset 1px #9DA6B3;
	border-top: outset 1px #9DA6B3;
	border-bottom: solid 0px #ffffff;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	color: #ff6600;
}
.offtab {
	background-color: #25343B;
	border-left: outset 1px #9DA6B3;
	border-right: outset 1px #9DA6B3;
	border-top: outset 1px #9DA6B3;
	border-bottom: solid 1px #9DA6B3;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	color: #cccccc;
}

.tabpadding {
}

.tabheading {
	background-color: #eeeeee;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}


/* Horizontal Line */
hr {
	background: #CCCCCC; height:1px; border: 0px solid;
}

hr.separator {

}


/* Content - Sections & Categories */

.article_seperator{
  display: block;
  margin: 0 0 20px 0;

}

table.contentpaneopen td{
	padding: 0 30px 0 0;
}

table.contenttoc {
  margin-left: 5px;
  margin-bottom: 5px;
  background: #ECECE3;
  border: 1px solid #DBDAC4;
}

table.contenttoc th {
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  padding: 2px 8px;
}

table.contenttoc td {
	padding: 2px 8px;
}

.contentdescription {
	text-align: left;
}

/** polls and search results **/
.poll {
	padding: 0px 0px;
	margin: 0px;
}

td.poll b {
  font-weight: normal;
}

table.pollstableborder {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table.pollstableborder td {
  padding: 4px 0px;
}


td.sectiontableentry1 {
  color: #333333;

}

td.sectiontableentry2 {
  color: #333333;
}

tr.sectiontableentry1 td {
  padding-left: 4px;
  padding-right: 4px;
}

tr.sectiontableentry2 td {
  padding-left: 4px;
  padding-right: 4px;
}

.smalldark {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}


.pagenav {
	font-weight: bold;
}

.pagenavbar {

}

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	font-weight: normal;
	font-size: 8pt;
}

/* Javascript Back button */
.back_button {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}



#contact_name.inputbox{
background:#ECF3F6;
width:300px;
border:none;
border-bottom:1px solid #CDDADF;;
padding:3px;
}

#contact_name.inputbox:hover{
background:#E3EDF1;
}

#contact_email.inputbox{
background:#ECF3F6;
width:300px;
border:none;
border-bottom:1px solid #CDDADF;;
padding:3px;
}

#contact_email.inputbox:hover{
background:#E3EDF1;
}

#contact_subject.inputbox{
background:#ECF3F6;
width:300px;
border:none;
border-bottom:1px solid #CDDADF;;
padding:3px;
}

#contact_subject.inputbox:hover{
background:#E3EDF1;
}

#contact_text.inputbox{
background:#ECF3F6;
width:400px;
border:none;
border-bottom:1px solid #CDDADF;;
padding:3px;
}

#contact_text.inputbox:hover{
background:#E3EDF1;
}

div.message{
padding:5px;
text-align:center;
font-size:14px;
color:#4F007D;
border:1px solid #CDDADF;;
margin-bottom:50px;
background:#ECF3F6;
}



/* MiniFP */




.ro { 
background:url(../images/gr1.gif) top right no-repeat; 
margin:0; 
padding:0; 
} 
  
.lo { 
background:url(../images/gr2.gif) top left no-repeat; 
margin:0; 
padding:0; 
} 
  
.ru { 
background:url(../images/gr3.gif) bottom right no-repeat; 
margin:0; 
padding:0; 
} 
  
.lu { 
background:url(../images/gr4.gif) bottom left no-repeat; 
margin:0; 
padding:0; 
}




#basic-accordian{
height:300px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#FFF;
}

.header_highlight{
	background:#00CCFF;
}

table.webdesign{
width:100%;
border-collapse: collapse;
vertical-align:top;
background:#ECF3F6;
border-bottom:3px solid #CDDADF;
border-top:3px solid #CDDADF;
}
table.webdesign tr{
border-top:1px dotted #FFFFFF;
vertical-align:top;
}
table.webdesign td{
padding:5px;
}
tr.first{
background:#E3EDF1;
}
tr.first:hover{
background:#CDDADF;
}
td.first1{
width:70%;
}
td.first2{
width:30%;
text-align:right;
}
tr.second:hover{
background:#CDDADF;
}
td.second2{
width:20%;
text-align:right;
}

#portocontainer{
}

table.portotable{
}

table.portotable td{
width:250px;
padding-left:10px;
padding-right:10px;
}

tr.description{
text-align:center;
}

.referenzwrapper{
width:auto;
width:800px;
border-bottom:3px solid #ececec;
}

* html .referenzwrapper{
width:100%;
border-bottom:3px solid #ececec;
}

.portfolio{
float:left;
width:250px;
height:190px;
background: url(../images/ref_bg.png) center no-repeat;
}

.portfolio_con{
position:relative;
top:20px;
left:25px;
width:200px;
height:140px;
}

.referenztext{
margin:10px 0 20px 20px;
float:right;
width:500px;
}

.referenztext ul li{
list-style:square;
line-height:250%;
border-bottom:1px solid #ececec;
}
.green {
	font-weight: bold;
	color: #70E000;
}

.red {
	font-weight: bold;
	color: #FF0000;
}


fieldset{
	float: left;
	width: 455px;
	margin: 10px 0 10px 0;
	border: 0px solid #ccc;
	display: block;
	background: #FFFFFF;
	clear: both;
	}
* html fieldset{
	padding: 5px;
	}
legend{
	background: #ECF3F6;
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
	font-weight: bold;
	}
label{
	margin: 0px 0;
	display: block;

	} 
.kontaktdaten label{
	display: block;
	width: 10em;
	float: left;
	clear: both;

	}

input,textarea{
	margin: 3px 0;
	border: 1px solid #CCCCCC;
	background: white;
	padding: 3px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	line-height: 120%;
	}  

input#firma{
	width: 300px;

	border: 1px solid #CCCCCC;
}

input#name{
	width: 300px;

	border: 1px solid #CCCCCC;
}

input#telefon{
	width: 300px;

	border: 1px solid #CCCCCC;
}

input#fax{
	width: 300px;

	border: 1px solid #CCCCCC;
}

input#email{
	width: 300px;

	border: 1px solid #CCCCCC;
}

textarea#nachricht{
	width: 300px;
	height: 200px;

	border: 1px solid #CCCCCC;
}


input:active, input:focus{
	background: #ECF3F6;
	}


#kontaktrechts{
	margin: 10px 0 10px 0;
	float: right;
	width: 300px;
	height: 200px;
}


a.scroll{
padding:3px;
	border: 1px dotted #4F007D;
	text-decoration: none;
}

a.scroll:hover{
background:#ECF3F6;
}


#steps {
	list-style: none;
	margin: 15px 0;
}

#steps li {
	width: 420px;
	height: 25px;
	padding: 7px 0 0 15px;
	margin: 1px 0;
	font-weight: bold;
	background: url(../images/steps2.gif) no-repeat;
}

#steps li span {
	width: 42px;
	float: left;
	font: 14px Verdana;
	color: #fff;
}


#steps2 {
	list-style: none;
	margin: 15px 0;
}

#steps2 li {
	width: 550px;
	height: 25px;
	padding: 7px 0 0 15px;
	margin: 1px 0;
	font-weight: bold;
	background: url(../images/steps2a.gif) no-repeat;
}

#steps2 li span {
	width: 42px;
	float: left;
	font: 14px Verdana;
	color: #fff;
}

.textbox
{
	border-color:#4f007d;
	border-style:solid;
	border-width:1px;
	width:250px;
}
.contactLabel
{
	vertical-align:top;
}
