/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
  font-family: "Fontin";
  src: url(../extras/Fontin-Italic.eot);
  src: local("Fontin"), url(../extras/Fontin-Italic.ttf) format("truetype");
}
/* Generell */
@media screen {
* { margin: 0; padding: 0;}
html, body, #wrapper { height: 100%;}
body > #wrapper { height: auto; min-height: 100%;}
body {
	background: #f5f5f4 url(../images/bg.gif) left top repeat;
	font: 100.01% "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
p { margin: 0; padding: 16px 0 0 0;}
#main { margin: 0; padding-bottom: 140px; text-align: left;}

/* Clear fix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

/* Kopf */
#header { height: 300px; width: 940px; margin: 0; padding: 0 10px;}
	/* Logo */
#logo {
	width: 242px;
	float: right;
	margin-top: 93px;
}
#logo img { border: none;}

	/* Menue */
#navtop {
	width: 940px;
  	padding: 0;
  	margin: 0 auto; 
  	list-style-type: none;
  	float: left;
  	position: relative;
	top: 30px;
  	left: 0;
}
#navtop li { float: left; width: auto;}
#navtop a {
	background: transparent url(../images/menue/pfeil_menu.gif) left top no-repeat;
	float: left;
  	width: auto;
	height: 46px;
  	display: block;
  	font: italic 1.5em "Cambria", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;
	color: #333;
	white-space: nowrap;
	line-height: 0.4em;
  	text-decoration: none;
	padding: 9px 0 0 8px;
	margin: 0;
}
#navtop .ahome { width: 100px; margin-right: 95px;}
#navtop .aportfolio { width: 131px; margin-right: 95px;}
#navtop .aprofil { width: 96px; margin-right: 95px;}
#navtop .aartikel { width: 106px; margin-right: 95px;}
#navtop .akontakt { width: 119px;}

#navtop a:hover { color: #d14d0b;}
.rot { font-size: 0.7em; color: #d14d0b;}
li a:hover .rot { color: #333;}
.grau { font-size: 0.7em; color: #333;}
.explain {
	font: normal 0.38em "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 2.8em;
}
	/*Nur für deaktiverten Artikel */
	#navtop .artikel {
		background: transparent url(../images/menue/pfeil_menu.gif) left top no-repeat;
		float: left;
		font: italic 1.5em "Cambria", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;
		color: #999;
		white-space: nowrap;
		line-height: 0.4em;
		display: block;
		width: 106px;
		height: 46px;
		padding: 9px 0 0 8px;
		margin-right: 84px;
	}
	
	/* Aktiver Menuepunkt */
#navtop .home, #navtop .portfolio, #navtop .profil, /*#navtop .artikel, */#navtop .kontakt {
	float: left;
	font: italic 1.5em "Cambria", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;
	color: #fff;
	white-space: nowrap;
	line-height: 0.4em;
	display: block;
	width: auto;
	height: 46px;
	padding: 9px 0 0 8px;
	margin: 0;
}
#navtop .home { background: transparent url(../images/menue/bg_home.gif) left top no-repeat; width: 100px; margin-right: 95px;}
#navtop .portfolio { background: transparent url(../images/menue/bg_portfolio.gif) left top no-repeat; width: 131px; margin-right: 95px;}
#navtop .profil { background: transparent url(../images/menue/bg_profil.gif) left top no-repeat; width: 96px; margin-right: 95px;}
/*#navtop .artikel { background: transparent url(../images/menue/bg_artikel.gif) left top no-repeat; width: 106px; margin-right: 95px;}*/
#navtop .kontakt { background: transparent url(../images/menue/bg_kontakt.gif) left top no-repeat; width: 119px;}
	/* Slogan */
#slogan {
	clear: left;
	width: 660px;
	text-align: left;
	left: 0;
	top: 116px;
	position: relative;
}
#start {
	clear: left;
	width: 660px;
	text-align: left;
	left: 0;
	top: 45px;
	position: relative;
}
	/* Ueberschriften */
h1 { 
	font: italic 3.75em "Fontin", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;
	white-space: nowrap;
}
h2 {
	background: transparent url(../images/pfeil_h2.gif) left bottom no-repeat;
	font: italic 1.9em "Cambria", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;
	color: #d14d0b;
	height: 36px;
	margin-bottom: 30px;
	text-indent: 10px;
}
#rechts h3 {
	background: transparent url(../images/pfeil_h3.gif) left top no-repeat;
	font: italic 1.8em "Cambria", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;
	margin: 0;
	padding: 15px 0;
}
#rechts h3 a { color: #666; font-style: italic; text-decoration: none;}
#rechts h3 a:hover { color: #6d8307; text-decoration: none;}

/* Inhalte */
#content {
	width: 570px;
	margin: 0 10px;
	padding: 0;
	display: inline;
	float: left;
}
.common { width: 570px; margin: 0; padding: 0; float: left;}
.common ul { list-style-type: none;}
.common li { float: left; display: inline; width: auto;}
li.inhalt {
	font-size: 0.78em;
	text-align: justify;
	line-height: 1.6em;
	width: 570px;
	padding: 0 0 30px 0;
}
.inhalt a:link, .inhalt a:visited { color: #6d8307; text-decoration: none;}
.inhalt a:hover, .inhalt a.active { color: #666; text-decoration: none;}
.inhalt h2 a { color: #d14d0b !important; font-style: italic; text-decoration: none !important;}
.inhalt h2 a:hover { color: #d14d0b; text-decoration: none;}
.inhalt h3 {
	background: none;
	font: bold 1.1em "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
	color: #333;
	padding: 10px 0;
}
.inhalt img.gross { 
	border: #666 1px solid;
	background-color: #f4f4f5;
	margin: 0 auto 24px auto;
	padding: 10px;
	display: block;
}
.inhalt img { 
	border: #666 1px solid;
	background-color: #f4f4f5;
	margin: 0 auto 10px 5px;
	padding: 10px;
}
img.profil { 
	clear: both;
	border: #a1a193 1px solid;
	float: right;
	margin: 2px 5px 4px 16px;
	background-color: #f4f4f5;
}

.anfang, .next { font-size: 0.7em; float: right; padding: 0; margin: 0 0 10px 0;}
.anfang a, .next a, .back a { color: #666; text-decoration: none;}
.anfang img, .back img, .next img { border: none; margin: 0 0 2px 0;}
.back { font-size: 0.7em; float: left; padding: 0; margin: 0 0 10px 0;}

/* rechte Spalte */
#rechts{
	font: normal 0.75em "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	text-align: left;
	width: 240px;
	float: right;
	padding: 0 10px 0 10px;
	margin: 33px 0 0 0;
	display: inline;
}
.rblock { width: 234px; padding: 0px 0px 20px 6px; line-height: 1.7em;}
.rblock ul { list-style-type: none;}
.rblock li { display: block;}
.rblock li a { color: #d14d0b; font-weight: normal; text-decoration: none;}
.rblock li a:hover { color: #666; text-decoration: none;}

/* Fussbereich */
#footer { 
	clear: both;
	background: transparent url(../images/pfeil_foot.gif) left top no-repeat;
	height: 70px;
	width: 940px;
	text-align: center;
	position: relative;
	margin: -70px auto 0 auto;
}
#footbox {
	background: transparent url(../images/footbox.gif) top left no-repeat;
	font-size: 0.6em;
	width: 594px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	top: 24px;
	position: relative;
}
#footbox ul{ list-style-type: none;}
#footbox li {
	width: 60px;
	margin: 0;
	padding: 16px 0 0 10px;
	color: #fff;
	float: left;
	text-align: right;
	display: inline;
}
#footbox li a { color: #fff; text-decoration: none;}
#footbox li a:hover { color: #666; text-decoration: none;}

/* Formularfelder */
.formtext { width: 400px; margin: 0 auto 15px auto;}
.caption { margin: 0 0 0 85px; padding: 0;}
.edit {
	background-color: #f4f4f5;
	border: #6d8307 1px solid;
	width: 400px;
	height: 20px;
	margin: 4px auto 10px 85px;
}
textarea:focus, input:focus { border: 1px solid #d14d0b;}
.edit02 {
	background-color: #f4f4f5;
	border: #6d8307 1px solid;
	width: 400px;
	height: 60px;
	margin: 4px auto 10px 85px;
}
.radio {
	width: 20px;
	height: 20px;
	margin: 0 auto 20px 85px;
}
.editlong {
	background-color: #f4f4f5;
	border: #6d8307 1px solid;
	width: 400px;
	height: 180px;
	margin: 4px auto 10px 85px;
}
.sendstate { font-size: 0.8em; color: #d14d0b; width: 400px; margin: 25px auto 10px 85px;}
.sendsucceed { font-size: 0.8em; color: #6d8307; width: 400px; margin: 25px auto 10px 85px;}
}
@media print {
body { font: 100.01% "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;}
#start img, #logo, #navtop, #rechts, #footer, .anfang img, .back img, .next img, .anfang a, .next a, .back a { display: none;}
h1 { font: italic 2.6em "Fontin", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;}
h2 { background-image: none; font: italic 1.2em "Cambria", "Georgia", "Lucida Sans", "Lucida Grande", palatino, serif;}
ul { list-style-type: none;}
li.inhalt { font-size: 0.75em; text-align: justify; line-height: 1.4em; width: 90%; margin: 0 10px 0 10px;}
.inhalt img { border: #666 1px solid; background-color: #f4f4f5; margin: 0 auto 20px auto; padding: 10px; display: block;}
}