html, body {
	height: 100.09%; /* force vertical scrollbar */
}

* {margin: 0; padding: 0;}

table,table th,table td,table tr {
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}

html {
	margin: 0;
    padding: 0;
}

body
{
    margin: 0;
    padding: 0;
    min-width: 985px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #282a31;
    background: #D0E7F5 url(../images/co2m-background-content.jpg) repeat-y center 0;
}

#nearlybody {
    background: url(../images/co2m-background-himmel.jpg) repeat-x center 29px;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

h2 {
	line-height:24px;
}

h1 strong {
	font-size: 14px;
	text-transform: none;
}

h2 {
    font-size: 16px;
}

h3 {
	font-weight: normal;
	font-size: 14px;
}

a {
	color: #2d8aad;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}



#pagetop {
    height: 29px;
    line-height: 29px;
    position: relative;
    color: #fff;
    background: url(../images/co2m-top-balken.jpg) repeat-x;
}

#pagetop a {
    color: #fff;
}

#languagechooser {
    padding: 0 0 0 10px;
}

#languagechooser a.mark,
#languagechooser a:hover {
	color: #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

#searchform {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 400px;
    height: 27px;
    text-align: right;
}

#searchform span {
    color: #000;
}

#searchform form {
    display: inline;
}

#header {
    height: 68px;
    position: relative;
}

#header #logo {
    display: block;
    position: absolute;
    width: 264px;
    height: 77px;
    top: 10px;
    left: 10px;
    z-index: 100;
}

#main {
    float: right;
    width: 717px;
    margin-right: 30px;
    display: block !important;
    display: inline;
}

#sidebar {
    float: left;
    width: 238px;
    margin: 0 0 0 0;
}

#specials {
    padding: 50px 0 0 30px;
}

#specials h2 {
    background: url(../images/co2m-sitebar-box-header.jpg);
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
    color: #fff;
}

#specials .box h3 {
    background: url(../images/co2m-sitebar-box-inactive.jpg);
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 20px;
}

#specials .box.expanded h3,
#specials .box h3:hover {
    background-image: url(../images/co2m-sitebar-box-active.jpg);
}


#widget {
    height: 274px;
    position: relative;
}

#widget .body {
    height: 226px;
    background: url(../images/widget/co2m-widget-back-empty.jpg);
    position: absolute;
    top: 25px;
    left: 0;
    width: 208px;
}

#widget.face .body { background-image: url(../images/widget/co2m-widget-back-empty.jpg); }
#widget.counter .body { background-image: url(../images/widget/co2m-widget-back-counter.jpg); }
#widget.thermo .body { background-image: url(../images/widget/co2m-widget-back-thermometer.jpg); }
#widget.group .body { background-image: url(../images/widget/co2m-widget-back-people.jpg); }
#widget.facebook .body { background-image: url(../images/widget/co2m-widget-back-facebook.jpg); }
#widget.info .body { background-image: url(../images/widget/co2m-widget-back-info.jpg); }

#widget .nav {
    height: 23px;
    background: url(../images/widget/co2m-widget-navi-off.jpg);
    position: absolute;
    top: 251px;
    width: 208px;
    left: 0;
}

#widget .nav a {
    background-image: url(../images/widget/co2m-widget-navi-off.jpg);
    position: absolute;
    top: 0;
    height: 23px;
    width: 29px;
}

#widget .nav a:hover,
#widget.face .nav a#n-face,
#widget.counter .nav a#n-counter,
#widget.thermo .nav a#n-thermo,
#widget.group .nav a#n-group,
#widget.facebook .nav a#n-facebook,
#widget.info .nav a#n-info {
    background-image: url(../images/widget/co2m-widget-navi-on.png);
}

#widget .nav #n-counter { left: 17px; background-position: -46px 0; }
#widget .nav #n-thermo { left: 46px; background-position: -75px 0; }
#widget .nav #n-group { left: 75px; background-position: -104px 0; }
#widget .nav #n-face { left: 104px; background-position: -17px 0; }
#widget .nav #n-facebook { left: 133px; background-position: -133px 0; }
#widget .nav #n-info { left: 162px; background-position: -162px 0; }


/*------------------------------------------------------------------
IE6 pngfix
-------------------------------------------------------------------*/
img, div { behavior: url(/media/lib/pngfix/iepngfix.htc) }

/*------------------------------------------------------------------
feinheit standard
-------------------------------------------------------------------*/
a#feinheit {
	background:transparent url(/media/img/design/feinheit.gif) no-repeat scroll 0 0;
	display:block;
	height:53px;
	position:absolute;
	left:0;
	text-indent:-7777px;
	bottom:0;
	width:16px;
}




/* Content styling */

div.content {
    padding: 25px 39px 30px 39px;
}

div.content p,
div.content li {
    line-height: 160%;
}

div.content p {
    margin: 5px 0;
}

div.content ul {
    margin: 2px 0 2px 20px;
}

div.content h2 {
    margin: 15px 0 8px 0;
}

div.content h3 {
    font-weight: bold;
    margin: 15px 0 8px 0;
}


/* Media library content */

div.image {
    text-align: center;
}

div.image img {
    background: #fff;
    border: 12px solid #fff;
    -moz-border-top-colors: #ccc #ddd #eee #fff #fff #fff #fff #fff #fff #fff #fff #fff;
    -moz-border-left-colors: #ccc #ddd #eee #fff #fff #fff #fff #fff #fff #fff #fff #fff;
    -moz-border-right-colors: #ccc #ddd #eee #fff #fff #fff #fff #fff #fff #fff #fff #fff;
    -moz-border-bottom-colors: #ccc #ddd #eee #fff #fff #fff #fff #fff #fff #fff #fff #fff;
    /*width: 610px;*/
    text-align: center;
    margin: 15px auto;
}

div.image div.info {
    padding: 6px 0 0 0;
    text-align: left;
}

div.image span.copyright {
    float: right;
    font-size: 80%;
}

div.image span.caption {
    font-weight: bold;
}

div.image span.description {
    display: block;
    padding: 3px 0 0 0;
    font-size: 80%;
}

/* Table content */

table.table {
    font-size: 90%;
}

table.table td,
table.table th {
    padding: 2px 4px;
}

table.table tr {
    border-top: 1px solid #ccc;
}

table.table tr:first-child {
    border-top: none;
}

table.table td {
    border-left: 1px solid #ccc;
}

table.table th {
    font-weight: normal;
    color: #2D8AAD;
}

table.table td.highlight {
    background: #ddd;
}

table.table .row1 { background: #e8e8e8; }
table.table .row2 { background: #e0e0e0; }
table.table .row3 { background: #d8d8d8; }
table.table .row4 { background: #d0d0d0; }


/* buttons */

div.buttons {
    text-align: center;
    padding: 15px 0 10px 20px;
    height: 40px;
    position: relative;
}

div.buttons a {
    display: block;
    margin: 0 10px 0 0;
}

div.buttons a:hover {
    text-decoration: none;
}

div.buttons a span {
    display: block;
    background: url(../images/co2m-btn-blue-right.png) right top no-repeat;
    height: 39px;
    line-height: 39px;
    color: #fff;
    padding: 0 20px 0 2px;
    font-size: 13px;
    float: left;
	cursor: pointer;
}

div.buttons a span.l {
    background: url(../images/co2m-btn-blue-left.png) left top no-repeat;
    width: 25px;
    padding: 0;
    float: left;
}

div.buttons a span.toleft {
    background: url(../images/co2m-btn-blue-left-left.png) left top no-repeat;
    width: 25px;
    padding: 0;
    float: left;
}

div.buttons a:hover span.toleft {
    background-image: url(../images/co2m-btn-green-left-left.png);
}

div.buttons a.delete span {
    background-image: url(../images/co2m-btn-red-right.png);
}

div.buttons a.delete span.l {
    background-image: url(../images/co2m-btn-red-left.png);
}

div.buttons a.gray span {
    background-image: url(../images/co2m-btn-gray-right.png);
}

div.buttons a.gray span.l {
    background-image: url(../images/co2m-btn-gray-left.png);
}

div.buttons a:hover span,
div.buttons a.green span {
    background-image: url(../images/co2m-btn-green-right.png);
    text-decoration: none;
    color: #0A255A;
}

div.buttons a:hover span.l,
div.buttons a.green span.l {
    background-image: url(../images/co2m-btn-green-left.png);
}

div.buttons a.blaa {
    background: url(../images/co2m-btn-dontknow.png);
    width: 41px;
    height: 39px;
    position: absolute;
    top: 15px;
    right: 0;
}

div.buttons a.blaa span {
    visibility: hidden;
}

/* clearing a float container without source markup */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.content form.nod th label {
    margin: 0 20px 10px 0;
    display: block;
    font-weight: normal;
}

.content form.nod p {
    min-height: 28px;
}

.content form.nod p label {
    width: 150px;
    display: block;
    float: left;
    clear: left;
}

.content form.nod p.submit,
.content form.nod p.errors {
    padding-left: 150px;
}

.content form.wide p label {
    width: 250px;
}

.content form.wide p.submit,
.content form.wide p.errors {
    padding-left: 250px;
}


.contactform th {
    font-weight: normal;
    width: 120px;
    height: 28px;
}

.contactform tr.submit td {
    padding-top: 10px;
}

div.news-entry {
	margin-top: 15px;
	margin-bottom: 8px;
}

div.news-entry h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.cse .gsc-control-cse, .gsc-control-cse {
padding:2%;
width:95.7%;
}