/*
////////////////////////////////////////////////////////////////
//
// Style for growinggroup.ch
//
// GERMANN.NEWMEDIA° - Full-Service Webagentur
// www.internetauftritte.ch
//
////////////////////////////////////////////////////////////////
*/


html, body {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
line-height:150%;
background-color:#000000;

scrollbar-face-color:#666666;
scrollbar-arrow-color:#cccccc;
scrollbar-track-color:#545454;
scrollbar-shadow-color:#444444;
scrollbar-highlight-color:#777777;
scrollbar-3dlight-color:#555555;
scrollbar-darkshadow-Color:#666666;
}



#wrap {
position:absolute;
height:600px; 
width:850px;
margin:-300px 0px 0px -425px;
top:50%; 
left:50%;
text-align:left;
padding:0px;
overflow:none;
background:url(/de/wLayout/design/img/bg_wrap.gif) repeat-y;
}


#main_wrap {
width:850px;
}


#logo {
}

#main_left {
width:580px;
float:left;
}
#navi {
margin-top:20px;
position:relative;
}
#navi_lang {
position:absolute;
top:300px;
}

#hgpag_logo {
position:absolute;
top:401px;
left:31px;
}




#main_right {
width:270px;
height:470px;
float:right;
position:relative;
}

#emotion {
height:100px;
}

#content {
}
#content_scroll {
height:390px;
overflow:auto;
padding:0 30px 0 30px;
}




#footer {
width:850px;
height:30px;
}


#footer_01 {
}
#footer_01 a:link,
#footer_01 a:visited {
}
#footer_01 a:hover {
}





.clear {
clear:both;
}

.editButton {
position:absolute; 
left:30px; 
top:60px
}

.elementSpace {
height:15px;
}






/* Formatierung von HTML-Elementen */



a:link, a:visited {
color:#D9E06A;
text-decoration:underline;
}
a:hover, a:active {
color:#D9E06A;
text-decoration:none;
}


h1 {
font-size:16px;
font-family:"BankGothic Md BT", "BankGothic Lt BT", Arial, "Arial Black";
color:#8CACC9;
font-weight:normal;
line-height:100%;
margin:0;
padding:20px 0 0 30px;
height:40px;
}

h2 {
font-size:14px;
color:#003C78;
font-weight:normal;
line-height:100%;
margin:0;
padding:5px 0 10px 0;
}

h3 {
font-size:12px;
color:#003C78;
font-weight:bold;
line-height:100%;
margin:0;
padding:5px 0 10px 0;
}

h4 {
font-size:14px;
color:#003C78;
font-weight:normal;
line-height:110%;
margin:0;
padding:0 0 15px 0;
}


h6 {
font-size:11px;
color:#333333;
font-weight:normal;
line-height:140%;
margin:0;
padding:0 0 15px 0;
}



p {
margin:0;
padding:0;
}


.blue_basic {
color:#8CACC9;
}
.blue_bold {
color:#8CACC9;
font-weight:bold;
}

.yellow_basic {
color:#D9E06A;
}
.yellow_bold {
color:#D9E06A;
font-weight:bold;
}


li {
list-style-image: url(/de/img/listpoint_blue.gif);
list-style-type: disc;
}




.mandant_header_nr {
float:left;
width:60px;
color:#8CACC9;
font-weight:bold;
}
.mandant_header_desc {
float:right;
width:430px;
color:#8CACC9;
font-weight:bold;
}


.mandant_left {
float:left;
width:60px;
}
.mandant_right {
float:right;
width:430px;
padding-bottom:10px;
}

.mandant_nr {
}
.mandant_headline {
font-weight:bold;
}


.page_navi {
background-color:#666666;
padding:1px;
border-bottom:1px solid #7D7D7D;
border-top:1px solid #7D7D7D;
margin-top:10px;
}













.elementStandard {
padding-bottom:15px;
}

.elementPicture {
margin:0px; 
padding:4px 11px 5px 22px;
}
.fragmentPictureFloatLeft	{
float:left; 
margin:0px; 
padding:4px 11px 5px 0px;
}
.fragmentPictureFloatRight {
float:right; 
margin:0px; 
padding:4px 0px 5px 11px;
}


/* Tabelle bei Clients und Partner */
.ClientListTable {
}
.ClientListRow01 {
width:160px;
padding-top:3px;
}
.ClientListRow02 {
}


input, textarea, select {
margin:0;
padding:0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}


form {
padding:0;
margin:0;
display:inline;
}

.ContactForm				{ width:380px;}

.elementForm                {clear:both;}
.elementForm table          {}
.elementForm input          {width:98%; background-color:#666666; border:1px solid #333333; border-bottom:1px solid #999999; border-right:1px solid #999999; color:#FFFFFF; padding:2px; margin-top:3px;}
.elementForm select         {background-color:#666666; border:1px solid #333333; border-bottom:1px solid #999999; border-right:1px solid #999999; color:#FFFFFF; padding:2px;}
.elementForm option         {background-color:#666666; border:0; color:#FFFFFF;}

.elementForm textarea       { width:98%!important;width:99%; height:80px; background-color:#666666; border:1px solid #333333; border-bottom:1px solid #999999; border-right:1px solid #999999; color:#FFFFFF; padding:2px; margin-top:3px;}
.elementForm .zip           {width:45px; float:left;}
.elementForm .city          {width:230px; float:right;}

.elementForm .formCaption   {width:130px; }
.elementForm .formValue     {width:295px; }



#contact_mbi_wrap {
height:0px;
overflow:hidden;
}



.buttonDefault              {font-size:10px;  cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:2px 3px 2px 3px; background-image:url(/de/wLayout/design/img/button_bg.jpg); }
.buttonDefault:hover        {font-size:10px;  cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:2px 3px 2px 3px; background-image:url(/de/wLayout/design/img/button_bg_over.jpg);}
a.buttonDefault             {cursor:pointer; text-decoration:none; font-weight:normal; border:1px solid #CCCCCC; border-top:1px solid #AAAAAA; border-left:1px solid #AAAAAA; background-image:url(/de/wLayout/design/img/button_bg_over.jpg);}



.linkFooterLeft             {float:left;  padding-top:0.4em; padding-bottom:0.4em;}
.linkFooterRight            {float:right; padding-top:0.4em; padding-bottom:0.4em;}
.linkFooterCenter {
text-align:center;
}



hr                          {background-color:#E7E7E7; color:#E7E7E7; height:1px; border-style:none;}

.strong {
font-weight:bold;
}


.includeWeblic ul          {list-style:none;margin:0;padding:0;}
.listValue                 {margin:0;vertical-align:top;clear:right;}



.intern_infobox {
border:1px solid #D9E06A;
}