/* RG 27_08_2011 - Browser CSS template
v5 rev 17_09_2011
v6 rev 09_05_2012
-no image urls in this stylesheet
-no dependencies to html-tags if possible
*/

/* ################################################# */
/* ##########  GLOBAL                  ############# */
/* ################################################# */

body {
background-color: #fff; 
font-size: 12px;
line-height: 18px;
font-family: Verdana, Arial, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}

/* @LINKS global */ 

a  {text-decoration: none;color: #963;} /* pink */
a:hover  {text-decoration: none;color: #999;} /* grey */
a:active {text-decoration: none;color: #000;} /* black */

a#grey  {text-decoration: none;color: #000;} /* pink */
a:hover#grey  {text-decoration: none;color: #999;} /* grey */
a:active#grey {text-decoration: none;color: #999;} /* black */

a#pink  {text-decoration: none;color: #e213f0;} /* pink */
a:hover#pink  {text-decoration: none;color: #999;} /* grey */
a:active#pink  {text-decoration: none;color: #000;} /* black */

a#gold {text-decoration: none;color: #963;} /* gold */
a:hover.gold  {text-decoration: none;color: #999;} /* grey */
a:active.gold  {text-decoration: none;color: #000;} /* black */

img#mini {border: 0px; margin: 0px 4px 0px 0px;}
div#portrait {border: 0px; height: 360px; margin: 4px 20px 0px 0px; float:left;}
div#minipic {border: 0px; margin: 30px 20px 0px 20px;}
img#screenshot {border: 0px; margin: 24px 16px 0px 0px;}


/* ################################################# */
/* ##########   MAIN DIVS &CONTAINERS  ############# */
/* ################################################# */

/* ---------- main container ------------------------------------ */
/* ---- duplicate for further bg images and create e.g. #container_fish --- */
#container_screenshots {
position: absolute; 
padding:0px;
margin: 0px;
background: /* url(images/pastel-chalks-3-1555841_1160x713.gif) no-repeat left top  */;  
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
}

#container_ticket {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/bg14.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
}

#container_download {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/Braunschweig.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
}

#container_web {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/bg6.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_news {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/landscape-765910_640.jpg) no-repeat left top; /*background image */
background-size: 1200px 715px;
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_contact {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/Fassade.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_service {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/2016-07-08-1425.png) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_support {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/2016-07-08-1425.png) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_references {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/referenzen.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_tools {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/Tools.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

#container_links {
position: absolute; 
padding:0px;
margin: 0px;
background: url(images/Links.jpg) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
}


#container {
position: absolute;
padding:0px;
margin: 0px;
background: url(images/pastel-chalks-3-1555841_1160x713.gif) no-repeat left top; /*background image */
background-position:47px 131px;
background-color: #fff;
z-index:0;
width: 1207px;
height: 850px;
} 

/*  ----------------footer---------------------- */ 
#center_container p#footer {
/*clear:left;*/
padding: 10px 12px 10px 10px;
margin: 70px 6px 0px 8px;
text-align: left;
font-size: 11px;
line-height: 11px;
font-weight: 400;
color: #963; 
border-top: 1px dotted #000;
border-bottom:0;
border-right:2px solid #fff;
border-right:2px solid #fff;
width: 522px;
} 

/* ---------- center container -------------- */
#center_container {
float:left;
width: 558px;
padding:0px;
/*min-height: 824px;*/
min-height: 600px;
margin-top: -86px;
margin-bottom: 0;
background: #fff;
border-right: 1px dotted #000;
border-bottom: 0px dotted #000;
border-left: 1px dotted #000;
z-index:100;

} 


#center_container p {
padding: 8px 50px 0px 20px;
background: transparent;
} 

#lang_div {
width: 162px;
/*margin: 10px 0 0 -15px;*/
margin: 0 0 0 24px;
padding: 0;
/*float: left;*/
text-align: left;
}


/* ---------- right container -------------- */
#right_container {
float:left;
width: auto;
padding:0px;
margin: 0px;
margin-left: 0px;
/* ohne lang = -154 */
margin-top: -164px;
margin-bottom: 0;
/*padding-top:131px;*/
padding-top:113px;
z-index:200;
border:0;
overflow: visible;
} 


/* ---------- left container -------------- */
#left_container {
float:left;
width: 174px;
padding:0px;
margin: 0px;
padding-top:90px;
background-color: #fff;
text-align: right;
z-index:200;
border:0;
} 

#menu_left {
text-align:right;
font-size: 14px;
line-height: 30px;
padding-right: 24px;
padding-left: 0;
margin-left: 0;
} 

#menu_left li {
list-style: none;
} 

#menu_left li a{
border-bottom: 1px dotted #000;
padding-bottom: 6px;
} 

#menu_left li a#active{
color: #000;
text-decoration: none;
}

/* ----------container for logo-------------- */
#top_container {
width:380px;
text-align: left;
background-color: #fff; /* color like body */
padding: 0px;
margin: 0px; 
padding-left: 70px;
z-index:300;
} 


/* -----------------Content------------------- */
#content{ 
position: relative; 
margin: 0px;
background-color: #fff; }

/* for browsers only */
#br_content{ 
position: relative; 
margin: 0px;
background-color: #fff; }



/* ---------- panel right 00 google -------------- */
#panel_01
{
width: 279px;
padding:0px;
margin: 0px 0px 0px -1px;
background-color: #00f;
border: 0;
color: #000;
font-size: 12px;
line-height: 20px;

} 

#panel_01_title {font-size: 20px;}

#panel_01 p {padding: 0px 0px 0px 20px;}

/* ---------- panel right 01 NEWS-------------- */
#panel_01
{
width: 279px;
padding:0px;
margin: 0px;
margin-left: -1px;
background-color: #fff;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
border-left: 1px dotted #000;
color: #000;
font-size: 12px;
line-height: 20px;
z-index:100;
} 

#panel_01_title {font-size: 20px;}

#panel_01 p {padding: 0px 0px 0px 20px;}

/* ---------- panel right 02 WEB -------------- */
#panel_02
{
width: 200px;
padding:0px;
margin: 0px;
margin-left: -1px;
margin-top: -1px;
background-color: #fff;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
border-left: 1px dotted #000;
color: #000;
font-size: 12px;
line-height: 20px;
z-index:100;
} 

#panel_02_title {font-size: 20px;}

#panel_02 p {padding: 0px 0px 0px 20px;}

/* ---------- panel right 03 SCREENSHOTS -------------- */
#panel_03
{
width: 230px;
padding:0px;
margin: 0px;
margin-left: -1px;
margin-top: -2px;
background-color: #fff;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
border-left: 1px dotted #000;
color: #000;
font-size: 12px;
line-height: 20px;
z-index:100;
} 

#panel_03_title {font-size: 20px;}

#panel_03 p {padding: 0px 0px 0px 20px;}

/* ---------- panel right 04 DOWNLOAD -------------- */
#panel_04
{
width: 178px;
padding:0px;
margin: 0px;
margin-left: -1px;
margin-top: -1px;
background-color: #fff;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
border-left: 1px dotted #000;
color: #000;
font-size: 12px;
line-height: 20px;
z-index:100;
} 

#panel_04_title {font-size: 20px;}

#panel_04 p {padding: 0px 0px 0px 20px;}

/* ################################################# */
/* ##########   MENUS   ############################ */
/* ################################################# */

#menu_left {
text-align:right;
font-size: 14px;
line-height: 30px;
padding-right: 24px;
/*margin-bottom: 30px;*/
padding-left: 0;
padding-bottom: 50px;
} 

#menu_left li {
list-style: none;
} 

#menu_left li a{
border-bottom: 1px dotted #000;
padding-bottom: 6px;
} 

#menu_left li a#active{
color: #000;
text-decoration: none;
}

/* ---------- submenu -------------- */
div#submenu_blank_news {
background: transparent;
text-align:left;
font-size: 11px;
color: #fff;
line-height: 22px;
padding: 0px 12px 4px 12px;
margin: 70px 8px 0px 8px;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
} 

div#submenu_blank {
background: transparent;
text-align:left;
font-size: 11px;
color: #fff;
line-height: 22px;
padding: 4px 12px 4px 12px;
margin: 140px 8px 0px 8px;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
} 

div#submenu_blank_home {
background: transparent;
text-align:left;
font-size: 11px;
color: #fff;
line-height: 22px;
padding: 4px 12px 4px 12px;
margin: 69px 8px 0px 8px;
border-top: 0px dotted #fff;
border-bottom: 0px dotted #fff;
}

div#submenu {
background: transparent;
text-align:left;
font-size: 11px;
color: #000;
padding: 4px 12px 4px 12px;
margin: 140px 8px 0px 8px;
line-height: 22px;
border-top: 1px dotted #000;
border-bottom: 1px dotted #000;
} 

div#submenu a, a:visited {color: #963;text-decoration: none;} 
div#submenu a:hover {color: #999;text-decoration: none;}  
div#submenu a#active {color: #000;text-decoration: none;

}

/* ---------- inline submenu -------------- */
div#inline_submenu {
display: block;
width: auto;
background: transparent;
text-align:left;
font-size: 12px;
line-height: 18px;
color: #000;
padding: 0;
margin: 0px 0px 12px 20px; /* 24*/

} 

div.hr {
width:542px; 
border-top:1px dotted #000;
border-left:2px solid #fff;
border-right:2px solid #fff; 
margin:4px 6px 8px 8px;
padding: 0;
}

/* ################################################# */
/* ##############   TYPO            ################ */
/* ################################################# */

#center_container #lead{
font-size: 25px;
line-height: 30px;
max-width: 420px;
padding: 8px 50px 0px 0px;
}

#center_container #lead_home{
font-size: 25px;
line-height: 30px;
max-width: 420px;
padding: 8px 50px 0px 0px;
/*margin-top:250px;*/
}

#center_container #lead_pink{
color: #e213f0;
font-size: 28px;
line-height: 31px;
max-width: 420px;
padding: 0px 50px 0px 0px;
/*margin-top: 152px;*/
}

#center_container #lead_small{
font-size: 20px;
line-height: 30px;
max-width: 420px;
padding: 0px 50px 0px 0px;
margin-left: 20px; /* 24*/
/*margin-top: -60px;*/
margin-top: 0px;
}

#center_container #lead_small02{
font-size: 16px;
line-height: 30px;
max-width: 420px;
padding: 0px 50px 0px 0px;
margin-left: 20px; /* 24*/
/*margin-top: -60px;*/
margin-top: 0px;
}

#center_container #lead_titleref{
font-size: 12px;
line-height: 17px;
font-weight:700;
margin: 0px 0px 0px 2px;
}

center_container ul{
margin: 0px 0px 4px 0px;
}

center_container li{
margin: 0px 0px 0px 0px;
}

#center_container #title{
font-size: 12px;
font-weight:700;
line-height: 17px;
}

#subtitle {
font-size: 12px;
font-weight: 700;
line-height: 17px;
font-family: Verdana, Arial, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}

#nine {
font-size: 9px;
font-weight: 400;
line-height: 17px;
font-family: Verdana, Arial, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}

#subtitle_li {
font-size: 12px;
font-weight: 700;
line-height: 12px;
font-family: Verdana, Arial, Sans-Serif;
color:#000;
padding:0px;
margin-left:20px;
margin-right:20px; /* 24*/
width:auto;
}

/* --------- inline paragraph ----------------- */
#inline {margin-left:20px; width:500px; text-align:left;}

/* Fields/Fieldlabels */ 
#field_label {color: #B6A6BD;}
#field_txt {color: #333;}

#radio {background:url(images/button.gif) no-repeat 100% 50%} /* Background image */
#radio_checked{background:url(images/button_hoover.gif) no-repeat 100% 50%} /* Background image */

/* ################################################# */
/* ##############    LISTS          ################ */
/* ################################################# */


#center_container li {margin-top: 0px; width: 480px; }

#center_container ul {list-style-type: square; margin-top: 0px; margin-left: -4px;}

#center_container li.clr {
   display: inline;
   margin: 0;
   padding: 0;
   width: 1px;
 }

#center_container br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }
 
 /* ---------  two columns ----------------- */

ul.colums-two {
   list-style-type: none;
   padding: 0;
   margin: 0; }

li.innen {
   float: left;
   width: 150px;
   font-weight: bold;
   margin: 0 20px 10px 0; }
      
li.aussen {
   float: left;
   width: 300px; 
   padding: 0;
   margin: 0 0 10px 0;}
  
 
  /* ---------  table center container ----------------- */
#center_container table{
border-top: 1px dotted #000;
width:520px;
margin-left:18px;
margin-top:24px;
 }
 
 
#center_container table#table_form{
border: 0;
width:auto;
margin-left:18px;
margin-top:24px;
 }
 
#center_container td#table_form {
/*width: 147px;*/
vertical-align:top;
padding: 4px  0px  4px  0px;
 }
 
#center_container td{
border-bottom: 1px dotted #000;
width: auto;
vertical-align:top;
padding: 4px  0px  4px  0px;
 }
 
#center_container div#left{
width: 166px;
 }
 
#center_container div#right{
width: auto;
margin-left:126px;
 }
 
#center_container table#ticket{
border-top: 0px dotted #000;
width:530px;
margin-left:18px;
margin-top: -62px;
 }
 
#center_container td#ticket{
border-bottom: 0px dotted #000;
width: auto;
vertical-align:top;
padding: 4px  0px  4px  0px;
 }
 
 #center_container table#screenshot{
border-top: 0px dotted #000;
width:530px;
margin-left:18px;
margin-top: -62px;
 }
 
#center_container td#screenshot{
border-bottom: 0px dotted #000;
width: auto;
vertical-align:top;
padding: 4px  0px  4px  0px;
 }
 

  /* ---------  table center container form ----------------- */
 
#center_container td#form{
border: 0;
width: auto;
vertical-align:top;
padding: 4px  0px  4px  0px;
text-align:left;
 }
 
.radio{
vertical-align:top;
padding: 4px  0px  4px 0px;
text-align:left;
 }


#center_container td#form_left {
/*border: 0;*/
border: 0;
max-width: 147px;
vertical-align:top;
padding: 4px  0px  4px  0px;
text-align:left;
}


/*
#center_container label#form_left {
width: 10px;
}
*/

/* ################################################# */
/* ##############    UPLOAD FORM    ################ */
/* ################################################# */

form {
margin:0 0 0 4px;
padding:0;
}


#upload table{
border: 0;
padding: 0;
margin:0;
text-align: left;
background: #fff;
}

#upload {
  background: #fff;
  color: #963;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  margin: 0 auto;   /* 0 auto; Zentrierung Container - rechts und links auto */
  min-width: 260px; /* verhindert Verschiebungen bei zu kleinem Fenster; IE leider nicht */
  padding: 10px 0px 10px 15px;
  text-align: left; /* IE5/Win Hack zuruecknehmen */
  width: auto;
}

#upload form div {
  clear: both;
  padding-top: 10px;
}

#upload form div label {
  float: left;
  text-align: left;
  width: 146px;
  padding: 0 2px;
  font-weight: 400;
  color: #000;
}

.errormessage { color: red; }

#titleform{ 
text-align: left;
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight:700;
color:#000;
}

.label_spez {
  float: left;
  text-align: center;
  width: 280px;
  padding: 12px 0px 12px 3px;
  font-weight: 400;
  color: #000;
  border: 1px solid #963;
}

/* ------------- radio buttons ------------- */
.radio {
clear: left;
/* entfernt */
/*background: url (nav/button.gif) no-repeat;*/
}

label { 
clear: both;
text-align: right;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color:#000;
}

input { /* Formularfelder */
display: block;
text-align: left;
height:22px;
width: 222px;
margin: 0;
font-family: Verdana, Arial, sans-serif;
color:#000;
background: #fff;
border: solid #999 1px;
}

.input_spez{
display: block;
float: left;
text-align: left;
height:22px;
width: 30px;
margin: 0;
font-family: Verdana, Arial, sans-serif;
color:#000;
background: #fff;
border: 0;
}

textarea { /* Textfelder */
text-align: left;
height:110px;
width: 220px;
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color:#000;
background: #fff;
border: solid #999 1px;
resize: none;
}

select { /* Auswahlpulldown */
display: block;
float: left;
width: 76px; 
text-align: left;
margin: 0;
font-family: Verdana, Arial, sans-serif;
color:#000;
}

select.contactform { /* Auswahlpulldown */
display: block;
float: left;
width: 225px; 
text-align: left;
margin: 0;
font-family: Verdana, Arial, sans-serif;
color:#000;
}

select.orderform { /* Auswahlpulldown */
display: block;
float: left;
width: auto; 
text-align: left;
margin: 0;
font-family: Verdana, Arial, sans-serif;
color:#000;
}


.button_send { 
width: auto;
/*
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
*/
border-radius: 10px;
color:#fff;
border: 1px solid #000;
background-color: #963;
padding: 2px 10px 4px 10px;
margin-left:5px;
} 

.button_send:active{ 
color:#fff;
border: 1px solid #000;
background-color: #963;
}

.button_send:hover{ 
color:#fff;
border: 1px solid #000;
background-color: #999;
}

/*  ---------------- end form ---------------------- */ 

/*--------------- Bildlegenden ----------------------*/
#legende { 
text-align: left;
margin: 0;
font-size: 11px;
color:#999;
}

/* ################################################# */
/* #################    google SEARCH   ############ */
/* ################################################# */

/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding-left:20px;
  width: 335px;
    z-index:100;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 335px;
    z-index:100;
}

.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div { position: fixed;}

/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  z-index:100;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: 0;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #ffffff;
  /*text-shadow: 0 1px 2px #FFFFFF;*/
  background-color: #996633;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  /*
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  */
  width:52px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion,
.gs-promotion {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion .gs-promotion-image,
.gs-promotion .gs-promotion-image {}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long {
  display: block;
}
 .gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
}