You can change the font color in the general styling section of the enfold theme options.

for the font size you have to use the quick css or custom.css and enter:

.avia-menu-text {
font-size: 16px;
}

Also look at the advanced styling beta: http://vimeo.com/92502063

first of all to remove the text:

#top .avia_hidden_link_text {
    display: none;
}

I think its a script related problem. Try to disable all additional plugins and check if that’d fix the problem.
Also, i only see the problem when i open the website in my virtual machine. And after 1-5 minutes, it changes to the way it should be.
Opening the site from outside the VM, i have no problems witht the site

i think you got the wrong idea Yigit.
The image is what he has and the link is what he wants.

But you provided the code to make the link look like the picture?

i think my solution with the div container is the best:

[av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]

<div style="float: left;">
Ständlerstr. 35
81549 München
Germany
</div>

He could also use the tex-indet method.
But then he’d need a div container for every new line to align it.

remove:
.widgettitle{ display:none; }

hide (still takes space):
.widgettitle{ visibility:hidden; }

Either you did not set the message to private or i became a moderator without knowing.

with the layer slider http://www.youtube.com/watch?v=7MLhK8MA5dk

why dont you place your menu in an element and set a background color instead of using the background?
You would have to remove the padding from the footer, but this way you can make sure that it will be the same on every screen.
Dont know if a negative margin on the element would help so you dont have to remove the padding.

Resizing the image would result in a lower width of the light grey area while the menu keeps it width. So resizing wont work.

I think they did not use a 3rd party porgram.
The export/import uses a .json file (javascript object notation).

Enfold Theme Options -> header layout -> extra elements

does that help?

to move it to the left add the following to the quick css in the enfold styling options (or to the custom.css in the theme folder /css/):

.av_phone_active_right .phone-info {
    float: left;
}

But i dont know if thats what you want.
For me it looks good where it is.

You want the logo to be 810 px or full width?
What are the dimensions of your logo?

On my site i am using a fullwidth background image in the header:

#header_main {
background: url('http://www.yourwebsite.com/wp-content/uploads/2014/05/image.jpg') no-repeat scroll center top;
background-size: 100% 100px;
}

It only stretches the width and keeps a fixed height.
please be more specific about what you need.

padding:

.logo img { padding-bottom: 20px; }

first code: solution with a table
second code: solution with a div container
Versuchs doch mal mit (variante mit div unten ist vielleicht einfacher):

<table style="width: auto;">
<tr>
<td>[av_font_icon icon='ue80a' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]</td>
<td>
F10 Performance Oil Vertrieb UG <br>
(haftungsbeschränkt)
</td>
</tr>
<tr>
<td>[av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]</td>
<td>
Ständlerstr. 35<br>
81549 München<br>
Germany
</td>
</tr>
</table>

Werde jetzt aber nicht allles übertragen.
Anschließend kann der Tabelle noch eine ID gegeben werden um über css das styling zu machen (Rahmen entfernen, Abstände und was sonst noch gewünscht wird)

edit: mein div container würde alles nach einem icon umschließen. Und padding-left brauchst du nicht wenn du den abstand zum icon nicht vergrößern möchtest:

[av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]

<div style="float: left;">
Ständlerstr. 35
81549 München
Germany
</div>

it would just be
min-height: 20px !important;

but i guess the problem is that the height is defined somewhere else.
Can’t say that without seeing the site.

So you should use:

#color-section-01{
min-height: 20px;
height: 20px;
}

The “!important” just forces the parameter to that element. The min-height can be defined at different places for an element. And depending on where and how it is defined, they have different priorities.
Adding “!important” to it, just increases the priority to the heighest (unless others use the “!important” as well).
So normally you shouldn’t use it because the priorities get messed up and it is harder to understand whats going on.