/*******************************

    Stylesheet Fahrschule Detlef Gruner
    Name: style.css
    Stand: 13.06.2005
    Version 0.1
    
    Farbdefinitionen:
    Gelb:	 	ffff00
	Mittelgelb:	fbfb8e
	Hellgelb:	FCFCC6
********************************/

body {
    text-align: center; /* damit der ie zentriert */
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;  
	margin: 0;
    }

.center { /* anwendung eines hacks */
    /*/*/
    text-align: left;
    /**/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /* zu layoutzwecken */
    /*border: 1px solid white;*/ 
}

html, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
		margin: 0;
		padding: 0;
 		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		color:#625b55;
		font-size: 13px; 
 		/*border: 1px solid #000000;*/
}

a.innen {
	font-weight:bold;
	}
	
a.innen:hover {
	font-weight:normal;
	}

h3 {
	margin-right:10px;
	padding:20px;
}

p {
		margin-right:20px;
		}
		
ul {
	list-style-type:circle;
	margin-left:100px;

}


p.centertext { /*mit Abstand nach oben*/
	padding-top:20px;
	padding-right:20px;
	text-align:center;
}

p.centerlefttext { /*mit Abstand nach oben*/
	padding-top:20px;
	padding-right:20px;
	text-align:left;
}

.fuhrtext {
	padding-top:20px;
	padding-left:70px;
	text-align:left;
	float:left;
	}

p.nocenter { /*mit Abstand nach oben*/
	padding-top:20px;
	margin-right:20px;
	}
	
.li1 {
	list-style-type:square;
	margin-top:10px;
	margin-left:100px;
	}
.li2 {}


.oc {	/*center only*/
	margin-right:20px;
	text-align:center;
	}

td {
	width: 40%;
	valign: top; 
	padding: 10px;
	border: 1px dotted silver;
	margin: 0px;
	vertical-align:top;
	}
	
th {
	width: 20%;
	valign: top; 
	padding: 10px;
	border: 1px dotted silver;
	margin: 0px;
	vertical-align:top;
	}

/* layout */

#header {
	text-align:left;
    height: 150px;
    background-color: #ffffff;
    
    }

#headerpic {
		position:absolute;
		top: 56px;
		left: 42px;
		font-size:30px;
}

#motto {
		height:120px;
		background-color: #FCFCC6;
		text-align:right;
		/*padding-bottom: 13px;
		padding-right: 13px;
    	margin-top: 5px;  abstand zum header */
    }
#vertNavi {
		background-color: #ffff00;
		height: 27px;
    	/*margin-top: 5px;  abstand zum header */
    }
	
#inhalt {
		clear:both;
		text-align:left;
		/*padding:20px;*/
		}

#fussnote {
		clear:both;
		background-color: #ffff00;
		text-align: right;
		font-size: 9px;
		padding:3px;
    	border-bottom: 1px solid #ffff00;
	    border-left: 1px solid #ffff00;
	    border-right: 1px solid #ffff00;
	    color:#625b55;
}



/*Klassen*/

.borderweg {
		border: 1px solid silver;
		margin-bottom:20px;
		}

.pic {
	float:left;
	height:150px;
	position:absolute;
	left:0px;
	top:151px; 
	}

.buero {
	position:relative;
	right:5%;
	top:20px; 
	float:right;
}

.tabelle {
	width: 70%;
	vertical-align:top;
	text-align:left;
	}

.bild_oben {
	padding-top: 2px;
	position:absolute;
	top: 0px;
	right: 0px;	
	}

.fuhr {
	position:relative;
	top:20px;
	left:50px;
	float:left;

}

/*************
 Navigation
*************/


div#clink {
    left: 0px; 
    font: 13px arial, sans-serif; 
    width: 150px;
	height:500px; 
	float: left;
    margin-right:20px;
    background: #fbfb8e; 
	margin:right:30px;
	}

div#clink a {
    padding-right: 10px;
    display: block; 
    padding-left: 10px; 
    background: #FCFCC6; 
    border-bottom-width: 0px;
    padding-bottom: 5px; 
    margin: 0px 0px 0px; 
    color: #625b55;
    padding-top: 5px; 
    text-align: center; 
    text-decoration: none; 
    text-align:right;
	border-bottom: 1px solid #ffff00;
	}
	

div#clink a:hover {
    background: #ffff00; 
    color: #C60272
}

div#clink a:active {
    background: #ffff00; 
    color: #C60272
}

div.VertClink {
    left: 0px; 
    font: 12px arial, sans-serif; 
    width: 140px;
	float: right;
    margin-right:0px;
    background: #ffff00; 
	border: 1px solid #ffff00;
}
div.VertClink a {
    padding-right: 0px;
    display: block; 
    padding-left: 0px; 
    background: #fbfb8e; 
    /*border-bottom-width: 0px;*/
    padding-bottom: 5px; 
    margin: 0px 0px 0px; 
    color: #625b55;
    padding-top: 5px; 
    text-align: center; 
    text-decoration: none; 
	}
	

div.VertClink a:hover {
    background: #FCFCC6; 
    color: #C60272
}

div.VertClink a:active {
    background: #FCFCC6; 
    color: #C60272
}

/*************************
Kontaktformular
*************************/

.rot {
	color: #FF0000;
	}
	
.felder {
	background-color: #FCFCC6;
	border: 1px solid #ccc;
	padding-left: 10px;
	height:20px;
	}

.felder2 {
	background-color: #FCFCC6;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	}

.button {
	background-color: #FCFCC6;
	border: 1px solid #ccc;
	}

SELECT {
	background-color: #FCFCC6;
	border: 1px solid #ccc;
	height:20px;
	}

td {
	padding-bottom:8px;
	 }