/******************************************************************************
 *  *  *
 *   *   *    Stylesheet for img: spezial_img.css
 *    *    *
 *     *     *    Inspired by Typo3 and YAML
 *      *      *
 *       *       *   feel free to copy, but reference on Typo3, YAML 
 *        *        */
/******************************************************************************/

@media all {

/*******  color definition  **************************************************/

body { background: #d8e8ff; color: #000; }
#header { color: #000; }
#topnav { color: #aaa; }
#nav { background-color: #D8E2EF; border-bottom: 2px solid #0068ff; }
#page_margins, #all42, #bg { background: #d8e8ff url("../images/bg/img_bg_1005x2_weissBlauHellblau.gif") repeat-y 0 0; }
#title { color: #fff; font-size: 22pt; }
#title { margin-top:18px; }
#col3, #footer_col3, #col3_content, #footer_col3_content, #footer_main { background-color: #fff; }
#col1 { background: transparent url("../images/navigation_spirale_218x325.gif") no-repeat 30px 80px; }
#footer { color:#666; background:#fff; border-top: 0px #fff solid; }
#footer_col3 { background: #fff; border-color: #fff; }
#footer p { color:#ccc; }
#left, #main42 { background-color:none; }
/* #topimage { padding: 6px 30px 5px 0px; } */
/************ added img-style */
/* #left { float: left; width: 232px; min-height: 400px; padding: 20px 0px 0px 2px; background: url("../images/navigation_spirale_218x325.gif") no-repeat 30px 80px; /*background: #0068ff url("images/bg/2px_Streifen_neuesBlau.gif") repeat-y;*/ overflow: hidden; } */
/**************************************************************
 * Listenelement mit Spirale auf Seiten der Technologieangebote
 **/
#col3_content .csc-menu { border-top: 1px #7baad8 solid; background: url("../images/news_spirale.gif") no-repeat 0px 0px; margin: 10px 0px; padding: 13px 0px 10px 56px; }
#col3_content .csc-menu li { padding: 5px 0px; }
/************************************************************/
#klickpfad_text { display: table-cell; width: 130px; font-size: 11px; color: #696969; padding: 0px; margin: 0px; }
#klickpfad_pfad { display: table-cell; } 
/************************************************************/
#to_title { display: block; width: 100%; margin: 0px 0px 5px 0px; }
#to_anwendung, #to_vorteile, #to_standEntwicklung, #to_patentstatus, #to_vertriebLizenzen, #to_weitereInfos, #to_unserZeichen, #to_download, #to_translations {   display: block;   /*background-color: silver;*/ width: 100%; margin: 5px 0px; padding-top: 15px; }
#to_title_anwendung, #to_title_vorteile, #to_title_standEntwicklung, #to_title_patentstatus, #to_title_vertriebLizenzen, #to_title_weitereInfos, #to_title_unserZeichen, #to_title_download, #to_title_translations {   display: inline; /*display: table-cell;*/ min-width: 250px; /*background-color: yellow;*/ font-size: 11px; font-weight: bold; color: #696969; }
#to_text_title, #to_text_anwendung, #to_text_vorteile, #to_text_standEntwicklung, #to_text_patentstatus, #to_text_vertriebLizenzen, #to_text_weitereInfos, #to_text_unserZeichen, #to_text_download, #to_text_translations { display: inline; }
#to_text_anwendung li, #to_text_vorteile li, #to_text_standEntwicklung li, #to_text_patentstatus li, #to_text_vertriebLizenzen li, #to_text_weitereInfos li { margin: 2px 0px 4px 20px; padding-left: 10px; color: #888888; }

/************************************************************/
a:link, a:active, a:visited, a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; }
a:link, a:active, a:visited { color: #0064B0; }
a:hover { color: #888888; } 

/***************************************************
 * layout prim_menu
 */
#prim_menu { background-color: #d8e2ef; border-top: #0068ff 3px solid; border-bottom: #0068ff 2px solid;}

/***************************************************
 * layout sekmenu
 */
 .sekmenu { }
 .sek_activ, .sek_normal { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; }
 .sek_activ a:link, .sek_activ a:active, .sek_activ a:visited { color:#888888; }
 .sek_activbysub a:link, .sek_activbysub a:active, .sek_activbysub a:visited { color:#888888; }
 .depth1 { margin-left:9px; }
 .depth2 { padding-left:18px; }
 
/* * html #col1_content ul .sekmenu { height:200px; } */
* html #col1_content { /*background-color:yellow;*/ height:400px; }
/* * html #col3_content { padding-left: 0px; } */
/* * html #nav { padding-left: 14px; } */
/***************************************************
 * layout of content-area
 */
#col3_content_header .csc-header h1 { padding: 20px 0px 5px 0px; margin: 0px; }
#col3_content_header .csc-header, #col3_content_header .csc-header-n1 { padding: 0px; margin: 0px; }
#col3_content_header .csc-subheader { background-image: URL("../images/bildtrenner_linie.gif") no-repeat left bottom; margin-bottom: 10px; }
#col3_content h1, .head_default, .head_default h1, .headline { font-family: Arial, Verdana, Helvetica, sans-serif; /*071107 font-size: 11pt;*/ font-size: 12pt; font-weight: bold; line-height: 1.4em; color: #0064B0; letter-spacing: 1pt; padding: 20px 0px; margin: 0px; }
.subheadline, .csc-subheader { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #555555; padding: 10px 0px; margin: 0px; } 

.head_3 { font-weight: bold; font-size: 1.1em; color: #555555; }

li { list-style-image: url("../images/bullet.gif"); list-style-type: disc; }
#col3_content .csc-menu li { list-style-image: url("../images/pfeil.gif"); list-style-type: none; }

/* td, #col3_content .bodytext, #col3_content_left .bodytext, #col3_content_right .bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #777777; }  */
#content_left, #content_right { float:left; width: 42%; vertical-align:top; }
/* #content_left .bodytext, #content_right .bodytext { width: 345px; vertical-align:top; } */
#content_right { padding:0 8px; margin-left:50px; }
#content_left { padding:0 8px; }
/* #content_right .bodytext { float: left; } */
/* #content_left .bodytext { float: left; } */

.bodytext, .img_layout_default, .img_layout_default ul li  { color:#777; }
/* .head_default { background-color:yellow; } */
/***************************************************
#prim_menu a, #prim_menu a:link, #prim_menu a:visited {
  background-color: none;
  color: #f00;
}**************/
/* #col3_content_2col #col3_content_left { padding: 0px 0px 10px 0px; } */
/* #col3_content_left .head_default, */
/* #col3_content_right .head_default { display: none; } */
/***************************************************
 * layout list of items
 */
.img_layout_1 { clear: left; background: url("../images/news_spirale.gif") no-repeat 0px 16px; margin: 10px 0px 0px 0px; padding: 0px 0px  5px 28px; }
.head_1 { border-bottom: 1px #7baad8 solid; color: #7baad8; text-align: right; font-weight: bold; font-size: 1.2em; margin: 0px 30px 0px 0px; }
.img_layout_1 ul { padding: 2px 0px 0px 30px; }
.img_layout_1 li { padding: 5px 0px; width: 250px; }


/***************************************************
 * layout footer
 */
#contentfooter { border-top: 1px #7baad8 solid; }
#partner li { color: #898989; }
#footerinfo li { color: #898989; color: #999999; }
.footer { color: #00f; }

}


