/*
 *	jr webdesign
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2007 - Jürgen Reinhard, www.jr-webdesign.de
 */


/*******************/
/* Template Layout */
/*******************/

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
color:#666;

/* background: #EDECEC url(layout_FILES/body-bg-dgrau.jpg) 0 0 repeat; position:relative; */
background:  url(layout_FILES/sterne.jpg) repeat top #005092;

/* background: #A0A5B2 /*url(layout_FILES/tg-screen-bg2.jpg) no-repeat fixed*/; */
/*background-position: 5% 0; */

/* background: url(layout_FILES/bg-links-grau-rot.gif) 0 0  no-repeat; position:left;*/
/* background: #7d7d7d url(layout_FILES/body-bg1.jpg) repeat-x; */
}

#container {
top:0px;
width:906px;
text-align:left;
background: url(layout_FILES/bg_main.gif) 0 0 repeat; position:relative; 
margin:0 auto;
border:10px solid #efefef; /* turn on for visual spacing aid or style */
}

#header {
clear:both;
z-index: 10;
text-align:left;
/*background: url(layout_FILES/skw-header.jpg) 0 0 no-repeat fixed; *//*position:relative;*/
width:auto;
height:300px;
}

#masthead{
width:auto;
height:300px;
margin:0px; /* adjust or remove for spacing interior content */
/*background: url(../images/masthead.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background image */
background: url(layout_FILES/skw-header.jpg) 0 0 no-repeat; 
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#left-content {
float:left;
width:225px;
margin-left: 0px;
margin-bottom:10px;
/*background: url(layout_FILES/bg_menu.gif) 0 0 repeat; position:relative;*/
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#left-wrapper {
margin-top:22px;
}

#left-wrapper H1,
#left-wrapper H2,
#left-wrapper H3,
#left-wrapper H4,
#left-wrapper H5,
#left-wrapper H6,
#left-wrapper p {
padding:2px 6px;
}

#wrapper {
float:right;
width:672px;
margin-right: 0px;
margin-bottom:4px;
}

#main-content1col {
width:auto;
padding:2px 8px;
margin-left: 0px;
margin-right: 2px;
margin-bottom: 2px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content2col-home {
float:left;
width:439px;
padding:2px 6px;
margin-left: 0px;
margin-bottom: 4px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content2col {
float:right;
width:634px;
padding:2px 8px;
margin-right: 0px;
margin-bottom: 4px;
background: #ffffff;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content3col {
float:left;
width:324px;
padding:2px 8px;
background: #ffffff;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#right-content-home {
float:right;
width:300px;
margin-right: 0px;
margin-bottom:4px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#right-content-home H1,
#right-content-home H2,
#right-content-home H3,
#right-content-home H4,
#right-content-home H5,
#right-content-home H6,
#right-content-home p {
padding:2px 6px;
}

#right-content {
float:right;
width:324px;
background: #fff;
border:0px solid #ccc; /* turn on for visual spacing aid or style */
}

#right-content H1,
#right-content H2,
#right-content H3,
#right-content H4,
#right-content H5,
#right-content H6,
#right-content p {
padding:2px 6px;
}

#footer{
clear:both;
position:relative;
width:auto; height:30px;
margin:0px;
/*background:#fff;*/
background: url(layout_FILES/bg_footer.gif) 0 0 repeat; position:relative;
border-top:0px solid #333; /* turn on for visual spacing aid or style */
}

#footertext {
text-align:center;
margin-top:0px;
padding-top:8px;
font-type: Verdana, Arial, sans serif;
font-size:10px;
font-weight: normal;
color: #333;
}

.footerlink a {
font-size:10px;
font-weight: bold;
color: #ccc;
}

.footerlink a:hover {
color: #fff;
}

#footer2 {
clear:both;
position:relative;
padding:10px;
}


/********************************/
/* Form elements */
/*******************************/

/* #login {
*padding:0;
*margin:0;
*z-index: 1000;
*position:relative;
*float:right;
*text-align:right;
*width:210px;
*margin-top:-129px;
*} */

/* #login input {
*vertical-align: middle;
*} */

/* #login input.username,
*#login input.password {
*width:64px;
*color:#000;
*font-size:11px;
*padding:2px;
*margin-left:2px;
*background: #fff;
*border:1px solid #777;
*} */

/* .loginbutton,
*.logoutbutton {
*padding-right:6px;
*border:0;
*} */

/* .logoutbutton {
*margin:2px 0px 2px 0px;
*} */

/* .logoutuser {
*padding:0;
*margin:0;
*color:#fff;
*} */

#search {
z-index: 1000;
text-align:left;
width:177px;
display:block;
margin-top:-34px; /* -20 */
margin-left:0px;
padding-left:0px;
}

#search input {
vertical-align: middle;
}

#search input.searchfield {
width:136px;
color:#000;
font-size:11px;
padding:2px;
margin-left:4px;
background: #fff;
border:1px solid #ddd;
}

#search input.searchimage {
border:0;
}

#breadcrumb {
margin-top:10px;
margin-left:22px;
margin-bottom:20px; /* 10 */
}

/********************************/
/* Vertical navigation menu */
/*******************************/

.vertnav-header,
.vertnav-header a {
width:204px;
padding:2px;
padding:2px 6px;
font-size:12px;
font-weight: bold;
color:#fff; /*white*/
background:#b40001; /*black*/
border-top:2px solid #fff;  /*grey*/
border-bottom:2px solid #fff;  /*white*/
}

.vertnav1 a {
margin: 0px;
width:165px;
display:block;
padding:5px 5px;
font-size:12px;
text-decoration:none;
background: url(layout_FILES/menu_dot.gif) repeat-x bottom;
color:#666; /*dark grey*/
}
.vertnav1 a:hover {
background: url(layout_FILES/menu_dot.gif) repeat-x bottom;
color:#999; /*black*/
text-decoration:none;
}

.vertnav1-act a,
.vertnav1-act a:hover  {
margin: 0px;
width:165px;
display:block;
padding:5px 5px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(layout_FILES/menu_dot.gif) repeat-x bottom;
color:#999; /*black*/
}

.vertnav2 a {
margin: 0px;
width:152px;
display:block;
padding: 5px 5px 5px 18px;
font-size:12px;
text-decoration:none;
background: url(layout_FILES/nav-arrow.gif) 10px 8px no-repeat;
color:#999; /*grey*/
}
.vertnav2 a:hover {
background: url(layout_FILES/nav-arrow.gif) 10px 8px no-repeat;
color:#666; /*dark grey*/
text-decoration:none;
}

.vertnav2-act a,
.vertnav2-act a:hover  {
margin: 0px;
width:152px;
display:block;
padding: 5px 5px 5px 18px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(layout_FILES/nav-arrow-act.gif) 10px 8px no-repeat;
color:#666; /*dark grey*/
}

.vertnav3 a {
margin: 0px;
width:137px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
text-decoration:none;
background: url(layout_FILES/vbullet.gif) 20px 9px no-repeat;
color:#999; /*grey*/
}
.vertnav3 a:hover {
background: url(layout_FILES/vbullet-act.gif) 20px 9px no-repeat;
color:#666; /*dark grey*/
text-decoration:none;
}

.vertnav3-act a,
.vertnav3-act a:hover  {
margin: 0px;
width:137px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(layout_FILES/vbullet-act.gif) 20px 9px no-repeat;
color:#666; /*dark grey*/
}

.vertnav4 a {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
color:#999; /*grey*/
}
.vertnav4 a:hover {
background-color:#eee;  /*silver*/
color:#666; /*dark grey*/
text-decoration:none;
}

.vertnav4-act a,
.vertnav4-act a:hover {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
/*background-color:#eee;  silver*/
color:#666; /*dark grey*/
}

/* General element styles:*/  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#333; }
A { color:#0064aa; text-decoration:none; /*font-weight:bold;*/}
A:hover { color:#0064aa; text-decoration:underline; }
FORM { margin:0px; }
TD, UL, OL { font-size:12px; line-height:1.5em; color:#666; margin:10px 0px;}
P { font-size:12px; line-height:1.5em; color:#666; margin:0px 10px 10px 0px; text-align:justify;}
INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#333; border: #ccc 0px solid; font-size:12px; }
ul { margin-left:80px;padding-left:0px;/*list-style-position: inside;*/ }

/* Frames, spacing, link-to-top */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
height: 1%;
background:#333;
/*background: url(layout_FILES/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background image*/
color:#fff;
padding:2px 6px;
border-bottom:2px solid #fff;
}

DIV.csc-frame-frame1 {
background: #fff;
border: 0px solid #ccc;
border-bottom:12px solid #fff;
}

DIV.csc-menu .csc-menu-4 dt, .csc-menu-4 a {
font-size: 14px;
font-weight: bold;
}

DIV.csc-menu .csc-menu-4 dt, .csc-menu-4 dd {
margin:10px 50px 15px 20px;
}

DIV.csc-frame-frame1 p {
color:#666;
}

DIV.csc-textpic-text h4 {
margin-bottom:5px;
}

DIV.csc-textpic-text P { 
font-size:12px; line-height:1.5em; color:#666; margin:0px 10px 10px 0px; text-align:justify;
}

DIV.csc-textpic .csc-textpic-left, .csc-textpic-below h4 {
margin-left:0px;
}

DIV.csc-textpic .csc-textpic-left, .csc-textpic-below, .csc-textpic-image {
margin-left:0px;
}

/* DIV.main-content3col .csc-textpic, .csc-textpic-left, .csc-textpic-below, .csc-textpic-caption-c {
margin-left:0px;
} */

/* DIV.csc-textpic .csc-textpic-left, .csc-textpic-below, .csc-textpic-image {
margin-left:0px;
} */

DIV.csc-frame-frame2 { padding:0px 0px 4px 0px; background: url(layout_FILES/menu_dot.gif) repeat-x bottom; margin-bottom:14px; margin-top:3px; font-size:12px; }

/* Headers, plain */ 
H1 { font-size:22px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#0064aa; margin-bottom: 15px; /*margin-left: 22px;*/ text-transform: uppercase; font-weight:normal;}
H2 { font-size:20px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; /*margin-left: 42px;*/ text-transform: uppercase; font-weight:normal; }
H3 { font-size:18px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; /*margin-left: 42px;*/ text-transform: uppercase; font-weight:normal;}
H4 { font-size:14px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; /*margin-left: 42px;*/ text-transform: uppercase; font-weight:bold;}
H5 { font-size:12px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#666666; text-transform: uppercase; font-weight:normal;}
H5, H6 { margin:0; padding:0;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #555; text-decoration:none; }
H2 A { color:#555; }
H3 A { color:#555; }
H4 A { color:#555; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-family: Verdana, arial, helvetica, sans-serif; font-size:9px; color:#333; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-family: Verdana, arial, helvetica, sans-serif; font-size:9px; color:#333; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-family: Verdana, arial, helvetica, sans-serif; font-size:9px; color:#333; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

/*-------contenttable--------*/

table.contenttable  {
	background-color: #FFFFFF ! important;
	border:0px ! important;
	margin:0px ! important;
	border-collapse:collapse;
	margin-left:0px ! important;
	margin-top:10px ! important;
	margin-bottom:20px ! important;
	width:640px ! important;
	}
table.contenttable td {
        vertical-align:top;  	
        line-height:18px;
	background-color:#ffffff ! important;
	border-bottom:1px solid #cccccc ! important;
	width:25%;
	padding-left:5px;
	}
table.contenttable p {
        margin:0px ! important;
        padding:0px ! important;
	font-size:11px ! important;
	color:#000000 ! important;
	background-color:transparent ! important;
    }
table.contenttable p a:link, table.contenttable p a:visited {
	color:#005bfe ! important; 
	font-weight:normal;
	font-size:11px ! important;
}
table.contenttable p a:hover {
	color:#FF0000 ! important; 
	font-weight:normal;
	font-size:11px ! important;
}
tr.tr-even td  {
	background-color:#efefef ! important;
	}
tr.tr-0 td  {
	background-color:#C90001 ! important;
	font-weight:bold;
	color:#ffffff;
	font-size:13px ! important;
	}
/*-------contenttable--------*/

/* #########################################################################################



--------------------------------------- Forms.CSS  ------------------------------------ 



#########################################################################################*/



/* ---------------- Typo3 Neue Style ohne Styled Content Werden in TYPO3 Constants konfiguriert ------------------ */ 



.form-textarea {

	font-size: 12px;

	color: #777777;

	line-height: 15px;

	font-family: Arial, Helvetica, sans-serif; 

}



.csc-form-fieldradiocell br {

	display:none;



}





.MailformField {

	font-size: 12px;

	line-height: 15px;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	border: none;

	background-color: #00CCCC;

	width: 50px;

	white-space: nowrap;

}





.MailformRadio {

	font-size: 12px;

	line-height: 15px;

	font-family: Arial, Helvetica, sans-serif;

	/* color: #333333; */

	border: none;

	background-color: #00CCCC;

	width: 50px;

}



.MailformRadio input {

	font-size: 12px;

	line-height: 15px;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	border: none;

	background-color: #00CCCC;

	width: 50px;

}







/* ---------------- Typo3 Standard Forms ---------------- */ 



.csc-mailform {

	margin: 0px;

	width: 100%;

	background-color: #F1F3F5;

	border: 1px solid #ccc;

}



.csc-form-labelcell {

	text-align: left;

	

}



.csc-form-fieldcell {

	background-position: top;

	vertical-align: top;

	/* padding-top: 5px; */

	padding-right: 0px;

	/* padding-bottom: 5px; */

	padding-left: 0px;

}

.formtype_mail {

	font-size: 12px;

	padding: 2px;

	color: #FFFFFF;

}

.csc-form-fieldcell input, select {

	border: 1px solid #666666;

	font-size: 12px;

	padding: 2px;

	width: 300px;

}



.csc-form-fieldcell textarea {

	border: 1px solid #666666;

	width: 300px;

	font-size: 12px;

	line-height: 15px;

	padding: 2px;

}



.csc-form-fieldcell {

	font-size: 12px;

	padding: 2px;

}



.csc-form-label-req, .csc-form-label {

	font-size: 12px;

	padding-left: 10px;

}



.csc-form-radio input {

	font-size: 12px;

	line-height: 15px;

	/* color: #333333; */

	border: none;

	/* background-color: #00CCCC; */

}

.csc-mailform-radio {

        float:left;

}

 

.csc-mailform-field label {

        font-size: 12px; 

        line-height: 20px;

        font-family: Arial, Helvetica, Verdana, sans-serif;

        width: 25%;

        float: left;

        text-align: left;

        margin-right: 10px;

        display: block;

        border:0px;

}

.csc-mailform-field .csc-mailform-radio label {

        width: auto;

}



.csc-mailform-field {

	clear:both;

}



fieldset {

 border:0px;

}

legend {

 display: none;

}

.csc-mailform-field {

	margin-bottom:15px; 

}

 

.csc-mailform-submit {

        margin-left: 195px;

        width:278px;

        border:1px solid #cccccc;

} 



/* ---------------- CSS for MAILFORMs ---------------- */ 





.mailform {

	/* background-color: #E8ECED;*/

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	padding: 10px;

	border: 1px solid #ccc;

}





.mailform-input {

	border: 1px solid #ccc;

	font-size: 12px;

	padding: 2px;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	margin: 0px;

	width: 190px;

}



.mailform-submit {

	border: 1px solid #ccc;

	font-size: 12px;

	padding: 2px;

	width: 278px;

	background-color: #b40001;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.mailform-radio {
	border:0px;
	border: none;
}

.mailform-fieldradiocell {
	border:0px;
	border: none;
}



.mailform-fieldradiocell br {

	display:none;
	border:0px;
	border: none;
}



/* ### .mailform-capchafield input {

	background-color: #FFFFFF;

	height: 34px;

	width: 110px;

	border: 2px solid #FF3300;

} */



/* ### .mailform-capchaarea {

	background-color: #93A4B0;

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	padding: 7px;

	color: #FFFFFF;

} */

/* ### .mailform-capchaarea IMG {

  margin-top:2px;

  margin-right:5px;

  float:left;

} */

.mailform-mark textarea {

	border: 1px solid #ccc;

	width: 270px;

	font-size: 12px;

	line-height: 15px;

	padding: 2px;

	height: 440px;

}









/* #########################################################################################



--------------------------------------- SiteMAP.CSS  ------------------------------------ 



#########################################################################################*/





div.csc-menu-2 {

	padding-bottom:20px;

}



#content .csc-sitemap ul {

 list-style-type: none;

 margin-left:20px;

 padding-left:0px;

}

#content .csc-sitemap li {

 list-style-type: none;

 margin:0px;

 padding:0px;

}

#content .csc-sitemap li a:hover {

 text-decoration:underline;

 color:red;

}

.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:150px; margin:10px; color:#ffffff; background:#b40001;}
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; margin:10px;}
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; color:#b40001; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#b40001; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#f5f5f5; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#ffffff; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#ffffff; font-size:16px; font-weight:bold; }
		.tx-indexedsearch-title { color:#B40001; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }