/*  brandbuero.de by portnull.de
---------------------------------------- */
body {
	font-family: Arial, Helvetica;
	font-size: 62.5%;
	font-style: normal;
	text-align: center;
	line-height: 1.8em;
	color: #333;}

a {
	color: #333;
	text-decoration: underline;}
a:hover {color: #db0008;}
dt a {text-decoration: none;}


a img {border:1px solid #ccc;}
a:hover img {border: 1px solid #db0008;}

.column14 a img, .column14 a:hover img {border: 0;}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Times;
	font-weight: normal;
	margin: 0;
	padding: 0;}

h1 {
	font-size: 2em;
	margin: 0 0 18px 0;}

h2 {
	font-size: 1.6em;
	color: #db0008;
	margin: 0 0 6px 0;}
h2 em {
	font-style: normal;
	color: #333;}	
	
h3 {
	font-size: 1.4em;}
	
h4 {
	font-size: 1.3em;}	


	
ul, ol, li {
	margin: 0;
	padding: 0;}

ol {
	margin: 0 0 12px 20px;}

ul li {
	padding: 0 0 0 12px;
	margin: 0 0 2px 0;
	list-style-type: none;}

ol li {
	margin: 0 0 6px 0;
	list-style-type: decimal;}
		
hr {
	height: 1px;
	border: none;
	border-top:1px dotted #ccc;
	background: none;
	margin: 0;
	padding: 0;}


span.amp {
	font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
	font-style: italic;}


.nomargin {
	margin: 0 0 2px 0;}


/* $BASIC
---------------------------------------- */
body {
	margin: 0 0 30px 0;
	padding: 0;
	background: #e9e9e7 url("gfx/bg_body.jpg") top left repeat-x;}
	
#wrapper {
	text-align: left;
	width: 725px;
	margin: 54px auto 30px;}

#header {
	float: left;
	width: 700px;
	padding: 0 0 0 25px;
	height: 61px;
	background:url("gfx/bg_header.png") top center no-repeat;}

#content {
	float: left;
	width: 700px;
	padding: 10px 0 0 25px;
	background: url("gfx/bg_content.png") top center repeat-y;}	
	
ul#footer {
	float: left;
	font-size: 1.1em;
	width: 675px;
	padding: 6px 25px 10px;
	margin: 0 0 30px 0;
	background: url("gfx/bg_footer.jpg") bottom left no-repeat;}
ul#footer li {
	float: left;
	padding: 0 12px 0 0;}
ul#footer a {text-decoration: none;}



/* $NAVIGATON
---------------------------------------- */
ul#navigation {
	float: left;
	font-family: Georgia, Times;
	font-size: 1.3em;
	font-weight: normal;
	width: 675px;
	margin: 0 0 28px 0;}

ul#navigation li {
	float: left;
	padding: 0;
	margin: 0 18px 0 0;
	list-style-type: none;}

ul#navigation a {
	color: #666;
	padding: 0 0 6px 0;
	text-decoration: none;}

ul#navigation a:hover {
	color: #db0008;
	background: url("gfx/nav1.gif")bottom center no-repeat;}
	

a#navindex {
	float: left;
	margin: 26px 0 0 0;}
a#navindex img {border: 0;}	
	
body#index a#navabout {
	color: #db0008;
	background: url("gfx/nav1.gif")bottom center no-repeat;}
body#about a#navabout {
	color: #db0008;
	background: url("gfx/nav1.gif")bottom center no-repeat;}
body#clients a#navclients {
	color: #db0008;
	background: url("gfx/nav1.gif")bottom center no-repeat;}
body#team a#navteam {
	color: #db0008;
	background: url("gfx/nav1.gif")bottom center no-repeat;}
body#contact a#navcontact {
	color: #db0008;
	background: url("gfx/nav1.gif")bottom center no-repeat;}



ul#lang {
	float: right;
	font-size: 1.1em;
	color: #666;
	margin: 38px 18px 0 0;}
ul#lang li {
	float: left;
	padding: 0;
	margin: 0;}
ul#lang a:link {color: #666;}
ul#lang a:hover {color: #db0008}



/* $CONTENT
---------------------------------------- */	
#content {
	font-size: 1.2em;}

.column14 {
	float: left;
	width: 152px;
	margin: 0 18px 18px 0;
	padding: 0 0 0 12px;
	border-left:1px dotted #ccc;}	
.column12 {
	float: left;
	width: 270px;
	margin: 0 0 18px 0;}
.column12.left {
	margin: 0 100px 18px 0;}
.column34 {
	float: left;
	width: 492px;
	margin: 0 18px 18px 0;}
.column1 {
	clear: left;
	padding: 6px 0;
	width: 675px;}
	
.column14 ul li,
.column12 ul li,
.column34 ul li,
.column1 ul li {
	background: url("gfx/list.gif") 0 50% no-repeat;}
	
	
div.txt {
	float: left;}


dl {
	float: left;
	width: 300px;
	margin: 0 0 24px 0;}

dt {
	font-family: Georgia, Times;
	font-size: 1.4em;
	color: #333;
	padding: 0 0 4px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px dotted #f1f1f1;}
	
dd {
	padding: 0;
	margin: 0;}


dd.list {
	float: right;
	width: 170px;
	padding: 2px 0 0 12px;
	background: url("gfx/list.gif") 0 50% no-repeat;}

dd.occupation {
	font-weight: bold;}		
dd.fon {
	font-size: .9em;
	margin: 4px 0 0 0;}	
dd.mail {
	margin: 4px 0 0 0;}
dd.link {
	font-size: .9em;
	margin: 0 0 0 0;}
dd.link a {color: #666;}
dd.link a:hover {color: #db0008;}


dd.image img,
dd.image a img {
	float: left;
	border: 1px solid #eeeeec;
	margin: 0 10px 6px 0;
	height: 75px;
	width: 100px;
	-webkit-box-shadow: 0 1px 0 #ccc;
	-moz-box-shadow: 0 1px 0 #ccc;
	box-shadow: 0 1px 0 #ccc;}
	

img.bigpic {
	float: right;
	margin: 0 0 6px 6px;}