/* ######################################################################################################
** CSS für Pro Opti Com                                                   #############################
** ######################################################################################################
** 
*/
body {
    background:         #fff;
    height:             99%;
    margin:             0px;
    text-align:		      center;
    color:		          #666666;
    padding:            0px;
    font:               12px Verdana, Arial, Sans-serif;
}

h1, h2, h3, h4, p {
    margin:		0px;
    padding:		0px;
}

p, ul, ol {
   line-height:		1.4em;
   padding-top: 	5px;
   padding-bottom:5px;
}

/* headings */
h1 {
    font:               normal 2em Times New Roman, Times, serif;

}


h2 {
font:               	normal 1.5em Times New Roman, Times, serif;
padding:              5px 0px 5px 0px;
letter-spacing: 	    1px;
color:			          #999;
}

h3 {
    font:               bold 12px Arial, Sans-serif;
       color:		#64696e;
}

hr {
	background:         #ccc;
	border:             none;
	color:              #ccc;
	height:             1px;
	clear:              both;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
}


/* linx */
a {
    background:         inherit;
    color: 		          #0099cc;
    text-decoration:    underline;
}

a:hover {
    background:         inherit;
    color:              #000;
    text-decoration:    underline;
}

/* forms */
form {
    margin:             0;
    padding:            0;
}

.submit {
    background:         #fff;
    border:             1px solid #afc4df;
    color:              #000;
}

input[type="submit"], input[type="text"] {
    padding:            1px 2px;
    font:               10px Verdana, Arial, Sans-serif;
}

label {
	float:		left;
	width:		70px;
  color:    #ccc;
}

blockquote {
  line-height: 1.5em;
  font-style: italic;
}

.site {
  width:        840px;
  text-align:   left;
  margin-left:  auto;
  margin-right: auto;
}

.head {
	height:       156px;
	font:         11px Verdana, Arial, Sans-serif;
	position:     relative;
	background-color: #fff;
	background-position: left top;
}

.nav {
	height: 156px;
	float: left;
	background-image: none;
	width: 289px;
}

.marke {
	height: 156px;
	width: 220px;
	float: right;


}
.navi {
  position:    absolute;
  top:         81px;
  width:       540px;
  background:  #ccc;
}

.homelink {
  position:    absolute;
  top:         35px;
  right:       5px;
  height:      110px;
  width:       248px;
}

.main {

}

.pic_left {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_pro_a.jpg);
}

p.zitat {
  border-top:     1px solid #ccc;
  border-bottom:  1px solid #ccc;
  color:          #999;
  padding:        10px 0px 10px 0px;
  margin:         10px 0px 10px 0px;
  font-style:     italic;
  font-size:      13px;
}

p.hinweis {
  background:     #efefef;
  color:          #444;
  padding:        10px;
  margin:         5px 0px 5px 0px;
}

p.fl:first-letter {
color: #0099cc;
font-size: 20px;
font-weight: bold;
}

p.subnav {
  font-size: 11px;
  padding: 5px 0px 20px 0px;
}

p.subnav a {
  color: #ccc;
}


p.subnav a strong {
  color: 	#0099cc;
  font-size: 14px;
  font-weight: bold; 
}


p.rechts {
  float: right;
  width: 350px;
}

.bild_l {
  width:        100px;
  margin:       5px 20px 10px 0px;
  float:        left;
  border:       none;
}


.main_left {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_pro_b.jpg);
}

.main_right {
  float:        right;
  width:        220px;
}

.footer {
  width:        820px;
  height:       100px;
  border-top:   1px solid #ccc;
  margin-top:   10px;
  padding-top:  5px;
  color:        #ccc;
  font:         11px Verdana, Arial, Sans-serif;
  text-align:   right;
}

.clear {
  clear:        both;
}
.style1 {color: #0093C9;font-size: 1em;}
.Stil9 {color: #0093C9; font-size: 1.2em; }
#Layer1 {
	position:absolute;
	width:157px;
	height:22px;
	z-index:2;
	left: 0px;
	top: 42px;
}
#Layer2 {
	position:absolute;
	width:132px;
	height:14px;
	z-index:3;
	left: 0px;
	top: 62px;
}
#Layer3 {
	position:absolute;
	width:144px;
	height:15px;
	z-index:4;
	left: 0;
	top: 82px;
}
#Layer4 {
	position:absolute;
	width:98px;
	height:38px;
	z-index:5;
	left: 0px;
	top: 102px;
}
#Layer5 {
	position:absolute;
	width:53px;
	height:28px;
	z-index:1;
	left: 75px;
	top: 12px;
}

#Layer6 {
	position:absolute;
	width:40px;
	height:24px;
	z-index:5;
}
.headliner {
color: #0093C9; font-size: 1.7em;
}

.pic_left_tms {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_tms_a.jpg);
}
.main_left_tms {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_tms_b.jpg);
}


.pic_left_kolibri {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_kolibri_a.jpg);
}
.main_left_kolibri {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_kolibri_b.jpg);
}

.pic_left_cons {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_cons_a.jpg);
}
.main_left_cons {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_cons_b.jpg);
}
.pic_left_train {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_train_a.jpg);
}
.main_left_train {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_train_b.jpg);
}
.pic_left_coaching {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_coaching_a.jpg);
}
.main_left_coaching {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_coaching_b.jpg);
}

#Layer7 {
	position:absolute;
	width:209px;
	height:140px;
	z-index:6;
	left: 647px;
	top: 11px;
}
#Layer8 {
	position:absolute;
	width:150px;
	height:41px;
	z-index:6;
	left: 0px;
	top: 0px;
}

.Stil12 {color: #666666}
.pic_left_impre {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_imp_a.jpg);
}
.main_left_impre {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_imp_b.jpg);
}
.pic_left_kon {
	height: 333px;
	width: 120px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/pic_kon_a.jpg);
}
.main_left_kon {
	float:        left;
	width:        450px;
	background-repeat: no-repeat;
	background-image: url(../images/pic_kon_b.jpg);
}

ul.tms li {
  margin-bottom: 10px;
}