/*=============================================================

(c) 2007 Internetagentur pixelcreation | pixelcreation.de 

===============================================================

date:		jun 23, 2007

description:	main style CTT

=============================================================*/



/*========= css style =========*/



body {

color:#000000;

font:10px Verdana, Arial, Helvetica, sans-serif;

background:url(../images/background.png);

background-repeat:repeat-x;

margin:0;

}

#table_top {height:26px;}

#container {

background:url(../images/background_container.png) no-repeat;

height:880px;

width:981px;

padding-top:26px;

}

#container_right { float:left; width:560px; margin-left:20px;}

#content_container1 { 

background:url(../images/background_content.png) repeat-y;

background-position:right;

width:800px;

float:left;



}

#content_container2 {float:left; width:180px;height:330px;}



/*========= menu top =========*/



#menu_top {

left:250px;

top:0px;

width:733px;

height:26px;

position:absolute;

}



.menu_top_text_left {

margin-bottom:15px;

color:#FFFFFF;

}

.menu_top_text_right {

float:left;

margin-top:5px; 

}

.menu_top_splitter {

float:left;

width:32px;

height:40px;

background-image: url(../images/background_top_menu_splitter.gif);

}

div.accordionButton { }

div.accordionContent { }





/*========= banner =========*/



#banner {

width:981px;

height:201px;

/* background:#606060; */

padding-top:1px;

background-color:#ffffff;

/* background:#606060 url(../images/background_banner.png); */

}



/*========= main-menu & sub-menu =========*/



#main_menu {

width:800px;

height:36px;

background:10px url(../images/background_main_menu.png);

color:#858585;

}

.mainmenu {float:left;}



#main_menu ul {

list-style-type: none;

margin: 0;

padding: 0;

}



/* PS - 18. Juli 2008: Problem, dass Links im Content umbrechen

#main_menu li a:link , li a:visited , li a:active {

display:block;

}

*/



/*sub-menu*/



#sickle { 

width:207px; 

padding-top:64px; 

background:url(../images/background_sickle.png) no-repeat; 

float:left; 

clear:left;

height:480px;

}



#sub_menu {

width:207px;

background: url(../images/background_sub_menu.png) no-repeat;

float:left;

}



#sub_menu_headline {

margin-left:10px;

width:188px;

height:22px;

font:10px Verdana, Arial, Helvetica, sans-serif;

color:#000000;

padding-top:10px;

}

#sub_menu_bg {

width:207px;

background:url(../images/background_sub_menu_items.png);

}



/*sub-items*/



.active_p { 

/* height:18px; */

background:#f8f9f9 url(../images/background_sub_menu_active.png) no-repeat;

margin:0 0 0 1px;

font-weight:bold;

font-size:11px;

padding:4px 0 4px 45px;

margin:7px 0 7px 1px;

border-top:1px #ffffff;

border-bottom:1px #ffffff;

}

.unter_p { 

background:url(../images/background_sub_menu_unter.gif) no-repeat;

margin:2px 0 2px 1px;

font-weight:normal;

font-size:11px;

padding:6px 0 0 63px;

}

.haupt_p { 

background:url(../images/background_sub_menu_haupt.gif);

font-weight:bold;

font-size:11px;

padding:4px 0 0 45px;

margin:7px 0 7px 1px;

}



#sub_menu_items {

width:199px;

padding-top:20px;

}

#sub_menu_end {

width:207px;

height:8px;

margin-top:22px;

background:url(../images/background_sub_menu_end.png);

overflow:hidden;

}





/*========= menuitems - main-menu & sub-menu =========*/



#m_point_aktuelles a:link , #m_point_aktuelles a:visited , #m_point_aktuelles a:active {display:block; margin-left:104px; height:36px; width:116px; text-indent: -9999px; background:url(../images/menu_aktuelles.png);}

#m_point_aktuelles a:hover {background-image:url(../images/menu_aktuelles_hover.png);}

#m_point_news a:link , #m_point_news a:visited , #m_point_news a:active {display:block; height:36px; width:123px; text-indent: -9999px; background:url(../images/menu_news.png);}

#m_point_news a:hover {background-image:url(../images/menu_news_hover.png);}

#m_point_ueber-uns a:link , #m_point_ueber-uns a:visited , #m_point_ueber-uns a:active {display:block; height:36px; width:144px; text-indent: -9999px; background:url(../images/menu_ueber-uns.png);}

#m_point_ueber-uns a:hover {background-image:url(../images/menu_ueber-uns_hover.png);}

#m_point_leistungsspektrum a:link , #m_point_leistungsspektrum a:visited , #m_point_leistungsspektrum a:active {display:block; height:36px; width:188px; text-indent: -9999px; background:url(../images/menu_leistungsspektrum.png);}

#m_point_leistungsspektrum a:hover {background-image:url(../images/menu_leistungsspektrum_hover.png);}

#m_point_kunden a:link , #m_point_kunden a:visited , #m_point_kunden a:active {display:block; height:36px; width:125px; text-indent: -9999px; background:url(../images/menu_kunden.png);}

#m_point_kunden a:hover {background-image:url(../images/menu_kunden_hover.png);}



/*sub-menu*/



.sub_menu_item2 a:hover  {

list-style-image: url(../images/img_sub_menu_item_arrow4.gif);

color:#e64215;

font-weight:normal;

text-decoration:none;

}



.sub_menu_item3 a:hover {

list-style-image: url(../images/img_sub_menu_item_arrow1.gif);

font-size:11px;

color:#606060;

}



/*========= content =========*/



#content, #news_content {

float:left;

width:560px;

padding-top:6px;

background:url(../images/background_main.png);

font:12px Verdana, Arial, Helvetica, sans-serif;

color:#000000;

line-height:20px;

margin-bottom:40px;

}



#content div.accordionButton h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton2 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton3 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton4 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton5 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton6 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton7 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton8 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton9 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton10 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton11 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton12 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton13 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton14 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton15 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton16 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton17 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton18 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton19 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.accordionButton20 h2 { padding: 0 0 0 20px; background:#eee url(../images/plus.gif) no-repeat; cursor:pointer; margin-top:20px; }

#content div.on h2 { padding: 0 0 0 20px; background:#eee url(../images/minus.gif) no-repeat; cursor:pointer; margin-top:20px; }



.accordionButton, .accordionButton2, .accordionButton3, .accordionButton4, .accordionButton5, .accordionButton6, .accordionButton7, .accordionButton8, .accordionButton9, .accordionButton10, .accordionButton11, .accordionButton12, .accordionButton13, .accordionButton14, .accordionButton15, .accordionButton16, .accordionButton17, .accordionButton18, .accordionButton19, .accordionButton20 {

   width:560px;

   height:1px;

   background:#8f8f8f url(../images/background_content_breakline.png);

   margin-top:10px;

   margin-bottom:20px;

   padding-bottom:20px;

   font-size:1px;

}



.content_breakline {

   width:560px;

   height:1px;

   background:#8f8f8f url(../images/background_content_breakline.png);

   margin-top:10px;

   margin-bottom:20px;

   font-size:1px;

}



#content ul, #news_content ul {

padding:0; margin:10px 0;

}



#content li, #news_content li {

list-style:none; 

background:url(../images/img_content_list_arrow.png) no-repeat left 0.5em; padding:0.5em 0 0.5em 34px;

margin-bottom:10px;

}



#content li a, #news_content li a, #news_content li a:hover, #news_content li a:active, #news_content li a:visited, #news_content li a:link {

margin-bottom:10px;

}

/*========= fooder =========*/



#fooder {

padding-top:0px;

color:#606060;

font:10px Verdana, Arial, Helvetica, sans-serif;

padding-bottom:20px;

}

#fooder { clear: both; padding-top:0px; color:#606060; font:10px Verdana, Arial, Helvetica, sans-serif; padding-bottom:20px; }
#fooder a {margin-right:15px; }
#fooder img.slogan {margin:20px 0 10px 0; }





/*========= position-bar =========*/



#position_bar {

margin-top:35px;

margin-bottom:16px;

font:10px Verdana, Arial, Helvetica, sans-serif;

color:#c2c1c0;

}





/*========= searchform, short_news & poweredby =========*/



#action {

width:154px;

height:18px;

font-size:9px; }



#searchform {

width:180px;

height:45px;

background:#dddddc url(../images/background_searchform.png);

}

#search_form { margin-bottom:5px;}

#searchterm {

width:149px;

height:15px;

font-size:9px;

padding:0px;

margin-left:13px;

margin-top:5px;

}

#submitthis {

width:22px;

height:10px;

background:#e64215 url(../images/background_submitthis.png);

border:0px;

margin-left:143px;

margin-top:5px;

}



#newsletter_fm { margin:0px;}

#newsletter_field {

width:149px;

height:15px;

font-size:9px;

padding:0px;

margin-top:5px;

margin-bottom:10px;

}

#nw_submitthis {

width:22px;

height:10px;

background:#e64215 url(../images/background_submitthis.png);

border:0px;

margin-left:130px;

margin-top:10px;

margin-bottom:15px;

}

#subscription1, #subscription2 {margin:0;}

#label1 { margin-right:5px;}

#newsletter_left { float:left}

#newsletter_right { float:right}



#short_news { background:url(../images/background_main.png);}



.short_news {

margin-left:16px;

width:163px;

margin-top:12px;

margin-bottom:12px;

}





.short_news_break {



width:180px;

height:1px;

background:#dddddc url(../images/background_short_news_break.png);

font-size:1px;

}

#logo_cct {margin-bottom:18px;}

#poweredby { 

float:left; 

width:180px; 

text-align:right;

}







/*========= links =========*/



.news_item a:link, .news_item a:visited, .news_item a:active { 

text-decoration:none;

color:#000000;

font-size:12px;

}



.news_item a:hover { 

text-decoration:none;

color:#d11f1e;

font-size:12px;

}



h4 a:link, h4 a:visited, h4 a:active{ 

font:12px Verdana, Arial, Helvetica, sans-serif;

text-decoration:none;

font-weight:bold;

color:#000000;

margin:0;

}



h4 a:hover{

font:12px Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

text-decoration:none;

color:#d11f1e;

margin:0;

}



/*sub-menu*/

.unter_p a:link, .unter_p a:visited, .unter_p a:active {

color:#000000;

text-decoration:none;

font-weight:normal;

}

.unter_p a:hover {

color:#d11f1e;

text-decoration:none;

font-weight:normal;

}

.haupt_p a:link, .haupt_p a:visited, .haupt_p a:active {

color:#000000;

text-decoration:none;

font-weight:bold;

}

.haupt_p a:hover {

color:#666666;

text-decoration:none;

font-weight:bold;

}





.active_p a:link, .active_p a:visited, .active_p a:active { 

color:#000000;

text-decoration:none;

font-weight:bold;

}



.active_p a:hover {

color:#666666;

text-decoration:none;

font-weight:bold;

}



/*========= links =========*/

a:link, a:visited, a:active {

color:#929090;

text-decoration:none;

font-weight:normal;

}

a:hover {

color:#666666;

text-decoration:underline;

font-weight:normal;

}



/*top-menu links*/

.menu_top_text_right a:link, .menu_top_text_right a:visited, .menu_top_text_right a:active {

color:#b0b0b0;

text-decoration:none;

}

.menu_top_text_right a:hover {

color:#c1c1c1;

text-decoration:none;

}

/*position-bar*/

#position_bar a:link, #position_bar a:visited, #position_bar a:active {

color:#a2a2a1;

text-decoration:none;

}

#position_bar a:hover {

color:#a2a2a1;

text-decoration:underline;

}



#poweredby a:link, #poweredby a:visited, #poweredby a:active {

color:#efefef;

text-decoration:none;

}

#poweredby a:hover {

color:#6e6d6d;

text-decoration:none;

}



#fooder a:link, #fooder a:visited, #fooder a:active {

color:#606060;

text-decoration:none;

}

#fooder a:hover {

color:#898787;

text-decoration:none;

}





/*========= headlines =========*/



h1 {display:none;}

h2 {

font:12px Verdana, Arial, Helvetica, sans-serif;

color:#000000;

margin:0px;

font-weight:bold;

}

h3 { 

font:10px Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

color:#000000;

margin-top:0px;

margin-bottom:10px;

line-height:15px;

}

h4 { 

font:11px Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

color:#000000;

margin-top:5px;

}





/*========= fonts =========*/



.short_news_date {color:#959393; margin-bottom:5px;}

.short_news_text {color:#000000; line-height:15px;}

.date { color:#959393; font-size:9px; margin:0;}

.news_item { margin-top:12px; margin-bottom:22px; line-height:17px;}





/*========= extra =========*/



hr {display:none;}



.hide {display:none;}



td, tr, img, p {

border:0px;

padding:0px;

margin:0px;

}



label { font-size:9px;}



/*images*/



.image1 {float:right;}


#logo_img, #banner_img {float:left;}

#content img {padding:5px 0 5px 5px;}