/*
Theme Name: VerMont Beratung
Theme URI: http://creativegroup.de/
Description: Das erste Wordpress Theme für das Unternehmen VerMont, welches sich auf die Beratung von Rechtsanwälten spezialisiert hat.
Version: 1.0
Author: Jonas Emde (design & code by creativegroup.de)
Author URI: http://creativegroup.de/
Tags: green, vermont, beratung, consulting, two columns
Text Domain: VerMont

all material copyright 2009 - thank you for examining our code
feel free to ask us about webdesign, advertisment and editorial design
---------------------------------------------------------------------------------*/


/*  modified eric meyer’s css reset
---------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; border: 0; vertical-align: baseline; }
option { padding-left: 0.4em; }
html { height: 100%; margin-bottom: 1px; }
:focus { outline: 0; } /* remember to define focus styles! */
fildset,img { border: none; overflow: hidden; }
ol,ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
caption,th,td { font-weight: normal; text-align: left; }
blockquote:before,blockquote:after,q:before,q:after { content:""; content: none; }
blockquote,q { quotes: none; }


/*  basic class
---------------------------------------------------------------------------------*/
.hide { display: none; }
.indent { height: 0; width: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0; position: absolute; top: -999em; left: -999em; display: block; visibility: hidden; }

/**
 * clearing floats without extra markup
 * based on how to clear floats without structural markup by PiE
 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }


/**
 * regular clearing, just in case!
 */
.clr { height: 0; width: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0; clear: both; display: block; visibility: hidden; }


.left,
.right {
	width: 49.9%;
	display: block;
	float: left;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/*  generic
---------------------------------------------------------------------------------*/
body {
	background: #ebf0f2 url("library/media/images/bg_head.png") repeat-x;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1;
    height: 101%;
}

div.hr {
	background: transparent url("library/media/images/sidebar_trenner.png");
	height: 15px;
	border: 0px solid #fff;
	padding: 0;
	overflow: hidden;
	display: block;
	line-height: 0;
	font-size: 0;
}


/*  headline & paragraph
---------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6	{
	font-family: Arial, Helvetica, sans-serif;
	color: #006b51;
	font-weight: normal;
}


h1#logo {
	padding: 33px 0 10px 35px;
}

h1#logo a {
	text-indent: -999em;
	display: block;
	overflow: hidden;
	background: url("library/media/images/vermont-beratung-logo.png") no-repeat;
	width: 196px;
	height: 103px;
}

h2 {
	margin: 20px 0 3px;
}

h3 {
	margin-top: 30px;
}

h4 {

}

p,
div#content ul,
div#sidebar ul {
	padding: 10px 0;
	font-size: 15px;
	line-height: 1.3;
	font-family: Arial, Helvetica, sans-serif;
}


/*  links
---------------------------------------------------------------------------------*/
a {
	color: #000;
}

a:hover {
	color: #006b51;
}

a:focus {
	
}

p.more,
span.more {
	overflow: hidden;
	padding: 0;
	margin-bottom: 10px;
}

* html p.more {
	height: 1%;
}

p.more a,
span.more a {
	display: block;
	background-color: #545a5c;
	float: left;
	padding: 3px 5px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

span.nav-next,
span.nav-previous {
	display: block;
	line-height: 1.3;
}

span.nav-previous {
	float: right;
}

span.nav-next {
	float: left;
}

div.page-navigation {
	display: block;
	overflow: hidden;
	margin-top: 30px;
}

* html div.page-navigation {
	height: 1%;
}

p.more a:hover,
span.more a:hover {
	background-color: #006b51;
	color: #fff;
}

/*  leave a reply
---------------------------------------------------------------------------------*/
a.avatar-link {
	display: none;
}

/*  formular
---------------------------------------------------------------------------------*/
form {
	overflow: hidden;
	margin-top: 30px;
	font-size: 12px;
}

* html form {
	height: 1%;
}

form#comment-form {
	margin-top: 10px;
}

input,
textarea,
button {
	padding: 4px;
	border: 1px #e0e5e7 solid;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

textarea {
	height: 115px;
}

input:focus,
textarea:focus {
	border: 1px #e0e5e7 dashed;
}

form p {
	margin: 4px 0;
	padding: 0;
}

p.captcha input {
	width: 115px;
	float: left;
	padding-top: 5px;
} 
p.send input:hover,
p.send button:hover {
	background-color: #006b51;
	cursor: pointer;
}

p.captcha span {
	float: left;
}

div.cformwrapper {
	overflow: hidden;
}

* html div.cformwrapper {
	overflow: hidden;
}

p.send {
	clear: both;
}

p.send input,
p.send button {
	width: 180px;
	float: left;
	margin-top: 10px;
	background-color: #545a5c;
	color: #fff;
}

form p.captcha {
	margin-top: 10px;
	display: block;
	overflow: hidden;
	clear: both;
}

form p.captcha img {
	border: 1px #e0e5e7 solid;
	float: left;
	padding: 0 23px;
	background: #fff;
}

form p.captcha img.pfeil {
	padding: 3px 15px 0;
	border: 0;
	background: transparent;
}

/*  list
---------------------------------------------------------------------------------*/
/**
 * unordered list
 */
div#content ul {
	margin-left: 20px;
}
	
div#content ul li {
	background: url("library/media/images/list-style.png") no-repeat left 3px;
	margin-bottom: 10px;
	padding-left: 18px;
	display: block;
}

div#content ul li ul {
	margin: 0 0 0 15px;
	padding: 0;
}

ul li ul li {
	margin-top: 14px;
	margin-bottom: 0;
	padding-left: 14px;
}

/*  content style
---------------------------------------------------------------------------------*/
div#teaser {
	background: url("library/media/images/teaser_bg_middle.png") repeat-y;
	margin-bottom: 30px;
	color: #fff;
}

div#teaser div.bg_top {
	background: url("library/media/images/teaser_bg_top.png") no-repeat left top;
}

div#teaser div.bg_bottom {
	background: url("library/media/images/teaser_bg_bottom.png") no-repeat left bottom;
}

div#teaser div.bg_bottom {
	padding: 20px;
	line-height: 1.3;
	overflow: hidden;
}

* html div#teaser div.bg_bottom {
	height: 1%;
}

div#teaser div.bg_bottom h2,
div#teaser div.bg_bottom p,
div#teaser div.bg_bottom a,
div#teaser div.bg_bottom img {
	float: left;
	color: #fff;
}

div#teaser div.bg_bottom a {
	display: block;
}

div#teaser div.bg_bottom img.wp-image-110 {
	float: none;
}

div#teaser div.bg_bottom img {
	margin-right: 15px;
}

div#teaser div.bg_bottom h2,
div#teaser div.bg_bottom p {
	width: 380px;
	margin-top: 0;
	line-height: 1.2;
}

div#teaser strong {
	display: block;
	margin-bottom: 10px;
	font-size: 17px;
}

p.info {
	border-top: 3px solid #e0e5e7;
	font-size: 13px;
	padding: 3px 0 0;
	clear: both;
	overflow: hidden;
}

* html p.info {
	height: 1%;
}

p.info span {
	float: right;
}

div.post {
	margin-bottom: 20px;
}

div#sidebar ul {
	margin: 5px 15px 20px 0;
	padding: 0;
}

div.comment-meta {
	display: block;
	border-bottom: 3px solid #ccc;
	padding-bottom: 5px;
}

div.comment-author,
cite {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
}

div.comment-author a {
	text-decoration: none;
}

li.comment {
	margin-top: 20px;
	background-color: #e0e5e7;
	padding: 20px;
}

/*  basic layout
---------------------------------------------------------------------------------*/
/**
 * main
 */
div#main {
	width: 975px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

/**
 * navi
 */
ul.nav {
	width: auto;
	height: auto;
	margin-top: 92px;
	background: url("library/media/images/navi_trenner.png") no-repeat left top;
	overflow: hidden;
	padding-left: 2px;
}

ul.nav ul {
	display: none;
}

ul.nav li {
	width: auto;
	height: auto;
	float: left;
	background: url("library/media/images/navi_trenner.png") no-repeat right top;
	padding-right: 2px;
}

ul.nav li.current_page_item a,
ul.nav li.current_page_parent a {
	background: url("library/media/images/navi_bg_act.png") repeat-x;
}

ul.nav li.current_page_item a:hover,
ul.nav li.current_page_parent a:hover {
	color: #fff;
}

ul.nav li a:hover {
	color: #ccc;
}

ul.nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 12px; 
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


/**
 * sub navi
 */
div#sidebar ul {
	margin-left: 10px;
}

div#sidebar ul li {
	display: block;
	padding: 4px 0;
}

div#sidebar ul li a {
	display: block;
	font-size: 14px;
	background: url("library/media/images/sidebar_liststyle.png") no-repeat left center;
	padding-left: 23px;
	text-decoration: none;
}

div#sidebar ul li a:hover {
	text-decoration: underline;
}
	
/**
 * head
 */
div#head {
	width: auto;
	height: 126px;
	overflow: hidden;
}

/**
 * content
 */
div#content_wrapper {
	width: 630px;
	float: left;
	height: auto;
	margin-bottom: 30px;
}

div#content {
	width: auto;
	background: url("library/media/images/bg_content.png") no-repeat;
	height: auto;
	padding-top: 40px;
}

div#sidebar {
	width: 345px;
	min-height: 700px;
	float: right;
	margin-bottom: 30px;
	background: url("library/media/images/bg_sidebar.jpg") no-repeat top center;
}

div#sidebar,
div#sidebar li,
div#sidebar a,
div#sidebar p {
	font-size: 13px;
}

div#sidebar div.content {
	padding: 38px;
}

/**
 * footer
 */
div#footer {
	clear: both;
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	padding: 0 0 30px;
	border-top: 3px solid #e0e5e7;
	font-size: 12px;
}

div#footer p {
	width: 49.9%;
	display: block;
	float: left;
	font-size: 12px;
}

div#footer ul {
	margin-top: 10px;
	width: 49.9%;
	display: block;
	float: right;
}

div#footer ul li {
	float: right;
	margin-right: 13px;
}

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

