/* typography.css */
body {font-size:100.1%;}
html > body {font-size:100.0%;min-height: 101%;font-family: Lucida Grande, Tahoma, sans-serif;font-size: 12px;line-height: 1.6;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1 img, h2 img, h4 img, h5 img, h6 img {margin:0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p a {text-decoration:underline;}
blockquote {margin:1.5em;font-style:italic;}
strong {font-weight:bold;}
em {font-style:italic;}
abbr, acronym {border-bottom:1px dotted #666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
#header a, #inhalte a {outline: none;  /* disable mozilla's dotted box around link */}

hr {height: 1px;border: 0 none;border-top: 1px dotted #999;margin:20px 20px 20px 0}


#inhalte h1 {font-size:3em;}
#inhalte h2 {font-size:2em;margin-bottom:0.75em;}

#sidebar h3 {font-size:1.5em;line-height:1em;margin-bottom:1.25em;}


#inhalte h4 {font-size:1.35em;line-height:1.25;margin:.5em 0 .25em;}
.h4-space-top{padding-top:30px;}
#inhalte h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
#inhalte h6 {font-size:1em;font-weight:bold;}
div#inhalte p{padding-right:25px;}

p{font-size:110%;line-height:1.5em;margin:0 0 1.5em 0}
.p-impressum{padding-top:15px;}
ul{font-size:105%;}

/* header
--------------------------------------------------*/

#header h1 {text-indent: -9999px;padding:0;}

.logo {float: right;margin: 0;}
.logo a {float: right;text-indent: -9999px;width: 400px;height: 50px;padding-right: 20px;background: url(../images/assets/header-schriftzug.png) no-repeat;}

#header h2 {margin-left: 0px;text-indent: -9999px;overflow: hidden;height: 23px;width: 200px;}
#header h2.web {background-image: url(../images/assets/header-webdesign.png);background-repeat: no-repeat;}
#header h2.rails {background-image: url(../images/assets/header-rails.png);background-repeat: no-repeat;}
#header h2.seo {background-image: url(../images/assets/header-seo.png);background-repeat: no-repeat;}



/* navi
--------------------------------------------------*/

#sidebar h3{padding-top: 55px;padding-left: 18px;font-weight: normal;}

#sidebar ul{font-size: 110%;padding-left: 16px;}
#sidebar li{border-bottom-width: 1px;border-bottom-style: solid;}
#sidebar li a{padding:6px 0 6px 6px;text-decoration: none;border-bottom: none;display: block;}

#sidebar li a:hover {background-color: #ccc;color: #fff;font-weight:bold;}
#sidebar #current{background-color: #929B42;}




/* content
--------------------------------------------------*/

div#inhalte h2 {margin: 0;text-indent: -9999px;overflow: hidden;height: 90px;margin-left:1px;}
###div#inhalte .show-feature h2 {margin: 0;text-indent: -9999px;overflow: hidden;height: 80px;}
div#inhalte .feature h3 {margin: 0;text-indent: -9999px;overflow: hidden;height: 40px;}




.index {
	background-image: url(../images/assets/f2-index.png);
	background-repeat: no-repeat;
}

.design {
	background-image: url(../images/assets/f2-design.png);
	background-repeat: no-repeat;
}

.sitemap {
	background-image: url(../images/assets/f2-sitemap.png);
	background-repeat: no-repeat;
}

.seo {
	background-image: url(../images/assets/f2-seo.png);
	background-repeat: no-repeat;
}

.referenzen {
	background-image: url(../images/assets/f2-referenzen.png);
	background-repeat: no-repeat;
}

.show-referenzen {
	background-image: url(../images/assets/f2-nah-dran.png);
	background-repeat: no-repeat;
}


.rails {
	background-image: url(../images/assets/f2-rails.png);
	background-repeat: no-repeat;
}

.kontakt {
	background-image: url(../images/assets/f2-kontakt.png);
	background-repeat: no-repeat;
}

.cms {
	background-image: url(../images/assets/f2-cms.png);
	background-repeat: no-repeat;
}




/* features
--------------------------------------------------*/

.webauftritt-feature h3 {
	background-image: url(../images/assets/feature-erfolgreiche.png);
	background-repeat: no-repeat;} 

.rails-feature h3 {
	background-image: url(../images/assets/feature-rails.png);
	background-repeat: no-repeat;}

.seo-feature h3 {
	background-image: url(../images/assets/feature-seo.png);
	background-repeat: no-repeat;}

.referenzen-feature h3 {
	background-image: url(../images/assets/feature-referenzen.png);
	background-repeat: no-repeat;}

.cms-feature h3 {
	background-image: url(../images/assets/feature-cms.png);
	background-repeat: no-repeat;}


/* anker
--------------------------------------------------*/

#inhalte p a {color: #666666;text-decoration: none;border-bottom: 1px dotted #669900;}
#inhalte ul a {color: #666666;text-decoration: none;border-bottom: 1px dotted #669900;}
#inhalte dl a {color: #666666;text-decoration: none;border-bottom: 1px dotted #669900;}

#inhalte a:hover {text-decoration: none;border-bottom: none;}

h3 a {display: block;margin-top:10px;}
.feature h4 a{text-decoration: none;border-bottom: 1px dotted #3366cc;}


/*bullets
--------------------------------------------------*/
.bullet{margin:20px 0}
.bullet li{background: url(../images/assets/bullet.png) no-repeat 0px 6px;
padding-left:18px;line-height: 18px;padding-bottom: 5px;}

.pfeil{margin:20px 0}
.pfeil li{
background: url(../images/assets/pfeil.gif) no-repeat 0px 6px;
padding-left:32px;line-height: 18px;padding-bottom: 5px;}

.seo-fragen{}
.seo-fragen li{background: url(../images/assets/bullet.png) no-repeat 0px 6px;padding-left:18px;
line-height: 20px;padding-bottom: 5px;}

/* dd dl
--------------------------------------------------*/

dl{margin:0 0 1.5em 0;overflow:hidden;line-height:18px;}
dt{clear:left;float:left;margin: 0 5px 5px 0;width: 120px;}
dd {margin: 0 0 5px;}

 

/* footer
--------------------------------------------------*/
#footer {text-align:center;padding-top:5px;}







.make-clear{height: 1%;}
.make-clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}