/* ###################################################### */
/* ####################### BODY ################### */
/* ###################################################### */

html, body{
margin:0;
padding:0;
text-align:center;
background-color:#333333;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:8pt;
}

#pagewidth{
width:960px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#c6c6b7;
margin-top:5%;
position:relative;
}

/* ###################################################### */
/* ####################### MENUE ################ */
/* ###################################################### */

#menue{
position:absolute;
top:0px;
left:180px;
border-left: 1px solid #000;
z-index:300;
}

/* ###################################################### */
/* ####################### POSTIT ################ */
/* ###################################################### */

.hidden { display: none; }
.unhidden { display: block; }

#postit{
position:absolute;
top:0px;
left:180px;
z-index:10000;
width:350px;
height:350px;
visibility:hidden;
}

#body2 #postit{
position:absolute;
top:50px;
left:420px;
z-index:10000;
width:350px;
height:350px;
visibility:visible;
background-image:url(../upload/layout/postit.png);
}

/* ###################################################### */
/* ####################### HEAD ################### */
/* ###################################################### */

#header{
position:relative;
height:145px;
background-color:#c6c6b7;
width:100%;
background-image:url(../upload/layout/bg_titel.jpg);
background-repeat:repeat-x;
background-position:0px 30px;
border-bottom:5px solid #333333;
z-index:50;
}

/* ###################################################### */
/* ####################### COLS ################### */
/* ###################################################### */

.content_text, .content {
padding:10px;
}

.content_media {
padding:0px;
}

#rightcol .content_text {
overflow:auto;
width:550px;
height:300px;
font-size:10pt;
}

#rightcol .content_media #XMLFlashGallery{
overflow:hidden;
width:570px;
height:320px;
}

#googlemaps{

}

#XMLFlashGallery{
position:relative;
z-index:1;
}


#leftcol{
width:180px;
float:left;
position:relative;
background-color:#c6c6b7;
}

#leftcol .content{
margin-top:120px;
}

#twocols{
width:780px;
float:right;
position:relative;
}

#rightcol{
width:570px;
height:320px;
float:right;
position:relative;
}

#maincol{background-color: #fcecd2;
float: left;
display:inline;
position: relative;
width:210px;
height:320px;
z-index:60;
}

/* ###################################################### */
/* ####################### FOOTER ################### */
/* ###################################################### */

#footer{
height:0px;
clear:both;
}

/* ###################################################### */
/* ####################### FLOWER ################### */
/* ###################################################### */

#flower{
width:240px;
height:300px;
background-image:url(../upload/layout/flower.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:absolute;
top:0px;
left:0px;
z-index:51;
}

#logo{
width:180px;
height:84px;
background-image:url(../upload/layout/logo_huels.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:absolute;
top:62px;
right:10px;
z-index:51;
}

#slogan{
width:280px;
height:30px;
background-image:url(../upload/layout/slogan_gute_ideen.png);
background-repeat:no-repeat;
background-position:0px 0px;
position:absolute;
top:115px;
left:180px;
z-index:51;
}



/* ###################################################### */
/* ####################### FIX Transparentes PNG ################### */
/* ###################################################### */

img, div, a, input { behavior: url(css/iepngfix.htc) }


/* *** Float containers fix: *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}


/* ###################################################### */
/* ####################### FORMULAR ################ */
/* ###################################################### */

#form_auftraggeber .error {
background-color: #FF0000;
}
#form_auftraggeber .error_select {
background-color:#00FF00; border:2px solid #FF0000;
}

#form_auftraggeber input {
background-color:#eeeeee;color:#000; border:1px solid #929292;
width:95%;
}

#form_auftraggeber textarea {
background-color:#eeeeee;color:#000; border:1px solid #929292;
width:95%;
}

#form_auftraggeber select {
background-color:#eeeeee;color:#000; border:1px solid #929292;
width:95%;
}