* {
        margin: 0;
         padding: 0;
         border: 0;
}
html { overflow: auto; }
body {
         background: url(../design/background.jpg) repeat;
         font: normal 11px "Arial", Verdana, Helvetica, Sans-serif;
         color: #000;
}

a { color: #487b88; }
a:hover { color: #518b99; text-decoration: none; }

#container {
        width: 630px;
}

#header {
        background: url(../design/header.gif) no-repeat;
         width: 630px;
         height: 105px;
}

#content {
        background: url(../design/content_bg.jpg) repeat-y;
         width: 630px;
         height: 400px;
         height: auto!important;
         min-height: 400px;
}
div#txt { padding: 0 185px 0 28px; text-align: justify; }
div#txt div { padding-bottom: 30px; }

div#home { background: url(../design/content_top_home.gif) no-repeat; width: 630px; height: 64px; }
div#webdesign { background: url(../design/content_top_webdesign.gif) no-repeat; width: 630px; height: 64px; }
div#workflow { background: url(../design/content_top_workflow.gif) no-repeat; width: 630px; height: 64px; }
div#referenzen { background: url(../design/content_top_referenzen.gif) no-repeat; width: 630px; height: 64px; }
div#stufflinks { background: url(../design/content_top_stufflinks.gif) no-repeat; width: 630px; height: 64px; }
div#kontakt { background: url(../design/content_top_kontakt.gif) no-repeat; width: 630px; height: 64px; }
div#impressum { background: url(../design/content_top_impressum.gif) no-repeat; width: 630px; height: 64px; }

/* SUBCONTENT */
div#sub { float: right; clear: right; }
div.sub_top { background: url(../design/subcontent_top.jpg) no-repeat; width: 185px; height: 20px; }
div.sub_bg { background: url(../design/subcontent_bg.jpg) repeat-y; width: 185px; }
div.sub_footer { background: url(../design/subcontent_footer.jpg) no-repeat; width: 185px; height: 15px; }
.subtitel { text-align: center; color: #487b88; font-weight: bold; margin-bottom: 10px; }
.sub_bg p { text-align: center; padding-bottom: 20px; }

#footer {
         background: url(../design/footer.jpg) no-repeat;
         width: 630px;
         height: 65px;
         margin-top: -30px;
}
.disclaimer { color: #fff; padding: 23px 0 0 28px; }
.disclaimer a { color: #fff; }

/* TEXTFORMATIERUNGEN */
.titel {
        font-size: 12px;
        font-weight: bold;
        color: #487b88;
}

.writedate { font-size: 9px; color: #518b99; }
.boldtext { clear: both; font-weight: bold; color: #487b88; margin: 0; }
.center_txt { text-align: center; }

div#txt ul { margin-left: 28px; }
div#txt ul li { list-style: square; }

.ref_tab {
        margin: 0;
         border: 0;
         font-size: 11px;
}
.ref_tab td { padding: 0 4px 2px 0; }

.tabCat { width: 100%; margin-top: 2px; }

ol { margin-left: 28px; }
ol li { margin-bottom: 10px; }

/* POPUP LAYOUT */
#popup_top { background: url(../design/popup_top.jpg) no-repeat; width: 480px; height: 25px; }
#popup_footer { background: url(../design/popup_footer.jpg) no-repeat; width: 480px; height: 30px; }
#popup_bg { background: url(../design/popup_bg.jpg) repeat-y; width: 480px; }

#pop_txt { padding: 0 185px 0 25px; text-align: justify; }
#pop_txt ul { margin-left: 25px; list-style: square; }

#pop_pics { float: right; clear: right; }

a.bu_close {
        background: url(../design/bu_closewindow.jpg) no-repeat;
         width: 109px;
         height: 29px;
         display: block;
         margin: 10px 0 0 100px;
}
a.bu_close:hover { background: url(../design/bu_closewindow_over.jpg) no-repeat; }

input, textarea {
        border: 1px solid #487b88;
         font-family: Arial;
         font-size: 11px;
         color: #518b99;
         padding: 1px 0 1px 2px;
}
input:hover, textarea:hover { background: #518b99; color: #fff; }
textarea { overflow: auto; }

a.bu_submit {
        background: url(../design/bu_absenden.jpg) no-repeat;
         width: 109px;
         height: 29px;
         display: block;
         margin-left: 150px;
}
a.bu_submit:hover { background: url(../design/bu_absenden_over.jpg) no-repeat; }

/* ERROR SEITE */
h2 { color: #d60000; text-align: center; margin: 0 0 20px 20px; }
.error { color: #d60000; text-align: center; margin-left: 20px; }
.error a { color: #d60000; }

img.line { margin: 2px 0 2px 0; float: left; clear: left; }
.picborder { border: 1px dotted #487b88; }