﻿html
{
    height: 100%;
}
body
{
    background: #FCFCFC url(images/background.jpg) top left repeat-x;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Times New Roman;
    color: #363636;
    height: 101%;
}
#main
{
    background: url(images/shadow_right.png) top right no-repeat;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 965px;
    padding-top: 19px;
}
#shadowTop
{
    width: 100%;
    height: 17px;
    background: #FFFFFF url(images/shadow_top.jpg) top left repeat-x;   
}
#head
{
    width: 100%;
    height: 80px;
    background: #FFFFFF url(images/logo.gif) 739px 0px no-repeat;
}
#head ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 14px;
    padding-top: 23px;
}
#head li
{
    float: left;
    padding: 0px;
    margin: 0px;
    padding-right: 14px;
}
#head img
{
    border: 0px;
}
#navigation
{
    width: 100%;
    height: 23px;
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
}
#navigation ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#navigation li
{
    float: left;
    padding-right: 1px;
}
#navigation img
{
    border: 0px;
}
#imageLarge
{
     height: 174px;
     width: 100%;
     background-repeat: no-repeat;
     background-position: top left;
}
#imageStart
{
     height: 494px;
     width: 100%;
     background-repeat: no-repeat;
     background-position: top left;
}


#content
{
    width: 905px;
    height: auto;
    background: #FFFFFF url(images/shadow_content.jpg) top left repeat-x;
    padding: 45px 20px 40px 40px;
}

#contentStart
{
    width: 905px;
    height: 10px;
    background: #FFFFFF url(images/shadow_content.jpg) top left repeat-x;
    padding: 3px 20px 0px 40px;
	border-top:#999999 solid 1px;
}


#left
{
    width: 545px;
    float: left;
    background: url(images/trenner_content.jpg) top right no-repeat;
    padding-right: 42px;
}


#left h1
{
    font-size: 13px;
    line-height: 16px;
    color: #39A7F0;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
}
#left h2
{
    font-size: 12px;
    font-weight: 500;
    line-height: 12pt;
    color: #39A7F0;
    /* text-transform: uppercase; */
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 13px;
}
#left p, 
#left div, 
#left td, 
#left li
{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 0px;
    margin-top: 0px;
}
#left ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;
}
#left li
{
    background: url(images/li.gif) 0px 10px no-repeat;
    padding: 3px 0px 3px 15px;
}
#left a, 
#left a:active,
#left a:link,
#left a:visited
{
    color: #39A7F0;
    text-decoration: underline;
}
#left a:hover
{
    text-decoration: none;
}
#leftReferenzen
{
    width: 100%;
    float: left;
    padding-right: 42px;
    padding-right: 15px;
}
#leftReferenzen h1
{
    font-size: 13px;
    line-height: 16px;
    color: #39A7F0;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
}
#leftReferenzen h2
{
    font-size: 12px;
    font-weight: 500;
    line-height: 12pt;
    color: #39A7F0;
    /* text-transform: uppercase; */
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 13px;
}
#leftReferenzen p, 
#leftReferenzen div, 
#leftReferenzen td, 
#leftReferenzen li
{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 0px;
    margin-top: 0px;
}
#leftReferenzen ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;
}
#leftReferenzen li
{
    background: url(images/li.gif) 0px 10px no-repeat;
    padding: 3px 0px 3px 15px;
}
#leftReferenzen a, 
#leftReferenzen a:active,
#leftReferenzen a:link,
#leftReferenzen a:visited
{
    color: #39A7F0;
    text-decoration: underline;
}
#leftReferenzen a:hover
{
    text-decoration: none;
}


#right
{
    float: left;
    width: 261px;
    margin: 0px;
    padding: 0px;
    padding-left: 42px;
    padding-right: 15px;
}
#right h1
{
    font-size: 13px;
    line-height: 16px;
    color: #39A7F0;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    /* text-transform: uppercase; */
}
#right p,
#right div, 
#right td, 
#right li
{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 0px;
    margin-top: 0px;
}
#right ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#right li
{
    background: url(images/li_more.gif) 0px 13px no-repeat;
    padding: 5px 0px 5px 15px;
}
#right a, 
#right a:active,
#right a:link,
#right a:visited
{
    color: #39A7F0;
    /* text-transform: uppercase; */
    text-decoration: underline;
}
#right a:hover
{
    text-decoration: none;
}
#shadowBottom
{
    background: url(images/shadow_bottom.png) top left no-repeat;
    height: 10px;
    width: 975px;
    padding: 0px 0px 5px 0px;
    margin-left: auto;
    margin-right: auto;
}
#footer
{
    width: 975px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    text-align: center;
    
}
#footer p
{
    font-size: 10px;
    font-weight: normal;
    color: #8D8D8D; 
    padding: 0px;
    margin: 0px;
}
#footer a, 
#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover
{
    color: #8D8D8D;
    text-decoration: none;
}
.clear
{
    clear: both;
}

/*  Individual Page-Styles  */
#ContactForm
{
    /*
    border: 1px solid #363636;
    background: #F8FAFB;
    margin: 0px;
    padding: 10px;
    */
}
#ContactForm p
{
    margin: 0px;
    padding: 5px 0px 3px 0px;
}
#ContactForm input, 
#ContactForm textarea
{
    width: 60%;
    border: 1px solid #363636;
    background: #F0F0F0;
    font-family: Arial, Verdana, Times New Roman;
    color: #363636;
    font-size: 10px;
}
#ContactForm textarea
{
    height: 100px;
}
#ContactForm input:active, 
#ContactForm input:focus
{
    background: #E8EDF0;
}
#ContactForm input.btn
{
    width: 100px;
}

/* Print- und Top-Links */
#logoPrint
{
    display: none;
}
#footerLinks
{
    text-align: right;
}
#footerLinks hr
{
    border: 0px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border-top: 1px solid #000000;
}
#footerLinks img
{
    border: 0px;
    cursor: pointer;
    padding-left: 7px;
}
#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 880px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b8cee2 url('table-images/gradhead.png') repeat-x; 
	/* background: #b9c9fe url('table-images/gradhead.png') repeat-x; */
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}

