/*  CSS für pc-pannenhilfe.ch Grundfarben  rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */

BODY {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	FONT-FAMILY: arial; 
	BACKGROUND-COLOR: #bdbec6; 
	TEXT-ALIGN: center;
	COLOR: #000066; 
}
H1 {
	FONT-SIZE: 18px; 
	MARGIN-BOTTOM: 0px; 
	COLOR: #000066;
	MARGIN-TOP: 0px;
}

    /*  H2 für zwischen überschriften rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */
H2 {
	FONT-SIZE: 16px; 
	COLOR: #000066; 
}
H3 {
	FONT-SIZE: 14px; 
	COLOR: #ff0033; 
}


    /*  H5 für zwischen überschriften rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */
H5 {
	FONT-SIZE: 16px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px;
	COLOR: white; 
	BORDER-BOTTOM: #ff6600 2px solid; 
	HEIGHT: 19px; 
	BACKGROUND-COLOR: #000066;
	font-weight: bold;
	font-family:Verdana;
	min-width: 420px;
	max-width:820px;
	margin-BOTTOM:3px;
}
H6 {
	FONT-SIZE: 11px; 
	line-height: 1.3em;
	font-weight: normal;
}


CODE {
	FONT-SIZE: 14px; 
	COLOR: #0000ff;
}
PRE {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 5px; 
	COLOR: #0000ff; 
	PADDING-TOP: 5px;
}

    /*  allgemeine Links */

A:link {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #ff0033;
	TEXT-DECORATION: none;
}
A:visited {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #ff0033;
	TEXT-DECORATION: none;
}
A:active {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #ff0033;
	TEXT-DECORATION: none;
}
A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #ff0033;
	TEXT-DECORATION: none;
}
A:active {
	color: #ff0033;
}
A:hover {
	color: #ff0033;
}

/*  Layout */

#container {
	BORDER-RIGHT: #ffffff 2px solid; 
	BORDER-TOP: #ffffff 2px solid; 
	BACKGROUND-IMAGE: url(http://www.pc-pannenhilfe.ch/neu/balken.png); 
	MARGIN: 20px auto; 
	BORDER-LEFT: #ffffff 2px solid; 
	WIDTH: 898px; 
	BORDER-BOTTOM: #ffffff 2px solid; 
	BACKGROUND-REPEAT: repeat-y; 
	BACKGROUND-COLOR: #747674; 
	TEXT-ALIGN: left;
}
#header {
	PADDING-RIGHT: 0px; 
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: url(http://www.pc-pannenhilfe.ch/neu/header.png); 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 90px; 
	BACKGROUND-COLOR: #bdbec6;
}

#logo {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 35px; 
	LEFT: 27px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 500px; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Rockwell; 
	POSITION: absolute; 
	TOP: 21px;
	color:white;
}
#logo A:link, .orange A:link{
	FONT-SIZE: 35px; 
	color:white; 
	FONT-FAMILY: Rockwell;
}
#logo A:visited, .orange A:visited{
	FONT-SIZE: 35px; 
	color:white;
	FONT-FAMILY: Rockwell;
}
#logo A:active, .orange A:active {
	FONT-SIZE: 35px; 
	color:white; 
	FONT-FAMILY: Rockwell;
}
#logo A:hover, .orange A:hover {
	FONT-SIZE: 35px; 
	color:white;
	FONT-FAMILY: Rockwell;
}
#slogan {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	LEFT: 595px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 164px;
	height:200px; 
	POSITION: relative; 
	TOP: -85px; 
	z-index:999;
	background-color:transparent;
}
#slogan img{
	z-index:99;
	WIDTH: 164px;
	height:200px; 
}
    #slogan-t {
	font-size:medium;
	color: #FFFFFF;
	font-style:italic;
	padding-left:72px;
	padding-top:65px;
	FONT-FAMILY: Rockwell;
	}

#adresse {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	LEFT: 738px; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 147px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	TOP: 25px; 
	color:white;
	TEXT-ALIGN:left;
	z-index:51;
	background-color: #000066;
	PADDING-LEFT: 13px; 

	
	}
#adresse A:link, #adresse A:visited, #adresse a:active, #adresse a:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR:white; 
	TEXT-DECORATION: none;
}
	
#uberschrift {
	PADDING-RIGHT: 0px; 
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 0px;
	WIDTH: 600px; 
	BACKGROUND-IMAGE: url(http://www.pc-pannenhilfe.ch/neu/kopfzeile.png); 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 43px;
	z-index:2;
	}
#ueber_h1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	LEFT: 30px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 250px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TOP: 10px; 
	TEXT-ALIGN: left;
	z-index:2;

}
#content {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	MIN-HEIGHT: 400px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 721px; 
	PADDING-TOP: 0px;
	z-index:2;
}
#text {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px;
	z-index:10;
	line-height: 1.7em;
}

#text A:link {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #000066;
	TEXT-DECORATION: none;
	border-left:#ff6600 1px dashed;
	border-bottom:#ff6600 1px dashed;
	border-top:#ff6600 1px dashed;
	padding-left:2px;
	padding-right:19px
}

#text A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #fff;
	background-color: #000066;
	TEXT-DECORATION: none;
	border-left:#ff6600 1px dashed;
	border-bottom:#ff6600 1px dashed;
	border-top:#ff6600 1px dashed;
	padding-left:2px;
	padding-right:19px
}


#ohne A:link, #ohne A:visited, #ohne a:active, #ohne a:hover{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #fff;
	background-color:transparent;
	TEXT-DECORATION: none;
	border-left:#ff6600 0px dashed;
	border-bottom:#ff6600 0px dashed;
	border-top:#ff6600 0px dashed;
	padding-left:2px;
	padding-right:0px
}

#foter {
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ff6600 3px solid; 
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 22px; 
	BACKGROUND-COLOR: #000066; 
	TEXT-ALIGN: center;
	COLOR:white; 
}
#copyright {
	MARGIN-TOP: 3px; 
	POSITION: relative;
}
#copyright A:link {
	FONT-SIZE: 14px; 
	COLOR:white; 
	FONT-FAMILY: Rockwell;
}
#copyright A:visited {
	FONT-SIZE: 14px; 
	COLOR:white; 
	FONT-FAMILY: Rockwell;
}
#copyright A:active {
	FONT-SIZE: 14px; 
	COLOR:white; 
	FONT-FAMILY: Rockwell;
}
#copyright A:hover {
	FONT-SIZE: 14px; 
	COLOR:white; 
	FONT-FAMILY: Rockwell;
}

.orange {
	color: #FF6600;
}
.rot {
	color: #ff0033;
	font-weight:bold;
	}

/*   MENU linke Seite  rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */

#menue {
	PADDING-RIGHT: 0px; 
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 13px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 160px; 
	PADDING-TOP: 0px; 
	TOP: 0px;
	BACKGROUND-IMAGE: url(http://www.pc-pannenhilfe.ch/neu/menu.png); 
	BACKGROUND-REPEAT:repeat-y;
}

#menue UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #35893e 1px solid; 
	LIST-STYLE-TYPE: none;
}
#menue LI A {
	PADDING-RIGHT: 5px;
	DISPLAY: block;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #CC3300 7px solid;
	COLOR: white;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #a1d0a1 1px solid;
	BACKGROUND-COLOR: #ff0033 ;
	TEXT-DECORATION: none;
}
* HTML #menue LI A {
	WIDTH: 177px;
}
#menue LI A:hover {
	BORDER-LEFT-COLOR: #ff0033; 
	BACKGROUND-COLOR: #ff6600;
}
#menue LI A:focus {
	BORDER-LEFT-COLOR: #ff0033; 
	BACKGROUND-COLOR: #000; /*test*/
}

#menue A.aktiv {
	BORDER-LEFT-COLOR: #ff0033; 
	BACKGROUND-COLOR: #ff6600;
}
#menue DIV.menutitle {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 3px; 
	COLOR: white; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: black 1px solid; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: #000066;
	font-weight: bold;
	font-family:Verdana;
	font-size:medium;
}

 /*   Öffnungszeiten unten links */
#offen {
	PADDING-RIGHT: 0px; 
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 24px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 149px; 
	PADDING-TOP: 5px; 
	TOP: 600px;
	BACKGROUND-IMAGE: url(http://www.pc-pannenhilfe.ch/neu/offen.png); 
	BACKGROUND-REPEAT: no-repeat;
	z-index:12;
}

 /*   fernsupport oben rechts bei der Adresse  */
    .support {
	vertical-align: bottom;
	PADDING-BOTTOM: 2px; 
	border-style: solid;
	border-width: 0;
	height: 9px; 
}

  br.c2  {
clear : both;
}
.style2 {
font-size : x-small;
} 

 /*  Box mit Schatten für Aktuell oder news */

.ltin {
  left:-1px;
  }
.tpin {
  top:0px;
  }
.rtin {
  left:2px;
  }

.narrow {width:3em;}
.normal {width:180px;}
.wide {width:18em;}
.image {width:200px; padding:0;}

.inbox3 {
	background-image: url('http://www.pc-pannenhilfe.ch/neu/aktuell.png');
	background-position: top;
	background-repeat:repeat-x;
	background-color: #d5d5d5;
	border: 2px solid #FF6600;
  	position:relative; 
	padding-top: 4px; 
	padding-bottom: 5px; 
	padding-left: 10px; 
  font-weight:normal;
  z-index:4;
  }
  
.outbox3 {
  display:block; 
  background:#777; 
  border:0px solid #ddd; 
  position:relative;
  margin:0px 0px 50px 10px;
  	width: 250px; 
	height: auto; 
	z-index: 3; 
	float: right; 
	top: 45px; 
	right: 1px;
	padding-top: 1px; 
	padding-bottom: 5px; 
	padding-left: 1px; 
  }
  
    .tielaktuell {
	color: #FFFFFF;
	font-size:medium;
	font-family:Verdana;
		font-weight: bold;
		  z-index:5;
}


/*   Div für preisliste  rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */

.holder {
min-width:420px; 
max-width:800px; 
margin:1px; 
padding:0.5em; 
border:0px solid #ddd; 
float:left; 
background-color: #E0E0E0;
}
.holder h3, .holder2 h3, .holderK h3, .holderK2 h3 {
text-align:left; 
COLOR: #ff0033; 
display:inline;
}
a.hid {
color:#000066; 
text-decoration:none; 
outline-style:none;
}
a.hid em {
display:none;
}
a.hid:hover {
text-decoration:none;
}
a.hid:active, a.hid:focus {
background:transparent;
}
a.hid:active span, a.hid:focus span {
display:none;
}
a.hid:active em, a.hid:focus em {
display:block; 
color:#000066; 
width:100%; 
font-style:normal; 
cursor:default;
}

.holder2 {
min-width:420px; 
max-width:800px; 
margin:1px; 
padding:0.5em; 
border:0px solid #ddd; 
float:left; 
background-color:transparent;
}

div.holder img, div.holder2 img, div.holderK img, div.holderK2 img {
float: left;
height: 50px;
padding-right: 10px;
}


.holderK {
min-width:415px; 
max-width:420px; 
margin:1px; 
padding:0.5em; 
border:0px solid #ddd; 
float:left; 
background-color: #E0E0E0;
}
.holderK2 {
min-width:415px; 
max-width:420px; 
margin:1px; 
padding:0.5em; 
border:0px solid #ddd; 
float:left; 
background-color:transparent;
}

.preise {
position: relative; 
width: auto; 
height: auto; 
z-index: 8; 
float:right;
text-align: right;
FONT-WEIGHT: normal;
padding-left:15px;	 
}
.auflisten {
position: relative; 
width: auto; 
height: auto; 
z-index: 8; 
float:left;
text-align: left;
font-size:medium;
FONT-WEIGHT: normal;
padding-right:15px;	 
}


.clear {clear:both;}

/*   Tabelle für preisliste  rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */

    #centeredtable
    {
    margin: 30px auto 10px auto;
    border-collapse: collapse;
    background-color:transparent;
    font-size: 14px;
    table-layout: auto;
    color: #000066;
    line-height: 1.7em;

    }

    #firstline
    {
    border-top: 2px solid #999;
    border-bottom: 2px solid #000066;
    background-color: #000066;
    color:white;
	font-weight: bold;
    font-size: 16px;

    }

    .oddline
    {
    }

    .evenline
    {
    background-color: #E0E0E0;
    }

    #lastline
    {
    border-bottom: 2px solid #999;
    }

    table div
    {
    padding: 2px 15px 2px 15px;
    }


    #cpr
    {
    clear:both;
    } 

   TD div H3     {
    font-size: 22px;
    display:inline;
    padding-right:10px;
    padding-top: 10px;
    color:#ff0033;

    } 
    
    /* bildwechsel */

.button {
width:329px; /*nicht notwendig*/
height:213px; /*nicht notwendig*/
}
.button a:link, .button a:visited, .button a:active {
width:329px;
height:213px;
background: url(/images/visitenkarte_vorne.png) no-repeat;
display:block;
}
.button a:hover {
background: url(/images/visitenkarte_hinten.png) no-repeat;
background-color:#999999;
}
.button a:active {
background: url(/images/visitenkarte_vorne.png) no-repeat;
}
    /* impressum 2 spalten Div */

div.all { background: transparent; width: 420px; }
div.inhalt1, div#inhalt2 { background:transparent; float: left; width: 50%; }
div.inhalt2 { background: transparent; }

.all img {
width:170px;
}

/* kontakt-formular */
legend {
	font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
}

.formtitle {
	font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
}


textarea {
	width: 350px;
	padding: 2px;
	font: normal 12px Verdana, sans-serif;
	border: 1px solid #828790;
	height: 100px;
	color: #333;
}

input.button {
	margin: 0;
	font: bolder 12px Arial, Sans-serif;
	border: 1px solid #828790;
	padding: 1px;
	background: #FFF;
	color: #CC0000;
}

.error_msg {
	padding: 4px;
	background-color: #ffeeee;
	border: 1px dotted #cc0000;
	margin: 5px 10px 5px 10px;
	color: #cc0000;
}

.error { color: #cc0000; }

fieldset { 
	width: 0px; 
	border: 0px none;
	padding: 10px;
}

/*div.kontakt-formular label,*/
div.kontakt-formular .controlset span {
	width: 150px;
	display: block;
	float: left;
	text-align: right;
}

div.kontakt-formular label { margin: 5px; }
div.kontakt-formular .controlset span {	margin: 0px 0px 0px 5px; }
div.kontakt-formular .controlset label {
	display: inline;
	float: none;
}

div.kontakt-formular .controlset input { margin: 0px 0px 0px 10px; }
div.kontakt-formular input,
div.kontakt-formular select,
div.kontakt-formular textarea {
	margin: 2px 2px 2px 5px;
}

 /* Google Maps */
.infofenster{
background-color: transparent;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 15px;
color: #000066;
font-weight: bold;
}

/* Reparatur- Supportauftrag */
#tableOne input, #table2ne input {
border: 1px solid rgb(0, 0, 0); 
font-family: arial; 
font-size: 12px; 
height: 20px; 
width: 200px; 
background-color:transparent; 
color: #000066;
 }
#tableOne input.zeit {
width: 80px; 
 }

#tableOne input.check, #table2ne input.check{
width: 28px; 
height: 15px;
background-color:transparent;
border:0px;
 }

.radio { background-color:#ddf; border:1px solid #ddd; }


 
 #tableOne textarea, #table2ne textarea{
border: 1px solid rgb(0, 0, 0); 
font-family: arial; 
font-size: 12px; 
height: 60px; 
width: 300px; 
background-color:transparent; 
color: #000066;
 }

/* Formular für die Kontaktaufnahme */
#tableOne input.plz {
width: 45px; 
 }
#tableOne input.ort {
width: 150px; 
 }

.keinumbruch {
	white-space: nowrap;
}

.problem {
border: 1px solid rgb(0, 0, 0); 
font-family: arial; 
font-size: 12px; 
height: 22px; 
width: 330px; 
background-color:transparent; 
color: #000066;
 }

.little, .little a:link, .little a:hover, .little a:visited, .little a:active  {
	border-width: 0px;
	margin: 10px;
	width:200px;
	height:auto; 
	float: right;
	border-left:#ff6600 0px dashed;
	border-bottom:#ff6600 0px dashed;
	border-top:#ff6600 0px dashed;
	padding-left:2px;
	padding-right:0px;
	text-decoration:none;
	background-color:#999999;	 }
	
/* login Mail  rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 */
.button-mail{
color:#000066;
background-color:transparent;
border-bottom:thin solid #ff0033;
border-right:thin solid #222244;
border-top:thin solid #9999cc;
border-left:thin solid #9999cc;
font-size:11px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
} 


ul  {
padding : 0;
margin-bottom : 12px;
margin-left : 15px;
background-color : transparent;
list-style-position : outside;
margin-top : 6px;
list-style-type : circle;
} 


li li  {
font-size : 10pt;
list-style-type : disc;
margin-bottom : 0;
}