/*******************************************************************************
* paidosoft.css
* -------------
*	Basic stylesheet formatting
*
*******************************************************************************/
html,body,form, fieldset {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	/*color: #444;*/
	color: #000;
	line-height: 1.4em;
	font-family:  Verdana, Arial, Georgia, Helvetica, sans-serif;
}
/* introduced due to too large font on indexed_search */
table td {
	font-size: 10pt;
}
body {
	background-color: #eeeeff;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	/*background-x-position: 0%; Eigenschaft existiert nicht.AJS*/
	/*background-y-position: 0%; Eigenschaft existiert nicht.AJS*/
}

img {
	border: none;
}

/* Neutralize styling: Elements with a vertical margin: */
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address { /*margin: 0;
	padding: 0;*/

}

h1,h2,h3,h4,h5,h6 {
	/*font-family: Arial, sans-serif;*/
font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
	color: /*#FFAD00;*/ #335ea8;
	/*color: #444; vorerst mal schwarz*/
}

strong {
	color: #335ea8;
}

h1,h2 {
font-weight:normal;
	font-size: 1.5em;
}

.csc-firstHeader {
	margin-bottom: 0.1em;
	padding: 0em;
}

/* Flash object: hide headline*/
#flash_header h1 {
display:none;
}


/* Apply left margin:  Only to the few elements that need it: */
li,dd,blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}

/* Form field text-scaling */
input,select,textarea {
	font-size: 100%;
}

/******************************************
/* Content
*******************************************/
#content .contenttable {
	font-size: 1em;
	/*background-color:#E0E7F5;*/
	width: 100%;
}

#content .contenttable td {
	padding-right: 2em;
	border-color: #E0E7F5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


/*******************************************************************************
*	Global Design of page structure
*******************************************************************************/
#page {
	background: url("../images/bgwhite.gif") repeat-y #fff;
	/*padding-top:20px;*/
	/*width:900px;*/
}

#left { /*padding-top: 20px;*/ /* padding to picture */
	width: 150px;
	float: left;
	background-color: #e0e7f5; /*#F0F2F1;*/
	min-height: 1400px;
	border-bottom: 2px solid;
	border-color: #DDD;
	 -moz-border-radius:30px;
#border-right: 3px solid #DDD;
}

#right {
	padding-top: 1em; /* padding to picture */
	width: 180px;
	margin-left: 0.5em;
	float: right;
	height: auto !important;
	height: 1%;
}

#content {
	padding-top: 1em; /* padding to picture */
	margin: 0px 0px 10px 150px; /* left margin: width of menu */
	padding: 0.5em 1.5em 0.5em 1.5em;
	/* 14em is the distance to the right box. alex */
	text-align: justify;
	/* min-height of content container */
	height: auto !important;
	/*height: 400px;*/
	min-height: 1400px;
	/*	font-size:12pt;*/
}

#content_screencast {
	padding-top: 5px; /* padding to picture */
	margin: 0px 0px 0px 0px; /* left margin: width of menu */
	padding: 0.0em 0 em 0em 0em;
	/* 14em is the distance to the right box. alex */
	text-align: justify;
	text-align:center;
	/* min-height of content container */
	height: auto !important;
	/*height: 400px;*/
	min-height: 1400px;
	/*	font-size:12pt;*/
}


#content .csc-textpic {
	/*overflow: auto;*/
	overflow:hidden; /* Do not remove though not standard-conform. AJS*/
}

#footer {
	font-family: Arial, sans-serif;
	margin: 20px 10px 0px 10px;
	border-top: 1px solid #000;
	font-size: 8pt;
	text-align: right;
}

#header {
	height: 60px;
	/*background-color: #385ea7;*/
	background: url("../images/top_background.jpg") repeat-x;
	/*width:900px;*/
}

/* Emphasized textblock in content. alex */
/*p.csc-frame-frame2,table.csc-frame-frame2 */
.csc-frame-frame2, .be_gelb_300_frame1 {
	background-color: rgb(255, 255, 184);
	padding-left: 15px;
	padding-right: 15px;
	border-width: 2px;
	border-style: solid;
	border-color:#ddd;
        -moz-border-radius:10px;
}
/* used in shop categories */
.be_gelb_300_frame1 {
	width: 415px;
}
.be_gelb_300_frame1 .tt_products_item_catlist {
	text-align:center;
	font-weight:bold;
}

/*used in downloads and shoplogin, as well as in the customer area! */
.csc-frame-frame1, .be_kundenbereich_block {
	background-color: #E0E7F5;
	padding: 0.5em;
	padding-left: 1.5em;
	padding-right: 2em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	border-right-color: red;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width:560px;
	 -moz-border-radius:10px;
}

/* inherits from csc-frame-frame1*/
.be_kundenbereich_block {
	width:220px;
margin:1em;
float:left;
display:block;
min-height:22em;
height:auto !important;  /* für moderne Browser */
height:22em;  /*für den IE */
}
.csc-frame-frame3 {
	background-color: #E0E7F5;
	padding: 0.5em;
	padding-right: 2em;
	margin-bottom: 1em;
	width:40%;
	height:15em;
	float:left;
	margin: 0.5em;
	border-right-color: red;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* download-element: used for aligning the text on the right side of the download-element*/
.csc-frame-frame1 table td p {
padding-top:1.3em;
}

/*******************************************************************************
*	Mail Forms
*******************************************************************************/
.csc-mailform {
	border-width: 0px;
	/*border-style: solid;*/
}

.csc-mailform-field {
	padding-top: 5px;
	padding-bottom: 5px;
}

.csc-mailform-field label {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

/* For the form before "download" */
.csc-frame-frame2 .csc-mailform label {
	width: 20em;
}

.csc-mailform-submit {
	margin-left: 8.5em;
}

/******************************************************************************
*	Shop
*******************************************************************************/
	/* SEE SHOP CSS !*/
	/*******************************************************************************
*	building blocks on right side
*******************************************************************************/
.borderedblock {
	border: 1px solid #99f;
	background-color: #ccf;
	color: #222;
	padding: 5px;
	margin: 0 10px;
}

/*******************************************************************************
*	header short navigation & login
*******************************************************************************/
#shortnavi { /** navigation in header */
	float: right;
	margin-top: 39px;
background-color:#adc5e7;
padding:1px;
padding-left:10px;
}

#shortnavi a {
	vertical-align: bottom;
	list-style: none;
	padding-right: 10px;
	font-size: 8pt;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

#shortnavi a:hover {
	text-decoration: underline;
}

#header a img { /** suppress borders */
	border: none;
}

#showcase { /** free slot */
	margin-left: 150px;
	height: 60px;
}

#logo {
	float: left;
	width: auto;
}

/*#login h3 {
	font-size:10pt;
	color: #fff;
}*/
#login { /** login box in left float */
	margin: 20px 10px 10px 10px;
	background-color: #ADC5E7;
	padding: 3px 3px 40px 3px;
	-moz-border-radius:10px;
}

#login p {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	color: #fff;
text-align:center;
}

#login input {
	padding: 0;
	margin: 0;
	/*width: 100%;*/
	margin-bottom: 3px;
	font-size: 10pt;
	border: 0;
}

#login input#submitLogin {
	width: auto;
	border: 1px solid #000;
}

.loginbox {
	background-color: #ADC5E7;
	padding: 2px 5px 3px 5px;
	text-align: center;
}

.tx-newloginbox-pi1 p {
	margin-top: 0.5em;
}

.tx-newloginbox-pi1 label,th,input {
	font-weight: normal;
	font-size: 0.9em;
}

.tx-newloginbox-pi1 th {
	text-align: right;
}

.tx-newloginbox-pi1 form {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*******************************************************************************
*	page background & page centering
*******************************************************************************/
/*.wrap {
	text-align: center;
	background: url("../images/background.gif") #eef;
}

.picturewrap {
	background: url("../images/background.gif") #dde;
}*/

.wrap {
	text-align: center;
	background-color: #3E557F;
}

.picturewrap {
	background-color: #4B6BA6;
}


.picturewrap .centered { /** picture is centered if < 800px */
	text-align: center;
}

.centered { /** content centered */
	text-align: left;
	margin: auto;
	width: 820px;
	/*border-left: 1px solid #000;
	border-right: 1px solid #000;*/
}


.shadowleft { /** left shadow */
	padding-left: 10px;
	background: url("../images/shlight_left5.gif") repeat-y;
}

.shadowright {
	padding-right: 10px; /** right shadow */
	background: url("../images/shlight_right5.gif") right repeat-y;
}

.shadowright img {
	vertical-align:bottom; /* this prevents a gap in IE below the header image */
}
.picturewrap .shadowleft { /** darker shadow left */
	background: url("../images/shdark_left5.gif") repeat-y;
}

.picturewrap .shadowright { /** darker shadow right */
	background: url("../images/shdark_right5.gif") right repeat-y;
}


/*.shadowleft {
	padding-left: 10px;
	background: url("../images/shlight_left.gif") repeat-y;
}

.shadowright {
	padding-right: 10px;
	background: url("../images/shlight_right.gif") right repeat-y;
}

.picturewrap .shadowleft {
	background: url("../images/shdark_left.gif") repeat-y;
}

.picturewrap .shadowright {
	background: url("../images/shdark_right.gif") right repeat-y;
}*/

/*******************************************************************************
*	Menu structure & layout
*******************************************************************************/
#menu {
	font-size: 9pt;
	padding: 0em;
	background-color: #e0e7f5;
}
/*******************************************************************************
*	boxing for column elements (max width:260px)
*******************************************************************************/
#right .boxcont {
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 0.8em; /* ALEX */
}

.boxcont .btop h3 {
	padding-top: 0.3em;
	margin: 0;
	font-size: 1em;
	align: middle; /*center;*/
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.boxcont .btop {
	background: url('../images/tright.gif') top right no-repeat;
}

.boxcont .btop div {
	background: url('../images/tleft.gif') top left no-repeat;
	margin-right: 10px;
	padding-left: 10px;
	height: 1.7em;
}

.boxcont .bcen {
	background: url('../images/mright.gif') top right repeat-y;
}

.boxcont .bcen div {
	padding-top: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	background: url('../images/mleft.gif') top left repeat-y;
	/*margin-right:3px;
	padding-left:5px;*/
	font-size: 8pt; /* Alex */
}

.boxcont .bcen div div { /* background-image:none;*/
}

.boxcont .bbot {
	background: url('../images/bright.gif') top right no-repeat
}

.boxcont .bbot div {
	background: url('../images/bleft.gif') top left no-repeat;
	margin-right: 3px;
	padding-left: 5px;
	height: 2.0em; /* ALEX */
}
/*inserted for preventing a gap between the bottom-element and the last p-tag.*/
.boxcont p {
	margin-bottom:0em;
}
.boxcont .csc-textpic-center .csc-textpic-text  /* Alex */
{
	margin: 0px;
	padding: 0px;
}

.boxcont .align-center {
	text-align: center;
}

.boxcont .bodytext {
	padding-left: 0.4em;
	padding-right: 0.4em;
}

/*******************************************************************************
*	fixes overflow:auto bug; works in IE7b2/IE6/FF/Opera
*******************************************************************************/
.clearfix:after {
	overflow: auto; /* to provide compatibility with more modern browsers */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	/*	Not a CSS Value. However don't remove.AJS*/
}

/* hide for IE/Mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* end of hiding */ /*additional clear removed! ajs*/
#content DIV.csc-textpic-clear {
	clear:none;
	display:block;
}

#content DIV.csc-textpic-clear {
	clear:none;
	display:block;
}

/******************************************************************************/
/* FORUM CSS overriding standard CSS from the forum (CHC_Forum ****************/
/******************************************************************************/

.tx-chcforum-pi1-pageLinksTop, .tx-chcforum-pi1-pageLinksBtm {
	clear: none;
}
.tx-chcforum-pi1-Table {
	/*width: 599px;*/

}

#tx_chcforum-pi1 {
	width: 600px;
	padding-top: 1em;
font-size:12px;
}
.tx-chcforum-pi1-pageLinksTop a {
font-size:14px;
font-weight:bold;
color:red;
}


.tx_chcforum-pi1-toolBar, .tx-chcforum-pi1-preTableWrap, .tx-chcforum-pi1-Table {
	margin-bottom: 1em;
}

.tx-chcforum-pi1-singlePost .text, .tx-chcforum-pi1-singlePost .text .scroller, .tx-chcforum-pi1-postForm textarea {
	background-color: #ffffb8;
	padding:0.5em;
}
/******************************************************************************/
/* FEUserRegister CSS overriding standard CSS from FEUserRegister  */
/******************************************************************************/
.tx-srfeuserregister-pi1 dt
{
	display: block;
	width: 200px;
}
.tx-srfeuserregister-pi1 dd
{
	display: block;
	width: 300px;
	text-align:left;
	align:left;
}
.sr_feuser_register_legend_div {
	width: 300px;
	background-color:#eee;
}
.tx-srfeuserregister-pi1 textarea {
	width:17em;
	height:2em;
}
.tx-srfeuserregister-pi1-ajs-align-left {
align:left;
display:inline;
}
.tx-srfeuserregister-pi1 form, fieldset{
border: 0px;
}
#tx-srfeuserregister-pi1-fe_users_form legend {
width:400px;
}
.tx-srfeuserregister-pi1-fe_users_form div {
margin: 1em;
}

/************************************************************/
/* PAGE_COMMENTS ********************************************/
/************************************************************/
.sk-pagecomments-comment
{
	clear:none;
}

/************************************************************/
/* INDEXED_SEARCH and SEARCH ********************************/
/************************************************************/

/************************************/
/* NEWS TT_NEWS **************************/
/************************************/

.news-catmenu  {
	padding: 0.5em;
    background-color:#E0E7F5;
	padding-left:1em;
	width:430px;
}

.news-catmenu .level1 {
    margin-left: 2em;
    background-color:#C7D5EE;
	margin-top: 0.2em;
}

.news-catmenu .level2 {
	margin-left: 2em;
	background-color:#ADC5E7;
}

.news-catmenu IMG {
	margin: 0 0.5em;
	background-color:#ADC5E7;
}

/*.news-list-container h1 {
float: left;
}*/

.news-list-container {
/*text-align:right;*/
}

#content .news-search-emptyMsg { /*font-weight: bold;
color: #c00;*/
	padding-top: 0.5em;
}

.news-catRootline {
	margin-top: 1em;
	font-size: 0.9em;
}

h3 {
	font-size: 1.1em;
}

.news-list-headline {
float: right;
}
.news-single-author {
	display: none;
}

.news-single-category {
	font-style: italic;
}

.news-list-category {
	font-style: italic;
}
.news-list-morelink {
	margin-top: 1em;
}

/*********************************/



.menuitem_1 {
    background-color: #97B6E2; /*#ADC5E7;*/
	color: #475747;
	text-decoration: none;
	text-decoration: none;
	font-weight: normal;
	border-top: 1px solid #fff;
}
.menuitem_1 a {
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 16px;
	display:block;
	text-decoration: none;
	font-weight:bold;
	color: #fff;
}
.menuitem_1 a:hover {
	background-color:#5387BE;
}
.menuitem_1.selected1 a {
	background-color:#5387BE;
	display:block;
}
.menuitem_2 {
	padding-top: 0.1em;
	padding-right: 0px;
	padding-bottom: 0.2em;
}
.menuitem_2 a {
	display:block;
	padding-left:2.5em;
	text-decoration: none;
	color:#222;
	border-top: 1px solid #fff;
}

.menuitem_2 a:hover, .menuitem_2.selected2 a {
	background-image: url('../images/submenu_activated.gif');
	background-repeat: no-repeat;
	background-position: 1em 50%;
	/*border-bottom: 1px solid #fff;	*/
}

.menuitem_3 {
	padding-left:0.6em;
	display:block;
	padding-top: 0.1em;
	padding-right: 0px;
	padding-bottom: 0.1em;

}

.menuitem_3 a {
	display:block;
	border-bottom: 0px solid #fff;
	text-decoration: none;
	padding-left:3.3em;
	text-decoration: none;
	color:#222;
}

.menuitem_3 a:hover, .menuitem_3.selected3 a {
	background-image: url('../images/subsubmenu_activated.gif');
	background-repeat: no-repeat;
	background-position: 2.3em 50%;
}


/******************************/
/** sk_pagecomments ***********/
/******************************/
#skpagecomments-smileys {
	display:none;
}
.tx-skpagecomments-pi1 form input#name, .tx-skpagecomments-pi1 form input#email, .tx-skpagecomments-pi1 form input#homepage
{
	border: 1px solid #888;
	background:#EBEFF6;
}
.tx-skpagecomments-pi1 form textarea {height:160px;background:#EBEFF6;
	border: 1px solid #888;
}
.tx-skpagecomments-pi1 form textarea:focus, .tx-skpagecomments-pi1 form input#name:focus,
.tx-skpagecomments-pi1 form input#email:focus {
background:#ffffb8;
background-color:#ffffb8;
}

.tx-skpagecomments-pi1 form input#skcommentssubmit {background:#EBEFF6;color:#000;float:right;
	width:190px;
	height:30px;
}
.tx-skpagecomments-pi1 span.sk-pagecomments-number {
	display:none;
}

/* Remove margin below paidosoft-Header-Image (alternative to flash-animation) */
.tx-rbflashobject-pi1-swf_altcontent DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }