/* 
    Document   : main
    Created on : 16.12.2011, 17:12:08
    Author     : andy
    Description:
        Purpose of the stylesheet follows.
*/

	root { 
    display: block;
	}

/*------------------------------------------*/

	body {
		font-family: Verdana, Geneva, Arial, sans-serif;
		color: #4b4b4b;
		background-color: #fff;
		font-family: Arial, Helvetica, sans-serif, Verdana;
		font-size: 62.5%;
		line-height: 1.5;
	}
	
	h1 {
		margin-bottom: 10px;
		font-size: 220%;
		font-weight: bold;
	}

	h2 {
    background-color: transparent;
    color: #555555;
    font-family: 'RobotoBoldCondensed',Arial,sans-serif;
    font-size: 2.8em;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
	}

	h3 {
		margin: 10px 0;
		padding: 0;
		font-family: 'RobotoBoldCondensed', Arial, sans-serif;
		font-weight: normal;
		font-size: 2.1em;
		line-height: 1.2;
		color: #ee7500;
		background-color: transparent;
	}

	h4, h5, h6 {
		margin-bottom: 10px;
		font-size: 140%;
		font-weight: normal;
	}

	p {
		font-size: 130%;
		margin: 0 0 10px;
		line-height: 1.5;
	}

	a {
		color: #2772a5;
		background-color: transparent;
	}

	a:hover {
		color: #f39100;
		background-color: transparent;
		text-decoration: none;
	}
        
        a.btnright
        {
            float: right;
        }

	/* page wrapper */
	
	div#page {
		width: 960px;
		margin: 0 auto;
		padding-bottom: 14px;
	}
	
	body.loggedin div#page {
		width: 960px;
	}

	/* header */
	
	div.header a.home {
		float: left;
		display: block;
		width: 167px;
		margin: 20px;
	}

	div.header p.user {
		float: right;
		width: 40%;
		margin-top: 55px;
		text-align: right;
		line-height: 16px;
	}

	div.header p.user span {
		margin-right: 10px;
		padding-left: 20px;
		background: url(../images/user.png) 0 50% no-repeat;
	}
	
	div.nav.site {
		float: left;
		display: inline;
		margin: 60px 0 0 20px;
	}
	
	div.nav.site ul li {
		float: left;
		display: inline;
		margin: 0 1.5em 0 0;
		padding: 0;
	}
	
	div.nav.site ul li a {
    font-family: 'RobotoRegular',Arial,sans-serif;
		font-size: 1.1em;
		line-height: 2;
		color: #597e91;
		background-color: transparent;
		text-decoration: none;
	}
	
	div.nav.site ul li a:hover,
	div.nav.site ul li.active a,
	div.nav.site ul li.active-trail a {
		color: #f39100;
		background-color: transparent;
		text-decoration: underline;
	}
	
	
	/* nav */

	div#nav {
		float: left;
    clear: both;
		width: 290px;
		padding: 14px;
		min-height: 400px;
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
		box-shadow: 0 1px 2px rgba(0,0,0,.4);

		background-color: #f9f9f9;
		background: -webkit-gradient(linear, left top, left bottom, from(#dde4e8), to(#f9f9f9));
		background: -moz-linear-gradient(top, #dde4e8, #f9f9f9);
		background: -o-linear-gradient(top, #dde4e8, #f9f9f9);
		-pie-background: linear-gradient(#dde4e8, #f9f9f9);

		behavior: url(js/PIE/PIE.htc);
	}
	
	div#nav li {
		list-style: none;
		list-style-image: none;
		margin: 0 0 5px 0;
		padding: 0;
	}

	div#nav li span {
		font-family: "RobotoMedium", Arial, sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		text-decoration: none;
	}
	
	div#nav li a {
		display: block;
		padding: 3px 10px;
		font-family: "RobotoMedium", Arial, sans-serif;
		font-size: 1.3em;
		font-weight: normal;
		text-decoration: none;
		color: #fff;
		background-color: #878a8b;
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
		box-shadow: 0 1px 2px rgba(0,0,0,.4);
		background: -webkit-gradient(linear, left top, left bottom, from(#ced2d5), to(#878a8b));
		background: -moz-linear-gradient(top, #ced2d5, #878a8b);
		background: -o-linear-gradient(top, #ced2d5, #878a8b);
		-pie-background: linear-gradient(#ced2d5, #878a8b);
		behavior: url(js/PIE/PIE.htc);
	}
	
	div#nav li a span {
		font-size: 100%;
		display: block;
		background-image: url(../images/bg_service-list.png);
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}

	/* 2nd level */
	
	div#nav ul ul {
		margin: 0 0 7px;
		padding-top: 7px;
		border-top: 1px solid #4d4d4d;
	}

	div#nav li li {
		font-size: 100%;
	}

	div#nav li li a {
		padding-left: 14px;
	}

	div#nav li li.active a,
	div#nav li li a:hover {
		color: #fff;
		background-color: #878a8b;
		background: -webkit-gradient(linear, left top, left bottom, from(#f99600), to(#f47400));
		background: -moz-linear-gradient(top, #f99600, #f47400);
		background: -o-linear-gradient(top, #f99600, #f47400);
		-pie-background: linear-gradient(#f99600, #f47400);
		-webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3) inset;
		box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3) inset;
		behavior: url(js/PIE/PIE.htc);
	}

	div#nav li.active li.active a {
		text-decoration: none;
	}
	

/* nav menu */

div#block-menu-menu-service li a.active-trail,
div#block-menu-menu-service li a.active,
div#block-menu-menu-service li a:hover {
}

div#block-menu-menu-service li.active-trail ul {
	margin: 5px 0 15px 0;
	padding: 0;
}

div#block-menu-menu-service li.active-trail li,
div#block-menu-menu-service li.active-trail a.active-trail li,
div#block-menu-menu-service li.active-trail a.active li {
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px dotted #333;
}

div#block-menu-menu-service li.active-trail li a,
div#block-menu-menu-service li.active-trail a.active-trail li a,
div#block-menu-menu-service li.active-trail a.active li a {
	padding: 5px 10px 0 0;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #555;
	-webkit-border-radius: none; 
	-moz-border-radius: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent none;
	-pie-background: none;
	text-shadow: none;
	-pie-text-shadow: none;
	behavior: url(js/PIE/PIE.htc);
}

div#block-menu-menu-service li.active-trail li a:hover {
	color: #ee7500;
	background: transparent none;
}

div#block-menu-menu-service li.active-trail li a span,
div#block-menu-menu-service li.active-trail a.active-trail li a span,
div#block-menu-menu-service li.active-trail a.active li a span {
	background-image: none;
}



div#block-menu-menu-service li.active-trail li a.active,
div#block-menu-menu-service li.active-trail a.active-trail li a.active,
div#block-menu-menu-service li.active-trail a.active li a.active {
	color: #555;
	background-color: transparent;
	font-weight: bold;
}

	/* content */

	div#content {
		float: left;
/*		width: 600px;*/
		padding: 14px;
                background-color: #fff;
		min-height: 400px;
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
		box-shadow: 0 1px 4px rgba(0,0,0,.4);
		behavior: url(js/PIE/PIE.htc);
	}

	body.loggedin div#content {
		float: right;
                width: 600px;
	}
	
	/* footer */
	
	#footer {
		float: left;
		width: 932px;
		margin-top: 14px;
		padding: 14px;
		position: relative;
		clear: both;
		margin: 14px auto 25px auto;
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
		box-shadow: 0 1px 2px rgba(0,0,0,.4);
		background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9eaec));
		background: -moz-linear-gradient(top,  #f9f9f9, #e9eaec);
		background: -o-linear-gradient(top,  #f9f9f9, #e9eaec);
		-pie-background: linear-gradient(#f9f9f9, #e9eaec);
		behavior: url(js/PIE/PIE.htc);
	}
	
	#footer div {
		float: left;
		width: 312px;
		min-height: 100px;
		padding: 10px 0;
		background: url(../images/bg_footer-divider.png) 100% 0 no-repeat;
	}
	
	#footer div.first {
		width: 276px;
		padding-left: 20px;
	}
	
	#footer div.first p {
		margin-top: 4px;
	}
	
	#footer div.last {
		background-image: none;
		width: 260px;
		padding-left: 48px;
	}
	
	#footer p {
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		line-height: 1.6;
		color: #868887;
		background-color: transparent;
	}
	
	#footer ul {
		margin: 3px 0 0 18px;
		padding: 0;
		font-size: 1.15em;
		line-height: 1.4;
		list-style: none;
	}
	
	#footer ul li {
		padding: 1px 0 0 24px;
		line-height: 22px;
		list-style: none;
		list-style-image: none;
		color: #868887;
		background: transparent url(../images/bg_list-img-tel.png) 0 50% no-repeat;
	}
	
	#footer ul li.tel {
		background-image: url(../images/bg_list-img-tel.png);
	}
	
	#footer ul li.mail {
		background-image: url(../images/bg_list-img-mail.png);
	}
	
	#footer ul li.contact {
		background-image: url(../images/bg_list-img-contact.png);
	}
	
	#footer ul li.mail a,
	#footer ul li.contact a {
		color: #868887;
		background-color: transparent;
		text-decoration: underline;
	}
	
	#footer ul li.mail a:hover,
	#footer ul li.contact a:hover {
		text-decoration: none;
	}
	
	#footer dt {
		height: 0;
		line-height: 0;
		font-size: 0;
		text-indent: -9999em;
		margin-left: -9999em;
	}
	
	#footer dd {
		float: left;
		width: auto;
		margin: 0 30px 0 0;
		padding-top: 15px;
	}

	body.loggedin div#footer {
		float: left;
		width: 932px;
		margin-top: 14px;
		padding: 14px;
	}
	
	/* messages */
	
	div.prioritymessage {
		clear: both;
		min-height: 38px;
		border: 2px solid #000;
		margin-bottom: 20px;
		padding: 10px 20px 0;
		background-image: url(../images/ok.png);
		background-position: 7px 7px;
		background-repeat: no-repeat;
	}
	
	div.prioritymessage p {
		margin: 0 0 10px 40px;
		padding: 0;
		color: #000;
		background-color: transparent;
	}
	
	div.prioritymessage.note {
		border-color: #7e7e7e;
		background-color: #f6f6f6;
		background-image: url(../images/ok.png);
	}
	
	div.prioritymessage.dimmed {
		border-color: #7e7e7e;
		background-color: #f6f6f6;
		background-image: url(../images/ok_gr.png);
	}
	
	div.prioritymessage.highlight {
		border-color: #7e7e7e;
		background-color: #f6f6f6;
		background-image: url(../images/exclamation_gr.png);
	}
	
	div.prioritymessage.info {
		border-color: #390;
		background-color: #c1f390;
	}
	
	div.prioritymessage.important {
		border-color: #ea991c;
		background-color: #ffff99;
		background-image: url(../images/exclamation.png);
	}

	div.prioritymessage.warning {
		border-color: #c00;
		background-color: #fcc;
		background-image: url(../images/stop.png);
	}
	
	/* form elements */
	
	div#content fieldset {
    color: #4d4d4d;
    background-color: transparent;
    display: block;
    margin: 0 0 20px;
    padding: 0 7px;
    position: relative;
	}

	div#content fieldset dl {
		margin: -10px -7px 0;
		padding: 20px 20px;
	}
	
	div#content fieldset dt {
		display: block;
	}
	
	div#content fieldset dd {
		display: block;
		padding-bottom: 7px;
	}
	
	div#content fieldset dd#lastschrift-element {
		background-image: none;
		border-bottom: 0px none;
	}

	div#content fieldset dd#problem-element {
		background-image: none;
	}
	
	div#content fieldset dd#lastschrift-element label, div#content fieldset dd#janein-element label, dd#werbung-element label, dd#sepalastschrift-element label {
		display: inline !important;
	}
	
	div#content fieldset dd#lastschrift-element p {
		margin: 10px 0 0;
	}
	
	div#content fieldset dd#submit-element {
		border: none;
		padding: 0;
		background-image: none;
	}
	
	div#content legend {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 130%;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0;
    padding: 3px 14px 4px;
    position: relative;
    color: #fff;
    background-color: #88898a;
	}	
	
	div#content fieldset label {
		display: block;
    color: #4b4b4b;
    background-color: transparent;
		font-size: 120%;
		font-weight: bold;
		margin: 4px 0 2px;
	}
        
	div#content fieldset ul.errors, div#content p.description.errors {
		color: #b5152b;
		font-weight: bold;
	}
	
	div#content a.active{
		font-weight: bold;
		text-decoration: none;
		color: #555;
	}
        
	input,
	textarea {
		width: 70%;
	}
        
        input.email-element-userinput
        {
            width: 50%;
        }
        
        input.ui-widget-content
        {
            width: auto;
        }
        
        dd#janein-element input, dd#werbung-element input, dd#sepalastschrift-element input {
            width: auto;
            margin-right: 10px;
        }
        
	textarea {
		resize: vertical;
	}
	
	#lastschrift-element input,
	#abwKt_inh-element input,
	input#submit,
	#reempfaenger-element input {
		width: auto;
		margin: 2px 7px;
	}

	.not-allowed {
		cursor: not-allowed !important;
	}

	/* tables */
	
	table {
		width: 100%;
		font-size: 120%;
	}
		
	th {
		padding: 0.5em 0.5em;
		color: #88898a;
		background-color: #fff;
		text-align: left;
		border-right: 1px solid #fff;
	}
		
	td {
		padding: 0.5em 0.5em;
		text-align: left;
		border-top: 1px solid #d4d4d4;
	}
		
	td a {
		background-color: transparent;
	}
		
	td a:hover {
		color: #000;
		background-color: transparent;
	}
		
	tr:hover {
		background-color: #eaeaea;
	}
		
	table p {
		font-size: 100%;
	}
	
        td.label {
            width: 33%;
        }
        
	/* 
		self clearing float elements
		---------------------------------------------------------------
	*/

	div#content legend:after,
	.dataTables_length:after,
	.dataTables_filter:after,
	.header:after,
	.group:after {
		content: ".";		
		display: block;
		height: 0;
		font-size: 0;
		line-height: 0;
		clear: both;
		visibility: hidden;
	}

        
	span.check_ok {
		text-indent: -999em;
		line-height: 0;
		height: 0;
		float: left;
	}
	
	p.check_ok {
		background-image: url(../images/ok_gr.png);
		background-repeat: no-repeat;
		height: 30px;
		width: 30px;
		margin: 0;
	}
        
        #dialog-form
        {
            display: none;
        }