/* Basis-Stylesheets einbinden */
@import url(typo3/RTE.css);

/* init */
:link,:visited
{ text-decoration:none;}

html
{background:none;} /* Background from body element, not from reset.css */

/* Overriding yui em-values for right column to get a fixed column width of 202px */
.yui-t4 .yui-b
{
float:right;
width:202px;
}
.yui-t4 #yui-main .yui-b
{
margin-right:213px;
}

/* General company colors */
.holding {
color:#404040;
}
.elektroVertrieb, .rostockElektroVertrieb, .elektroDystrybucja {
color:#0074A8;
}
.elektroAutomation {
color:#404040;
}
.industrieElektronik, .elektronikSysteme {
color:#FFAF00;
}
.leiterplatten {
color:#3A9C00;
}
.rostockLeiterplatten {
color:#E80038;
}
/* Header */
#hd, #hd #logo, #hd #keyimage, #hd #navigation
{
width:950px;
}

#hd
{
padding: 22px 0px 0px 0px;
background: url(../img/straschu_bg.gif) no-repeat 2px 33px;
}

#hd #logo
{
height:80px;
}

#misc
{
position:relative;
top:55px;
}

#hd #keyimage
{
height:100px;
margin:0px 0px 0px 0px;
}

#hd #keyimage img
{
}
#hd #keysubimage
{
height:100px;
width:950px;
position:absolute;
top:102px;
margin:0px 0px 0px 0px;
}
#hd #keysubimage img
{
float:right;
display:inline;
}
/* Star-HTML-Hack for <= IE6: 3px failure*/
* html #hd #keysubimage img
{
*margin:0px -3px 0px 0px;
}

#hd #navigation
{
height:42px; /* 34px navi + 8px bottom background*/
}

#mainnavi, #servicenavi
{
margin-top:.462em;
*margin-top:.45em;
}

#servicenavi, #misc
{
float:right;
display:inline;
}
#mainnavi, #miscnavi,
#mainnavi li, #servicenavi li, #miscnavi li,
#mainnavi li a, #servicenavi li a, #miscnavi li a
{
float:left;
display:inline;
}

/* Body bd */
#bd
{
}

#bd-header, #bd-box, #bd-footer
{
width:950px;
clear:both;
float:left;
display:inline;
}

#bd-header, #bd-footer
{
height:2px;
font-size:0%; /* IE 6 */
}

#bd-bg
{
background:url(../img/straschu_bg.gif) no-repeat 2px -214px;
}

/* content */
/* Content 3 column */
#content
{
clear:both;
float:left;
display:inline;
font-weight:normal;
color:#202020;
margin:0px 0px 10px 27px;
padding-left:0px;
}

#content p, #content ul, #content ol
{
line-height:1.4em;
margin:5px 0px 10px 0px;
}

#content h1
{
font-size:123.1%;
font-weight:bold;
margin:5px 0px 10px 0px;
}

#content h2
{
font-weight:bold;
margin:5px 0px 10px 0px;
}

#content h3
{
margin:5px 0px 10px 0px;
}

#content img
{
margin: 0px 0px 0px 0px;
}

/* Content 2 column */
#content-two
{
font-weight:normal;
color:#202020;
margin-left:22px;
padding:20px 9px 10px 0px;
}

#content-two h1
{
font-size:245%;
padding:0px 0px 10px 0px;
border-bottom:1px solid #dcdcdc;
}

#content-two h2
{
font-weight:bold;
line-height:1.4em;
padding:14px 0px 0px 0px;
}

#content-two p, #content-two ul, #content-two ol
{
line-height:1.4em;
padding:14px 0px 0px 0px;
}

#content-two img
{
margin: 14px 0px 0px 0px;
}

/* Footer ft */
#ft
{
clear:both;
float:left;
display:inline;
height:25px;
width:950px;
margin-top:5px;
}

#ft a
{
float:right;
display:inline;
padding: 0px 10px 0px 10px;
font-size:85%;
height:1.4em;
}

#ft a, #ft a:link, #ft a:visited
{
color:#6E6E6E;
}

/* Right column */
.yui-b#right .yui-g
{
border-bottom: 1px solid #DCDCDC;
}
.yui-b#right .yui-g#service /* last box */
{
border-bottom: 0px;
}

/* Right column: search, login, news */
#right #searchbox, #right #loginbox, #right #service, #right #news
{
padding: 10px 0px 5px 20px;
}

#right #searchbox label, #right #loginbox label, #right #service h1
{
clear:both;
float:left;
font-weight:bold;
padding-bottom:5px;
}

#content #tx_indexedsearch-searchbox-sword,
#right #searchbox #tx_indexedsearch-searchbox-sword,
#right #loginbox #user, #right #loginbox #pass
{
clear:both;
float:left;
display:inline;
width:125px;
height:1.385em;
*height:1.35em;
border:1px solid #DCDCDC;
padding-left:2px;
margin:0px 5px 5px 0px;
color:#6E6E6E;
}

#right #searchbox button, #right #loginbox button, #right #service button
{
float:right;
display:inline;
width:25px;
height:1.462em;
*height:1.425em;
margin:0px 20px 5px 0px;
border:0px;
}

/* Don't display the result statistics on right side */
#searchbox .tx-indexedsearch-whatis, #searchbox .tx-indexedsearch-browsebox
{
display:none;
}

/* Content: searchresult */
div.tx-indexedsearch-search-submit button
{
width:25px;
height:1.462em;
*height:1.425em;
margin:0px 20px 5px 0px;
border:0px;
}

#right #news
{
padding-right:20px;
}

#right #news h1, #right #news h2
{
font-weight:bold;
line-height:1.4em;
padding-bottom:0px;
}

#right #news h2
{
padding-top:5px;
padding-bottom:0px;
color:#202020;
}

#right #news p
{
line-height:1.4em;
color:#6E6E6E;
}

#right #news a
{
padding-bottom:0px;
}

#right #news a:hover, #right #news a:active, #right #news a:focus
{
color:#6E6E6E;
}

#columnbottom
{
clear:both;
float:left;
display:inline;
margin-bottom:5px;
}

/* Breadcrumb and column 1 subnavigation */
#breadcrumb
{
overflow:hidden;
font-weight:normal;
font-size:153.9% !important; /* 20px */
color:#202020;
padding: 10px 0px 0px 0px;
margin:0px 0px 10px 20px;
border-bottom:1px solid #DCDCDC;
}

#subnavi
{
overflow:hidden;
}

#subnavi ul
{
clear:both;
float:left;
display:inline;
width:154px;
margin:0px 0px 0px 20px;
list-style-position:outside;
}

#subnavi ul li
{
clear:both;
float:left;
display:inline;
width:100%;
padding: 5px 0px 5px 0px;
}

#subnavi ul li a, #subnavi ul li a:link, #subnavi ul li a:visited
{
float:left;
display:inline;
color:#6E6E6E;
padding-left:15px;
background:url(../img/square_dotted.gif) no-repeat 0px 3px;		
}

#subnavi ul li ul
{
margin: 0px 0px 0px 0px;
}

#subnavi ul li ul li
{
clear:both;
float:left;
display:inline;
padding: 5px 0px 5px 12px;
}

#subnavi ul li ul li a, #subnavi ul li ul li a:link, #subnavi ul li ul li a:visited
{
clear:both;
float:left;
display:inline;
font-weight:normal !important;
color:#6E6E6E !important;
padding-left:15px;
margin-right:13px;
/* IE ?
*margin-right:0px;
*/
background:url(../img/square_dotted_mini.gif) no-repeat 2px 4px !important;	
}

/* Content related styles */
strong
{
font-weight:bold;
}

#content-two ul.csc-bulletlist li, #content ul.csc-bulletlist li
{
list-style-type:disc;
/* ToDo - Warum hier margin-left 22px, ist schon in content-two definiert! */
margin:10px 0px 0px 22px;
}

#content-two ul li, #content ul li
{
list-style-type:square;
/* ToDo - Warum hier margin-left 22px, ist schon in content-two definiert! */
margin:5px 0px 0px 24px;
}
#content-two ol li, #content ol li
{
list-style-type:decimal;
/* ToDo - Warum hier margin-left 22px, ist schon in content-two definiert! */
margin:5px 0px 0px 24px;
}
#content-two ol li ul li, #content ol li ul li
{
list-style-type:square;
/* ToDo - Warum hier margin-left 22px, ist schon in content-two definiert! */
margin:5px 0px 0px 14px;
}

/* Special content elements */
#cont-divider
{
width:520px;
border-bottom:1px solid #DCDCDC;
}
#content-two #cont-divider
{
width:706px;
}

#cont-smallText, #cont-smallText h1
{
clear:both;
font-size:77%;
}

#cont-smallText h1
{
font-weight:bold;
}

/* 2 Column 50:50 */
#cont-twoCol
{
clear:both;
float:left;
}

#cont-twoCol1
{
clear:both;
float:left;
width:49%;
margin:0em 1.538em 0em 0em; 
}

#cont-twoCol2
{
}

/* 2 Column 25:75 */
#cont-twoColOne25
{
clear:both;
float:left;
width:24.5%;
margin:0em 1.538em 0em 0em; 
}

#cont-twoColTwo75
{
}

.cont-jobs
{
clear: both;
float:left;
width:100%;
}

.cont-jobs h1
{
padding:10px 0px 10px 0px;
border-bottom:1px solid #DCDCDC;
border-top:1px solid #DCDCDC;
}

.cont-jobs h6
{
color:#404040;
font-size:245%;
}

.cont-jobs h2
{
color:#404040 !important;
margin:0px 0px 15px 0px !important;
}

.cont-jobs p
{
margin-top:10px !important;
}

.cont-jobs-address
{
font-weight:bold;
}

/* Tabellen */
.history, .imprint
{
overflow:hidden;
line-height:1.4em;
margin:5px 0px 5px 0px;
}

.history .td-0, .imprint .td-0
{
font-weight:bold;
vertical-align:top;
padding:0px 10px 5px 0px;
}
.history .td-1, .imprint .td-1
{
padding:0px 10px 5px 0px;
}

/* Content element: download links */
table.csc-uploads {}
table.csc-uploads td {
padding-right:5px;
vertical-align:top;
}
td.csc-uploads-fileSize {width:5em; text-align:right; padding:0; font-style:italic;}
td.csc-uploads-icon {}
td.csc-uploads-fileName p {margin:0;}
td.csc-uploads-fileName p.csc-uploads-description {}

/* Content element: formular */
.csc-mailform {}
.csc-mailform-field {
padding:5px 0px 4px 0px;
}
div.csc-mailform-field {
clear:both;
}
.csc-mailform-field label {
float:left;
width:150px;
}
span.csc-mailform-label {
float:left;
padding-left:150px;
}
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {
overflow:hidden;
border:1px solid #dcdcdc;
}
.csc-mailform-field input, .csc-mailform-field select {
height:1.385em;
*height:1.35em;
}
input.csc-mailform-check {
width:1em;
height:1em;
}
/* radio button */
.csc-mailform legend {display:none;}
span.csc-mailform-radio fieldset label {
float:none;
padding-left:10px;
vertical-align:top;
}
span.csc-mailform-radio fieldset input {
width:1em;
height:1em;
}

input.csc-mailform-reset, input.csc-mailform-submit {
float:right;
clear:left;
width:100px;
background:#DCDCDC
height:1.462em;
*height:1.425em;
vertical-align:top;
margin:5px 0px 4px 10px;
border:0px;
}

/* Extensions */
/* Indexed Search - Begin */
/* Overwriting _CSS_DEFAULT_STYLE defined in sysext/indexed_search/ext_typoscript_setup.txt */
/* Don't display no results message in right Column */
#searchbox .tx-indexedsearch .tx-indexedsearch-noresults
{ display:none; }
/* Search word highlighting */
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup
{ color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info
{ background:#eeeeee; }
/* Indexed Search - End */

/* News - Begin */
DIV.news-single-img {
float:right;
display:inline; /* IE fix for double-margin bug */
margin:5px 0px 0px 10px;
}
/* News - End */

/* User registration - Begin */
DIV.tx-srfeuserregister-pi1 {
clear:both;
}
.tx-srfeuserregister-pi1 legend {color:#202020; font-weight: bold; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic;}
.tx-srfeuserregister-pi1 label span { color: #ff0000; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { margin:0 0 5px !important; color: #ff0000; }
.tx-srfeuserregister-pi1 input {border:1px solid #dcdcdc; margin: 0; padding: 1px; }
.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; vertical-align:middle; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; vertical-align:middle;}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; margin-left: 1em; }
.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 5px 0 0 0; }
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {margin-top: 0; padding: 0 0 5px 0; float: left; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 10px; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 70%; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: 5px; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 10px 0 5px; }
.tx-srfeuserregister-pi1-submit {padding:2px 10px !important}
/* User registration - End */