/* GENERAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { font-family: calibri, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; } body { background: #747B7F url(/images/background.gif) repeat-x; } html { } .dots { background: url(./img/dots.gif) repeat-x; height: 1px; margin: 10px 0px 10px 0px; clear: both } p { margin-bottom: 10px } p.bold { font-weight: bold } /* GENERAL LAYOUT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #container { border: 0px solid #FFFFFF; width: 991px; position: absolute; left: 50%; margin: 0px 0px 0px -495px; } #header { border: 0px solid #FFFFFF; height: 244px; } #content { border: 0px solid #FFFFFF; background: url(./img/background_repeat.png) transparent repeat-y; padding: 0px 18px 18px 10px; height:100%; width:100%;float:left;} #footer { border: 0px solid #FFFFFF; background: url(./img/footer.png) no-repeat; height: 40px; padding: 15px 0px 0px 30px } /* HYPERLINKS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a:link, a:active, a:visited { color: #FFF; text-decoration: none; outline: none } a:hover { color: #FFF; text-decoration: underline } a.active:hover { color: #FFF; text-decoration: underline } /* TEXTHEADERS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1 { font-size: 30px; margin-bottom: 10px } h2 { font-size: 20px; color: #FFFFFF; font-weight: bold } h3 { font-size: 15px; color: #FFFFFF; font-weight: bold } /* MENU'S ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #macromenu a { color: #00274D; text-align: center } #macromenu ul { position: absolute; left: 750px; top: 32px } #macromenu li { float: left; display: block; width: 80px; height: 20px;} #submenu a { margin: 0px 4px 0px 4px } #submenu ul { position: absolute; left: 29px; top: 252px } #submenu li { float: left;} #mainmenu { border: 0px solid #FFFFFF; float: left; width: 283px; margin: 8px 0px 0px 0px } #mainmenu li { } #mainmenu ul { background: ./img/menubuttons/menu.gif) no-repeat} #mainmenu a { display: block; height: 90px; width: 283px } #mainmenu a:hover { } #pagelinks li { float: left; margin-bottom: 10px } #pagelinks .mainlinks { font-size: 20px; } #pagelinks a:hover { text-decoration: none } #mainmenu #ic a:hover, #mainmenu #ic a.active { background:url(./img/menubuttons/ic.gif) } #mainmenu #in a:hover, #mainmenu #in a.active { background:url(./img/menubuttons/in.gif) } #mainmenu #bi a:hover, #mainmenu #bi a.active { background:url(./img/menubuttons/bi.gif) } #mainmenu #iw a:hover, #mainmenu #iw a.active { background:url(./img/menubuttons/iw.gif) } #mainmenu #cs a:hover, #mainmenu #cs a.active { background:url(./img/menubuttons/cs.gif) } #mainmenu #carriere a { background:url(./img/menubuttons/carriere.jpg) } #mainmenu #carriere a:hover, #mainmenu #carriere a.active { background:url(./img/menubuttons/carriere-ro.jpg) } /* MAINCONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #maincontent { border: 0px solid #FFFFFF; float: left; width: 658px; margin: 0px 0px 0px 0px; padding: 20px 10px 0px 10px } #maincontent { background: url(./img/background-maincontent.jpg) no-repeat top left } #maincontent img { border: 1px solid #7c7f81; padding: 2px; margin: 0px 10px 7px 0px } /* HEADERS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header .link { border: 0px solid #FFF; width: 200px; height: 80px; position: absolute; top: 50px; left: 20px; cursor: pointer } #home #header { background: url(./img/headers/header-blog.png); } #thema1 #header { background: url(./img//headers/header-ic.png); } #thema2 #header { background: url(./img//headers/header-in.png); } #thema3 #header { background: url(./img//headers/header-bi.png); } #thema4 #header { background: url(./img//headers/header-iw.png); } #thema5 #header { background: url(./img//headers/header-cs.png); } #carriere #header { background: url(./img//headers/header-carriere.png); } /* HOMEPAGE RELATED ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #maincontent .left { float: left; width: 388px } #maincontent .right { float: left; width: 270px } #news { background: url(./img/shadow_content.jpg) no-repeat bottom; padding: 0px 10px 10px 0px; margin-bottom: 10px } #items { background: url(./img/shadow_items.jpg) no-repeat bottom; padding: 0px 10px 10px 0px; margin-bottom: 10px } /* THEME RELATED ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer .link { display: inline; font-weight: bold } #home h1 { color: #7BBDFF } #thema1 h1 { color: #FB8E1E } #thema2 h1 { color: #B37FFF } #thema3 h1 { color: #B9Eb41 } #thema4 h1 { color: #FF644E } #thema5 h1 { color: #FCD838} #carriere h1 { color: #FFFFFF } #home #footer .link { color: #7BBDFF } #thema1 #footer .link { color: #FB8E1E } #thema2 #footer .link { color: #B37FFF } #thema3 #footer .link { color: #B9Eb41 } #thema4 #footer .link { color: #FF644E } #thema5 #footer .link { color: #FCD838 } #home #carriere .link { color: #FFFFFF } #home #pagelinks, #home #pagelinks a:hover { color: #7BBDFF } #thema1 #pagelinks, #thema1 #pagelinks a:hover { color: #FB8E1E } #thema2 #pagelinks, #thema2 #pagelinks a:hover { color: #B37FFF } #thema3 #pagelinks, #thema3 #pagelinks a:hover { color: #B9Eb41 } #thema4 #pagelinks, #thema4 #pagelinks a:hover { color: #FF644E } #thema5 #pagelinks, #thema5 #pagelinks a:hover { color: #FCD838 } #carriere #pagelinks, #carriere #pagelinks a:hover /* BLOG ADDITIONS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #blog #header { background: url(./img/headers/header-blog.png); } #blog h1 { font-weight: normal; color: #7BBDFF } #blog #footer .link { color: #7BBDFF } #blog #pagelinks, #home #pagelinks a:hover { color: #7BBDFF } #blogmenu { width: 180px; margin: 10px 4px 0px 4px; float: left;} #content H2 { margin-top: 5px; margin-bottom: 0px; } #content H2 a {color:#7bbdff;} #maincontent H1 {font-weight:bold;display:none;} .blogcontent H1 {display:block!important;color:#7bbdff;} .blogcontent P { margin-top: 0px;color:#fff!important; } .blogcontent P a { color:#7BBDFF!important;} .columncontent { margin-bottom: 10px } a.themecolor:link a.themecolor:active, a.themecolor:visited { color: #7BBDFF } .clear { clear:both } legend { display:none; } .tagcloud { text-align: center } .small, .small a { color:#C0C0C0; } .bottompost-text, .bottompost-text a { color:#C0C0C0; } .comments { margin-top: 20px;} /* AVIVA BLOG REPLACEMENTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Comment Form CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ div.form {width: 500px; float: left;} div.row {clear: both; padding-top: 5px; } div.row span.label {float: left; width: 60px; text-align: right; margin: 0 3px 0 0; } div.row span.formw {float: right; width: 435px; text-align: left; } div.form submit {cursor:pointer; border:outset 1px #ccc; color:#666; font-weight:bold; padding: 1px 2px;} /* Tag Cloud CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .tagcloud a.w1 { font-size: 1.7em; } .tagcloud a.w2 { font-size: 1.6em; } .tagcloud a.w3 { font-size: 1.5em; } .tagcloud a.w4 { font-size: 1.4em; } .tagcloud a.w5 { font-size: 1.3em; } .tagcloud a.w6 { font-size: 1.1em; } .tagcloud a.w7 { font-size: 1.0em; } .tagcloud a.w8 { font-size: 0.9em; } .tagcloud a.w9 { font-size: 0.8em; }