#contact_form_holder {
    font-family: 'Verdana'; /* this is a nice font-family, at least i think, if you don't like it change it <img src="http://tutsvalley.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */
    font-variant: small-caps; /* making the small letter looks like capital but keeping the size of it to smaller, looks cool */
    width:400px; /* setting a fixed width of the contact form holder will make things easier later (like aligning and such) */
}
#contact_form_holder input, #contact_form_holder textarea {
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */
    font-family: inherit ; /* we must set this, so it inherits the font-family */
    padding:5px; /* and make a custom padding, you can set whatever you like */
}
#contact_form_holder textarea {
    height:100px; /* i never liked small textareas, so make it 100px in height */
}
#send_message {
    width:200px !important; /* the width of the submit button  */
    font-variant: small-caps; /* nicer font-variant (like explained before) */
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

/* styling */

.error {
    display: none; /* hide the errors */
    /* add some styling */
    padding:10px;
    color: #D8000C;
    font-size:12px;
    background-color: #FFBABA;
}
.success {
    display: none; /* hide the sucess div */
    /* add some styling */
    padding:10px;
    color: #044406;
    font-size:12px;
    background-color: #B7FBB9;
}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }

a#navigation:link{color: #004000; text-decoration:none; ; font-size: 15px; font-family: arial}

a#navigation:visited{ color: #004000;text-decoration:none;font-family:arial; font-size: 15px; }

a#navigation:active{ color: #004000;text-decoration:underline;font-family: arial; font-size: 15px; }

a#navigation:hover{ color: black;  text-decoration:underline;font-family: arial; font-size: 15px; }

a#navigationfett:link{color: #004000; text-decoration:none; ; font-size: 13px; font-family: arial}

a#navigationfett:visited{ color: #004000;text-decoration:none; font-size: 13px; }

a#navigationfett:active{ color: #004000;text-decoration:underline; font-size: 13px; }

a#navigationfett:hover{ color: black;  text-decoration:underline; font-size: 13px; }

a:link{color: black; text-decoration:underline; ; font-size: 15px; font-family: arial}

a:visited{ color: black;text-decoration:underline;font-family:arial; font-size: 15px; }

a:active{ color: black;text-decoration:underline;font-family: arial; font-size: 15px; }

a:hover{ color: black;  text-decoration:none;font-family: arial; font-size: 15px; }

td#navigation {background-image: url(../pics/navigation.jpg)}

#header {background-image: url(../pics/header1.jpg)}

#footer {font-size: 12px}

td#inhalt {font-style: arial; font-size: 14px;}

td#leüberschrift {font-style: arial; font-size: 17px;}

td#letext {font-style: arial; font-size:15px;}

td#imüberschrift {font-style:arial; font-size: 17px;}

td#imtext {font-style: arial; font-size:15px;}

#rundrum {
  border-width:1px;
  border-style:solid;
  border-color:gray;
  padding:2.5em;
  text-align:justify;
}

ul#portfolio {
list-style-type: none;
padding: 0px;
margin:0px;
}

table#container
{
padding:0;
margin:auto;
border:0;
width:900px;
}