
/* - screen.css - */
@media screen {
/* http://ice.dipf.de/portal_css/screen.css?original=1 */
/* */
* {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
* html {
font-size:101%;
}
html {
overflow:scroll;
}
body {
font-size:0.75em;
line-height:1.5em;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}
p, ul, ol, dl {
font-size:1em;
line-height:1.5em;
}
h1, h2, h3, h4, h4, h1 a, h2 a, h3 a, h4 a {
color:#000;
text-decoration:none;
}
#col-wrap h1 {
font-size:1.75em;/**/
line-height:1.5em;
}
#col-wrap h2 {
font-size:1.5em;/**/
margin:.75em 0;
line-height:inherit;
}
#col-wrap h3 {
font-size:1.25em;/**/
margin:.75em 0;
}
#col-wrap h4 {
font-size:1em;/**/
font-weight:700;
margin:.75em 0;
}
#col-wrap h1, #col-wrap h2, #col-wrap h3 {
font-weight:400;
border-bottom-style:none;
}
img, img a {
border:none!important;
}
a {
text-decoration:underline;
cursor:pointer;
color:#666;
}
a:hover {
text-decoration:underline;
color:#000;
}
#page {
background-color:#fff;
width:94%;
min-width:760px;
max-width:1200px;
margin:3% auto;
}
#head div#dipflogo {
display:block;
text-align:right;
padding: 0 10px 5px 10px;
}
#head div#dipflogo a {
background:url(dipflogo.gif) no-repeat right top;
display: block;
}
/* */
#head div#projektlogo a {
background:url(kom-logo-solo_v1_erster_entwurf_cut.png) no-repeat left top;
display: block;
background-color:#666;
}
/* */
#head h1, #head h2 {
color:#FFF;
font-weight:400;
background-color:#007cbf;
padding: 4% 1% 4% 1%;
font-size:2.25em;/**/
}
#head h1 {
float:left;
width:20%;
display:block;
}
#head h1 a {
color:#FFF;
}
#head h1 a:hover {
text-decoration:none;
}
.col-corner {
background: url(corner-lb.gif) no-repeat left bottom;
}
.col-corner .corner-top {
background: url(corner-rt.gif) no-repeat right top;
height:10px;
}
.col-corner .corner-middle {
background: url(corner-rb.gif) no-repeat right bottom;
}
.col-corner .corner-inner {
background: url(corner-lt.gif) no-repeat left top;
}
#col-wrap {
margin-top:1.5em;
}
#col-wrap #footer {
clear:both;
border-top:1px solid #999;
padding-top:.675em 0;
}
#col-wrap #service {
padding-top:1.5em;
text-align: right;
}
#col-wrap #service a {
margin-left:20px;
}
#col-left {
float:left;
font-size:1em;
width:20%;
padding-top: 11px;
}
#col-middle {
float:left;
width:50%;
padding: 14px 3% 0 3%;
}
#content {
background-color:#FFF;
background-image:none;
}
#col-right {
float:right;
width:21%;
}
#portal-column-two {
padding: 0 1em;
}
#search {
padding: 0 1em;
}
#search dt
}
font-size:1.25em;
font-weight:400;
border-bottom-style:none;
line-height:1.5;
color:#666;
}
#search .tile{
font-size:1.25em;
line-height:1.5;
}
#search .tile:hover{
text-decoration:none;}
#search form {
width:100%;
padding-bottom: 10px;
}
#search ul.LSTable {
list-style-type:none;
margin-left:0;
}
#search input {
border:1px solid #666;
color:#999;
font-family:Arial, Helvetica, sans-serif;
margin-right:1%;
padding:.2em;
width:64%;
height:auto
}
#search input.searchButton {
background-color:#EAEAEA;
background-image:none;
border:1px solid #666;
color:#333;
padding:.2em;
text-transform:uppercase;
width:27%;
height:auto
}
#search .searchButton:hover {
background-color:#999;
}
#services {
height:17px;
padding: 9px 1% 7px 23%;
}
#services ul {
list-style-type:none;
}
#breadcrumb {
float:left;
}
#breadcrumb li {
font-size:.833em;
display:inline;
}
#breadcrumb li.on {
color:#000;
}
#service_kontakt,#service_login {
float:right;
}
#service_kontakt li,#service_login li {
font-size:.833em;
display:inline;
padding:0 .2em;
}
/* */
#login_search_contact {
font-size:.833em;
display:inline;
float:right;
}
/* */
#portal-languageselector {
float:right;
}
#portal-languageselector li {
display:inline;
padding:0 .2em;
}
.projectpagetabelle {
margin-bottom:.75em;
border-top:1px solid #666;
border-left:1px solid #666;
border-collapse:collapse;
background:#fff;
}
.projectpagetabelle td,.projectpagetabelle th {
border-right:1px solid #666;
border-bottom:1px solid #666;
padding:4px 8px;
}
.projectpagetabelle th {
font-weight:700;
background-color:#ddd;
}
.projectpagetabelle tr.gefaerbt {
background-color:#eee;
}
.projectpagetabelle td.middle,.projectpagetabelle th.middle {
text-align:center;
}
.projectpagetabelle td.right,.projectpagetabelle th.right {
text-align:right;
}
#content ul,ul.liste {
font-size:inherit;
list-style-type:disc;
list-style-position:outside;
}
#content ul.linkliste li {
list-style-type:none;
margin-left:2em;
}
#content ol {
list-style-type:decimal;
list-style-position:outside;
}
#content li,ul.liste li {
margin-left:3em;
}
#content p, #content ul, ul.liste, #content ol, #content dl {
margin:.675em 0;
}
ul#nav {
font-size:1.167em;
}
ul#nav li {
list-style-type:none;
margin:0;
}
ul#nav ul {
margin:0;
}
ul#nav a {
text-decoration:none;
display:block;
margin:0;
border-bottom: 1px dotted #ccc;
}
ul#nav li a:hover,ul#nav a.on {
background-image: url(listenpunkt.gif);
background-repeat: no-repeat;
color:#000;
}
ul#nav li a {
padding:5px 0 5px 15px;
}
ul#nav li a:hover,ul#nav li a.on {
background-position: 0 12px;
}
ul#nav li li a {
padding:5px 0 5px 30px;
}
ul#nav li li a:hover,ul#nav li li a.on {
background-position: 15px 12px;
}
ul#nav li li li a {
padding:5px 0 5px 60px;
}
ul#nav li li li a:hover,ul#nav li li li a.on {
background-position: 30px 12px;
}
a.download-link, a.external-link, a.internal-link {
background-repeat:no-repeat;
background-position:left center;
padding-left:14px;
text-decoration:none;
}
a.download-link {
background-image:url(download-link.gif);
}
a.external-link {
background-image:url(external-link.gif);
}
a.internal-link {
background-image:url(internal-link.gif);
}
a.download-link:hover {
background-image:url(download-link-on.gif);
}
a.external-link:hover {
background-image:url(external-link-on.gif);
}
a.internal-link:hover {
background-image:url(internal-link-on.gif);
}
#service a {
display:inline;
}
#service a, #footer a,#services a,#search a {
text-decoration:none;
}
select, textarea {
border:1px solid #666;
}
.clr {
clear:both;
}
.image-left {
float:left;
padding:.6em .6em .6em 0;
}
.image-right {
float:right;
padding:.6em 0 .6em .6em;
}
.documentDescription {
font-weight:700;
}
.formControls input {
background-color:#EAEAEA;
background-image:none;
border:1px solid #666;
color:#333;
padding:.4em 2%;
text-transform:uppercase;
width:auto;
}
.ArchetypesStringWidget input, .ArchetypesTextAreaWidget textarea {
border:1px solid #666;
color:#333;
background-image:none;
padding:.2em;
width:64%;
font-family: Arial, Helvetica, sans-serif;
}
.ArchetypesTextAreaWidget textarea {
width:65%;
}
form.searchPage input {
border:1px solid #666;
color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin-right:1%;
padding:.2em;
width: 18em;
height: auto;
}
form.searchPage input.searchButton {
background-color:#EAEAEA;
background-image:none;
border:1px solid #666;
color:#333;
text-transform:uppercase;
padding:.1em;
width: 10em;
height: auto;
}
.searchPage .searchButton:hover {
background-color:#999;
color:FFF;
}
form.searchPage p.discreet {
padding:.6em 0 1.5em 0;
}
a.link-feed {
display:none;
}
h1.documentFirstHeading span.discreet {
font-size:.571em;/**/
color:#999;
font-style:italic;
}
dl.searchResults {
margin-bottom:1.5em;
}
dl.searchResults img {
display:none;
}
dl.searchResults a {
padding-left:16px;
background:url(internal-link.gif) no-repeat left center;
}
dl.searchResults dt {
margin-top:.6em;
padding-top:.6em;
}
dl.searchResults dd {
font-style:italic;
}
#col-right div#dfglogo {
display:block;
text-align:right;
padding: 0px 0px 100px 0px;
}
#col-right div#dfglogo a {
background:url(dfg_top.png) bottom:right no-repeat;
padding: 0px 0px 100px 0px;
display: block;
}

}

