/*------------------- CSS  -------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ----------------*/

body {
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 76%;            /*76*/
color: #666666;
/*background: url(../img/bg_container.jpg) repeat-x left top;*/    background-color: #fff;
line-height: 1.5em;
text-align: left;
}
#abstand {
padding: 36px 0 0 0px;
}

h1,
h2,
h3 {
font-weight: bold;
padding: 1px;
margin-bottom: 0.7em;
}

h1,
h2,
.subcol h3 {
font-family: 'Times New Roman',serif;
color: #858585;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2.0em;
}

h3 {
font-size: 1.2em;
color: #505862;
}

h3.zitat {
font-size: 1.15em;
line-height: 1.5em;
color: #505862;
}

h3.datum {
color: #505862;
font-size: 0.95em;
}

blockquote {
color: #FA5416;
background: url(img/anfuehrungszeichen.png) no-repeat left top;
padding: 0px 10px 10px 10px;
}

a:link,
a:visited {
color: #666666;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #ad1910;
text-decoration: underline;
}

/*------------------- LAYOUT ---------------------*/
#container_1 {
width: 866px;
background: url(../img/bg_01.gif) repeat-y left top;
padding: 0 4px 0 4px;
margin: 0 auto;
}
#container_2 {
width: 866px;
background: url(../img/bg_02.gif) repeat-y left top;
padding: 0 4px 0 4px;
margin: 0 auto;
}
#container_3 {
width: 866px;
background: url(../img/bg_03.gif) repeat-y left top;
padding: 0 4px 0 4px;
margin: 0 auto;
}
#container_4 {
width: 866px;
background: url(../img/bg_04.gif) repeat-y left top;
padding: 0 4px 0 4px;
margin: 0 auto;
}
#container_5 {
width: 866px;
background: url(../img/bg_05.gif) repeat-y left top;
padding: 0 4px 0 4px;
margin: 0 auto;
}

#header {
position: relative;
}

#hdMenu_fla {
float:left;
position: absolute;
padding: 0px;
}
#hdMenu_1 {
background: url(../img/collage_01.jpg) no-repeat right top;
height: 191px;
}
#hdMenu_2 {
background: url(../img/collage_02.jpg) no-repeat right top;
height: 191px;
}
#hdMenu_3 {
background: url(../img/collage_03.jpg) no-repeat right top;
height: 191px;
}
#hdMenu_4 {
background: url(../img/collage_04.jpg) no-repeat right top;
height: 191px;
}
#hdMenu_5 {
background: url(../img/collage_05.jpg) no-repeat right top;
height: 191px;
}
#hdMenu_9 {
background: url(../img/collage_09.jpg) no-repeat right top;
height: 191px;
}

#content {
background-color: transparent;
border-right: 1px solid #E3E3E5;
padding: 30px 20px;
}

#sidebarLeft {
width: 22%;
float: left;
text-align:justify;
padding: 0 0 0 28px;
}

#mainContent {
margin: 0;
float: right;
width: 66%;
padding: 0 16px 0 0;
margin: 0 -10px 0 0px;
border-right: 1px solid #cccccc;
}

#wrapper {
float: left;
width: 70%;
}

#sidebarRight {
width: 26%;
float: right;
padding: 0 -10px 0 0;
}

#footer,
.clearfloat {
clear: both;
}

#content p {
margin-bottom: 20px;
}

#sidebarRight ul li {
background: url(img/bullet.gif) no-repeat 0 10px;
padding: 5px 0 5px 10px;
list-style-type: square;
}

#sidebarRight ul li a:link,
#sidebarRight ul li a:visited {
text-decoration: underline;
}

#footer p {
font-size: 0.9em;
text-align: center;
background: url(../img/footer.jpg) no-repeat;
width: 865px;
height: 30px;
padding: 0 0 0 0px;
}

/*------------------- ALLGEMEIN --------------------*/

/* Breite des Link Inhaltes */

#link_b {
padding: 40px 60px 0 50px;
}
#link-bg_1 {
background: url(../img/link-hair-schneider-team_bg.jpg) no-repeat left top;
padding: 0px 0px 0px 0px;
}
#link-bg_2 {
background: url(../img/link-tintenstation_bg.jpg) no-repeat left top;
padding: 0px 0px 0px 0px;
}
#link-bg_3 {
background: url(../img/link-pc-speyialist_bg.jpg) no-repeat left top;
padding: 0px 0px 0px 0px;
}

.fr {
float: right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

.ut {
color: #333;
font-size: 0.7em;
font-weight: normal;
font-variant: normal; /*small-caps;*/
font-family: 'Times New Roman',Arial,Helvetica,sans-serif;
margin-right: 30px;
display: block;
text-align: right;
}

.mehrInfo {
font-size: 0.8em;
margin-top: 8px;
display: block;
text-align: right;
}

.mehrInfo a:link,
.mehrInfo a:visited {
padding: 2px 20px;
background: url(img/mehrInfo.gif) no-repeat right 0;
}

.mehrInfo a:hover,
.mehrInfo a:focus,
.mehrInfo a:active {
text-decoration: none;
background: url(img/mehrInfo.gif) no-repeat right -38px;
}
/*-----------Zeilenabstand Kunden Referenzliste-----------------*/


.v_z {
padding: 20px 0 0 0;
font-size: 0.8em;
}

#mehrInfo {
font-size: 0.8em;
margin-top: -11px;
display: block;
text-align: right;
}

#mehrInfo a:link,
#mehrInfo a:visited {
padding: 2px 20px 2px 20px;
background: url(img/mehrInfo.gif) no-repeat right 0;
}

#mehrInfo a:hover,
#mehrInfo a:focus,
#mehrInfo a:active {
text-decoration: none;
background: url(img/mehrInfo.gif) no-repeat right -38px;
}

#ref {
line-height: 1.0em;
text-align: left;
}

#distanz {
padding: 310px 0 0 0;
}
#distanz2 {
padding: 88px 0 0 0;
}
/*-----------2-spaltiges Design---------------------------------*/


.subcol {
width: 46%;
}
.kontakt #mainContent {
margin: 0;
float: right;
width: 76%;
padding: 0 16px 0 0;
margin: 0 -10px 0 0px;
border-right: 1px solid #ccc;
}

#mainContent2 {
margin: 0;
float: left;
width: 92%;
padding: 0 160px 0 190px;
margin: 0 -10px 0 0px;
}
