/* Basic Stylesheet for www.frescomedia.com */
/* author: www.ideenwerft.com */

/* Farben:   */

* {padding:0px;margin:0px;}
img {border:0;}
.hidden {
position: absolute;
left: -10000px;
}
html[xmlns^="http"] {
/* für inaktiven scrollbalken bei mozilla */
overflow-y: scroll;
}
html {height:100%;} 
* html body {height:100%;}
body {
height:100%;
font-size: 75%; /* setzt Standardschriftgroesse auf 12px */
font-family: arial, verdana,Sans-Serif;
color:#333;
text-align:center;
backgr ound:#ededed url(img/bg.gif) 0 232px repeat-x;
background:#ccc;
}
#wrapper {width:800px;min-height:100%;margin:0 auto;background:#fff;text-align:left;}
#header {background:#ccc;margin-bottom:20px;}
#logo {clear:both;height:200px;background:#fff url(img/header_home.jpg) top right no-repeat;}
#logo img {margin:20px 27px;}
h4.ce_headline {clear:both;height:25px;background:url(img/bg_headline.gif) 0 -12px repeat-x;}
#left {float:left; width:200px;}
#main {float:right;width:560px;margin-right:20px;min-height:450px;}
#footer {clear:both;height:40px;margin-top:50px;border-top:1px dashed #999;padding-top:15px;}

/* +++ header visual +++ */
.company #logo {background:#fff url(img/header_company.jpg) top right no-repeat;}
.service #logo {background:#fff url(img/header_service.jpg) top right no-repeat;}
.jobs #logo {background:#fff url(img/header_jobs.jpg) top right no-repeat;}
.contact #logo {background:#fff url(img/header_kontakt.jpg) top right no-repeat;}
.clients #logo {background:#fff url(img/header_kunden.jpg) top right no-repeat;}
/* +++ farben +++ */
.home h1, .home .mod_navigation li.active, .home .mod_navigation li.submenu a.submenu, .home .mod_navigation li.submenu a.submenu {color:#7c00cb;}
.company h1, .company .mod_navigation li.active, .company .mod_navigation li.submenu a.submenu, .company .mod_navigation li.submenu a.submenu {color:#79a800;}
.service h1, .service .mod_navigation li.active, .service .mod_navigation li.submenu a.submenu, .service .mod_navigation li.submenu a.submenu {color:#eac703;}
.jobs h1, .jobs .mod_navigation li.active, .jobs .mod_navigation li.submenu a.submenu, .jobs .mod_navigation li.submenu a.submenu {color:#2354a1;}
.clients h1, .clients .mod_navigation li.active, .clients .mod_navigation li.submenu a.submenu, .clients .mod_navigation li.submenu a.submenu {color:#ec2fac;}
.contact h1, .contact .mod_navigation li.active, .contact .mod_navigation li.submenu a.submenu, .contact .mod_navigation li.submenu a.submenu {color:#ea2322;}

/* +++ module +++ */
.mod_changelanguage {width:290px;float:left;height:20px;padding-top:15px;}
.mod_changelanguage ul {list-style:none;}
.mod_changelanguage li {display:inline;float:left;margin-right:7px;}

.mod_login {width:500px;float:right;height:33px;padding-top:10px;text-align:right;}
.mod_login input.text {width:100px;color:#666666;font-size:0.9em;padding:2px 5px;}
.mod_login input.submit {border:1px solid #999;background:#eaeaea;color:#999;font-size:0.9em;padding:2px 5px;}

/* login im content */
#main .mod_login  {width:500px;float:left;height:33px;padding-top:10px;text-align:right;}


.mod_navigation ul {list-style:none;margin-left:15px;width:170px}
.mod_navigation li {width:100px;padding-left:17px;font-size:1.2em;text-transform:lowercase;}
.mod_navigation li a:link, .mod_navigation li a:visited {display:block;background:url(img/navi.gif) -17px 4px no-repeat;text-decoration:none;padding:5px 0 5px 0px;}
/* active */
.mod_navigation li.active {background:url(img/navi.gif) 0 4px no-repeat;padding:5px 0 5px 17px;}
.mod_navigation li.submenu {background:url(img/navi_sub.gif) 0 4px no-repeat;padding:5px 0 5px 17px;}
.mod_navigation li.submenu a:link, .mod_navigation li.submenu a:visited {background:url(img/navi_sub.gif) -17px 4px no-repeat;padding:0px 0 0px 0px;}
/* submenu */
.mod_navigation ul ul {list-style:none;margin-left:0;width:150px;margin-top:8px;}
.mod_navigation li li {width:90px;font-size:0.9em;text-transform:lowercase;padding:0px 0 5px 10px;}
.mod_navigation li li a:link, .mod_navigation li li a:visited {display:block;background:none;text-decoration:none;padding:3px 0 3px 0px;}
/* submenu active*/
.mod_navigation li.submenu li.active {background:none;padding:0px 0 5px 10px;}

/* +++ headline ++++ */

h4.ce_headline {text-align:right;font-weight:normal;font-size:1.4em;padding:6px 30px 0;}


/* +++ allgemein +++++++++++++ */
a:link, a:visited {color: #666;}
a:hover, a:focus {color: #000;}
.error {color:#c00;}
.invisible {display:none;}

/* *** text *******************/
h1 {font-size:1.5em;font-weight:normal;margin-bottom:15px;margin-top:5px;}
#main {font-size:1.1em;}
#main p {margin-bottom:15px;line-height:1.5em;}
#main ul {line-height:1.5em;margin-left:20px;margin-bottom:15px;}

/* +++ footer +++ */
#footer {color:#666;}
#footer a:link, #footer a:visited {color:#666;text-decoration:none;}
#footer a:hover, #footer a:focus {color:#000;text-decoration:underline;}
span.copy {float:left;padding-left: 15px;color:#B3B3B3;}
span.copy:hover {color:#c00;}
#footer span.copy a:link, #footer span.copy a:visited {color:#B3B3B3;}
#footer span.copy a:hover, #footer span.copy a:focus {color:#c00;}
span.static {float:right;padding-right: 15px;}