font-style: italic;
}
/* ######################################################################################################
** ### Main-Definitions #################################################################################
** ######################################################################################################
*/
@media all {
* {
margin:0;
padding:0;
}
 
option { padding-left: 0.4em }
 
html { height: 100% }
 
#breadcrump {margin:0 0 10px 0;}
 
body {
min-height: 101%;
background: #fffef8 url(../img/page_bg_test.gif) repeat-x top;
font-size: 100.01%;
position: relative;
text-align: center;
padding: 0;
color: #363636;
font-size: 81.25%;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}
 
fieldset, img { border:0; }
 
select, input, textarea { font-size: 99% }
 
/* ######################################################################################################
** ### Basic-Layouts ####################################################################################
** ######################################################################################################
*/
#header {
position:relative;
height: 90px;
color: #fff;
background: #0a57ae url(../img/header_test.jpg) repeat-x top;
}
 
#nav {
clear:both;
width: auto;
}
 
#page {
border:0;
width:900px;
}
 
#page_margins {
text-align:left;
border: 0;
width: 900px;
margin:auto;
}
 
#main {
clear:both;
width: 811px;
padding:10px 0 0 50px;
background: url(../img/content_bg_test.gif) no-repeat;
background-position:0px 1px;
}
 
#navpath {
padding:0 0 10px 0;
}
#col1 {
float:right;
z-index: 5;
width: 250px;
border-left: 1px solid #a4a49f;
min-height:200px;
}
#col2 {
width:auto;
z-index: 1;
border-right: 251px solid #fffef8;
margin-left:0;
}
#col_single {
width:auto;
z-index: 1;
border:0;
margin-left:0;
}
 
#col1_content {
z-index: 6;
padding-left: 1em;
overflow:hidden;
}
#col2_content {
z-index: 2;
margin-right: 1.5em;
}
col1_content img {margin-bottom:15px;}
#col_single_content {
z-index: 2;
margin-right: 1.5em;
}
#col1_content, #col2_content { position:relative; }
 
#footer {
clear:both;
color:#2b2928;
background:#fc942d;
margin: 15px 0 0 50px;
padding: 0.3em 0.5em 0.4em 0.5em;
font-size:0.85em;
text-align:center;
width:800px;
}
 
/* ######################################################################################################
** ### Main-Navigation ##################################################################################
** ######################################################################################################
*/
 
#nav_main {
width:100%;
float:left;
color: #000;
background:#fc942d url("../img/nav_bg.gif") repeat-x ;
font: normal 0.85em 'Verdana', sans-serif;
}
 
#nav_main ul {
white-space: nowrap;
margin:0;
padding:0 0 0 50px;
list-style:none;
}
 
#nav_main li {
float:left;
margin: 0 6px 0 0;
}
 
#nav_main a {
float:left;
display:block;
color:#737373;
padding:3px 6px 8px 6px;
text-transform: none;
text-decoration:none;
font-weight:normal;
width: auto; /* nur IE 5.x */
}
 
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#nav_main a { float:none; }
/* End IE5-Mac hack */
 
#nav_main a:hover {
color:#000;
background-color: transparent;
}
 
#nav_main #current {
background-image: url("../img/button_orange_act.gif");
border-left:1px solid #dc7005;
border-right:1px solid #dc7005;
}
 
#nav_main #current a {
color:#fff;
font-weight:bold;
}
 
/* ######################################################################################################
** ### Sub-Navigation ##################################################################################
** ######################################################################################################
*/
#sub_nav_main {
width:100%;
float:left;
color:#000;
background:#fc942d;
border:none;
font: normal 0.85em 'Verdana', sans-serif;
}
 
#sub_nav_main ul {
white-space: nowrap;
margin:0;
padding:0 0 0 40px;
list-style:none;
height:21px;
}
 
#sub_nav_main li {
float:left;
margin: 0;
}
 
#sub_nav_main a {
float:left;
display:block;
color:#334;
background: transparent;
padding:2px 11px 2px 11px;
text-transform: none;
text-decoration:none;
font-weight:normal;
width: auto; /* nur IE 5.x */
width/**/:/**/ .1em; /* f�r IE 6.0 */
}
 
#sub_nav_main > ul a { width:auto; } /* f�r alle anderen Browser */
 
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#sub_nav_main a { float:none; }
 
/* End IE5-Mac hack */
 
#sub_nav_main a:hover {
color:#fff;
background-color: transparent;
}
 
#sub_nav_main #sub_current {
border-width:0
}
 
#sub_nav_main #sub_current a {
color:#fff;
font-weight:bold;
}
 
/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################
** ######################################################################################################
*/
 
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.clearfix { display: block; }
 
.floatbox { overflow:hidden; }
 
#ie_clearing { display: none }
 
/* ######################################################################################################
** ### Standard-Formatierungen f�r Listen & Zitate ######################################################
** ######################################################################################################
*/
 
table .vac_name {
width:180px;
}
 
table .vac_date1 {
width:90px;
}
table .vac_date2 {
width:90px;
}
table .vac_comment {
width:130px;
}
table th {
font-size:110%;
font-weight:bold;
background:#7ec5e4;
color:#fff;
padding:3px 4px 3px 5px;
}
 
.ferien {
margin:0 0 25px 0;
}
 
.ferien td {
padding:1px 2px 2px 4px;
border-bottom:1px solid #3785aa
}
 
.ferien tr:hover{ background-color:#cbe9f8}
 
ul, ol, dl { margin: 0 0 1em 1em }
 
ul {
list-style-image: url(../img/dot.png);
}
 
li {
margin-left: 1.5em;
line-height: 1.5em;
}
 
dt { font-weight: bold; }
 
dd { margin: 0 0 1em 2em; }
 
blockquote, cite {
margin: 0 0 1em 1.5em;
font-size: 0.93em;
width: auto;
}
 
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
 
/* ### �berschriften, Flie�texte ###################################################################### */
 
h1, h2, h3, h4 {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
font-weight:normal;
}
 
h1 {
font-size: 1.8em;
color: #363636;
margin: 0 0 0.25em 0;
}
 
h2 {
font-size: 1.4em;
color: #363636;
margin: 0 0 0.25em 0;
border-bottom: 2px #ddd solid;
}
 
h3 {
font-size: 1.0em;
color: #363636;
margin: 0 0 0.25em 0;
padding-top: 0.3em;
font-weight:bold;
}
 
h4 {
font-size: 1.0em;
color: #888;
margin: 0 0 0.30em 0;
padding-top: 1em;
font-weight:bold;
border-bottom: 1px #ddd solid;
}
 
h5 {
font-size: 1.0em;
color: #888;
margin: 0 0 0.30em 0;
font-style:italic;
}
 
h6 {
font-size: 1.0em;
color: #888;
margin: 0 0 0.30em 0;
font-style:italic;
}
 
p, ul, dd, dt { line-height: 1.5em; }
 
p {
line-height: 1.5em;
margin: 0 0 1em 0;
}
 
strong, b { font-weight: bold; }
 
em, i { font-style:italic; }
 
pre, code { font-family: "Courier New", Courier, monospace; }
 
hr {
color: #3785aa;
background:transparent;
margin: -0.5em 0 1.5em 0;
padding: 0 0 0.5em 0;
border:0;
border-bottom: 1px #a4a49f solid;
}
 
acronym, abbr {
letter-spacing: .07em;
border-bottom: 1px dashed #c00;
cursor: help;
}
 
table, td, tr {
vertical-align:top;
}
 
/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {
color: #e78519;
text-decoration:underline;
}
 
a:hover {
text-decoration:underline;
}
 
a:focus {
text-decoration:underline;
}
 
#topnav a {
color: #fff;
background:transparent;
text-decoration:none;
}
 
#topnav a:hover {
text-decoration:underline;
background-color: transparent;
}
 
#topnav a:focus {
text-decoration:underline;
background-color: transparent;
}
 
#footer a { color: #669; }
 
#footer a:hover { background-color: #eef; }
 
#footer a:focus { background-color: #eef; }
 
#main a.imagelink {
padding-left: 0;
background: transparent;
}
 
/* ######################################################################################################
** ### Flexible CEs #####################################################################################
** ######################################################################################################
*/
 
.left_cont {
width:255px;
float:left;
}
 
.right_cont {
width:255px;
float:right;
 
}
}
@media print {
 
body * {
font-size: 12pt;
font-family: "Times New Roman", Times, serif;
}
 
blockquote { font-family: "Times New Roman", Times, serif; }
 
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono; }
 
h1 {
font-size: 16pt;
font-weight:bold;
color: #336699;
background:inherit;
margin:0.4em 0 0.5em 0;
border-bottom: 1px #ccc solid;
}
 
h2 {
font-size: 14pt;
font-weight:bold;
color: #666;
background: inherit;
margin:0.2em 0 0.5em 0;
padding: 0.3em;
}
 
h3 {
font-size: 12pt;
font-weight:bold;
margin:0.4em 0 0.3em 0;
}
 
/* Vermeidung von Seitenumbr�chen direkt nach einer �berschrift */
h1, h2, h3 { page-break-after:avoid; }
 
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }
 
/* Sichtbare Auszeichnung der URLs von Links */
#col2 a[href^="http:"], #col3 a[href^="https:"], #col1 p a[href^="http:"], #col2 p a[href^="https:"] {
padding-left: 0;
background-image: none;
}
 
a[href]:after {
content:" <URL: "attr(href)">";
color:#444;
background-color:inherit;
font-style:italic;
}
 
/* Umformatierung der Layoutboxen */
body {
margin:0;
padding: 0;
}
 
#page_margins, #page {
min-width: inherit;
margin:0;
padding: 0;
border: 0;
}
 
#topnav { display: none; }
 
#header { height: auto; }
 
#header img {
position:relative;
top:0;
left:0;
padding:0;
}
 
#nav_main { display:none; }
 
#teaser {
margin: 1em 0 0 0;
padding: 0;
border:0;
}
 
#main {
margin: 0;
padding: 0;
}
 
#col1 { display:none; }
 
#col1_content { display:none;overflow:hidden; }
 
#col2 {
margin:0;
padding: 0;
border:0;
}
 
#col2_content {
margin:0;
padding: 0;
border:0;
}
 
#footer { display: none; }
 
}
Änderungen – BS-Wiki: Wissen teilen

Änderungen