/* CSS Document */


/*========================================================================
	THINGS OF UNIVERSAL IMPORTANCE
========================================================================*/

/*
Here are the farbcodes of the homepage:

  #137C2D   -> Project Connection Green
  #f7f7f7   -> gray
  #999999   -> dark gray
  #ff9933   -> orange
  #ffcc33   -> yellow

*/

html, body {
margin: 0px;
padding: 0px;
background-color: #ffffff;
}

div {
font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
color: #000000;
text-decoration: none;
margin:0px;
padding:0px;
}

select, input, textarea { 
font-size:12px;
#font-family:Arial;
} 

img {
border:0px none transparent;
}


/*========================================================================
	BODY DIV
========================================================================*/


/*========================================================================
	LINK SETTINGS
========================================================================*/

a:link {
color: #999999;
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
a:hover {
color: #999999;
text-decoration: underline;
}

/*========================================================================
	MENU 1  
========================================================================*/

div#menu1 {
position:absolute;
top:143px;
left:0px;
height:80px;
width:992px;
z-index:110;
margin:0px;
margin-left:5px;
}

#menu1 #layer1{
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
height:100%;
width:992px;
}

#menu1 #layer1 #menuitem, #menu1 #layer1 #menuitem-active {
  float: left;
}

/*========================================================================
	MENU 1 - LAYER 2
========================================================================*/
#menu1 #layer2{
position:absolute;
top:44px;
left:0px;
width:990px;
height:20px;
padding: 10px 0px 5px 0px;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #ffffff;
color: #000000;
font-family: Arial;
font-size:12px;
background-color:#ffffff;
z-index:150;
}

#menu1 #layer2 #menuitem a, #menu1 #layer2 #menuitem-active a {
  float: left; 
  padding: 0px 10px 0px 10px;
  color: #000000;  
}

#menu1 #layer2 #menuitem-active a{
   color: #999999; 
}

/*========================================================================
	MENU 2
========================================================================*/

#menu2 {
 position:absolute;
 top:248px;
 left:20px;
 font-family:Arial;
 font-size:12px;
 line-height:18px;
 z-index:100;
}

#menu2 #layer1 #menuitem a{
  #color: #00C7FF;
  color: #0C7694;
}

#menu2 #layer1 #menuitem-active a{
  color: #0C7694;
  font-weight: bold;
}

#menu2 #layer2 #menuitem a, #menu2 #layer2 #menuitem-active a {
  margin-left:25px;
  color: #0C7694;
}

#menu2 #layer2 #menuitem-active a{
  font-weight: bold;
}

/*========================================================================
	CONTENT
========================================================================*/

#contentboxes { 
position:absolute;
left:0;
top:0;
padding:0px 0px 0px 0px;
width:994px;
}

/* PRIMARY COLUMN */
#contentbox1 {  
position:absolute;
top:13px;
left:225px;
padding:240px 20px 0px 5px;
width:480px;
font-size:12px;
line-height:20px;
margin-left:5px;
}

#contentbox1 .bodytext {
font-size:12px;
line-height:20px;
margin:0px;
}

#contentbox1 #table-style {
font-size:12px;
line-height:20px;
margin:0px;
}

#contentbox1 .htmlarea-showtableborders {
font-size:12px;
line-height:20px;
margin:0px;
}

#contentbox1 .imgtext-nowrap {
font-size:12px;
line-height:20px;
margin:0px;
}

#contentbox1 h1
{
font-family: verdana;
font-size:18px;
line-height:25px;
color: #999999;
}
#contentbox1 h2
{
font-family: verdana;
font-size:16px;
line-height:25px;
color: #999999;
}
#contentbox1 h3, #contentbox1 h4, #contentbox1 h5, #contentbox1 h6 
{
font-family: verdana;
font-size:14px;
line-height:25px;
color: #999999;
}


/* SECONDARY COLUMN */
#contentbox2 {
position:absolute;
top:13px;
left:727px;
width:226px;
padding:240px 22px 0px 22px;
overflow:hidden;
font-size:11px;
line-height:18px;
margin-left:5px;
}

#contentbox2 h1
{
font-size:14px;
text-transform:uppercase;

}
#contentbox2 h2
{
font-size:12px;
text-transform:uppercase;
}
#contentbox2 h3, #contentbox2 h4, #contentbox2 h5, #contentbox2 h6
{
font-size:11px;
text-transform:uppercase;
}

#table-style { 
font-size:10px;
line-height:20px;
margin:0px;

}


/* LOGO + SITE NAME */
#contentbox3 {/*display:none;*/
position:absolute;
top:0px;
left:5px;
width:726px;
height:36px;
background-color:#ffffff;
padding-top: 8px;
margin:0px;
}

/* TOP IMAGE */
#contentbox4 {/*display:none;*/
position:absolute;
top:50px;
left:5px;
width:992px;
height:90px;
border-top:1px solid #000000;
padding:1px 0px 1px 0px;
margin:0px;
background-color:#ffffff;
}

/* BOX BESIDE MENU */
#contentbox5 {
position:absolute;
top:143px;
left:731px;
width:266px;
height:43px;
border:1px solid #ffffff;
background-color:#ffcc33;
z-index:100;
}

/* BOX BESIDE TOP IMAGE */
#contentbox6 { 
position:absolute;
top:51px;
left:730px;
width:267px;
height:92px;
z-index:200;
}

#contentbox6 div{
}

#contentbox7{
position:absolute;
top:15px;
left:725px;
height:36px;
width:226px;
overflow:hidden;
font-size:11px;
padding:5px 22px 5px 22px;
}

#contentbox7 p{
  text-align: right; padding-top: 5px;
}



#contentbox8, #contentbox9, #contentbox7 h1 {
  display:none;
}


.ob {
	vertical-align: top;
	border: 1px solid gray;
	padding:5px;
	width: 50%
}

.ob-bild img {
	border:2px solid gray;
	float:left;
	height:150px;
	margin-bottom:15px;
	margin-right:10px;
	width:100px;
}

.ob-titel {	
	font-size: 10pt;
}

.ob-untertitel {	
	font-size: 8pt;
}


.ob-text {
	font-size:9pt;
	clear:both;	
	margin-bottom: 30px;
	padding-right: 10px;
}


.t3
{
   font-size:12px;
}

.align-right
{
   text-align:right;
}

.align-center
{
   text-align:center;
}


/* POWERMAIL FORMULAR*/

/*Validation*/
input.validation-failed {
    background-color: #f2f2f2;
}
/*Validation*/
div.powermail_mandatory_js {
    color: #372D23;
    font-weight: normal;
}

/*LABEL = Beschriftung - ok */
fieldset label {
    display: block;
    width: 240px;
    padding-right: 10px;
    float: left;
    clear: left;
    text-align: right;
}
/*Eingabefeld - ok */
fieldset input {
   width: 200px;
   border: 1px solid #999999;
   float: left;
}
fieldset input.powermail_check {
   width: 15px;
} 
/*Auswahlbox - ok */
fieldset select {
   display: block;
   border: 1px solid #999999;
   width: 200px;
   float: left;
}
/*eigene class in tmpl_fieldwrap.html*/
.checkbox {
    clear: both;
    height: 5px;
}

.checkbox label{
    }
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    padding-top: 10px;
}
.radiobutton {
    clear: both;
    height: 5px;
}
.tx_powermail_pi1_fieldwrap_html_radio_title {
    padding-top: 10px;
}
tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_radio tx_powermail_pi1_fieldwrap_html_6 input {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.sendebutton {
    clear: both;
}
.auswahlbox option powermail_testformular powermail_select {
    padding-left: 120px;
}

/* Radio & Checkbok - clear: both */
.tx_powermail_pi1_fieldwrap_html_radio_title,
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    clear: both;
}
input.powermail_submit {
    border: 1px solid #999999;
    margin-top: 30px;
}