/*************************************/
/*** Copyrights www.TamerDesign.de ***/
/*************************************/


/************** General **************/
/*************************************/
* {
         margin: 0;
         padding: 0;
}

html {
         min-height: 101%;

}


body {
         margin: 0;
         padding: 0;
         height: 100%;
         background: url(../images/bg-fading.jpg) repeat-x left top;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         font-size: 13px;
         color: #515151;
         background-color: #ffffff;
         height: 100%;
}


h1, h2, h3, h4, h5 {
         margin: 0;
         font-weight: normal;
         color: #4c4c4c;           /* blau #0681e8 */
}

h1 {
         letter-spacing: -1px;
         font-size: 22px;
}

h2 {
         font-size: 23px;
}

h4 {
         font-size: 17px;
         margin: 0;
         padding: 0;
         display: inline;
         color: #0681e8;
}

h5 {
         letter-spacing: -1px;
         font-size: 22px;
         margin-bottom: 0;
         padding-bottom: 5px;
}

.grun {
         color: #abcf13;
}

.blau {
         color: #0681e8;
}

.grau {
         color: #4c4c4c;
}

.weiss {
         color: #ffffff;
}

p {
	margin: 0 0 20px 0;
	line-height: 24px;
	font-size: 13px;
}

a:link {
         color: #abcf13;
}

a:hover, a:active {
         text-decoration: none;
         color: #0681e8;
}

a:visited {
         color: #abcf13;
}



/* Form */

form {
         margin: 0;
         padding: 0;
}

fieldset {
        margin: 0;
        padding: 0;
        border: none;
}

legend {
        display: none;
}

input, textarea, select {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333333;
}

blockquote {
         border: 1px solid #ccc;
         background-color: #f2f2f2;
         padding: 10px;
         margin: 10px 0px;
         border-right: 1px solid #cccccc;
         color: #4c4c4c;

}

/* Header */

.header {
        width: 828px;
        height: 72px;
        margin: 0 auto;
}


/* Menu */
.navigation ul {
         list-style: none;
         margin: 0;
         padding: 0;

}

.navigation ul li {
         position: relative;
         left: 0;
         float: left;
         margin: 0;
         padding: 0;
}

.links {
        position: relative;
        left: 0;
        top: 0;
        width: 155px;
        height: 72px;
        background: url(../images/links.jpg) no-repeat;
}

.start {
        position: relative;
        left: 155px;
        top: 0;
        width: 103px;
        height: 72px;
        background: url(../images/start.jpg) no-repeat;
}

.start a {
         display: block;
         width: 103px;
         height: 72px;
         text-decoration: none;
}

.start a:hover, .aktiv_start {
         text-decoration: none;
         background: url(../images/start-over.jpg) no-repeat;
         color:#ffffff;
}

.service {
        position: relative;
        left: 258px;
        top: 0;
        width: 104px;
        height: 72px;
        background: url(../images/service.jpg) no-repeat;
}

.service a {
         display: block;
         width: 104px;
         height: 72px;
         text-decoration: none;
}

.service a:hover, .aktiv_service {
         text-decoration: none;
         background: url(../images/service-over.jpg) no-repeat;
         color:#ffffff;
}

.leistungen {
        position: relative;
        left: 362px;
        top: 0;
        width: 103px;
        height: 72px;
        background: url(../images/leistungen.jpg) no-repeat;
}

.leistungen a {
         display: block;
         width: 103px;
         height: 72px;
         text-decoration: none;
}

.leistungen a:hover, .aktiv_leistungen {
         text-decoration: none;
         background: url(../images/leistungen-over.jpg) no-repeat;
         color:#ffffff;
}

.kontakt {
        position: relative;
        left: 465px;
        top: 0;
        width: 103px;
        height: 72px;
        background: url(../images/kontakt.jpg) no-repeat;
}

.kontakt a {
         display: block;
         width: 103px;
         height: 72px;
         text-decoration: none;
}

.kontakt a:hover, .aktiv_kontakt {
         text-decoration: none;
         background: url(../images/kontakt-over.jpg) no-repeat;
         color:#ffffff;
}

.impressum {
        position: relative;
        left: 568px;
        top: 0;
        width: 103px;
        height: 72px;
        background: url(../images/impressum.jpg) no-repeat;
}

.impressum a {
         display: block;
         width: 103px;
         height: 72px;
         text-decoration: none;
}

.impressum a:hover, .aktiv_impressum {
         text-decoration: none;
         background: url(../images/impressum-over.jpg) no-repeat;
         color:#ffffff;
}

.rechts {
        position: relative;
        right: 671px;
        top: 0;
        width: 157px;
        height: 72px;
        background: url(../images/rechts.jpg) no-repeat;
}


#logo {
        width: 828px;
        height: 319px;
        margin: 0 auto;
        background: url(../images/header-start.jpg) no-repeat left top;
}

#logo h1 {
        padding: 175px 0 0 15px;
        margin: 0;
        font-size: 20px;
}

#logo h1 a {
        text-decoration: none;
        color: #ffffff;
}

#logo h1 a:hover {
         text-decoration: none;
}

#logo h2 {
        padding: 0 0 0 48px;
        margin: 0;
        font-size: 13px;
        color: #000000;
}

#logo h3 {
        padding: 200px 0 0 51px;
        margin: 0;
        font-size: 15px;
        color: #ffffff;
}

#logo p a {
        text-decoration: none;
        color: #b6aca2;
}

#logo p a:hover { text-decoration: underline; }



/*************************/
.clearfix::before, .clearfix::after, .row::before, .row::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.row::after, .clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after, .row::before, .row::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.row {
	width: 800px;
	padding: 0;  /* 0 34px 20px; */
}

.row ol {
		/*display: block;*/
		padding: 30px 30px;
}

.row ol li {
		list-style: square url(../images/dot.gif);
		/*list-style-image:url(../images/dot.gif);*/
		list-style-position: outside;
		padding-bottom: 10px;
        line-height: 24px;
        font-size: 13px;
        font-weight: bold;
}

.row, .clearfix {
}

.firstcols {
    margin-left: 0 !important;
}

.last, .lastcols {
    clear: right;
    margin-right: 0 !important;
}

.one_third {
    width: 30.3333%;
}
.two_third {
    width: 66.6666%;
}

.one_half {
    width: 48%;
	margin:;
}

.one_half, .one_third, .two_third {
    float: left;
    margin-left: 0;
    margin-right: 4%;
    position: relative;
}
/*************  ************/


/*************  ************/
/*************************************/
/* Page */

#page {
        width: 826px;
        margin: 0 auto 0 auto;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
}

/* Content */

#content {
        float: right;
        width: 828px;
        margin: -80px auto 0 auto;
}

.fadings {
        width: 828px;
        height: 101px;
        background: url(../images/img10.jpg) no-repeat left top;
        margin: 0 auto 0 auto;
}

/* Post */

.post {
        padding: 5px 15px;
}

.post .title {
        margin-bottom: 20px;
        padding-bottom: 5px;
}

.post h1 {

}

.post h2 {
        height: 32px;
        padding: 3px 0 0 15px;
        background: url(../images/h2-bg-588.jpg) no-repeat left top;
        font-size: 18px;
        color: #3a3a3a;
}

.post .entry {
        padding: 0 15px;
}

.post h5 {
         color: #abcf13;
}

.post .meta {
        padding: 0;
        margin-right: 0 10px;
        border-top: 1px dotted #d1d1d1;
}

/* Sidebar */

#sidebar {
        float: left;
        width: 215px;
}

#sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#sidebar li {
        margin-bottom: 40px;
        padding: 0 15px;
}

#sidebar li ul {
}

#sidebar li li {
        margin: 0;
        padding-left: 15px;
        background: url(../images/dot.jpg) no-repeat left 50%;
}

#sidebar h2 {
        height: 32px;
        padding: 2px 0 0 15px;
        margin-bottom: 10px;
        background: url(../images/h2-bg-185.jpg) no-repeat left top;
        font-size: 18px;
        color: #ffffff;
}



/* Footer */
#footer-wrap {
        width: 828px;
        height: 45px;
        margin: 0 auto;
        background: url(../images/footer-bg.jpg) no-repeat left top;
}

#footer {
        margin: 0 auto;
        height: 45px;
        min-height: 45px;
        padding: 0;
}

html>body #footer {
        height: auto;
}

#footer p {
         font-size: 11px;
}

#rechte {
        clear: both;
        padding-top: 10px;
        text-align: center;
        color: #515151;
}

#rechte a {
        color: #515151;
        text-decoration: none;
}

#rechte a:hover {
        color: #ffffff;
        text-decoration: none;
}


/************** Formular *************/
/*************************************/
.kontaktform {
         /*background-color: #f0eeee;*/
         /*border: 1px solid #d1d1d1;*/
         background: url(../images/formular-bg.jpg) no-repeat;
         padding: 20px 0 55px 0;
         width: 770px;
         font-weight: bold;
}

.kontaktform p {
         margin: 0 10px 0 10px;
         font-weight: bold;
}

.kontaktform a {
         color: #000000;
         text-decoration: underline;
         font-weight: bold;
}

.kontaktform a:hover {
         text-decoration: underline;
         color: #000000;
}

form {

}

/*.rand {
         padding: 0 15px 0 15px;
}*/


input {
         width: 280px;
         font-size: 13px;
         color: #0681e8;
         position: relative;
         left: -20px;
         font-weight: bold;
}

textarea {
         font-size: 13px;
         color: #0681e8;
         width: 280px;
         height: 50px;
         position: relative;
         left: -17px;
         font-weight: bold;
}

.hinweis {
         position: relative;
         top: -190px;
         left: 380px;
         height: 190px;
         width: 330px;
         margin: 0 0 -190px 15px;
         /*border: 1px solid #ff0000;*/
}

p.error {
        position: relative;
        top: 0;
        color: #0681e8;
        margin-bottom: -15px;
        font-size: 13px;
        text-align: left;
        font-weight: bold;
}

.under {
         border-bottom: 2px dotted #ff0000;
}

.input_abstand {
         height: 30px;
         margin: 0 0 0 10px;
}

input, textarea {
         position: relative;
         margin-left: 30px;
}

.area {
         margin: 0 0 0 10px;
}

.button_send {
         margin: 0;
         padding: 0;
}

.button_send a {
         position: relative;
         top: 0;
         left: 283px;
         border: 0;
         display: block;
         font-size: 13px;
         text-decoration: none;
         font-weight: bold;
         width:  80px;
         height: 22px;
}

.button_send input {
         position: relative;
         top: 0;
         left: 0;
         color: #0681e8;
         border: 0;
         display: block;
         font-size: 13px;
         font-weight: bold;
}

.button_send a:link {color: #0681e8;}
.button_send a:visited {color: #0681e8;}
.button_send a:focus {color: #0681e8;}
.button_send a:active {color: #0681e8;}
.button_send a:hover {color: #515151;
         text-decoration: none;
         font-weight: bold;
}

.button_send span {
         position: absolute;
         top: 2px;
         left: 33px;
}

.tdlogo {
	position: relative;
	top: 4px;
}