/*
Theme Name: Variodyn
Theme URI: http://www.variodyn.de/
Description: Theme für variodyn.de
Version: 1.0
Author: Markus Ackermann
Author URI: http://www.mediaspro.de/
*/

/* RESET */
/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, a img { border: none }
ol, ul, li { list-style: none }
a:focus { outline: none; } /* Macht die gepunktete Linie um geklickte Links unsichtbar */

/* LAYOUT */
/* ----------------------------------------- */

html { font-size: 62.5%; }
html>body { font-size: 10px; } /* 62.5%; Resets 1em to 10px */
body { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: GillSans, Trebuchet, Calibri, sans-serif ; font-weight: bold; color: #666; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
p { font-size: 1.3em; line-height: 150%; margin: 0.5em 0; }
a { text-decoration: none; color: #069; }
ul, ol { font-size: 1.3em; margin: 0.5em 0; }
li { line-height: 150%; }
small { font-size: 0.9em; line-height: 140%; margin: 0.3em 0; }

input, textarea { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1em; }
input:focus { outline: none; }

td { font-size: 1.3em; }

/* Diese Klassen werden standardmäßig von Wordpress verwendet. Mehr Infos: http://codex.wordpress.org/CSS */
.aligncenter { display: block; margin: 0 auto }
.alignleft { float: left }
.alignright { float: right }
.wp-caption { border: 1px solid #666; text-align: center; background: #ccc; padding: 10px; margin: 10px }
.hidden { display: none }

/* clear floats hacks */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
html[xmlns] .clearfix { display: block; }

/* more hacks */
br.dLT { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.hline { display:block; border-width:0; border-top:solid 1px #eee; background-color:transparent; margin:15px 0;}

/* STRUKTUR */
/* ----------------------------------------- */

body {
	color: #333;
	text-align: center;
	background: #fff;
}

#header {
	width: 900px;
	margin: 20px auto;
	text-align: left;
}

#headersearch {
	float: right;
	margin-bottom: 10px;
}

#menu {
	text-align: left;
	margin: 5px 0;
	padding: 1px 0;
	background: #e5eaef;
}

#wrapper {
	width: 900px;
	margin: 40px auto;
	text-align: left;
	overflow: hidden;
}

#sidebar {
	float: left;
	width: 180px;
}

#content {
	margin-left: 220px;
	padding: 5px 0;
}

#content.wide {
	float: left;
	width: 680px;
	margin-left: 0;
}

#main {
	float: left;
	width: 460px;
}

#side {
	float: right;
	width: 180px;	
}

#footer {
	clear: both;
	width: 900px;
	margin: 30px auto;
	padding: 5px 0;
	border-top: 1px solid #ccc;
}

/* ALLGEMEINES */
/* ----------------------------------------- */

a.arrow {
	padding-left: 17px;
	background: transparent url(images/icon_anchor.gif) no-repeat left center;	
}

p.topborder {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #e5eaef;
}

p.editlink {
	margin-top: 2em;
}
p.editlink a {
	padding: 5px 10px;
	background: #e5eaef;
}

/* MENÜS */
/* ----------------------------------------- */

.headermenu ul { float: right; }
.headermenu ul li { display: inline; line-height: 1.15em; padding-right: 20px; }
.headermenu ul li a { color: #333; }
.headermenu ul li a:hover { color: #069; }

#menu ul { padding: 1px 0 2px 0; }
#menu ul li { display: inline; line-height: 100%; padding: 0 1em; }
#menu ul li.current_page_item a, #menu ul li.current_page_ancestor a { padding-bottom: 7px; border-bottom: 4px solid #69c; }
#menu ul li a { color: #036; }
#menu ul li a:hover { color: #069; }

/* SUCHFORMULAR */
/* ----------------------------------------- */

#searchform input { font-size: 1.2em; padding: 2px 5px; vertical-align: middle; }
#searchform input#s { width: 15em; border: 1px solid #456; }

/* MENÜLEISTE LINKS */
/* ----------------------------------------- */

#sidebar ul {
	font-size: 1.3em;
	padding: 0;
	margin: 8px 0 0 0;
}

#sidebar ul li {
	font-size: 1em;
	color: #fff;
	background: #69c;
	padding: 3px 0 0 0;
	margin: 0;
}

#sidebar ul li .section {
	padding: 0;
	margin: 0 10px;
}

#sidebar ul li ul {
	font-size: 1em;
	padding: 5px 0 15px 0;
	margin: 3px 0 0 0;
	background: #e5eaef;
}

#sidebar ul li ul li {
	font-size: 0.9em;
	color: #333;
	background: #e5eaef;	
	padding: 3px 10px 1px 10px;
	margin: 0;
}

#sidebar ul li ul li a {
	font-size: 1.1em;
}

#sidebar h2 {
	font-size: 1.15em;
	font-weight: normal;
	color: #fff;
	padding: 0 10px 3px;	
	background: #69c;	
}

#sidebar div.headline {
	font-size: 1.3em;
	color: #fff;
	margin: 8px 0 0 0;
	padding: 4px 10px 5px;	
	background: #69c;	
}

/* LOGIN BOX */
/* ----------------------------------------- */

#sidebar div.login {
    padding: 5px 10px;
    background-color: #e5eaef;
}

#sidebar div.login p {
	font-size: 1em;
	color: #333;
	line-height: 140%;	
}   
 
#sidebar div.login p.error {
    padding: 5px;
    border: 1px solid #f00;
    background-color: #f77;
}

#sidebar div.login p.error a:link {
    color: #333;
}

#sidebar div.login p.message {
    padding: 5px;
    border: 1px solid #ff7;
    background-color: #ffd;
}

#sidebar div.login p input.input {
	width: 148px;
	margin-top: 4px;
	padding: 2px 5px;
	border: 1px solid #69c;
}

#sidebar div.login p.submit {
	margin: 15px 0;
}

#sidebar div.login ul.tml-links {
	border-bottom: 7px solid #e5eaef;
}

#sidebar div.login ul.tml-links li {
	padding-left: 15px;
	background: #e5eaef url(images/icon_arrow.gif) no-repeat 2px 0.65em;
}

/* STARTSEITE */
/* ----------------------------------------- */

#col1 {
	float: left;
	width: 223px;
	padding: 0 20px 0 50px;
	background: #fff url(images/dummy.gif) no-repeat left top;
	border-right: 1px solid #ccc;
}

#col2 {
	float: left;
	width: 222px;
	padding: 0 20px 0 70px;
	margin-left: -1px;
	background: #fff url(images/dummy.gif) no-repeat 20px top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#col3 {
	float: left;
	width: 223px;
	padding: 0 0 0 70px;
	margin-left: -1px;
	background: #fff url(images/dummy.gif) no-repeat 20px top;
	border-left: 1px solid #ccc;
}

p.exercpt-link {
	text-align: right;
}

#homecontent {
	clear: both;
	overflow: hidden;
	padding: 50px 0 0 0;
	background: transparent url(images/stack.jpg) no-repeat right 30px;
}

#homeleft {
	width: 460px;
	float: left;
}

#homeright {
	width: 380px;
	float: right;
	margin-top: 170px;
}

#homecontent h2 {
	margin-top: 1em;
}

#homeright ul li {
	padding-left: 17px;
	background: transparent url(images/icon_arrow.gif) no-repeat left 0.5em;
}

/* CONTENT */
/* ----------------------------------------- */

#content h1 {
	margin: 0em 0 1em 0;
}

#content h2 {
	margin-top: 1.3em;
}

#content div.searchresult h2 {
	margin-top: 0.8em;
}

#content h2.dlcat {
	margin: 0 0 1.3em 0;
}

#content h3 {
	margin-top: 1.3em;
}

#content ul {
	margin: 1em 0 1em 2em;	
}

#content ul li {
	padding-left: 1.5em;
	background: transparent url(images/icon_arrow.gif) no-repeat left 0.45em;
}

#content p.meta {
	margin-bottom: 1em;
}

#content p.pic {
	margin: 1.3em 0;
}

#content span.caption {
	display: block;
	font-size: 0.9em;
	line-height: 140%;
	padding-top: 0.5em;
}

#content img.alignleft {
	margin: 0.2em 1.5em 1em 0;
}

#content img.alignright {
	margin: 0.2em 0 1em 1.5em;
}

#content table { margin: 15px 0; }
#content table.archive { width: 100%; }

#content th {
	font-size: 1.3em;
	text-align: center;
	background: #e5eaef;
	padding: 5px 7px;
	border: 1px solid #ccc;
}

#content table.archive th,
#content th.left { text-align: left; }
#content th.noborder { border: none; background: transparent; }

#content td {
	text-align: center;
	padding: 7px 9px;
	border: 1px solid #ccc;
}

#content td.alt { background: #eee; }
#content table.archive td,
#content td.left { text-align: left; }

#content table.archive td { vertical-align: top; }
#content table.archive td div.excerpt {
	font-size: 0.85em;
	line-height: 140%;
	margin-top: 7px;
}

#content div.textframe {
	 border: 1px solid #ccc;
	 padding: 8px 15px;
	 margin: 15px 0;
}

#content div.dlentry {
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	padding: 5px 10px;
}

#content div.dlentry p a {
	font-size: 1.05em;
	font-weight: bold;
}

#content div.searchresult {
	margin-bottom: 10px;
	padding-bottom: 0.1em;
	border-top: 1px solid #ccc;
}

#content a.back2top {
	float: right;
	padding-right: 9px;
	background: url(images/icon_top.gif) no-repeat right center;
}

/* SEITENLEISTE RECHTS */
/* ----------------------------------------- */

#content #side h2 {
	margin: 0.5em 0;
}

#content #side h2.rss {
	padding-left: 28px;
	line-height: 26px;
	background: transparent url(images/icon_rss.gif) no-repeat left top;
}

#content #side img {
	width: 180px;
}

#content #side ul {
	margin: 0.3em 0 2em 0;
}

#content #side ul li {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

#content #side ul.downloads li,
#content #side ul.bookmark li {
	padding: 0.5em 0;
	margin-top: -1px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content #side ul.bookmark li {
	padding-left: 1.5em;
	background: transparent url(images/icon_arrow.gif) no-repeat left 0.9em;
}

#content #side ul.pics li.caption {
	font-size: 0.9em;
	line-height: 140%;
}

/* FOOTER */
/* ----------------------------------------- */

#footer p {
	font-size: 1em;
	text-align: right;	
}

#footer p span.back2top {
	float: left;
}

/* CONTACT FORM */
/* ----------------------------------------- */

#si_contact_form1 {
	font-size: 1.3em;
	margin: 2em 0 0 0;
}

#si_contact_form1 .fm_select {
	width: 16em;
	padding: 1px 0 1px 5px;
	margin: 0.5em 0 1.5em 0;
}

#si_contact_form1 .fm_input {
	width: 30em;
	font-size: 0.9em;
	padding: 2px 5px 3px 5px;
	margin: 0.5em 0 1.5em 0;
	border: 1px solid #ccc;
}

#si_contact_form1 p.fm_error_header {
	 color: #c33;
	 font-size: 0.9em;
	 padding: 5px 10px;
	 margin: 0 0 2em 0;
	 border: 1px solid #c33;
}

#si_contact_form1 .fm_error {
	 color: #c33;
	 margin: 0.2em 0;
}

#main p .fm_success {
	display: block;
	color: #393;
	padding: 5px 10px;
	border: 1px solid #393;
}

#si_contact_form1 .fm_submit {
	cursor: pointer;
	width: 15em;
	padding: 0 5px 1px 5px;
	margin: 1em 0 0 0;
}

/* NEWSLETTER FORM */
/* ----------------------------------------- */

#nlsc, #nlus {
	position: relative;
	overflow: hidden;
}

#nlsc label, #nlus label {
	width: 8em;
	font-size: 1.3em;
	text-align: left;
	float: left;
	padding: 1px 0;
	margin: 12px 0.5em 0 0;
}

#nlsc input.textbox, #nlus input.textbox {
	width: 20em;
	font-size: 1.3em;
	float: left;
	border: 1px solid #ccc;
	padding: 2px 5px 3px 5px;
	margin: 10px 0;
}

#nlsc input.submit, #nlus input.submit {
	/* width: 8em; */
	font-size: 1.3em;
	float: left;
	cursor: pointer;
	padding: 1px 10px;
	margin: 0 0 10px 8.5em;
}

#nlsc br, #nlus br {
	clear: both;
}

div.error {
	color: #c33;
	margin: 15px 0;
	padding: 5px 10px;
	border: 1px solid #c33;
}

div.success {
	color: #393;
	margin: 15px 0;
	padding: 5px 10px;
	border: 1px solid #393;
}