@import url(navigation.css);
@import url(templates/tt_news_v3_styles.css);

body {
	background-color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
}

a {
    color: #FF9900;
}

.clear{
	clear: both;
}

#verlauf {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#303030,endColorstr=#000000);
    background:-moz-linear-gradient(top, #303030, #000000);
    background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#000000));
}


.bg {
	border: solid green 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}


.main {
	border: solid red 0px;
    background-color: #000000;
    background-image: url(pics/bg-unten.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
	position: absolute;
	width: 960px;
	top: 0px;
	bottom: 0px;
	left: -480px;
	margin-left: 50%;
}

img.feuer {
	position: absolute;
	top: 0px;
	left: 30px;
}

img.logo {
	position: absolute;
	top: 220px;
	left: 55px;
}

.navi-links {
    position: absolute;
    left: 40px;
    top: 380px;
}


.kopf {
	border: dotted #F1C800 0px;
	border-bottom: solid white 1px;
	position: absolute;
	left: 240px;
	right: 10px;
	height: 120px;
}

.navi-oben {
	border: dotted #F1C800 0px;
	position: absolute;
	bottom: 3px;
	left: 0px;
	height: 24px;
}

.titel {
    border: dotted #F1C800 0px;
    position: absolute;
    top: 134px;
    left: 240px;
    font-size: 17px;
}


.links {
	border: dotted #F1C800 0px;
	position: absolute;
    bottom: 20px;
	left: 10px;
	width: 220px;
    text-align: center;
    font-size: 11px;
}

.inhalt_bg {
    background-color: rgba(0, 0, 0, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC000000',EndColorStr='#CC000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC000000',EndColorStr='#CC000000')"; /* IE8 */
    border: dotted white 0px;
    position: absolute;
	top: 170px;
	bottom: 20px;
	left: 240px;
	right: 80px;
}

.vertrieb .inhalt_bg {
    border: solid white 0px;
    background-image: url(images/karte.png);
    background-position: center;
    background-repeat: no-repeat;
}


.inhalt_rahmen {
    border: dotted white 0px;
    position: absolute;
	top: 170px;
	bottom: 20px;
	left: 240px;
	right: 40px;
    overflow: auto;
}

.inhalt {
    border: dotted #F1C800 0px;
    position: absolute;
    width: 640px;
    height: 90%;
    padding: 10px 0px;
}


.csc-textpic-caption {
    font-size: 10px;
    text-align: center;
    padding-top: 10px;
}

/* Tabelle Startseite */
.startseite .csc-default {
    height: 100%;
}

table.start {
    height: 100%;
}

.start-tabelle {
    width: 100%;
    height: 180px;
}

.start-tabelle td {
    font-size: 10px;
    text-align: center;
}

tr.top {
    height: 60px;
}

.line img {
    height: 220px;
}

/* Tabelle Vertrieb */
.tx-fdfx3cols-pi1 td {
    vertical-align: top;
}


.c3l1-left {
    width: 320px;
    border: none
}

.c3l1-left p {
    margin-right: 20px;
}


.c3l1-middle,.c3l1-right {
    width: 150px;
    border: none}

/* Kontakte */

.kontakte .csc-default {
    border: dotted red 0px;
    float: left;
    margin-right: 2px;
    width: 318px;
    font-size: 10px;
    margin-bottom: 20px;
}

.headline_01 {
    font-size: 14px;
}


#c31 {
    border: solid red 0px;
    width: 340px;
    position: absolute;
    top: 360px;
    right: 0px;
}

/* Formular Anfahrt */
.formu {
    width: 300px;
    padding: 10px 0px;
    border: 0px solid #C0C0C0;
}

.formu textarea,input#mailformemail,input#mailformname{
    width: 270px;
    margin: 6px 0px;
    border: 2px solid silver;
    font-family: Verdana;
    font-size: 11px;
}


/* Googlekarte */
.csc-default#c58 {
    border: solid silver 2px;
    position: absolute;
    top: 29px;
    right: 0px;
    width: 315px;
    height: 350px;
}