/* Basisvorlage CSS
Alfred Schmidt
www.websites-webdesign.de
Start: 18.01.2010
Letzte Aenderung: 18.01.2010
*/
@import url(norm.css);
body {
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../bilder/grau.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
}
a:link {
	color: #0099FF;

	text-decoration: none;
}

a:visited {
	color: #003366;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}

/* Vertikaler Rhythmus basierend auf 14px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1.43em;
	margin-bottom: 0.65em;
	margin-left: 30px;
	margin-right:20px;
}

h1 {
	padding: 20px 0 5px 20px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
.kleiner_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #999999;
	font-weight: normal;
	margin-left: 10px;	
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}


/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
	border: 0;
}
#wrapper {
	margin: 0 auto;
	width: 70%;
	position: relative;
	top: 25px;
	border: 1px solid #999999;
}
#branding {
	position: relative;
	height: auto;
	width: 100%;
	background-image: url(http://www.schmidtalfred.de/inc_webdesigner/bilder/branding.png);
	background-repeat: repeat-x;
	float:left;
	border-bottom:1px solid #666666;
}
#branding h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: right;
	letter-spacing: 5px;
	padding:0px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#header {
	position: relative;
	width: 100%;
	height: 100px;
	background-image: url(../bilder/leiste_241209.jpg);
	background-repeat: repeat-x;
	clear:both;
}
#header h1 {
	color: #999999;
	font-size: 0.65em;
	letter-spacing: 2px;
	position: relative;
	top: -97px;
	right: 5px;
	text-transform: uppercase;
}
/*navigation*/
#navi {
	position: relative;
	width: 100%;
	background-color: #CCCCCC;
	height: 32px;
	background-image: url(../bilder/nav-bg.jpg);
	padding-top:5px;
}
#navi li {
/*	list-style-type: none;*/
	float:left;
	display:inline;
}
#navi li a {
    color:#ffffff;
		font-weight:bold;
	font-size: 0.7em;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 22px;
	padding-top:9px;
	border-right: 1px solid #fff;
}
#navi li a:hover {
	background-image: url(../bilder/nav-hover.jpg);
	background-repeat: repeat-x;
}
/*welche seite ist aktiv*/
#webdesign .a1, #referenzen .a5, #preise .a3, #kontakt .a4, #impressum .a6, #start .a7, #profil .a8 {
/*	font-weight: bold;*/
	color: #FFFFCC;
	background-image: url(../bilder/nav-active.jpg);
}
/*navigation ende*/
#inhalt {
	position: relative;
	width: 100%;
	height: auto;
	clear:both;
	background-color: #ffffff;
}
#inhalt p {
	font-size: 0.75em;
	line-height: 1.4em;
	color: #666666;
}
#inhalt h2 {
	padding: 15px 0 5px 15px;
	margin-left: 15px;
	font-family: Comic Sans MS;
	font-size: 0.85em;
	font-weight: bold;
}
/*liste im inhalt*/
#inhalt ul{
  margin-top:10px;
  margin-bottom:15px;
  margin-left: 50px;
  }
#inhalt ul li{
	font-size:0.75em;
	list-style-type: circle;
	line-height: 1.6em;
}
/* ENDE liste im inhalt*/
#inhalt a {
	font-weight: bold;
	color: #0066FF;
	text-decoration: none;
}

#inhalt a:hover {
	text-decoration: underline;
}

.foto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1em;
	color: #666666;
	margin-left: 40px;
}
.fotoalf{
	border: 1px solid #000000;
	margin-left: 30px;
	padding: 3px;
	background-color: #ffffff;
}
#fuss {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-image: url(../bilder/nav-bg.jpg);
	color: #CCCCCC;
	font-weight: bold;
	font-size:0.75em;
	letter-spacing: 1px;
	clear:both;
}

#info {
	border-top: 1px dotted #666666;
	width:100%;
}
#info h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #999999;
	font-weight: normal;
	margin-left: 10px;

}

address {
	margin-left:40px;
	font-size: 0.8em;
}
/*bild mit zwei rahmen*/
#ref_foto {
	position:relative;
	float:left;
	width:50%;
}
#kundenstimmen{
	position:relative;
	float:left;
	width:50%;
}
#kundenstimmen p{}
.bild {
	padding:2px;
	border: 1px solid #000;
	background-color:#efefef;
}