/* CSS Document */


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

/*
Here are the farbcodes of the homepage:

  #137C2D   -> Project Connection Green
  #FF7314   -> Young Business School Orange
  #CCE9F7   -> Young Business School Blue  
  #0C7694   -> Homepage Dark blue
  #f7f7f7   -> Homepage gray
  #cc9966   -> Schuelerstudenten blau

*/
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 auto;
padding:0px;
}

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

img {
border:0px none transparent;
}


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


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

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

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

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

#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:991px;
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: #cc6600; 
}

/*========================================================================
	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: #cc6600;
  color: #cc6600;
}

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

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

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

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

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

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

#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: #cc9966;
}
#contentbox1 h2
{
font-family: verdana;
font-size:16px;
line-height:25px;
color: #cc9966;
}
#contentbox1 h3, #contentbox1 h4, #contentbox1 h5, #contentbox1 h6 
{
font-family: verdana;
font-size:14px;
line-height:25px;
color: #cc9966;
}


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

#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:12px;
text-transform:uppercase;
}

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

}


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

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

/* BOX BESIDE MENU */
#contentbox5 {
height:20px;
left:725px;
overflow:hidden;
padding-bottom:5px;
position:absolute;
text-align:center;
top:145px;
width:265px;
z-index:200;
}

/* BOX BESIDE TOP IMAGE */
#contentbox6 { 
border:1px solid #FFFFFF;
height:172px;
left:723px;
position:absolute;
top:0px;
width:267px;
z-index:0;
background-color:#cc9966;
}


#contentbox7{
color:white;
font-size:11px;
height:36px;
left:725px;
overflow:hidden;
padding:5px 22px;
position:absolute;
top:-5px;
width:226px;
}
#contentbox7 a{
  color: #585858;
}
#contentbox7 p{
  text-align: right; padding-top: 5px;
}



#contentbox8 {
font-size:12px;
height:75px;
left:726px;
padding:5px 22px;
position:absolute;
top:45px;
width:221px;
z-index:1000;
color:#ffffff;
}



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

/* Footer after Content */
#footer{ 
background-color:#FFFFFF;
border:2px solid #cc6600;
bottom:0px;
color:#FFFFFF;
font-size:11px;
height:15px;
left:0px;
padding:2px;
position:fixed;
text-align:right;
width:983px;
}



.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;
}