html,body 
{
	background-color: #fafafa;
	font-family: Arial;
	height: 100%;
}

.breite10
{
	width: 10%;	
}
breite15
{
	width: 15%;
}

.breite50
{
	width: 50%;	
}

.breite80
{
	width: 80%
}
.hoehe100
{
	height: 100%;
}

.spalteLinks
{
	width: 15%;
	height: 80px;
}


/* Headline der Seite */
.headline
{
 	font-size:larger;
	font-weight:bold;	
	font-family:Arial; 

	color: Black;
	width: 90%;
	
	margin-top: 15px;
	margin-right:15px;
	margin-left: 15px;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
   
}
/* Listenelement */
li
{
    padding-top:10px;
    padding-bottom:10px;
}

/* Überschrift KFZ-Service Peters */
.Title_01
{
    font-size:x-large;
    font-family: Arial;
    text-align:center;
    padding-left:0px;
	margin-right:15px;
	margin-left: 10px;
	margin-bottom:30px;
	    
	vertical-align:bottom;
    height: 80px;

}

/* ggf. Bodo-Peters, Tel. ... */
.Title_02
{
    font-size:large;
    font-family: Arial;
    text-align:left;
    vertical-align:bottom;
    padding-left:0px;
	margin-right:15px;
	margin-left: 10px;
	background-color:White;
	width:100%;
}

/* Copyright am unteren Rand */
.copyright
{
    white-space:normal;
    font-family: Arial;
    font-size:smaller;
	text-decoration: none;
	color: Black;
	text-align:center;
	margin-left: 10px;

}

/* Programmierung ... am unteren Rand */
.comsport
{
    white-space:normal;
    font-size:smaller;
	text-decoration: none;
	color: Black;
	text-align:center;
}

/* Text auf der eigentlichen Seite */
.main
{
    padding-top:20px; 
    padding-bottom:15px;
    font-size:medium;
    padding-left:20px;
    
    border-left-color:#dcdcdc;
    border-left-style:outset;
    border-left-width:5px;
    height:100%;

}

/* Rote Streifen im Header */
.bg_header_left
{

     height: 80px;
     width: 20%;
     vertical-align: middle;
     background-image: url(bg_head_peters.jpg)
}
/* Rote Streifen im Header */
.bg_header_right
{

     height: 80px;
     width: 50%;
     vertical-align: middle;
     background-image: url(bg_head_peters.jpg)
}

.bg_right
{
	background-image: url(telefon.jpg);
    background-position: center top center;
    background-repeat:repeat-y;
    background-position:top center;
    /* Breite der Spalte  */
	width: 10%;	
	height: 100%;
}


/* unterer Rand der Tabellencelle */
.header_headline
{
    border-bottom-color:#dcdcdc;
    border-bottom-style:outset;
    border-bottom-width:5px;
    width: 75%;
}

/* rechter Rand der Tabellencelle */
.border_right
{
    border-right-color:#dcdcdc;
    border-right-style:outset;
    border-right-width:5px;
}

.text_center
{   
    padding-top:30px;
    font-size:larger;
    text-align:center;
    line-height: 40px;
}
.text_left
{   
    padding-top:30px;
    font-size:larger;
    text-align:left;
    line-height: 40px;
    padding: 10px;
	margin-right:15px;
	margin-left: 10px;
}