/*
	******************************
	***** Inhaltsverzeichnis *****
	*****   xyzmo Blog CSS   *****
	******************************
	---------------------------------------------------------------
	1. Basis Definitionen
		1.1 Body und Reseter
		1.2 Überschriften
	---------------------------------------------------------------
	2. Header
	---------------------------------------------------------------
	3. Navigationen
		3.1 Hauptnavigation
		3.2 Suche im Navigationsbereich
		3.3 Subnavigation
		3.4 Breadcrumb
		3.5 Toolbox
	---------------------------------------------------------------
	4. Sidebar
		4.1 Basics
		4.2 Widgets
	---------------------------------------------------------------
	5. Container Struktur und Content Definitionen 
		5.1 Container Struktur
		5.2 Content Definitionen	
		5.3 Grey Line und Toolbox	
		5.4 Pagination	
	---------------------------------------------------------------
	6. Footer
	---------------------------------------------------------------
	******************* Open for further Steps ********************
	---------------------------------------------------------------
*/



/* 
	**************************************
	***** 1. Basis Definitionen *****
	**************************************
*/

/* 
	***** 1.1 Body und Reseter *****
*/
* {margin:0px; padding:0px;}
body {background-color:#f4f1ea; font-family:Arial, Helvetica, sans-serif;}
input {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
br.wrapper {clear:both; height:1px; overflow:hidden;}
.noborder {border:none !important;}
.hidden {display:none !important;}
a img {border:none;}
/* 
	***** 1.1 Überschriften *****
*/
h1 {font-size:16px; font-weight:bold; color:#661863;}
h1 a {text-decoration:none !important;}
h1 a:hover {text-decoration:underline !important;}
h2 {font-size:16px; font-weight:bold; color:#78797d; margin-bottom:15px;}
h2 span {font-size:13px;}
h3 {font-size:14px; font-weight:bold; color:#661863;}
h3 a {color:#661863; text-decoration:underline;}
h3 a:hover {color:#661863; text-decoration:none;}
h4 {font-size:14px; font-weight:bold; color:#222222; margin-bottom:15px; margin-top:5px; line-height:22px;}
.bigcontainer h4, .leftcontainer h4, .rightcontainer h4 {margin-top:0px; line-height:18px;}
/* 
	**************************************
	***** 2. Header *****
	**************************************
*/
.header {background-color:#661863; height:119px; text-align:center;}
.header .innercontent {width:999px; margin:auto; text-align:left;}
.header .logo {float:left;}
.toplinks {font-size:11px; color:#ffffff; float:right; margin-top:14px;  text-align:right;}
.toplinks a {color:#ffffff; text-decoration:none;}
.toplinks a:hover {color:#ffffff; text-decoration:underline;}


.toplinks1 {margin-right:35px; margin-left:35px;}
.toplinks2 {margin-right:25px;}
.toplinks2 a.active {text-decoration:underline;}

/*Language Menu*/
#countryMenu {position:relative; text-align:left; float:left; margin-top:-2px; padding-right:0px;}
.countryCtryDropDown{position:relative; overflow:visible; float:left; z-index:999;}

.countryCtry {padding:0 3px 0px 9px;  float:left;}
.countryCtry label {float:left; padding:2px 20px 3px 0px; float:left; color:#ffffff; background:url('../images/main/dropdown.gif') right no-repeat;}
.countryCtry a {color:#661863; text-decoration:none;}
.countryCtry a:hover, .countryCtry a:active {color:#661863; text-decoration:none;}
.countryCtryON {padding:0 3px 0px 9px; background:#FFF; border:1px solid #DDD; border-bottom:0px;  filter:alpha(opacity=95); float:left; }
.countryCtryON label {float:left; padding:2px 20px 3px 0px; background:url('../images/main/dropdown.gif') right no-repeat; color:#661863;}
.countryCtryON a {color:#661863; text-decoration:none;}
.countryCtryON a:hover, .countryCtryON a:active {color:#D84704; text-decoration:none;}

.countryPaneCtry {position:absolute; left:-27px;  z-index:999; text-align:right;}

.countryPaneCtryBdy {border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:0; background:#FFF; position:absolute; z-index:9; filter:alpha(opacity=95);}
.countryPaneCtryTxt {line-height:14px; color:#661863; padding:5px 22px 5px 5px; width:72px; float:left;}
.countryPaneBorder {border:1px solid #DDD;border-width:1px 0px 0px 0px; margin-top:3px;}
.countryPaneCtry li {list-style-position:outside; line-height:17px; list-style-type:none; }
.countryPaneCtry li a, .countryPaneCtry li a:visited {color:#666; text-decoration:none; }
.countryPaneCtry li a:hover {color:#661863; text-decoration:none;}


/* 
	**************************************
	***** 3. Navigation *****
	**************************************
*/

/* 
	***** 3.1 Hauptnavigation *****
*/

.navigation {background-color:#731b6f; float:left; width:999px; clear:both; height:38px; margin-top:12px;}
.navigation ul {padding:0;margin:0; margin-left:12px; list-style-type:none;}
.navigation ul ul {width:175px; margin-left:0px;}
.navigation li {float:left;position:relative;}
.navigation a, .navigation a:visited {display:block; width:auto; font-size:11px;text-decoration:none; color:#ffffff; height:38px; padding:0px 15px;line-height:38px; font-weight:bold;}
*html .navigation a {float:left;}
.navigation ul li a.active {background-color:#ffffff; color:#333333 !important;}
.navigation ul li a.active:hover {color:#ffffff !important;background:#94238f;}
.navigation a:hover{color:#fff; background:#94238f;}
.navigation :hover > a.active {color:#ffffff !important; background:#94238f;}
.navigation :hover > a {color:#fff; background:#94238f;}

/* style the second level background */
.navigation ul ul a.drop, .navigation ul ul a.drop:visited {background:#94238f;}
.navigation ul ul a:hover, .navigation ul ul a.drop:hover{background:#f8daff !important; color:#000000;}
.navigation ul ul :hover >, .navigation ul ul :hover > a.drop {background:#f8daff; color:#000000;}
.navigation ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:175px;border-top:1px solid #ffffff;}
* html .navigation ul ul {top:37px;t\op:38px;}
.navigation ul ul ul{left:176px; top:0;width:175px; border-left:1px solid #ffffff;}
.navigation ul ul ul.left {left:-175px;}
.navigation table {position:absolute; top:0; left:0;}
.navigation ul ul a, .navigation ul ul a:visited {background:#94238f; padding:5px 15px; height:auto;clear:both; float:none;
display:block;width:145px;line-height:15px;border-bottom:1px solid #b12aa2;border-left:1px solid #94238f; border-right:1px solid #94238f; 
}
* html .navigation ul ul a{width:175px;w\idth:174px;}


/* style the second level hover */
.navigation ul ul :hover > a {color:#000;background:#f8daff; }
.navigation ul li:hover ul,.navigation ul a:hover ul{visibility:visible; }
.navigation ul :hover ul ul{visibility:hidden;}
.navigation ul :hover ul :hover ul ul{visibility:hidden;}
.navigation ul :hover ul :hover ul{ visibility:visible;}
.navigation ul :hover ul :hover ul :hover ul { visibility:visible;}

/* 
	***** 3.2 Suche im Navibereich *****
*/
.navigation form {float:right; padding:10px 25px 0px 0px;}
.navigation form input {float:left;}
.navigation form input.search {width:100px; padding:2px 1px 1px 1px; border:1px solid #787aa1; color:#676767; margin-right:5px;}
.searchbar input{margin-top:10px; float:left;}
.searchbar input#submit {padding-top:2px; float:left; margin-left:4px; clear:none !important; display:inline!important;}

/* 
	***** 3.3 Subnavigation *****
*/
.subnavigation {float:left; width:174px; padding:0px 25px; margin-top:26px;}
.subnavigation ul {list-style-type:none; border-bottom:1px solid #d8d8d8; clear:both; display:block; float:left;}
.subnavigation li { float:left; clear:both; width:174px;}
.subnavigation a { text-decoration:none;color:#666666; padding:5px 9px; border-top:1px solid #d8d8d8; display:block; font-size:11px; font-weight:bold; line-height:14px;}
.innercontent .subnavigation a:hover, .innercontent .subnavigation li.active a  {text-decoration:none;background-color:#cccccc; color:#000000; display:block;}



/*************************************************************************************/

/* 
	**************************************
	***** 4. Sidebar *****
	**************************************
*/

/* 
	***** 4.1 Basics *****
*/
.innercontent .sidebar {float:right; width:190px; padding-right:25px; margin-top:30px;}
.sidebar h2 {height:31px; background:url(../images/main/sidebarheader.gif) no-repeat; line-height:31px; color:#ffffff; font-size:12px; font-weight:normal; padding:0px 15px; margin-bottom:10px;}
.sidebar div {list-style:none; background:url(../images/main/sidebarbg.gif) no-repeat bottom; font-size:11px; color:#444444; margin-bottom:20px; clear:both;}
.sidebar ul {padding:0px 0px 5px 0px; list-style: none;}
.sidebar ul li {line-height:14px; background:url(../images/main/listicon.gif) 0 0.4em no-repeat; padding: 0 0 0.6em 20px; margin: 0px 0px 0px 15px;}
.sidebar ul li a {color:#444444; text-decoration:none;}
.sidebar ul li a:hover {color:#444444; text-decoration:underline;}
.sidebar a {color:#661863; text-decoration:none;}
.sidebar a:hover {color:#661863; text-decoration:underline;}
/* 
	***** 4.2 Widgets *****
*/
.sidebar .rss {display:block; margin-bottom:18px; float:left;}
.sidebar .rss img{border:none; }
.sidebar .widget_text div {padding:0px 10px 10px 10px;}
.sidebar #calendar table {width:100%;}
.sidebar #calendar table td, .sidebar #calendar table th {text-align:center;}
.sidebar #calendar table caption {font-weight:bold;}
.sidebar #tag_cloud span {display:block; padding:0px 10px 10px 10px;}

/* 
	**********************************************************
	***** 5. Container Struktur und Content Definitionen *****
	**********************************************************
*/

/* 
	***** 5.1 Container *****
*/
.maincontent  {text-align:center; font-size:13px; width:999px; margin:auto; background-color:#ffffff;}
.maincontent .innercontent {text-align:left; background-color:#ffffff; padding-left:25px;}

.innercontent .content {float:left; width:720px; margin-top:30px; margin-bottom:40px;}
#flashcontent {float:right; margin-top:-35px;}
.flash-replaced .alt {display: block; height: 0; position: absolute; overflow: hidden; width: 0;}

/* 
	***** 5.2 Content Definitionen *****
*/
.content td {color:#333333; margin-bottom:20px; line-height:18px; font-size:12px;}
.content p {color:#333333; padding-bottom:20px; line-height:18px;}
.content img.right {float:right; margin-left:15px;}
.content img.left {float:left;}
.content a {color:#661863; text-decoration:underline;}
.content a:hover {color:#661863; text-decoration:none;}
.content .post {clear:both; padding-bottom:30px;}
.content span.date {float:right; font-size:11px; padding-top:4px;}
.content .entry {padding-top:5px;}
.content .headline {clear:both; height:100%; overflow:hidden;}
.content h1 {width:550px; float:left;}
.content .post img.alignleft {float:left; margin:4px 8px 4px 0px;}
.content .post img.alignright {float:right; margin:4px 0px 4px 8px;}
.content .post img.alignleft, .content .post img.alignright {border:1px solid #dddddd; padding:1px;}
.content .post ul {padding:0px 0px 20px 20px;}

.content form {}
.content form fieldset {border:none;}
.content form label {float:left; display:block; width:180px;}
.content form label.error {display:inline; width:auto; margin-left:120px; font-size:12px; color:#b80909; font-weight:normal; position:relative;}
.content form p {padding-bottom:8px;}
*html .content form label.error {margin-left:122px;}
.content form input {border:1px solid #7e9db9; width:200px; height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}
.content form input:hover {background-color:#fffea1;}
.content form textarea {border:1px solid #7e9db9; width:380px; height:100px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.content form textarea:hover {background-color:#fffea1;}
.content form #submit {width:auto !important; height:auto !important; border:0px; clear:both; display:block;}
.content #commentform {padding-bottom:20px;}
.content #wp-email {padding-top:20px;}
.content .subscribe-to-comments label, .content #rememberme label {width:400px;}
.content .subscribe-to-comments input {float:left; margin-right:4px; border:none;}
.content #rememberme input {float:left; margin-right:4px; padding:0px; height:auto; width:auto; border:none;}
.content #rememberme {clear:both; margin-bottom:20px;}

.content .commentlist {padding-bottom:30px;}
.content .commentlist img {float:left;  margin:0px 5px 5px 5px;  padding:2px; background-color:#ffffff;}
.content .commentlist div {background-color:#f9f9f9;  border-top:1px solid #dddddd;  border-bottom:1px solid #dddddd; margin-bottom:15px;  overflow:hidden; height:100%; padding-top:5px;}
.content .commentlist p {padding:5px 0px 10px 55px; line-height:16px;}



/* 
	***** 5.3 Grey line and Toolbox *****
*/
.toolbox {float:right;}
.toolbox ul {margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.toolbox li {float:left; padding:4px 8px 0px 0px;}
.toolbox li a{float:left; margin:0px 0px 0px 0px; background-image:none; padding:0px;}
.toolboxinfotext {float:right; color:#4e6e9d; display:block; font-size:0.8em; width:100px; text-align:right; margin-right:8px;}
.infoline {line-height:27px; height:27px; background-color:#f9f9f9; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:11px; padding-left:10px; padding-right:3px; margin-bottom:10px; clear:both; color:#787878;}
.infoline strong {color:#222222;}
.left {float:left;}
.right {float:right;}
.toolbox li.addthis img{margin-top:1px;}



/* 
	***** 5.4 Pagination *****
*/
.wp-pagenavi {text-align:center; font-size:11px;}
.wp-pagenavi a {border:1px solid #661863; background-color: #FFFFFF; padding:2px 6px; text-decoration:none; margin-left:5px;}
.wp-pagenavi a:hover {padding:2px 6px; margin-left:5px; background-color:#661863; color:#ffffff; border:1px solid #661863;}
.wp-pagenavi span.pages {}
.wp-pagenavi span.current {padding:2px 6px; margin-left:5px; background-color:#661863; color:#ffffff; border:1px solid #661863;}
.wp-pagenavi span.extend {}


/* 
	**************************************
	***** 6. Footer *****
	**************************************
*/
.footer {width:999px; margin:auto; background-color:#ffffff;}
.footer .innercontent {margin:0px 25px; text-align:left; background-color:#ffffff; border-top:1px solid #e2e2e2;}
.footer .copyright {float:left; color:#999999; font-size:10px; padding:10px 0px 40px 0px;}
.footer .metalinks {float:right;  color:#999999;  font-size:10px;  padding:10px 0px 40px 0px;}
.footer .copyright a {} 
.footer .metalinks a {color:#661863; font-size:10px; text-decoration:none;}
.footer .metalinks a:hover {text-decoration:underline;}