/*
Theme Name:		demobereich
Theme URI: 		http://www.demobereich.de/
Version: 		0.0.1
Description:	This theme was adopted from the <a href="http://wpframework.com">http://wpframework.com</a> 0.2.4.8.
Author: 		Robert Kummer
Author URI:		http://www.demobereich.de
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2010 Robert Kummer <http://www.demobereich.de> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

@charset "UTF-8";
/* ####### reset Styles ####### */
* {margin:0;padding:0;}

center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-variant:inherit;
	vertical-align:baseline;
}
html, body {
	height:100%;
}
body {
	font-family:'Helvetica Neue',Helvetica, Arial, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	color:#333;
	background-color:#81ae1b;
	background-image:url(/wp-content/themes/demobereich/library/media/images/h2_bg.png);
	background-position:left top;
}

#wrap {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -203px; 
}
.clear {
	clear:both;
	width:100%;
}




/* ####### default link styles ####### */

a:link,a:visited {
	color:#81ae1b;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#555;
}




/* ####### layout elements ####### */
#container {
	clear:both;
	padding:2em 0 0;
	width:980px;
	margin:0 auto;
	padding-bottom:170px;
	overflow:hidden;
}
#header {
	float:right;
	width:100%;
	background-color:#444;
	height:13em;
	clear:both;
	border-bottom:1px solid #fff;
	background-image:url(/wp-content/themes/demobereich/library/media/images/hader_bg.png);
	background-repeat:repeat-x;
	background-position:top center;
}
#content {
	float:left;
	position:relative;
	width:100%;
	padding:0;
}
#box {
	background-color:#fff;
	background-image:url(/wp-content/themes/demobereich/library/media/images/form_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	color:#555;
	margin:0 auto;
	padding:0 0 1em;
	width:70em;
	float:right;
}
#navi {
	background-color:#fff;
	background-image:url(/wp-content/themes/demobereich/library/media/images/form_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	color:#717171;
	float:right;
	margin:0 0 0 2em;
	padding:0;
	width:24em;
}
#headernavi {
	font-size:1.5em;
	font-family:Georgia,'Helvetica Neue',Helvetica, Arial, sans-serif;
	font-style:italic;
	height:29px;
	padding:1em 0 0 2em;
	float:left;
}
#footer {
	background-color:#444;
	border-top:3px solid #fff;
	float:left;
	margin:2em 0 0;
	padding:2em 0;
	width:100%;
	position:relative;
	clear:both;
}
#footer, #push {
	height:140px; /* #push must be the same height as #footer */
}

#dashboard {
	font-size:1.6em;
	margin:0 1em;
	width:41.8em;
}
#dashboard img.symbol {
	float:left;
	margin-left:1em;
}
#dashboard div.show-details {
	clear:both;
	display:block;
	float:left;
	margin:1em 0 0 2em;
	padding:1em 0.5em;
	width:90%;
	background-color:#f4f4f4;
}
#dashboard div.close-details {
	float:right;
	margin:0.1em 0 0;
}
#dashboard div.show-details small {
	font-size:0.7em;
	font-style:italic;
	padding:0 0 0 1em;
}
#dashboard .show-details div.edit {
	width:90%;
}
#dashboard .show-details .edit div.save {
	float:left;
}
#dashboard .show-details .edit table td {
	vertical-align:middle;
}
#site-footer-inner {
	width:860px;
	margin:0 auto;
}
#logo {
	float:right
}
#loginform {
	display:none;
	clear:both;
	float:left;
	margin-left:1.5em;
	width:20.5em;
	font-size:0.65em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
#signupform {
	display:none;
	clear:both;
	float:left;
	margin-left:1.5em;
	width:20.5em;
	font-size:0.65em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
#pricing {
	float:right;
	left:51.3em;
	margin-right:0.7em;
	padding:1em 0 1em 1em;
	position:absolute;
	top:1.8em;
	width:17.2em;
}
#pricing #pricing-header {
	background-image:url(/wp-content/themes/demobereich/library/media/images/pricing_top_bg.png);
	background-repeat:no-repeat;
	background-position:left;
	width:168px;
	height:30px;
	float:left;
}
#pricing #pricing-body {
	background-image:url(/wp-content/themes/demobereich/library/media/images/pricing-body_bg.png);
	background-repeat:repeat-y;
	background-position:left;
	float:left;
	padding:0 1em;
	width:152px;
}
#pricing #pricing-footer {
	background-image:url(/wp-content/themes/demobereich/library/media/images/pricing_footer_bg.png);
	background-repeat:no-repeat;
	width:168px;
	height:9px;
	float:left;
}



/* SUMMARY */
#summary {
	font-size:1.6em;
	margin:0 auto 3em;
	width:40em;
}
#summary .summary-box {
	border-bottom:1px dotted #333;
	padding-bottom:1em;
}
#summary .summary-box .pricing {
	color:#f19300;
	float:right;
	font-size:1.3em;
	margin:0 2em 0 0;
}
#summary .summary-box .choice {
	font-style:italic;
}




#runtime div.period_count {
	padding:0 1em 1em;
	border-bottom:1px dotted #333;
	margin:0 0 1em;
}
#runtime #termsofuse {
	clear:both;
	font-size:0.8em;
	padding:0 0 0.5em;
}
#runtime .total-amount-box {
	margin:1em 0 1em 1.5em;
	float:left;
}
#runtime .total-amount-box #total-amount {
	color:#f19300;
	font-size:1.3em;
	font-weight:bold;
}
#runtime #paypal {
	float:left;
	margin:1em auto;
}




/* ####### Headlines ####### */
#container h1 {
	color:#fff;
	font-family:georgia;
	font-size:3.5em;
	font-style:italic;
	margin:0 0 0.4em;
	clear:both;
}
#logo {
	float:right;
	margin-top:2.5em;
	margin-right:5em;
	height:80px;
	width:350px;
}
#logo h1 {  }
#logo h1 a { display:block; background-image:url(/wp-content/themes/demobereich/library/media/images/debe_wbm_300px_wh.png); background-repeat:no-repeat; position:absolute; height:80px; width:350px; }
#logo h1 a span {
	display:none;
}
#box h1 {
	font-size:2.5em;
	margin:0.3em 0 0 1em;
	color:#E77A00;
	clear:both;
}
#box h2 {
	background-color:#81ae1b;
	background-image:url(/wp-content/themes/demobereich/library/media/images/h2_bg.png);
	clear:both;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	font-style:italic;
	padding:0.2em 0.6em;
}
#footer h6 {
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding:0 0 0.6em;
}
#pricing-header h3 {
	color:#fff;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.5em;
	font-style:italic;
	padding-top:0.7em;
	text-align:center;
	width:100%;
}
#summary h4 {
	font-weight:bold;
	padding-top:1em;
}
#dashboard div.show-project h3,
#dashboard div.show-details h3  {
	margin:0 0 0 0.4em;
	font-size:1em;
	font-weight:bold;
	clear:left;
	
}
#dashboard div.show-project h4 {
	margin:0 0 0 0.4em;
	font-weight:bold;
	font-size:0.8em;
}




/* ####### sexy Button Styling ####### */
a.button {
    background:transparent url('/wp-content/themes/demobereich/library/media/images/bg_button_a.png') no-repeat scroll top right;
    color:#444;
    display:block;
    float:left;
    font:normal 12px arial, sans-serif;
    height:24px;
    margin-right:6px;
    padding-right:18px; /* sliding doors padding */
    text-decoration:none;
}
a.button span {
    background:transparent url('/wp-content/themes/demobereich/library/media/images/bg_button_span.png') no-repeat;
    display:block;
    line-height:14px;
    padding:5px 0 5px 18px;
} 
a.button:active {
    background-position:bottom right;
    color:#000;
    outline:none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position:bottom left;
    padding:6px 0 4px 18px; /* push text down 1px */
}





/* ####### list styles ####### */

/* header navi */
#header #headernavi ul {
	float:left;
	padding:4.8em 0 0 2.05em;
}
#headernavi ul li {
	background-image:url(/wp-content/themes/demobereich/library/media/images/tab_bg_passive.png);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.3em;
	height:43px;
	list-style-type:none;
	margin:0 0.3em 0 0;
	padding:0.6em 0 0;
	text-align:center;
	width:158px;
}
#headernavi ul li a {
	color:#81ae1b;
	display:block;
}
#headernavi ul li a:hover {
	color:#333;
	text-decoration:none;
	display:block;
}
#headernavi ul li.selected,
#headernavi ul li.active {
	float:left;
	list-style-type:none;
	background-image:url(/wp-content/themes/demobereich/library/media/images/tab_bg.png);
	background-repeat:no-repeat;
	height:44px;
	color:#fff;
}

#headernavi ul li.selected a,
#headernavi ul li.active a {
	color:#fff;
}
#headernavi ul li .span {
	width:100%;
	text-align:center
}


/* Dashboard Style */
#dashboard div.show-details div.change-da-system {
	float:right;
}
#dashboard div.show-details ul.services {
	border-bottom:1px dotted #bbb;
	clear:both;
	font-size:0.9em;
	margin:0.3em 0 0.5em 1em;
	padding:0 0 0.5em;
	width:90%;
}

#dashboard div.show-details ul li {
	list-style:none;
	background-image:url(/wp-content/themes/demobereich/library/media/images/list_arrow.png);
	background-repeat:no-repeat;
	background-position:left 0.5em;
	padding:0 0 0 10px;
	border:none;
}
#dashboard div.show-details span.label {
	font-weight:bold;
}
#dashboard div.show-details span.value {
	font-weight:normal;
}


/* sidebar navi */
.sidebar-navi ul {
	padding:1em;
}
.sidebar-navi ul li {
	list-style-type:none;
	margin:0 0.3em 0 0;
	font-family:Georgia,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:1.5em;
	font-style:italic;
}
.sidebar-navi ul li a {
	color:#81ae1b;
	font-weight:bold;
	/*display:block;*/
}
.sidebar-navi ul li a:hover {
	color:#333;
	text-decoration:none;
	/*display:block;*/
}

.sidebar-navi ul li.selected,
.sidebar-navi ul li.active {
	list-style-type:none;
}

.sidebar-navi ul li.selected a,
.sidebar-navi ul li.active a {
	
}
.sidebar-navi ul li .span {
	width:100%;
	text-align:left;
}
.sidebar-navi .account-register, .sidebar-navi .account-login, .sidebar-navi .project-create, .sidebar-navi .logout, .sidebar-navi .dashboard, .account-settings, .billing-data {
	background-position:9px center;
	background-repeat:no-repeat;
	clear:both;
	float:left;
	height:32px;
	padding:0.95em 0 0 4.7em;
	margin:0.4em 0;
}
.account-register {
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/pencil_48.png);
}
.account-login {
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/lock_open_48.png);
}
.project-create {
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/folder_add_48.png);
}
.dashboard {
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/home_48.png);
}
.account-settings {
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/spanner_48.png);
}
.billing-data {
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/app_48.png);
}
.sidebar-navi .login {
	border-bottom:1px dotted #555;
	font-weight:bold;
	height:20px;
	padding:0.55em 1em;
	text-align:center;
	width:189px;
}
.sidebar-navi .logout {
	padding:0.95em 0 0 4.7em;
	margin:0.4em 0;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/lock_48.png);
	background-position:9px center;
	background-repeat:no-repeat;
}


/* Form List */
#packet-choose {
	clear:both;
	margin:1em auto 0;
	width:19em;
}
#packet-choose li {
	list-style:none;
	float:left;
}



/* Pricing List */
#pricing ul {
	border-bottom:1px dotted #aaa;
	margin:0 0 1em;
	padding:1em 0.3em;
	width:90%;
}
#pricing ul li {
	background-image:url(/wp-content/themes/demobereich/library/media/images/list_arrow.png);
	background-position:2px 7px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0.1em 0 0.1em 1em;
	font-size:1.2em;
}

#amount-per-month #total-amount-per-month,
#amount #total-amount {
	font-size:1.5em;
	font-weight:bold;
	color:#f19300;
	padding:0 0 0 0.2em;
}
#amount-per-month {
	padding:0;
	margin:0;
}
#amount {
	padding:0;
	margin:0 0 0.75em 0;
}
#amount-per-month .spacer,
#amount .spacer {
	background-image:url(/wp-content/themes/demobereich/library/media/images/table_spacer_dot.gif);
	background-position:left 14px;
	background-repeat:repeat-x;
}


/* footer lists */
#footer .lists {
	border-left:1px dotted #ddd;
	float:left;
	height:12em;
	margin:0 2em;
	padding:0.5em 0 0.5em 1em;
	width:11em;
}
#footer .lists:first-child {
	float:left;
	height:12em;
	margin:0 2em;
	padding:0.5em 0 0.5em 1em;
	width:11em;
	border:none;
}
#footer .lists ul li {
	color:#fff;
	list-style-type:none;
	padding:0 0 0.5em;
}
#footer .lists ul li a:link, #footer .lists ul li a:visited {
	color:#fff;
}


/* ####### form progress bar ####### */
#progress-bar {
	margin:0 0 6em 12em;
	clear:both;
}
#progress-bar ol li {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.25em;
	font-style:italic;
	list-style-type:none;
	padding:16px 0 0 7px;
	text-align:center;
}
#progress-bar ol li.first-passive {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_first_passive.png);
	background-repeat:no-repeat;
	height:30px;
	width:121px;
	color:#333;	
}
#progress-bar ol li.first-active {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_first_active.png);
	background-repeat:no-repeat;
	height:30px;
	width:121px;	
	color:#fff;
}
#progress-bar ol li.middle-passive-prev-active {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_middle_passive_prev_active.png);
	background-repeat:no-repeat;
	height:30px;
	width:117px;
	color:#333;
}
#progress-bar ol li.middle-passive {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_middle_passive.png);
	background-repeat:no-repeat;
	height:30px;
	width:117px;
	color:#333;
}
#progress-bar ol li.middle-active {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_middle_active.png);
	background-repeat:no-repeat;
	height:30px;
	width:117px;
	color:#fff;
}
#progress-bar ol li.last-passive-prev-active {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_last_passive_prev_active.png);
	background-repeat:no-repeat;
	height:30px;
	width:130px;
	color:#333;
}
#progress-bar ol li.last-passive {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_last_passive.png);
	background-repeat:no-repeat;
	height:30px;
	width:130px;
	color:#333;
}
#progress-bar ol li.last-active {
	background-image:url(/wp-content/themes/demobereich/library/media/images/progress_last_active.png);
	background-repeat:no-repeat;
	height:30px;
	width:130px;
	color:#fff;
}





/* ####### form styles ####### */
.create-project-form {
	margin:2em;
	font-size:1.6em;
}
.create-project-form .element {
	margin:0 0 0.6em;
	float:left;
}
.create-project-form .form label {
	clear:left;
	float:left;
	padding:0.35em 0 0 0.5em;
	width:7em;
}
.create-project-form .form input, .create-project-form .form textarea {
	border:1px solid #ccc;
	clear:right;
	float:left;
	font-size:1.2em;
	padding:0.2em 0.3em;
	width:25em;
	background-color:#fffde4;
}
.create-project-form .form input:hover, .create-project-form .form textarea:hover, .create-project-form .form input:focus, .create-project-form .form textarea:focus,
.project-init-service .form input:hover, .project-init-service .form textarea:hover, .project-init-service .form input:focus, .project-init-service .form textarea:focus,
.preferences-form input:hover, .prefereces-form textarea:hover, .preferences-form input:focus, .prefereces-form textarea:focus {
	background-color:#f6f6f6;
}
.create-project-form .form input,
.project-init-service .form input {

}
.create-project-form .form textarea,
.project-init-service .form textarea {
	font-family:Arial,Helvetica,sans-serif;
	height:5em;
	padding:0.1em 0.3em;
}
.create-project-form .form select,
.project-init-service .form select {
	font-size:1.1em;
}
.create-project-form table {
	font-size:0.9em;
}
.create-project-form td {
	border-bottom:1px solid #ddd;
	font-size:0.8em;
	height:3.3em;
	text-align:center;
	vertical-align:middle;
}
.create-project-form td.borderless {
	border:none;
	font-size:0.7em;
	text-align:center;
	vertical-align:middle;
}

.create-project-form td.head {
	font-size:1.2em;
	font-weight:bold;
}
.create-project-form td.desc {
	font-size:1em;
	font-weight:bold;
	text-align:left;
}
.create-project-form .desc img {
	padding-left:0.5em;
}
.create-project-form td.price {
	font-size:1.3em;
	color:#f19300;
	height:2.6em;
}
.create-project-form p.description,
.project-init-service p.description {
	clear:both;
	color:#999999;
	font-size:0.85em;
	margin:2.8em 0 0 8.7em;
}
/* Preferences Form */
.preferences-form {
	clear:both;
	float:left;
	width:33.5em;
	font-size:0.9em;
}
.preferences-form div.element {
	clear:both;
	float:left;
	margin:0 0 0.3em;
}
.preferences-form div.save {
	clear:both;
	float:left;
	margin:0 0 2em 12.5em;
	width:18.5em;
}
.preferences-form label {
	clear:left;
	float:left;
	padding:0.35em 0 0 0.5em;
	width:12em;
}
.preferences-form input,
.prefereces-form textarea {
	border:1px solid #ccc;
	clear:right;
	float:left;
	font-size:1em;
	padding:0.2em 0.3em;
	width:18em;
	background-color:#fffde4;
}
.prefereces-form select {
	clear:right;
	float:left;
	font-size:1em;
	width:18em;
}

.preferences-form p.description {
	clear:both;
	color:#999999;
	font-size:0.85em;
	margin:2.2em 0 0 15em;
	width:21.5em;
}



.project-init-services {
	margin:2em;
	font-size:1.6em;
	width:30em;
}
.project-init-services .project-logo {
	float:left;
	padding:0 0.3em 0.3em 0;
}
.project-init-service .form .input {
	float:left;
	clear:none;
}
.form_element_radio {

}
.project-init-services .element {
	margin:0;
	float:left;
}
.project-init-services .form label {
	color:#81ae1b;
	
}
.project-init-services dd {
	clear:both;	
}
.project-init-services fieldset {
	border-bottom:1px dotted #81ae1b;
	padding:0.5em;
	margin:0 0 1em;
}
.project-init-services fieldset legend {
	background-color:#81ae1b;
	background-image:url(/wp-content/themes/demobereich/library/media/images/h2_bg.png);
	clear:both;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style:italic;
	margin:1em 0 0;
	padding:0.2em 0.6em;
}
.project-init-services .short-description {
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	padding:0.3em 0 0 0.4em;
}
.info {
	float:right;
}
.project-init-services p.description {
	float:none;
	clear:both;
	font-size:1em;
	padding:0.3em 0 0 0.4em;
	width:25em;
}
.project-init-services p.description img.close-button {
	clear:both;
	float:right;
	padding:0.2em 0 0;
}


div.service_group_ids_1 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/tabs_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}
div.service_group_ids_2 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/paper_content_chart_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}
div.service_group_ids_3 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/users_two_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}
div.service_group_ids_4 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/floppy_disk_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}
div.service_group_ids_5 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/box_download_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}
div.service_group_ids_6 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/computer_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}
div.service_group_ids_7 {
	padding:0 0 0 5em;
	min-height:48px;
	background-image:url(/wp-content/themes/demobereich/library/media/images/function_icon_set/database_48.png);
	background-repeat:no-repeat;
	background-position:1.25em center;
}







#loginform label, #signupform label {
	display:block;
	float:left;
	font-size:1.3em;
	padding:0.3em 0;
	width:5.1em;
}
#loginform input, #signupform input {
	border:1px dotted #bbb;
	font-size:1.4em;
	padding:0.2em;
	width:8.5em;
}
#loginform .login, #signupform .signup {
	margin:0.5em 0 0 7em;
}
#loginform p.description {
	color:#81ae1b;
	clear:both;
	margin:0 0 0.7em 8em;
	font-size:0.9em;
}




#dashboard .edit input,
#dashboard .edit textarea {
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
#dashboard .edit .input {
	width:18em;
	border:1px solid #ccc;
	background-color:#fffde4;
	padding:0.2em 0.3em;
}
#dashboard .edit .textarea {
	width:30em;
	height:15em;
	border:1px solid #ccc;
	background-color:#fffde4;
	padding:0.2em 0.3em;
}


/* ####### Paket Auswahl ####### */
.create-project-form div.package_1, .create-project-form div.package_2, .create-project-form div.package_3 {
	width:100%;
	clear:both;
	float:none;
	padding:1em 0;
}
.create-project-form div.package_1 p.description, .create-project-form div.package_2 p.description, .create-project-form div.package_3 p.description {
	float:left;
	margin:0;
	width:38em;
	color:#717171;
}

/** Blog styles */
#primary {
	padding-top:1em;
}

#primary h1 {
	background:url(/wp-content/themes/demobereich/library/media/images/new_32.png) left center no-repeat;
	line-height:1em;
	margin:0 0 0.5em 0;
	padding:0 0 0 40px;
}

#primary img {
	border: 1px #ddd solid; padding: 1px;
}

img.alignleft {
	margin:0 0.5em 0.5em 0;
	float:left;
}

img.alignright {
	margin:0 0 0.5em 0.5em;
	float:right;
}

#primary .article p {
	margin:0.5em 0;
}

#primary .article ul {
	margin:0.5em 0 0.5em 1.5em;
	list-style:square;
}
#primary .article ul li {
	line-height:1.5em;
}

#primary .article blockquote {
	font-style:italic;
	margin:1em;
	padding:0.5em;
	border:5px solid #eaeaea;
	background:#f1f1f1;
}

#primary .article address {
	font-style:italic;
	margin:1em;
}

div.aside {
	padding:0 1.5em;
}
div.aside div {
}

h3.widget-title {
	clear:both;
	color:#81AE1B;
	font-family:Arial,'Helvetica neue',Verdana;
	font-size:2em;
	margin:0;
	padding:0.6em 0 0.6em 0;
	border-top:1px dotted #555;
}

.widget:first-child h3.widget-title {
	border-top:none;
}

div.widget ul {
	padding:0 1.0em 1.0em;
}
div.widget ul li {
	margin:0 0.3em 0.5em 0;
	font-family:Arial,'Helvetica neue',Verdana;
	font-style:normal;
	font-weight:normal;
	font-size:1.2em;
	line-height:16px;
	background:url(/wp-content/themes/demobereich/library/media/images/active_16.png) left top no-repeat;
	padding-left:20px;
}
div.widget ul ul {
	padding: 0 0.2em 0.3em;
	margin-top:0.3em;
	margin-left:-1.1em;
}
div.widget ul li li {
	font-size:1.0em;
	background:url(/wp-content/themes/demobereich/library/media/images/change_16.png) left top no-repeat;
}

div.widget ul li a {
	font-weight:normal;
}

.widget .searchform input {
	width:150px;
}

.widget .searchform button {
	background:url(../images/accept.png) left center no-repeat;
	border:none;
	cursor:pointer;
	line-height:16px;
	overflow:hidden;
}

.widget .searchform {
	padding-bottom:1.5em;
}

input {
	border:1px solid #ccc; font-size:1.2em; padding:0.2em 0.3em; width:25em; background-color:#fffde4;
}

input:hover {
	background-color:#f6f6f6;
}


/* Entry-Styles */
.hentry {
	font-size:1em;
	margin-bottom:1.5em;
}

.hentry h2.entry-title {
	margin-bottom:0;
}

h2.entry-title a {
	color:#fff;
}

.hentry div.article {
	font-size:0.9em;
	line-height:1.5em;
}

div.entry-meta {
	margin:1.0em 0;
	font-size:0.7em;
	color:#7F7F7F;
}

div.entry-meta a {
}

div.entry-meta.entry-footer {
	text-align:right;
}

div.entry-meta.entry-footer a {
	background-color:#E77A00;
	padding:0.2em 0.3em;
	color:#fff;
}

div.entry-meta.entry-footer a:hover {
	background-color:#81AE1B;
}

/* Comments */
#comments { border-top: 1px dotted #555; }
#comments h3, #respond h3 { margin:0.5em 0; }
.comment-feed-link { text-align:right; margin:0.5em 0; font-size:0.7em;	color:#7F7F7F; }
.comment-list, .comment-list .children { list-style: none; font-size:0.9em; line-height:1.5em; }
.comment-list .comment { padding:1em 0; border-bottom: 1px dotted #555; }
.comment-list {  }
.comment-meta { margin-bottom: 10px; }
.comment-content { clear:both; border-left:10px solid #ddd; padding-left:0.6em; }
.commenter { font-size: 16px; }
.avatar { float: left; margin: 0px 10px 10px 0px; border: 1px #ddd solid; padding: 1px; }

/* Comment Reply */
#respond { margin:2em 0; border-top:1px dotted #555; padding-bottom:1em;clear:both; }
#comment-form .form-section input { margin-right: 10px; }
#comment-form p { line-height:1.5em; font-size:0.9em; width:44em; margin:1em 0; }
#comment-form input { margin: 0 1em 1em 0; }
#comment-form input:hover { background-color:#f6f6f6; }
#comment-form textarea { border:1px solid #ccc; font-size:1.2em; padding:0.2em 0.3em; width:25em; background-color:#fffde4; font-family:Arial,Helvetica,sans-serif; }
#comment-form #allowed-tags { font: 0.9em Verdana, Arial, Helvetica, sans-serif; font-size:0.7em;	color:#7F7F7F; padding: 5px 10px; background: #fff; }
div.social_bookmark {clear:both;}

/**
 * Twitter for Wordpress
 * ul.twitter: the main ul (if list is activated)
 * li.twitter-item: the ul items (if list is activated)
 * p.twitter-message: each one of the paragraphs (if msgs > 1)
 * .twitter-timestamp: the timestamp span class
 * a.twitter-link: the tweet link class
 * a.twitter-user: the @username reply link class
 */
ul.twitter {}
li.twitter-item {}
p.twitter-message {}
.twitter-timestamp {font-style:italic;font-size:9px;}
a.twitter-link {}
a.twitter-user {}

/**
 * comments
 */
#comments ul {
padding:1em;
}

.alignleft {float:left;}
.alignright {float:right;}

/**
 * bilder und bildbeschreibungen
 */
.wp-caption {background-color:#F3F3F3;border:1px solid #DDDDDD;margin:10px;padding-top:4px;text-align:center;}
.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

