/*
Theme Name: Digital Business Card
Theme URI: http://milkengine.com/card
Description: A Digital Business Card Theme for Wordpress. 
Version: .001
Author: John Saddington
Author URI: http://www.human3rror.com
*/

html, body { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { margin:0; padding:0; border:0; font-style:normal; font-size: 13px; line-height:1; font-family:inherit; text-align:left; text-shadow: 1px 1px 2px #708090; }
h2 { font-size: 22px; padding-bottom: 5px; text-shadow: 1px 1px 1px #777777; color: #4B88E3; }
li { margin:0; padding: 0 0 5px 5px; /* width: 120px; */ }

.navigation ul li { margin:0; padding: 0 0 5px 5px; width: 120px; border-left: 2px solid #FFFFFF; }

table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style:none; }
blockquote:before, blockquote:after { content:""; }
a { outline:none; } 
.aright { float:right; }
body { background: #C8C8C8 /* url(images/bg_light.jpg) no-repeat center top */; font:11px Verdana, Arial, Helvetica, sans-serif;	color:#333; line-height:18px; }
/* #top { width:545px; height:25px; margin:5px auto 0 auto; padding-top: 0px; background:url(images/top.png) no-repeat center top;  } */
#navi { width: 940px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px; }
/* #page { width:545px; margin:0 auto; background:url(images/centerbg.png) repeat-y left top;   display:table;  } */
.page-in { padding:0 15px; }
/* #footer { width:515px; margin:0 auto; background:url(images/bottombg.png) no-repeat top; clear:both; padding:25px 15px; position:relative; } */
#datacontent .panelsInner { overflow: hidden; }
#datacontent .panel { padding: 0px; }
.fader { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 54px;  }
#datacontent { position:relative;  }
a:hover img { margin-left: 5px;}
a strong { display: block; font:bold 14px Arial, Helvetica, sans-serif; color: #000; }
.clear { clear: left; }
#content { padding: 0 10px; background: url(images/content.png) repeat-y left;   }
#content ul { display:block; margin:0; padding:0; list-style:none;     }
#content li { float: left; width:154px; margin-left:0px;   }
#content a { font-size: 13px; color: #666; text-decoration: none; padding: 10px 0 5px;  display:block;  width:154px;  height:40px;  position:relative;  z-index:2; cursor:pointer; }
#content li a img { border: 0;  float: left;  margin: 0 10px; }
.about { background:url(images/hr.png) repeat-x bottom; padding:0px 20px 10px 20px; overflow:hidden; margin-bottom:10px;  }
.about img { float:left; margin:0 0 0 0; /* border:2px solid #9a9fa6; */ }
.about h1 { margin: 5px 0 3px 0; padding:0; font:25px Arial, Helvetica, sans-serif; color: #800080; }
.descript { margin:5px 0 3px 0; padding:0; font: 25px Arial, Helvetica, sans-serif; color:#333; text-align: right; }
.about p { color:#444; line-height:16px; }
.navigation { height: 0px; margin-bottom:0px; padding-bottom: 10px; line-height: 18px; font-weight: bold; }
.navigation li { float: right; }

.navigation li { margin:0; padding: 5px 0 5px 5px; width: 120px; border-left: 2px solid #FFFFFF; height: 35px; }
#new { margin:0; padding: 5px 0 5px 5px; width: 120px; border-left: 2px solid #FFFFFF; height: 35px; background: transparent url('images/new.png') top right no-repeat; }

.navigation li a { margin-right:0px;  float:left; display:block; margin: 0px 10px 0px 0px; font-size: 13px; font-weight:bold; text-align:left; color:#000000; text-decoration: none;  }
.navigation li a:hover { color:#ffffff; }
.navigation li a.active { color:#333333;  }
.navigation li a.active:hover { color:#000000; }
.main_content { padding:10px 20px;}
.main_content p { line-height:18px;   margin-bottom: 10px;  }
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#a1141a; text-decoration:none; } 
.main_content a:hover, .main_content span a:hover { color:#333; }
.main_content blockquote { background: /* url(images/quote.png) no-repeat left 5px */ #F2CF29; margin:8px 0; padding: 10px 10px 3px 20px; font-size:12px; line-height:20px; }
.main_content blockquote p {  font-weight:bold; font:bold 14px Arial, Helvetica, sans-serif; line-height:20px; }
.main_content blockquote:first-letter { font-size:24px; }
.main_content .textwidget { line-height:18px; }
.row { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px;  }
.field_l { width:80px; float:left; font-weight:bold; padding-left:20px;  }
.field_r { width:370px; float:right;  }
.i_mail { background:url(images/email.png) no-repeat 4px 7px; }
.i_company { background:url(images/company.png) no-repeat 4px 3px; }
.i_location { background:url(images/location.png) no-repeat 4px 6px; }
.i_web { background:url(images/web.png) no-repeat 4px 5px; }
#footer p a { text-align:right; padding:10px 0; color:#666; text-decoration: none; }
#footer p a:hover { color:#fff; }
.footp { color:#FFFFFF; text-align: center;}
.clearfix:after { content: "."; clear: both; height:0; 	visibility:hidden; display: block; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* ******** tabelle ********** */
table {
		border-collapse:collapse;
		background:#EFF4FB url(images/teaser.gif) repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		color: #333;
}

td, th {
		padding:5px;
text-align: left;
}

caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

table a {
		color:#950000;
		text-decoration:none;
}

table a:link {
		text-decoration: underline;
                font-weight:normal;
                color:#800080;
}

table a:visited {
		font-weight:normal;
		color:#800080;
/*		text-decoration: line-through; */
		text-decoration: underline;
}

table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
		background:#333 url('images/llsh.gif') repeat-x;
		color:#fff
}

tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

tbody th {
		white-space: nowrap;
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		background:#fafafa
}
le tbody tr {background: #F3F5F7;}

table tbody tr.odd {background: #F0F2F4;}

table tbody  tr:hover {background: #EAECEE; color: #111;}

table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  'Ubuntu', "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}

.squ_content {
margin-top: 40px; background: transparent url('images/uragano.jpg') repeat-x;
padding: 10px;
/* -moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888; */
}

.squ_content h2 {
font-size: 22px;
padding-bottom: 5px;
text-shadow: #777777;
color: #FF5E14;
}

.squ_content img {
background: transparent;
/* -moz-box-shadow: 0 0 5px 5px #d3d3d3;
-webkit-box-shadow: 0 0 5px 5px#d3d3d3;
box-shadow: 0 0 5px 5px #d3d3d3; */
}
.stacco { clear: both; }

.squ_content img {
	border: none;
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
}
.squ_content .attachment img {
	max-width: 900px;
}
.squ_content .alignleft,
.squ_content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.squ_content .alignright,
.squ_content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.squ_content .aligncenter,
.squ_content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.squ_content img.alignleft,
.squ_content img.alignright,
.squ_content img.aligncenter {
	margin-bottom: 12px;
}
.squ_content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.squ_content .wp-caption img {
	margin: 5px 5px 0;
}
.squ_content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}