/* CSS Document */



/* browser reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a:link, a:visited, a:active {
	color:#1a171b;
	text-decoration:underline;
}
a img { border:none; }

/* ----- END: browser reset ----- */




/* -------------------------------------------------------------------------+
|																			|
|								MAIN STRUCTURE								|
|																			|
+--------------------------------------------------------------------------*/

html, body {
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#1a171b;
	background-color:#f5f3e1;
	background-image:url(../images/main-gradient.jpg); background-repeat:repeat-x;
}

#container {
	width:830px;
	margin:60px auto;
	border:15px solid white;
	background-color:white;
}

#head {
	width:466px;
	height:43px;
	margin-top:131px;
	margin-bottom:15px;
}

#headline {
	width:830px;
	height:41px;
	background-color:#1a171b;
	margin-bottom:15px;
}

#content {
	width:730px;
	height:480px;
	padding:60px 50px 80px 50px;
	background-color:#ebece7;
}

#footer {
	width:830px;
	height:28px;
	margin-top:15px;
	padding-top:17px;
	background-color:#d6d7d4;
}



/* -------------------------------------------------------------------------+
|																			|
|									MAIN MENU								|
|																			|
+--------------------------------------------------------------------------*/

ul.menu {
	float:right;
	font-size:15px;
	line-height:20px;
	text-align:right;
}


ul.menu li a:link, ul.menu li a:visited, ul.menu li a:focus {
	color:#1a171b;
	text-decoration:none;
}

ul.menu li a:hover {
	color:#0076bd;
	text-decoration:none;
}

ul.menu li a.active {
	font-weight:bold;
	text-transform:uppercase;
	color:#0076db;
	letter-spacing:5px;
	text-align:right;
}



/* -------------------------------------------------------------------------+
|																			|
|									TYPOGRAPHY								|
|																			|
+--------------------------------------------------------------------------*/

/* ----- common ----- */

p {
	margin-bottom:30px;
	width:520px;
}

p.fourteen {
	font-size:14px;
	line-height:14px;
}

p.width430 { width:430px; }
p.width360 { width:360px; }

p.floatright { float:right; width:250px; font-size:11px; line-height:13px; }

h2, em {
	font-size:17px;
	font-weight:bold;
	font-style:normal;
	display:block;
	color:#0076bd;
	margin-bottom:20px;
}

a:link.special, a:active.special, a:visited.special {
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	color:#0076bd;
	text-decoration:none;
}
a:hover.special {
	text-decoration:underline;
}

small {
	font-size:11px;
	color:#292929;
	line-height:13px;
}

ul.listing {
	list-style:square; list-style-position:inside;
	margin:0 0 20px 15px;
}

p.smallprint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}

div#footer {
	font-size:12px;
	font-style:normal;
	text-align:center;
}

div#footer em {
	font-size:12px;
}

div#footer em  { display:inline; font-weight:normal; color:#0076bd; }



/* -------------------------------------------------------------------------+
|																			|
|									GRAPHICS								|
|																			|
+--------------------------------------------------------------------------*/

div.content-start {
	background-image:url(../images/alphabet.jpg); background-position:bottom right; background-repeat:no-repeat;
}
div.content-lektorat {
	background-image:url(../images/typeset.jpg); background-position:bottom right; background-repeat:no-repeat;
}
div.content-korrektorat {
	background-image:url(../images/rubber.jpg); background-position:bottom right; background-repeat:no-repeat;
}
div.content-webseiten {
	background-image:url(../images/internet.jpg); background-position:bottom right; background-repeat:no-repeat;
}
div.content-werbetexte {
	background-image:url(../images/notes.jpg); background-position:bottom right; background-repeat:no-repeat;
}
div.content-profil {
	background-image:url(../images/vollenberg.jpg); background-position:bottom right; background-repeat:no-repeat;
}
div.content-kontakt {
	background-image:url(../images/jens-vollenberg.jpg); background-position:bottom right; background-repeat:no-repeat;
}