/*  ------------------------------------------------------

Stylesheet zu www.tg-marketing.de
2008                   
*  *  *  *                              
Design: www.tg-marketing.de // 
    

--------------------------------------------------------*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
color: #000;
font: 100.1% "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
background: #fff !important;
text-align: center /*uncool MSIE 5.5*/
}

table, tr, th, td, img, fieldset {border: 0 none;}

.hidden {
position: absolute;
left: -3000px;
top: -1000px;
}

ul, ol {
list-style-type: none;
}

hr, .usb {display: none;}

div.clear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}

/*  ------------------------------------------------------
TYPOGRAPHIE
--------------------------------------------------------*/
h2 {
text-transform: uppercase;
color: #AAA;
font-size: 12px;
margin: 0 0 2px 0;
font-weight: normal;
}

h3 {
color: #6C5D4E;
font-size: 16px;
margin: 0 0 12px 0;
font-weight: normal;
}

h3 span {
background: url(/basics/images/h3.gif) no-repeat 100% 0;
padding: 0 4px;
}

div#homepic {
margin: 0 0 20px 30px;
}

div#content p, div#content_kunden p  {
line-height: 140%;
margin: 0 0 20px 0;
font-size: 12px;
}


a {
color:#DC5E2B;
text-decoration: none;

}

a:hover{
text-decoration: underline;
}

a.moreLink {
color:#DC5E2B;
text-decoration: none;
padding: 0 0 0 8px;
}

a.moreLink:hover{
text-decoration: underline;
}

p.subInfo {
color: #A4A4A4;
}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper1 {
background: url(/basics/images/bg.gif) 0 0;
margin: 40px auto;
width: 978px;
text-align: left /*uncool MSIE 5.5*/
}

div#wrapper2 {background: url(/basics/images/bg_top.gif) no-repeat 0 0;}
div#wrapper3 {background: url(/basics/images/bg_bot.gif) no-repeat 0 100%;}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#header {
position: relative;
height: 116px;
}

p#logo img {
position: absolute;
bottom: 20px;
left: 30px;
}

h1#slogan img {
position: absolute;
bottom: 20px;
right: 30px;
}

/*  ------------------------------------------------------
MAINMENUE
--------------------------------------------------------*/
div#mainMenue {
background: url(/basics/images/bg_menue.gif) no-repeat 0 100%;
padding: 0 0 58px 0;
margin: 0 0 0 30px;
}

/*level1*/
div#mainMenue ul li {
float: left;
position: relative;
}

div#mainMenue  ul li a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
background: #C6C7C8;
float: left;
width: 150px;
padding: 4px 0;
font-size: 12px;
margin: 0 4px 0 0;
text-align: center;
}

div#mainMenue  ul li a:hover, 
div#mainMenue  ul li a.active {
background: #DC5E2B;
}

/*level2*/
div#mainMenue ul li ul {
position: absolute;
top: 27px;
left: 0;
width: 150px;
}

div#mainMenue ul li ul li a {
background: none;
color: #bbb;
padding: 1px 0;
}

div#mainMenue ul li ul li a:hover,  
div#mainMenue ul li ul li a.active {
color: #DC5E2B;
background: none;
}

/*  ------------------------------------------------------
MAINMENUE_START
--------------------------------------------------------*/
div#mainMenue_start {
background: url(/basics/images/bg_menue.gif) no-repeat 0 100%;
padding: 0 0 15px 0;
margin: 0 0 0 30px;
}

/*level1*/
div#mainMenue_start ul li {
float: left;
position: relative;
}

div#mainMenue_start  ul li a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
background: #C6C7C8;
float: left;
width: 150px;
padding: 4px 0;
font-size: 12px;
margin: 0 4px 0 0;
text-align: center;
}

div#mainMenue_start  ul li a:hover, 
div#mainMenue_start  ul li a.active {
background: #DC5E2B;
}

/*level2*/
div#mainMenue_start ul li ul {
position: absolute;
top: 27px;
left: 0;
width: 150px;
}

div#mainMenue_start ul li ul li a {
background: none;
color: #C6C7C8;
padding: 1px 0;
}

div#mainMenue_start ul li ul li a:hover,  
div#mainMenue_start ul li ul li a.active {
color: #DC5E2B;
background: none;
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
margin: 12px 0;
background: url(/basics/images/line.gif) repeat-y 100% 100%;
}
div#content_ohne_linie {
margin: 12px 0;
}
content_galerie {
margin: 12px 0;
}
div#content_kunden {
margin: 12px 0;
background: url(/basics/images/line.gif) repeat-y 49% 100%;
}

div#contentVideo {
margin: 0 0 0 30px;
padding: 0 0 20px 0;
}

div#contentBlock1 {
width: 272px;
float: left;
display: inline;
margin: 0 0 0 30px;
padding: 0 0 20px 0;
}

div#contentBlock2 {
width: 292px;
float: left;
display: inline;
margin: 0 36px 0 36px;
padding: 0 0 20px 0;
}

div#contentBlock3 {
width: 284px;
float: left;
display: inline;
padding: 0 0 90px 0;
}

/*.contList*/
div#contentBlock1 ul, div#contentBlock2 ul, div#contentBlock3 ul {
margin: 20px 0 0 20px;
list-style-type: disc;
}



div#contentBlock1 ul li, div#contentBlock2 ul li, div#contentBlock3 ul li {
color:#DC5E2B;
font-size: 12px;
line-height: 160%;
}

ul.kundenliste li {
line-height: 140%;
margin: 0 0 9px 0;
font-size: 12px;
}

/*imgBlock*/
dl.imgBlock {
margin: 0 0 20px 0;
}

dl.imgBlock dd {
color: #DC5E2B;
font-size: 10px;
padding: 6px 0 0 0;
}

/*addressBlock*/
dl.addressBlock {
margin: 0 0 20px 0;
}

dl.addressBlock dd {
font-size: 12px;
padding: 10px 0 0 0;
}

dl.addressBlock dd a {
color: #DC5E2B;
text-decoration: none;
}

/*formField*/
table.formField {
margin: 0 0 20px 0;
border-collapse: collapse;
width: 1%;
}

table.formField td {
vertical-align: top;
}

table.formField input, table.formField textarea {
width: 284px;
border: #C6C7C8 1px solid;
margin: 0 0 10px 0;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
padding: 2px 4px;
vertical-align: top;
}

table.formField td.short {
text-align: right;
}

table.formField input.short {
width: 60px;
}

table.formField input.medium {
width: 216px;
}

* html table.formField input.medium {width: 206px;}

* html table.formField input.short {
width: 60px;
margin: 0;
}

.kundenbilder {
padding-top: 25px;
}


/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
p#footer {
text-align: right;
padding: 0 10px 6px 0;
}

p#footer a {
text-decoration: none;
font-size: 11px;
color: #A4A4A4;
}

p#footer a:hover {
color: #DC5E2B;
}