Layout messes up in the chronoform menu-item

On the website http://www.matrozenkoorapeldoorn.nl in the 'boekingen' menu item, the layout messes up. It seems it get's smaller just because the form isn't that wide I think.

I can't for the love of god find the error. I tried messing around in my template CSS file but I think I have to edit something in the css of the module but I can't find the files in the usual (administrator/)components or modules folders. Anyone know where it is so I can give it a fixed width, or is my problem something entirely else?
Or do I have to do something in the templates/system css files?

For reference, here is a part from my css file:

The form is in the #linker div, which is in #inhoud (the big white part).

#container {
text-align: left;
width: 1000px;
margin: 0 auto;
}

#inhoud {
padding-left: 10px;
padding-right: 10px;
background: white repeat-y;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
}

#inhoud div {
overflow: hidden;
}

#linker {
float:left;
width: 700px;
text-align: left;
margin-right: 5px;
margin-top: 5px;
margin-left: 1px;
}

Please please help!

Hi mirel,

ChronoForms has a css file called style1.css which also defines #container with a width of 800px; - delete that width setting and I think that all will be well.

Bob

PS Max has said that a future version of ChronoForms will have better CSS selectors.

Where is it? Like I said, I tried looking in the components and modules page but couldn't find a chronoform folder. Could you point it out please?

Hi mirel,

its under components/com_chronocontact/styles/

Cheers
Max

I don't have a folder like that. Is it because I had Legacy 1.0 on while installing it?

MY GOD I was in my personal testing hosting enviroment where it wasn't installed all the time GODDAMNIT, -all that time- >........<