@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;	
}

body {
	font-family: Arial, sans-serif;
	font-size: 62.5%; /* Default font size is now 10px */
	line-height: 1.2em;	
	background: url(images/layout/background.png) top left repeat-y #f3f3f3;
}

#top {
	width: 971px;
	height: 115px;
	background: #f3f3f3;
}

#top img#logo {
	position: absolute;
	left: 223px;
	z-index: 1;
	top: 50px;
}

#head {
	margin-top: 20px;
	width: 1000px;
	height: 203px;
	background: url(images/layout/stoff.jpg) no-repeat top left #252323;
	position: relative;
}

#head img#site, #head object {
	position: absolute;
	z-index: 1;
	right: 0px;
        top:0px;
}

#main {
	width: 766px;
	min-height: 345px;

        /* min-height Hack for IE6 (doesn't know min-height) */
        height:auto !important;
        height:345px;

	background: url(images/layout/shadow.jpg) no-repeat top left;
	position: relative;
	left: 183px;
	padding: 67px 40px;
}

#content, #content2 {
	width: 360px;
	min-height: 200px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #252323;
	float:left;
}

#content2 {min-height:0;}

#content.contact {width:700px;}

.contact .ce_text{float:left;clear:both;width:auto;}
.contact .ce_textfix{width:700px;}

#content.references {width:725px;}

#content.menschen {width:100%;}

#content_news {float:left;margin-left:26px;width:312px;margin-top:40px;}

#content_news h3 {background-color:#252323;color:#FFFFFF;margin-bottom:2px;padding:5px 5px 5px 10px;}

#content_news .ce_text {background-color:#F07A0C;font-size:1.2em;line-height:1.4em;padding:5px 5px 5px 10px;}

#content_potw {background-color:#cccccc;float:left;margin-left:26px;margin-top:2px;width:290px;padding:11px;}

#content_potw .ce_text {font-size:1.2em;line-height:1.4em;}

#content_potw .ce_image{float:left;margin-right:11px;}

#content_potw .ce_image img {border:3px solid #FFFFFF;}

#content_meta, #content_beratung {
	width: 340px;
	margin-left: 26px;
	min-height: 200px;
	float:left;
	text-align: center;
}

#content_meta .ce_image {float:left;}
#content_meta .image_container {margin-right:35px;margin-top:25px;text-align:left;position:relative;}
#content_meta .col_last .image_container {margin-top:25px;margin-right:0;}
#content_meta .image_container img {border:3px solid #fff;}
#content_meta .row_first .image_container {margin-top:60px;}
#content_meta .scope {position:absolute;left:0;top:63px;}

#content_beratung {float:right;margin-right:26px;margin-left:0;width:400px;}

#content_beratung .ce_text, #content_beratung .explanation, #efficiency_calc fieldset, noscript p {text-align:left;font-size:1.2em;line-height:1.4em;}
#content_beratung ul {list-style-position:outside;padding-left:14px;}
#content_beratung h1, .h1-beratung {font-size:1.8em;margin-bottom:15px;}
#content_beratung h1 {margin-top:20px;margin-bottom:20px;font-size:1.5em;}
#content_beratung .ce_image, #content_beratung .swf {text-align:left;}

.ce_text ul {list-style-position:inside;}
.home img {border:none;}

#map {width:330px;height:330px;overflow:hidden;float:right;border:6px solid #FFF;}

.mensch, .menschen, .menschen .ce_text {float:left;}
.menschen .ce_text {margin-right:10px;position:relative;margin-bottom:50px;}
.menschen .left {float:left;height:141px;width:107px;}
.menschen .left img {border:5px solid #fff;}
.menschen .right {float:left;margin-left:10px;font-size:0.9em;}
.menschen .right .fullname {font-weight:bold;}
.menschen .right .email {margin-top:10px;}
.menschen .right .vcard {bottom:-1px;height:30px;left:114px;position:absolute;width:37px;}
.vcard img {border:none;}

#content .formbody {position:relative;float:left;}
#content .mandt {float:left;clear:both;}
#content .formbody label, input {float:left;clear:left;}
#content .formbody label {margin-bottom:10px;}
#content .formbody input, textarea {border:1px solid #000;width:250px}
#content .formbody textarea {position:absolute;top:17px;left:350px;height:195px;}
#content .formbody .submit_container input {left:601px;position:absolute;top:241px;width:auto;}
#content .mod_login .submit_container input {position:static}
#content .mod_login .col_first {width:100px;}
#content .formbody .area {left:350px;position:absolute;top:0px;width:400px;}
#content .formbody label.txtarea {left:350px;position:absolute;top:217px;width:100%;}
#content .formbody .error {color:#F00;float:left;clear:both;}

#termine table {left:12px;position:absolute;top:0px;border-collapse:collapse;width:777px;}

#termine table span {display:block;}

#termine .termin_act a {text-decoration:none;}
#termine .termin_act a:link {color:#FFF;}
#termine .termin_act a:visited{color:#FFF;}
#termine .termin_act a:hover{color:#FFF;}
#termine .termin_act a:active{color:#FFF;}

#termine .termin_act .days {color:#000;padding-right:5px}

#termine .timage {position:relative;}

#termine .timage img {position:absolute;border:none;width:123px;height:57px;z-index:0;left:-6px !important;left:-59px;top:-8px !important;top:-7px;}

#termine .tabhead .days {color:#CD7A02;font-size:1.2em;text-transform:uppercase;}

#termine .mname {text-align:left;background:transparent url(images/layout/currmonth.png) no-repeat scroll left top;height:24px;color:#FFFFFF;font-size:1.1em;padding-left:27px;text-transform:uppercase;}

#termine .nmonth, #termine .lmonth {height:24px;font-size:1.1em;text-transform:uppercase;}

#termine .lmonth {text-align:left;padding-left:20px;}

#termine .nmonth {text-align:right;padding-right:20px;}

#termine .nmonth a, #termine .lmonth a {text-decoration:none;position:relative;z-index:1;}
#termine .nmonth a:link, #termine .lmonth a:link {color:#F89A12;position:relative;z-index:1;}
#termine .nmonth a:visited, #termine .lmonth a:visited{color:#F89A12;position:relative;z-index:1;}
#termine .nmonth a:hover, #termine .lmonth a:hover{color:#F89A12;position:relative;z-index:1;}
#termine .nmonth a:active, #termine .lmonth a:active{color:#F89A12;position:relative;z-index:1;}

#termine .bgimage {position:relative;}

#termine .bgimage img {left:-20px;position:absolute;top:-6px;z-index:-1;}

#termine .listname{text-align:center;position:relative;z-index:1;color:#fff}

#termine span.days {font-size:1.2em;text-align:right;position:relative;z-index:1;padding-right:5px;}

#termine th {height:46px;width:111px;}

#termine .tabbody th {border:1px solid #b1b1b1;padding-top:2px;vertical-align:top;}

#termine .omonth {color:#ababab;}

#termine .omonth .days {color:#ABABAB;}

#termine .omonth a:link {color:#ababab;}
#termine .omonth a:visited{color:#ababab;}
#termine .omonth a:hover{color:#ababab;}
#termine .omonth a:active{color:#ababab;}

#termine #left {width:394px;float:left;}

#termine #right {width:357px;float:left;}

#termine #right img {border:5px solid #fff;}

#termine #right .mimage {margin-top:29px;}

#termine .subtext {margin-bottom:13px;margin-top:12px;width:305px;}

#termininfos {padding-right:20px;}

#termininfos h1 {font-size:1.7em;}

#termininfos p {margin:0px;padding:0px;font-size:1.2em;line-height:1.4em;}

#termininfos .name {margin-top:17px;margin-bottom:19px;}

#termininfos .text, .termin_kontakt {font-size:1.2em;}

.termin_kontakt a:link {color:#000;}
.termin_kontakt a:visited{color:#000;}
.termin_kontakt a:hover{color:#000;}
.termin_kontakt a:active{color:#000;}


.termin_kontakt {margin-top:17px;}

.back {background:url(images/layout/backbar.png) no-repeat top left;height:24px;left:12px;position:absolute;top:0px;width:406px;}

.back.bottom {background:url(images/layout/backbar.png) no-repeat top left;height:24px;float:left;position:relative;width:100%;margin-left:-39px;margin-top:30px;}

.back a {color:#FFFFFF;font-size:1.3em;padding-left:28px;position:absolute;top:4px;}

.projektoverview_top {
        float:left;
        width:187px;
}

#projekte, #presseveroeffentlichungen {
        float:left;
        width:100%;
}

.projektoverview {
        width:187px;
        float:left;
        margin:39px 0px 0px 0px;
}

.projektoverview img, .projektoverview_top img {
        border:5px solid #fff;
        margin-bottom:8px;
}

.projektoverview a, .projektoverview_top a {
        text-decoration:none;
}

.date {
        color:#252323;
        font-size:1.4em;
        margin-bottom:10px;
}


.name, .info {
        color:#cd7a02;
        font-size:1.2em;
}


.date, .name, .info {
        padding-left:5px;
        display:block;
}

.name {
        margin-bottom:2px;
        color:#000;
}

#projekt #left img {
        margin-top:36px;
        margin-bottom:36px;
        border:3px solid #959494;
}


#projekt #right img {
        margin:0px 28px 41px 0px;
        float:left;
        border:3px solid #fff;
}

#projekt, #projekt #left, #projekt #right {
        float:left;
}

#projekt #right {
        margin:50px 0px 0px 35px;
        width:370px;
}

#projekt #left .date, #projekt #left .name, #projekt #left .info {
        display:inline;
}

h1 {
	font-size: 1.5em;
	margin-bottom: 15px;
}

input.inputfield {
    background-color: #ffcc00;
}

input.readonly {
    color: #888;
}

label.bold {
    font-weight: bold;
}

#efficiency_calc fieldset {
    padding: 15px;
}

#efficiency_calc fieldset legend {
    font-weight: bold;
}

#efficiency_calc .formbody label, #efficiency_calc .formbody input {
    float: left;
    clear: left;
}

#efficiency_calc .formbody label {
    margin-bottom: 5px;
}

#efficiency_calc .green {
    border-color: #00d500;
    color: #00d500;
}

#efficiency_calc .red {
    border-color: #f00;
    color: #f00;
}

#efficiency_calc #resultmessages {
    clear: both;
}