@charset "utf-8";

/***************** k-kombinat.de **************

blue backround: #3c6daf

blue backround: #5ea1fc

grey: #e5e5e5

rotbraun:#bb7a7a;

***********************************************/

/****************************/
/********Allgemein********/

/***Dieser erste Block setzt die wichtigesten tags auf 0. Diese mssten per css Klassen definiert werden***/

html, body, div, h1, h2, h3, span, a, table, tr, td, form, img, hr{
	margin:0;
        padding:0;
        font-family: Helvetica, Verdana, sans-serif;
        font-size: 10px;
        border: 0px;
        text-align:left;
        color: rgb(51,51,51);
        text-decoration: none;
}

ol, li  {text-align:left;}

.error {
	color: rgb(255,130,66);
        float: right;
        width: 150px;
        text-align: left;
}
span.true {
    color: rgb(51,51,51);
}
.success {
	color:green;
}
p {
    margin: 0;
    padding: 0 0 5px 0;
}
div {
	text-align: left;
        position:relative;
	
}


body {	
	margin: 0 auto;
	padding: 0;
	background-color: rgb(245,245,245);
	color: rgb(51,51,51);
        text-align: left;
		 		
}

#Maindiv {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 884px;
        height: 560px;
        margin-left: -442px;
        margin-top: -280px;
        z-index: 1;
}

button 	{
	border:	0px;padding: 0px; 		
}


input {
	width:150px;

}


textarea {
	
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.clearboth {
	clear:both;
}

a:link, a:visited, a:active {
        color: rgb(110,110,110);
}

a:focus, a:hover {
        color: rgb(51,51,51);
}
/****************************/
/***********TOP**********/

#ContentRight {
    	width: 230px;
        height: 551px;
        right: 0;
        bottom: -1px;
        position: absolute;
        z-index: 1000;
}
#ContentRightProjekte {
    	width: 230px;
        height: 524px;
        right: 0;
        bottom: -1px;
        position: absolute;
        z-index: 1000;
}
#ContentRightProjekteEdit {
    	width: 230px;
        height: 500px;
        right: 0;
        bottom: -1px;
        position: absolute;
        z-index: 1000;
}
#Header {	
        height: 164px;
        overflow: hidden;
        background-color: rgb(220,220,220);
        margin-bottom: 5px;
}

#HeaderProjekte {
        height: 137px;
        overflow: hidden;
        background-color: rgb(220,220,220);
        margin-bottom: 5px;
        /*margin-top: 28px;*/
}
#HeaderProjekteEdit {
        height: 113px;
        overflow: hidden;
        background-color: rgb(220,220,220);
        margin-bottom: 5px;
        /*margin-top: 50px;*/
}
#Header a.logo, #HeaderProjekte a.logo, #HeaderProjekteEdit a.logo {
        background: url(../design/logo.png) no-repeat;
        display: block;
        width: 183px;
        height: 30px;
        bottom: 10px;
        position: absolute;
        margin-left: 10px;
}

a.header:link, a.header:visited, a.header:active{

}

a.header:focus, a.header:hover {

}

/****************************/
/***********Menue**********/

#Menuelayer {
	margin: 0;
        padding: 0;
        width: 230px;
        height: 383px;
        background-color: rgb(220,220,220);
        z-index: 6000;
        position: absolute;
        bottom: 0;
}
/*
#Menuelayer .center {
	margin: 0 auto;
        text-align:center;      
}
*/
ul.menue01 {
    margin: 0;
    list-style: none;
    padding: 60px 0 5px 20px;
}

li.menue01 {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}
ul.menue02 {
    margin: 0;
    padding: 0;
    list-style: none;
}
li.menue02 {
    list-style: none;
    margin: 2px 5px;
}

ul.menue01Buero {
    margin: 0;
    list-style: none;
    padding: 19px 0 5px 20px;
    position: absolute;
    bottom: 0;
}

li.menue01Buero {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}
ul.menue02Buero {
    margin: 0;
    padding: 0;
    list-style: none;
}
li.menue02Buero {
    list-style: none;
    margin: 2px 5px;
}
a.linkMenue01:link, a.linkMenue01:visited, a.linkMenue01:active {
    color: rgb(135,135,135);
}

a.linkMenue01:focus, a.linkMenue01:hover, a.linkMenue01a {
    color: rgb(80,80,80);
}

a.linkMenue02:link, a.linkMenue02:visited, a.linkMenue02:active {

}

a.linkMenue02:focus, a.linkMenue02:hover {

}

.menue03 {
    float:left;
}

a.linkMenue03:link, a.linkMenue03:visited, a.linkMenue03:active{

}

a.linkMenue03:focus, a.linkMenue03:hover {

}


/****************************/
/***********Content**********/

#Content {
        height: 550px;
        float: left;
        width: 884px;
        margin: 0;
        padding: 0;
}

#ContentLeft {
        height: 550px;
        left: 0;
        width: 650px;
        line-height: 13px;
        position: absolute;
        z-index: 99;
}
#ContentLeft .bildstartseite img {
        height: 551px;
        width: 650px;
}

div.bild {
    height: 300px;
    width: 650px;
}
div.bildunterschrift {
    height: 23px;
    width: 626px;
    background-color: white;
    text-align: right;
    padding: 0 12px;
}
div.content h2, div.contentProjekt h2 {
    font-size: 12px;
    color: rgb(51,51,51);
    margin: 0 0 4px 0;
    padding: 0;
}
div.content h5, div.contentProjekt h5 {
    font-size: 10px;
    color: rgb(153,153,153);
    margin: 0;
    padding: 0;
    float: left;
    font-weight: normal;
}
div.contentProjekt {
    padding: 26px 21px 9px 27px;
    margin-top: 0;
    background-color: rgb(235,235,235);
    overflow: auto;
    width: 602px;
    height: 188px;
}
div.content {
    padding: 26px 21px 9px 27px;
    margin-top: 5px;
    background-color: rgb(235,235,235);
    overflow: auto;
    width: 602px;
    height: 188px;
}
div.contenttext {
   padding-top: 15px;
}
div.content p {
    margin: 0 0 5px 0;
}
div.contenttextgrau {
    color: rgb(110,110,110);
    padding-top: 10px;
}

div.grau p {
    margin: 0;
    padding: 0;
}
a.content:link, a.content:visited, a.content:active{

}

a.content:focus, a.content:hover {

}

div.contentsearch {
    padding: 0 0 0 27px;
    margin-top: 5px;
    background-color: rgb(235,235,235);
    overflow: hidden;
    width: 623px;
    height: 223px;
}

.contentleft {
    float: left;
    width: 420px;
}
.content_links {
    float: left;
    width: 230px;
}
.content_mitte {
    float: right;
    text-decoration: none;
    width: 175px;
}
.content_rechts {
    float: right;
    width: 170px;
}
/****************************/
/***********Kontaktformular**********/
div.reihe {
    margin-bottom: 10px;
}
div.betreff {
    float: left;
    width: 250px;
}
div.betreff_cnt {
    float: left;
    width: 250px;
}
div.feld {
    float: right;
}
div.feld_cnt {
    float: right;
}
div.feld input, div.feld textarea {
    background-color: rgb(245,245,245);
    border: 1px solid rgb(51,51,51);
    width: 300px;
}
div.feld_cnt input, div.feld_cnt textarea {
    background-color: rgb(245,245,245);
    border: 1px solid rgb(255,130,66);
    width: 300px;
}


/* INDEXSUCHE*/
#indexsearch{
	width:100%;
        border:0;
}
.search {
    float: left;
    width: 215px;
}
div.reihe.send {
    float: right;
}
div.reihe.send input {
    background-color: rgb(245,245,245);
    border: 1px solid rgb(51,51,51);
    width: 100px;
    float: left;
}

/****************************/
/***********Footer**********/

#Footerlayer {
	margin-top: 5px;
        height: 21px;
}

#Footerlayer .right {
	float: right;
}

.footerLeft {
	float:left;
        margin: 0;
        padding: 3px 20px 3px 28px;
        text-align: right;
        width: 602px;
        background-color: rgb(77,77,77);
        height: 16px;
}
.abstand {
        margin: 0;
        padding: 3px 5px 3px 5px;
        color: rgb(153,153,153);
}


.footerLeft .input input {
        height: 14px;
        width: 150px;
        float: left;
        margin-right: 5px;
        background-color: rgb(236,236,236);
        border: none;
        font-family: Helvetica,Verdana,sans-serif;
        font-size: 10px;
}
.footerLeft .send input {
	width: 30px;
        float: left;
        height: 16px;
        background-color: rgb(236,236,236);
        border: none;
        margin: 0;
        padding: 0;
        font-family: Helvetica,Verdana,sans-serif;
        font-size: 10px;
}

a.linkFooterLeft:link, a.linkFooterLeft:visited, a.linkFooterLeft:active {
        color: rgb(153,153,153);
        line-height: 16px;
}

a.linkFooterLeft:focus, a.linkFooterLeft:hover, a.linkFooterLefta {
        color: rgb(236,236,236);
        line-height: 16px;
}
.footerRight {
	float:right;
        margin: 0;
        padding: 3px 3px 3px 20px;
        text-align: left;
        width: 207px;
        height: 16px;
        background-color: rgb(220,220,220);
}
.floatleft{
    float: left;
}
.floatright {
    float: right;
}
.abstandRE {
        margin: 0;
        padding: 3px 5px 3px 5px;
}
a.linkFooter:link, a.linkFooter:visited, a.linkFooter:active {
        color: rgb(135,135,135);
        line-height: 16px;
}

a.linkFooter:focus, a.linkFooter:hover, a.linkFootera {
        color: rgb(80,80,80);
        line-height: 16px;
}


/****************************/
/***********TEMPLATES**********/



/****************************/

/****************************/


/****************************/
/***********MODULES*********/

/****************************/


/****************************/
/***********EDITMODUS*********/
.editmodus {
    position: absolute;
    top: 0;
    width: 650px;
    background-color: white;
    opacity: 0.8;
    z-index: 10000;
}
.contentedit {
    float: right;
}
.logout {
	width: 32px;
	height: 32px;
	padding: 0;
	display:block;
}

a.logout:link, a.logout:visited, a.logout:active {
	margin: 0 0 5px 813px;
	background: url(../design/logout_active.gif) no-repeat;
}
a.logout:focus, a.logout:hover {
	margin: 0 0 5px 813px;
	background: url(../design/logout_hover.gif) no-repeat;
}
.editmodusoptions {
    font-weight: normal;
    /*margin: 10px 0;*/
    height:20px;
    font-size: 11px;
    z-index: 10000;
}
span.logmenue01 {
    color: rgb(243,3,102);
}
span.edit:link, span.edit:visited, span.edit:active, span.edit {
    background: url(../design/edit_active.png) no-repeat top left;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.edit:focus, span.edit:hover {
    background: url(../design/edit_hover.png) no-repeat top left;
    cursor:pointer;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.before:link, span.before:visited, span.before:active, span.before {
    background: url(../design/before_active.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.before:focus, span.before:hover {
    background: url(../design/before_hover.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.after:link, span.after:visited, span.after:active, span.after {
    background: url(../design/after_active.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.after:focus, span.after:hover {
    background: url(../design/after_hover.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.new:link, span.new:visited, span.new:active, span.new {
    background: url(../design/after_active.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.new:focus, span.new:hover {
    background: url(../design/after_hover.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.delete:link, span.delete:visited, span.delete:active, span.delete {
    background: url(../design/delete_active.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
span.delete:focus, span.delete:hover {
    background: url(../design/delete_hover.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 0 16px 16px 0;
}
.contentline {
	background-image: url(../design/contentline.gif);background-repeat: repeat-x;height:2px;width:100%;margin:10px;
}
/****************************/




/* Datenschutz */
body .cc_container a, body .cc_container a:visited {
    font-size: 1em;
    color: rgb(102,102,90);
}
body .cc_container a:focus, body .cc_container a:hover {
    color: rgb(236, 236, 236);
}
body .cc_container .cc_btn, body .cc_container .cc_btn:visited {
    background: white;
    color: rgb(102,102,90);
}
body .cc_container .cc_btn:hover, body .cc_container .cc_btn:focus {
    color: rgb(51, 51, 51);
}