/*
Theme Name: SPP 1356 Theme
Version: 1.0
Author: zackbaetz.de
*/

/* HEADER AND BODY STYLING */
body {
margin: 0;
padding:	0 0 30px 0;
background: url(imgs/kachel.jpg);
font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
behavior: url(http://web110.c12.ibone.ch/wp-content/themes/spp_1356_theme_by_zackbaetz/iehoverfix.htc);
}

#bgk {
position: fixed;
top: 0;
left: 50%;
width: 952px;
height: 100%;
background: url(imgs/bg.jpg) repeat-y center top;
margin-left: -477px;
z-index: 0;
}

#header {
position: relative;
top: 0;
left: 50%;
width: 950px;
height: 167px;
padding: 0;
margin: 0 0 0 -476px;
}

#logo {
position: relative;
float: left;
}

/* MAINMENU STYLING */

#mainmenu {
position: relative;
float: left;
width: 763px;
height: 167px;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 5;
}

#mainmenu li {
float: left;
height: 167px;
margin: 0;
padding: 0;
text-align: center;
}

#mainmenu li:hover {
}

#mainmenu li a {
position: relative;
color: #FFFFFF;
display: block;
height: 160px;
text-decoration: none;
font-size: 12px;
padding-top: 7px;
z-index: 1;
}

#mainmenu .page_item {
}

#mainmenu .current_page_item {
}
.page-item-9 {
width: 81px;
background: url(imgs/menu/home.png) top left no-repeat;
}

.page-item-9 .current_page_item_link {
background: url(imgs/menu/home_b.png) top left no-repeat;
}

.page-item-9 a:hover {
background: url(imgs/menu/home_b.png) top left no-repeat;
}
.page-item-12 {
width: 125px;
background: url(imgs/menu/organigram.png) top left no-repeat;
}

.page-item-12 .current_page_item_link {
background: url(imgs/menu/organigram_b.png) top left no-repeat;
}

.page-item-12 a:hover {
background: url(imgs/menu/organigram_b.png) top left no-repeat;
}

.page-item-14 {
width: 86px;
background: url(imgs/menu/links.png) top left no-repeat;
}

.page-item-14 .current_page_item_link {
background: url(imgs/menu/links_b.png) top left no-repeat;
}

.page-item-14 a:hover {
background: url(imgs/menu/links_b.png) top left no-repeat;
}

.page-item-16 {
width: 118px;
background: url(imgs/menu/literature.png) top left no-repeat;
}

.page-item-16 .current_page_item_link {
background: url(imgs/menu/literature_b.png) top left no-repeat;
}

.page-item-16 a:hover {
background: url(imgs/menu/literature_b.png) top left no-repeat;
}

.page-item-18 {
width: 144px;
background: url(imgs/menu/patent.png) top left no-repeat;
}

.page-item-18 .current_page_item_link {
background: url(imgs/menu/patent_b.png) top left no-repeat;
}

.page-item-18 a:hover {
background: url(imgs/menu/patent_b.png) top left no-repeat;
}

.page-item-20 {
width: 92px;
background: url(imgs/menu/jobs.png) top left no-repeat;
}

.page-item-20 .current_page_item_link {
background: url(imgs/menu/jobs_b.png) top left no-repeat;
}

.page-item-20 a:hover {
background: url(imgs/menu/jobs_b.png) top left no-repeat;
}

.page-item-22 {
width: 117px;
background: url(imgs/menu/contact.png) top left no-repeat;
}

.page-item-22 .current_page_item_link {
background: url(imgs/menu/contact_b.png) top left no-repeat;
}

.page-item-22 a:hover {
background: url(imgs/menu/contact_b.png) top left no-repeat;
}

/* MAIN MIDDLESECTION / CONTENT STYLING */
#middlesection {
position: relative;
left: 50%;
width: 950px;
padding: 0;
margin: 0 0 0 -476px;
background: url(imgs/bg.jpg) repeat-y center top;
}

#printicon {
width: 188px;
height: 24px;
padding: 10px 0 0 0;
text-align: right;
}

#projectmenu {
position: relative;
float: left;
width: 187px;
margin: 34px 0 0 0;
padding: 0;
list-style-type: none;
}

#projectmenu li{
margin: 1px 0 0 0;
padding: 0px;
}

#projectmenu li a{
margin: 0;
padding: 7px 0 0 25px;
height: 24px;
width: 162px;
display: block;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
}

#project_submenu {
margin: 0 0 4px 0;
padding: 0;
list-style-type: none;
}

#project_submenu li {
width: 187px;
margin: 0;
padding: 0;
}

#project_submenu li a {
margin: 0;
padding: 0 0 3px 25px;
width: 162px;
height: 16px;
color: #4D4D4D;
font-size: 12px;
text-decoration: none;
background: none;
}

#project_submenu li a:hover {
color: #000000;
}

#project_submenu .current_page_item_link {
color: #000000;
}

.page-item-24 a {
background: url(imgs/projects/a.jpg) top left no-repeat;
}

.page-item-24 a:hover {
background: url(imgs/projects/a2.jpg) top left no-repeat;
}

.page-item-26 a {
background: url(imgs/projects/b.jpg) top left no-repeat;
}

.page-item-26 a:hover {
background: url(imgs/projects/b2.jpg) top left no-repeat;
}

.page-item-28 a {
background: url(imgs/projects/c.jpg) top left no-repeat;
}

.page-item-28 a:hover {
background: url(imgs/projects/c2.jpg) top left no-repeat;
}

#content {
position: relative;
float: left;
width: 763px;
}

#content_main {
position: relative;
float: left;
margin-top: 34px;
padding-left: 30px;
padding-right: 30px;
width: 495px;
}

#side_content {
position: relative;
float: left;
}

#side_content p {
color: #686868;
}

.side_content_part {
border-top: 1px solid #D9D9D9;
width: 168px;
padding: 20px;
overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding:0;
}

h1 {
color:#525252;
}
h2, h3, h4, h5, h6 {
color: #858585;
}
h1 {
font-size: 1.4em;
padding-bottom: 10px;
}
h2 {
font-size: 1.2em;
padding-bottom: 3px;
}
h3, h4, h5, h6 {
font-size: 1em;
}

p {
font-size: 1em;
color: #333333;
}

p a {
color: #333333;
text-decoration: underline; }
p a:hover {
color: #000000;
}

li a {
color: #333333;
text-decoration: underline; }
li a:hover {
color: #000000;
}

ul li, ol li {
}

img {
border: 0;
}
/* FOOTER STYLING */
#footer {
position: relative;
clear: left;
left: 50%;
width: 496px;
padding: 60px 237px 30px 217px;
margin: 0 30px 0 -475px;
color: #AAAAAA;
font-size: 0.8em;
}

#footer a {
text-decoration: none;
color: #AAAAAA;
}

#footer a:hover {
text-decoration: underline;
color: #AAAAAA;
}

/* CLEAR DIV */

div.clear {
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}