/* ========================================================================
Stylesheet für das Template "cm_dh_065"
Datei: main.css
Datum: 27.01.2012
--- Aufbau ---
1 - Allgemeine Stylesheets
html, body, a, ul, li, p, h1, h2, h3, hr, textarea, tt, pre, code
2 - Positionierung der Layoutbereiche
2.1 - Webseitencontainer
2.2 - Header
2.3 - Container Spacer
2.4 - Navigation
2.5 - Keyvisual
2.6 - Content
2.7 - Sidebar
2.8 - Footer
3 - Formatierung der Layoutbereiche
3.1 - Navigation
3.2 - Subnavigation
3.3 - SubSubNavigation
3.4 - Spacer
3.5 - Sidebar
=========================================================================== */
/* ========================================================
1 - Allgemeine Stylesheets
=========================================================== */
html, body {
margin: 0 auto;
padding: 0px;
width: 100%;
font-size: 1em;
font-family: Arial, Helvetica, Geneva, sans-serif;
height: 100%;
/* background-image: url('../img/bg.jpg');
background-attachment: fixed;
background-repeat:repeat; */
}
textarea, tt {
font-family: "Courier New", Courier, monospace;
}
pre, code {
font-family: monospace;
font-size: 1.1em;
}
hr {
}
h1, h2, h3, h4, h5, h6 {
padding: 0px 0px 3px 0px;
}
h2 { font-size : 1.2em; }
h3 { font-size : 1.0em; }
h4 { font-size : 1.0em; }
h1, h2.cm-h1 { font-size : 1.4em;}
.content_main p {
margin: 5px 0px;
}
.content_main ul, .content_main ol, .content_main dl {
margin: 5px 0px 5px 0.8em;
}
.content_main dt {
margin: 0px;
font-weight: bold;
}
.content_main dd {
margin: 0px;
padding: 0px 0px 5px 8px;
}
cite, blockquote {
font-style: italic;
padding: 0px 0px 5px 8px;
}
/* =================================================
2 - Positionierung der Layoutbereiche
==================================================== */
/* ----- 2.1 Webseitencontainer ------ */
#page_wrapper {
display: block;
position: relative;
width: 996px;
padding: 0px;
margin: 0 auto;
}
/* ----- Ende Webseitencontainer ----- */
/* ----- 2.2 Header ----- */
#head_wrapper {
position: relative;
display: block;
width: 996px;
height: 230px;
margin: 0 auto;
padding: 0px;
background-color: none;
border: none;
background-image: url('../img/overview-bg-top.png');
background-repeat: no-repeat;
background-position:bottom center;
z-index: 999;
}
#logo_wrapper {
display: block;
position: absolute;
height: 210px;
width: 995px;
left: 0px;
top: 20px;
border: none;
}
#title_wrapper {
display: block;
position: absolute;
height: 70px;
width: 500px;
bottom: 35px;
left: 0px;
padding: 10px 0px 0xp 20px;
}
#title_wrapper h1, #title_wrapper h2 {
padding: 0px 0px 0px 15px;
}
/* ----- Ende Header ------ */
/* ----- 2.3 Container Spacer ----- */
.spacer_top, .spacer_bottom {
display: block;
position: relative;
width: 100%;
height: 20px;
border: none;
margin: 0px;
padding: 0px;
float: left;
}
/* ----- Ende Container Spacer ----- */
/* ----- 2.4 Navigation ----- */
#navigation_wrapper {
display: block;
position: fixed;
width: 996px;
height: 80px;
top: 0px;
margin: 0 auto;
z-index: 100;
}
#subnavigation_wrapper {
display: block;
position: relative;
width: 996px;
margin: 0 auto;
padding: 0px;
border-top: solid 1px;
float: left;
z-index: 10;
}
#cm_navigation {
display: block;
position: absolute;
left: 0px;
top: 0px;
height: 80px;
z-index: 100;
}
#cm_subnavigation {
display: block;
position: relative;
margin: 0 auto;
}
/* ---- Ende Navigation ----- */
/* ----- 2.5 Keyvisual ----- */
#keyvisual {
display: none;
}
/* ----- Ende Keyvisual ----- */
/* ----- 2.6 Content ----- */
#content_wrapper {
display: block;
position: relative;
width: 955px;
margin: 0 auto;
padding: 20px 0px 20px 25px;
border-left: solid 15px;
min-height: 400px;
float: left;
z-index: 10;
}
.content_main {
display: block;
position: relative;
width: 720px;
background: none;
float: left;
clear: both;
}
/* ----- Ende Content ----- */
/* ----- 2.7 Sidebar ----- */
.content_sidebar {
display: block;
position: relative;
width: 180px;
clear: both;
}
.sidebar_wrapper {
display: block;
position: relative;
width: 180px;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 20px;
border-left: solid 2px;
float: left;
}
/* ----- Ende Sidebar ----- */
/* ----- 2.8 Footer ----- */
#footer_wrapper {
display: block;
position: relative;
width: 100%;
height: 130px;
text-align: center;
margin-top: 40px;
background-image: url('../img/overview-bg-bottom.png');
background-repeat: no-repeat;
background-position:bottom center;
float: left;
}
#footer {
padding: 30px;
}
#footer a {
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}
/* =================================================
3 - Formatierung der Layoutbereiche
==================================================== */
/* ----- 3.1 Navigation ----- */
#cm_navigation ul {
list-style-type: none;
list-style-position: outside;
width: 100%;
height: 90px;
}
#cm_navigation ul li {
float: left;
padding: 0px 1px 0px 0px;
height: 90px;
}
#cm_navigation ul li a {
display: block;
text-decoration: none;
height: 20px;
text-transform: uppercase;
padding: 60px 10px 0px 10px;
opacity: 0.9;
filter: alpha(opacity = 90);
}
#cm_navigation ul li a:hover, #cm_navigation ul li.cm_current a:hover {
opacity: 1;
filter: alpha(opacity = 100);
}
/* ----- Ende Navigation ----- */
/* ----- 3.2 SubNavigation ----- */
#cm_subnavigation ul {
display: block;
list-style-type: none;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
#cm_subnavigation ul li {
margin: 0px;
padding: 0px;
float: left;
}
#cm_subnavigation ul li a {
display: block;
text-decoration: none;
margin: 0px 20px 10px 0px;
padding: 10px 10px 10px 10px;
opacity: 0.9;
filter: alpha(opacity = 90);
}
#cm_subnavigation ul li a:hover, #cm_subnavigation ul li.cm_current a:hover {
opacity: 1;
filter: alpha(opacity = 100);
}
/* ----- Ende SubNavigation ----- */
/* ----- 3.3 SubSubNavigation ----- */
#cm_navigation ul li ul {
display: none;
list-style-type: disc;
list-style-position: outside;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#cm_navigation ul li ul li {
margin: 0px;
padding: 0px;
}
#cm_navigation ul li ul li a {
display: block;
text-decoration: none;
margin: 0px 0px 0px -50px;
padding: 5px 0px 5px 50px;
}
/* ----- Ende SubSubNavigation ----- */
/* ----- 3.4 Spacer ----- */
.spacer_tl, .spacer_bl {
display: inline-block;
position: relative;
float: left;
height: 10px;
width: 200px;
padding: 0px;
margin: 0px 0px 0px 0px;
}
.spacer_tr, .spacer_br {
display: inline-block;
position: relative;
float: right;
height: 10px;
width: 780px;
padding: 0px;
margin: 0px
}
.cm_spacer_top {
position: relative;
display: block;
height: 10px;
margin: 5px 0px;
padding: 0px;
}
/* ----- Ende Spacer ----- */
/* -----3.5 Sidebar ----- */
#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3,
#widgetbar_site_1, #widgetbar_site_2, #widgetbar_site_3 {
overflow : hidden;
width : 180px;
}
#widgetbar_page_1 div.cm_widget, #widgetbar_page_2 div.cm_widget, #widgetbar_page_3 div.cm_widget,
#widgetbar_site_1 div.cm_widget, #widgetbar_site_2 div.cm_widget, #widgetbar_site_3 div.cm_widget {
margin: 5px 0;
}
/* ----- Ende Sidebar ----- */
/* the clearfix : ------------------ */
.clearfix {
display : inline-block;
}
.clearfix[class] {
display : block;
overflow : hidden;
}
.clearly {
clear: both;
}