@charset "UTF-8";

/* Projekt:            TWT.de         */
/* Dateiname:          solutions.css     */
/* erstellt am | von:  01.01.2009 TLu */
/* validiert am:       06.03.2009 TLu */


body.blog #content {
width: 780px;
}

#content-wrapper {
padding-top: 74px;
}

#meta {
background: #eaf3f9 url(../images/meta-shadow.png) 0 0 repeat-x;
}

#meta div {
background: #eaf3f9 url(../images/meta.png) 0 0 no-repeat;
height: 25px;
}

#solutions-header {
background: #eaf3f9;
width: 100%;
height: 46px;
display: block;
position: absolute;
top: 25px;
left: 0;
}

#solutions-header div {
margin: 0 auto;
width: 1065px;
height: 46px;
display: block;
position: relative;
}

#solutions-header div div#solutions-logo {
background: url(/customer/images/logo_solutions.jpg) 0 0 no-repeat;
width: 69px;
height: 18px;
display: block;
position: absolute;
top: 18px;
left: 56px;
}

#solutions-header div div#solutions-logo a {
width: 69px;
height: 18px;
display: block;
}

#solutions-header div div#solutions-headline {
font-size: 2.3em;
color: #81868a;
background: none;
width: auto;
position: absolute;
top: 17px;
left: 133px;
}

#solutions-header div div#solutions-dropdown {
background: none;
width: auto;
height: auto;
position: absolute;
top: 15px;
right: 48px;
}

#solutions-header div div#solutions-dropdown form select,
#solutions-header div div#solutions-dropdown form input {
background: url(../images/bg-input.gif) repeat-x;
margin-right: 22px;
border: 1px solid #e5e5e5;
padding: 3px 2px 3px 4px;
width: 363px;
height: 22px;
}

#solutions-header div div#solutions-dropdown form noscript input {
background: url(../images/bg-submit.gif) repeat-x;
width: auto;
margin: 0 0 10px -20px;
padding: 3px 10px 2px 10px;
color: #fff;
font-weight: bold;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
border: none;
}


/* Solutions Bigbox */
.solutions-bigbox-100 {
margin-bottom: 20px;
padding: 0 0 8px 0;
width: 748px;
background: url(../images/image-dropshadow-full.gif) bottom left no-repeat;
}

.solutions-bigbox-100 div {
background: #ededed;
padding: 20px;
width: 708px;
}

.solutions-bigbox-75 {
margin-bottom: 20px;
padding: 0 0 8px 0;
width: 556px;
background: url(../images/image-dropshadow-big.gif) bottom left no-repeat;
}

.solutions-bigbox-75 div {
background: #ededed;
padding: 20px;
width: 516px;
}

.solutions-bigbox-50 {
margin-bottom: 20px;
padding: 0 0 8px 0;
width: 364px;
background: url(../images/image-dropshadow-big.gif) bottom left no-repeat;
}

.solutions-bigbox-50 div {
background: #ededed;
padding: 20px;
width: 324px;
}


/* Solutions Dropdown */
#solutions-dropdown-links {
font-size: 1.15em;
text-align: left;
background: url(../images/bg-input.gif) repeat-x;
margin-right: 22px;
border: 1px solid #e5e5e5;
padding: 4px 0 3px 8px;
width: 353px;
height: 13px;
}

#solutions-dropdown-links ul {
margin: 0;
padding: 0;
float: left;
}

#content #solutions-dropdown-links li {
background: none;
margin: 0;
padding: 0;
float: left;
position: relative;
z-index: 999;
}

#solutions-dropdown-links li a:link,
#solutions-dropdown-links li a:visited,
#solutions-dropdown-links li a:active,
#solutions-dropdown-links li a:hover {
color: #000;
text-decoration: none;
background: url(../images/solutions-dropdown-arrow.gif) 336px 0 no-repeat;
margin: 0;
width: 353px;
display: block;
}

#solutions-dropdown-links li a.active,
#solutions-dropdown-links a.up-arrow-active,
#solutions-dropdown-links a.down-arrow-active {
font-weight: bold;
color: #000;
text-decoration: none;
}

#solutions-dropdown-links li ul {
background: #fff;
margin: 0;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 2px solid #e5e5e5;
padding: 6px 0 0 8px;
position: absolute;
top: 19px;
left: 0;
display: none;
}

#solutions-dropdown-links li:hover ul,
#solutions-dropdown-links li.sfhover ul {
display: block;
}

#solutions-dropdown-links li ul li {
clear: left;
}

#solutions-dropdown-links li ul li a:link,
#solutions-dropdown-links li ul li a:visited,
#solutions-dropdown-links li ul li a:active {
background: #fff;
padding: 0 0 5px 0;
width: 352px;
}

#solutions-dropdown-links li ul li a:hover {
color: #9daa00;
text-decoration: underline;
}


/* Klassen aus master.css ueberschreiben */
div.greenbox ul li a {
font-size: 1em !important;
}

div.kontaktbox ul li {
font-size: 1.2em !important;
}

#content ul li p {
font-size: 1em !important;
}

/* Tempor. Stile fuer Buehne (Typo) */

div.stage_content div div.solutionbuehne h1 span {
padding: 2px 5px;
background: #003c69;
}

div.stage_content div.solutionbuehne p {
width: 70% !important
}

div.stage_content div.solutionbuehne p span {
padding: 2px 5px;
background: #003c69;
}