/*
Theme Name: Sympra
Theme URI: http://www.sympra.de
Description: Special Design for Sympra.de.
Version: 1.0
Author: Nurudin Jauhari
Author URI: http://www.jauharimedia.com/
Tags: grey, fixed width, two columns, widget

	

	Last Edit: 25 October 2008 08:09  +7 GMT

	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
	http://creativecommons.org/licenses/by/3.0/
*/

/* import stylesheets and hide from ie/mac \*/
@import url("css-reset.css");
@import url("css-navi.css");
/* end import/hide */

/* Begin Typography & Colors */

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
code, pre {
	font: 1.1em 'Courier New', Courier, Fixed;
	width: 525px;
	overflow: auto;
}
pre {
	overflow: auto;
	max-width: 547px;
	margin-bottom: 20px;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

.retaggrPopupIcon {
	display: none;
}
/* L I N K S */

a:link, a:visited {
	color: #6A5915;
	text-decoration: none;
}
a:hover {
	color: #C10064;
	text-decoration: underline;
}
/* Etc
******************** */
br.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* End Images */

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	font-style: italic;
	color: #666;
	padding-left: 20px;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
hr {
	display: none;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	margin-right: 37px;
	padding: 10px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 20px;
}
.navigation a {
	color: #999;
}
/* End Various Tags & Classes*/


/* Basic */

/*<![CDATA[*/
#wrapper {
	width: 912px;
	padding: 0;
	margin-top: 60px;
	margin-left: -456px;
	left: 50%;
	position: absolute;
}
* html #wrapper {
	/* \*/
		word-wrap: break-word;/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#page {
	width: 912px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	padding-bottom: 15px;
	text-align: left;
}
#content-wrap {
	float: left;
	width: 100%;
	background: #fff;
}
#content {
	margin: 0 300px 0 35px;
}
#sidebar {
	float: left;
	position: relative;
	margin-left: -285px;
	width: 260px;
}
/* Menu */
.menuarea {
	position: absolute;
	left: 33px;
	top: 28px;
}
.menu {
	margin: 0;
	list-style: none;
}
.menu li {
	float: left;
}
.menu li a:link, .menu li a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	margin-right: 3px;
	text-transform: uppercase;
	height: 20px;
	width: 125px;
	text-indent: -5000px;
}
.menu li.current_page_item a:link, .menu li.current_page_item a:visited {
	color: #fff;
}
.menu li a:hover {
}
.menu li.mhome a {
	background: #6A5915 url(images/menu/home.gif) 0 0 no-repeat;
}
.menu li.mage a {
	background: #6A5915 url(images/menu/agentur.gif) 0 0 no-repeat;
}
.menu li.mtea a {
	background: #6A5915 url(images/menu/team.gif) 0 0 no-repeat;
}
.menu li.mkon a {
	background: #6A5915 url(images/menu/kontakt.gif) 0 0 no-repeat;
}
.menu li.mpre a {
	background: #6A5915 url(images/menu/presse.gif) 0 0 no-repeat;
}
.menu li.mact a {
	background: #6A5915 url(images/menu/actuelles.gif) 0 0 no-repeat;
}
.menu li.mhome a:hover {
	background: transparent url(images/menu/home.gif) 0 -20px no-repeat;
}
.menu li.mage a:hover {
	background: transparent url(images/menu/agentur.gif) 0 -20px no-repeat;
}
.menu li.mtea a:hover {
	background: transparent url(images/menu/team.gif) 0 -20px no-repeat;
}
.menu li.mkon a:hover {
	background: transparent url(images/menu/kontakt.gif) 0 -20px no-repeat;
}
.menu li.mpre a:hover {
	background: transparent url(images/menu/presse.gif) 0 -20px no-repeat;
}
.menu li.mact a:hover {
	background: transparent url(images/menu/actuelles.gif) 0 -20px no-repeat;
}
/* /Menu */

/* Navi neu 2010-03-01 ha75 */

#homepage_header .sympra_navigation li, #footer_container ul li {
float:left;
margin-right:3px;
}

#homepage_header .sympra_navigation li a, #footer_container ul li a {
background:url("http://newsroom.sympra.de/newsrooms/sympra/images/layout/sympra.png") repeat scroll 0 0 transparent;
display:block;
height:20px;
overflow:hidden;
text-indent:-999em;
width:125px;
}

#homepage_header .sympra_navigation li.agency a {
background-position:-140px 0;
}
#homepage_header .sympra_navigation li.competences a {
background-position:-280px 0;
}
#homepage_header .sympra_navigation li.references a {
background-position:-420px 0;
}
#homepage_header .sympra_navigation li.blog a {
background-position:-420px -100px;
}
#homepage_header .sympra_navigation li.newsroom a {
background-position:-560px -70px;
}
#homepage_header .sympra_navigation li.newsroom a:hover {
background-position:-560px -100px;
}
#homepage_header .sympra_navigation li.home a:hover {
background-position:0 -30px;
}
#homepage_header .sympra_navigation li.agency a:hover {
background-position:-140px -30px;
}
#homepage_header .sympra_navigation li.competences a:hover {
background-position:-280px -30px;
}
#homepage_header .sympra_navigation li.references a:hover {
background-position:-420px -30px;
}
#homepage_header .sympra_navigation li.blog a:hover {
background-position:-420px -100px;
}

/* / Navi neu */


/* Header */
#header {
	margin: 0 auto 60px;
	width: 912px;
	height: 140px;
	position: relative;
	background: url(images/stripe.gif);
}
#header h1 a {
	background: url(images/logo.png) 0 0 no-repeat;
	width: 429px;
	height: 56px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	bottom: -31px;
	right: 24px;
}
.description {
	display: none;
}
/* /Header */

/* Post */
.featured {
	background: #DCDCDA;
	width: 545px;
	color: #73746A;
	margin-bottom: 40px;
	position: relative;
}
.featured .gap {
	padding: 20px;
}
.featured .entry a:link, .featured .entry a:visited {
}
.featured h2 {
	font-family: Arial, "Lucida Sans", Helvetica, verdana, sans-serif;
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.2em;
	padding: 3px 0 0;
}
.featured h2 a:link, .featured h2 a:visited {
	color: #000;
}
.featured .imager {
	float: right;
	margin-left: 10px;
}
.post {
	margin-bottom: 30px;
}
.posties {
	position: relative;
	width: 585px;
}
.posties .two {
	position: absolute;
	right: 0;
	top: 0;
	padding-right: 20px;
	text-align: right;
}
.two .dater {
	width: 75px;
	height: 71px;
	background: transparent url(images/bg/date.png) 0 0 no-repeat;
	color: #fff;
	position: absolute;
	right: -50px;
	top: 20px;
	padding: 5px;
	font-family: "Times New Roman", Georgia, sans-serif;
	behavior: url("/iepngfix.htc");
}
.dater h3 {
	font-size: 28px;
	font-weight: normal;
}
.dater h5.sone {
	font-weight: normal;
	border-bottom: 1px solid #fff;
	padding-bottom: 1px;
}
.dater h5.stwo {
	font-weight: normal;
}
.divsmall {
	float: left;
	margin-top: 17px;
}
.divbig {
	margin-top: 17px;
	float: right;
	width: 45px;
	padding-right: 5px;
}
.posties .one {
	margin-right: 37px;
}
.posties .one h2 {
	margin-bottom: 15px;
}
.post h2 {
	font-size: 20px;
	line-height: 140%;
	padding: 3px 0 0;
	font-family: Arial, "Lucida Sans", Helvetica, verdana, sans-serif;
}
.post h2 a {
	color: #000;
	text-decoration: none;
	display: block;
}
.post h2 a:hover {
	color: #C10064;
	text-decoration: none;
}
.entry {
	color: #73746A;
}
.entry p {
	line-height: 1.8em;
	margin-bottom: 20px;
	color: #73746A;
}
.entry p a:link, .entry p a:visited {
	text-decoration: none;
	color: #73746a;
	text-decoration: underline;
}
.entry p a:hover {
	text-decoration: none;
}
.entry a:link img, .entry a:visited img {
	padding-left: 0;
	background: none;
}
.entry p a:link img, .entry p a:visited img {
	padding-left: 0;
	background: none;
}
.entry a.none:link, .entry a.none:visited {
	padding-left: 0;
	background: none;
}
.entry a:hover {
	text-decoration: underline;
}
.entry h2, .entry h3, .entry h4, .entry h5 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}
a.nones:link, a.nones:visited {
	color: #73746a;
	background: none;
	padding: 0;
}
.ttags {
	margin-bottom: 10px;
	color: #73746A;
}
.ttags a {
	background: none;
	padding-left: 0;
}
.entry ul, .entry ol {
	list-style: square;
}
.entry li {
	line-height: 1.8em;
	margin-left: 20px;
}
.metadata {
	color: #999;
	padding: 10px 0;
	font-size: 10px;
}
.metadata a {
	color: #777;
	text-decoration: none;
}
.metadata a:hover {
	color: #777;
	text-decoration: underline;
}
.pagetitle {
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	text-align: right;
	margin-right: 37px;
}
.postmetadata {
	background: #efefef;
	padding: 10px;
	margin-top: 20px;
}
.authr {
}
.commentr a:link, .commentr a:visited {
}
.catt {
	background: #6A5915;
	color: #fff;
	padding: 10px;
	font-style: italic;
	margin-right: 37px;
	margin-bottom: 20px;
	display: block;
}
.catt a:link, .catt a:visited {
	color: #fff;
}
.authr2 {
	background: #6A5915;
	color: #fff;
	font-style: italic;
	padding: 5px;
}
.authr2 a {
	color: #fff;
}
p.fmoremore a:link, p.fmoremore a:visited {
	background: transparent url(images/ico-arrow2.gif) 0 3px no-repeat;
	padding-left: 16px;
	text-decoration: none;
	color: #73746A;
}
a.more-link:link, a.more-link:visited {
	display: block;
	margin-top: 10px;
	background: transparent url(images/ico-arrow2.gif) 0 6px no-repeat;
	padding-left: 16px;
	text-decoration: none important!;
}
.moremore a:hover, p.fmoremore a:hover {
	text-decoration: underline;
}
.shareshare {
	position: absolute;
	right: 37px;
	bottom: 20px;
}
a:link p.moremore, a:visited p.moremore {
	color: #666;
}
.ini404 {
	margin-right: 37px;
}
.bigh2 {
	font-family: Georgia, serif;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}
.ini404 p {
	margin-bottom: 20px;
}
.carilah {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.nofile {
	margin-bottom: 10px;
}
#searchform #s {
	padding: 5px;
	border: 1px solid #ccc;
	width: 180px;
}
/* /Post */


/* Sidebar */
#sidebar ul {
	list-style:  none;
}
#sidebar .box-ad li {
	float: left;
	margin-bottom: 10px;
}
#sidebar .box-ad li.lefty {
	margin-right: 9px;
}
#sidebar h2, #sidebar h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: normal;
	font-size: 16px;
	border-bottom: 1px solid #C10064;
	margin-bottom: 10px;
	padding-bottom: 4px;
}
#sidebar .boxr, #sidebar .categories, #sidebar .linkcat {
	margin-bottom: 30px;
}
#sidebar .boxy {
	margin-bottom: 30px;
	padding: 10px 0;
}
#sidebar .buser {
	border: 1px solid #ABD808;
	border-top: 4px solid #ABD808;
	border-bottom: 4px solid #ABD808;
}
#sidebar .buser li {
	padding: 3px 10px;
}
#sidebar .boxr li, #sidebar .categories li, #sidebar .linkcat li {
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
	font-size: 11px;
}
#sidebar .archives li, #sidebar .widget_categories li, #sidebar .widget_archive li {
	float: left;
	width: 130px;
}
#sidebar .boxr li:hover, #sidebar .categories li:hover, #sidebar .linkcat li:hover {
}
#sidebar .boxr li li, #sidebar .categories li li, #sidebar .linkcat li li {
	border: none;
	padding-left: 0;
}
#sidebar .search {
	margin-bottom: 30px;
	position: relative;
}
#sidebar .search #s {
	padding: 5px;
	border: 1px solid #ccc;
	width: 180px;
}
#sidebar .search #searchsubmit {
	background: #C10064;
	padding: 4px 5px;
	color: #fff;
	border: 1px solid #C10064;
	position: absolute;
	right: 0;
}
#sidebar a {
	color: #666;
	text-decoration: none;
}
#sidebar a:hover {
	color: #C10064;
	text-decoration: none;
}
.sideinfo {
	background: #efefef;
	margin-bottom: 20px;
	padding: 15px;
}
/* /Sidebar */
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.related {
	color: #666;
}
.related h2 {
	padding-bottom: 5px;
	font-size: 15px;
	margin-bottom: 10px;
}
.related ul {
	list-style: square;
}
.related li {
	margin-bottom: 10px;
	margin-left: 30px;
}
.related a {
	color: #666;
}
.related a:hover {
	color: #6A5915;
}
.author-info {
	background: #efefef;
	padding: 15px;
	color: #666;
	position: relative;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	margin-right: 37px;
}
.author-info .thisavatar {
	position: absolute;
	left: 15px;
	top: 52px;
}
.thisauthor {
	margin-left: 80px;
}
.author-info h4 {
	font-size: 12px;
	margin-bottom: 20px;
}
p.bio {
	margin-bottom: 10px;
}
.lines {
	display: none;
}
.sleft {
	width: 150px;
	float: left;
}
/* Comment */
h3#trackbacks, h3#comments, h3#respond {
	color: #6A5915;
	font-weight: normal;
	font-size: 19px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.byby {
}
.commentlist li, .tblist li {
	position: relative;
	color: #73746A;
	width: 500px;
}
.tblist li {
	margin-bottom: 20px;
}
.odd {
	margin: 0 37px 20px 0;
	padding: 10px 10px 20px;
	border-bottom: 1px dashed #999;
}
.alt {
	margin: 0 37px 20px 0;
	padding: 10px 10px 20px;
	border-bottom: 1px dashed #ccc;
}
.mycomment {
	background: #efefef url(images/stripe.gif);
	margin: 0 37px 20px 0;
	padding: 10px 10px 20px;
}
.cright {
	margin-left: 80px;
}
.commentmetadata {
	font-size: 11px;
}
.commentmetadata a {
	color: #999;
}
.commentlist .by {
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
.commentlist .by a {
	color: #333;
	text-decoration: none;
}
.commentlist .by a:hover {
	text-decoration: underline;
}
.commentlist p {
	padding: 10px 0;
}
.commentlist .avatar {
	position: absolute;
	left: 15px;
	top: 15px;
}
.buser .avatar {
	position: absolute;
	left: 0;
	top: 0;
}
.comform {
	margin-right: 37px;
	color: #666;
}
.comform p {
	margin-bottom: 10px;
}
.comform textarea {
	width: 500px;
	border: 1px solid #999;
	padding: 4px;
}
.comform input {
	border: 1px solid #999;
	padding: 4px;
}
.comform input#author {
}
.comform input#email {
}
.comform input#url {
}
#submit {
	background: #C10064;
	color: #fff;
	font-style: inherit;
	padding: 5px 10px;
	margin-top: 10px;
	border: 1px solid #C10064;
}
#submit:focus, #submit:hover {
	background: #6A5915;
	color: #fff;
	font-style: inherit;
	padding: 5px 10px;
	margin-top: 10px;
	border: 1px solid #6A5915;
}
.cinfo {
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	padding: 10px 0;
	text-align: center;
	margin-right: 37px;
	margin-bottom: 20px;
	font-family: Rockwell, arial;
	color: #999;
}
/* /Comment */


/* Footer */
#extra-footer {
	padding: 0;
	font-size: 12px;
	font-family: Helvetica, arial, sans-serif;
	color: #555;
	text-align: center;
}
#footer {
	width: 920px;
	margin: 30px auto 0;
	position: relative;
	height: 65px;
	background: url(images/stripe.gif);
}
#footer .bot a:link, #footer .bot a:visited {
	color: #666;
	text-decoration: underline;
}
#footer .bot a:hover {
	color: #333;
	text-decoration: none;
}
.bot {
	position: absolute;
	bottom: 10px;
	right: 25px;
}
.box {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
}
#footmenu {
	background: #fff;
	width: 280px;
	position: absolute;
	left: 0px;
	top: -45px;
	padding: 25px 25px 25px 35px;
}
#footmenu li {
	float: left;
}
#footmenu li a:link, #footmenu li a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	margin-right: 5px;
	text-transform: uppercase;
	text-align: left;
	width: 125px;
	height: 20px;
	font-weight: bold;
	text-indent: -5000px;
}
#footmenu li a:hover {
}
li.fkont a {
	background: #6A5915 url(images/menu/kontakt.gif) 0 0 no-repeat;
}
li.fimpr a {
	background: #6A5915 url(images/menu/impressum.gif) 0 0 no-repeat;
}
li.fkont a:hover {
	background: transparent url(images/menu/kontakt.gif) 0 -20px no-repeat;
}
li.fimpr a:hover {
	background: transparent url(images/menu/impressum.gif) 0 -20px no-repeat;
}
a.nones:link, a.nones:visited {
	text-decoration: none;
}
.thumbnail {
	margin-left: 10px;
}
a:link img, a:visited img {
	border: none;
	padding: 0;
	background: none;
}
.thesize {
width: 540px;
}
.widget_flickrRSS img {
margin-right: 6px;
margin-bottom: 2px;
border: 1px solid #ccc;
}

/*
Logs:
_________
1.0 : Public Released
*/