/**************************************************************************************
Arabic classes
جميع الحقوق محفوظة اسم الموقع © 2009
تصميم وبرمجة شركة  أعالي التقنية  |  جرافيك وكالة أعالي
**************************************************************************************/



/* ################################################ */
/* ################# Default Page ################# */
/* ################################################ */

body{
	font-family:Tahoma;
	direction:rtl;
	font-size:11px;
	color:#959595;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#00a5e3;
	background-image:url(/images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	line-height:15px;
}

/* ################################################ */
/* ############### End Default Page ############### */
/* ################################################ */




/* ================================================ */
/* ==================  Text Style ================= */
/* ================================================ */


H6{
	font-family:Tahoma;
	font-size:11px;
	color:#959595;
	font-weight:normal;
	text-transform:none;
	line-height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

H5{
	font-family:Tahoma;
	font-size:11px;
	color:#33337b;
	font-weight:normal;
	text-transform:none;
	line-height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

H4{
	font-family:Tahoma;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
	line-height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

H3{
	font-family:Tahoma;
	font-size:13px;
	color:#33337B;
	font-weight:normal;
	text-transform:none;
	line-height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


H2{
	font-family:Tahoma;
	font-size:15px;
	color:#e11b54;
	font-weight:normal;
	text-transform:none;
	line-height:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

H1{
	font-family:tahoma;
	font-size:16px;
	color:#33337b;
	font-weight:normal;
	text-transform:none;
	line-height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.currentPage
{
    font-family:Tahoma;
	font-size:16px;
	color:#e11b54;
	font-weight:normal;
	text-transform:none;
	line-height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.redtxt
{
color:#e11b54;
}

.bluetxt
{
font-family:tahoma;
color:#33337b;
font-weight:normal;
font-size:14px;
}

.redtxtbold
{
color:#e11b54;
font-weight:bold;
font-size:17px;
}

/* ================================================ */
/* ================  End Text Style =============== */
/* ================================================ */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ Menu & Links ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link, A:visited{
	font-family:Tahoma;
	font-size:11px;
	color:#e11b54;
	font-weight:normal;
	text-decoration:none;
}

a:hover, A:active{
	text-decoration:underline;
}

A.greylink:link, A.greylink:visited{
	font-family:Tahoma;
	font-size:11px;
	color:#959595;
	font-weight:normal;
	text-decoration:none;
}

A.greylink:hover, A.greylink:active{
	text-decoration:underline;
}

A.bluelink:link, A.bluelink:visited{
	font-family:tahoma;
	font-size:11px;
	color:#33337b;
	font-weight:normal;
	text-decoration:none;
}

A.bluelink:hover, A.bluelink:active{
	text-decoration:underline;
}

A.whitelink:link, A.whitelink:visited{
	font-family:Tahoma;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

A.whitelink:hover, A.whitelink:active{
	text-decoration:underline;
}


ul.topmenulinks
{
padding:0px 0px 0px 6px;
margin:0px;
}

LI.topmenulinks{
	padding:0px 3px 0px 3px;      
	margin:0px;
	vertical-align:middle;
	text-align:center;
	font-family:tahoma;
	font-size:12px;
	color:#fff;
	list-style:none;
	display:inline;
}

LI.topmenulinks A:link, LI.topmenulinks A:visited{
    font-family:tahoma;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

LI.topmenulinks A:hover, LI.topmenulinks A:active{
text-decoration:underline;
}

ul.menulist
{
padding:0px 0px 0px 0px;
margin:0px;
}

LI.menulist{
	padding:11px 0px 5px 0px;      
	margin:0px;
	vertical-align:middle;
	text-align:center;
	font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	background-image:url(../images/menubg.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:26px;
	list-style:none;
}

LI.menulist A:link, LI.menulist A:visited{
    font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	text-decoration:none;
}

LI.menulist A:hover, LI.menulist A:active{
color:#e11b54;
}

ul.contentlist
{
padding:0px 0px 0px 0px;
margin:0px;
}

LI.contentlist{
	padding:0px 0px 5px 0px;      
	margin:0px;
	vertical-align:middle;
	text-align:right;
	font-family:tahoma;
	font-size:11px;
	color:#959595;
	font-weight:normal;
	list-style:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~ End Menu & Links ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.accordionHeader
{
	border: 1px solid #2F4F4F;
	color:#33337b;
	background-color:#D3E9F4;
	font-family:Tahoma;
	font-size: 12px;
	font-weight:bold;
	padding:5px;
	margin-top:5px;
	cursor: pointer;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color:#e11b54;
	font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionContent
{
	background-color: #ffffff;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

.testing
{
	background-color: #E8E8E8;
	
}
 a.slidingImage { position:absolute; }
a.slidingImage img { position:static; border:0; filter:alpha(opacity=65); opacity:.65; }
a.slidingImage:hover img { filter:alpha(100); opacity:1; }


/*CSS classes for Accordion Content script*/

.arrowlistmenu{
width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
/*background-color: Transparent;*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
/*padding: 4px 0px 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
padding:11px 0px 5px 0px;      
	margin:0px;
	vertical-align:middle;
	text-align:center;
	font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	background-image:url(/images/menubg.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:26px;
	list-style:none;
}

.arrowlistmenu .menuheader A:link, .arrowlistmenu .menuheader A:visited{
    font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	text-decoration:none;
}
.arrowlistmenu .menuheader A:hover, .arrowlistmenu .menuheader A:active{
color:#e11b54;
}
/*
.mainmenu{
	padding:11px 0px 5px 0px;      
	margin:0px;
	vertical-align:middle;
	text-align:center;
	font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	background-image:url(/images/menubg.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:26px;
	list-style:none;
}

.mainmenu A:link, .mainmenu A:visited{
    font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	text-decoration:none;
}

.mainmenu A:hover, .mainmenu A:active{
color:#e11b54;
}*/

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
width:180px;
text-align:right; 
list-style-type: none;
margin: 0;
padding:0 3px 0 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#33337B;
background: url(/images/arrowbullet_right.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-right: 19px; /*link text is indented 19px*/
text-decoration: none;
font-size:12px;
border-bottom: 1px solid #dadada;
height:17px;

}

.arrowlistmenu ul li a:visited{
color:#33337B;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#E61B54;
background-color: #F3F3F3;
}


.validatorHighLight
{
   border:solid 1px #48BCD5;
    background-color:#fff;
    color:#359DB8;
}


.borderDbl
{
   
     border:dotted 2px #BFBFBF;
     padding:5px;
   
}
.borderDbl:hover
{
    border:dotted 2px #FFAC72;
   
}
.borderDbl2
{
   
     border:dotted 2px #BFBFBF;
     padding:2px;
   
}
.borderDbl2:hover
{
    border:dotted 2px #FFAC72;
   
}





.portfolio_tab_content {
	width: auto;
	border: solid 1px #d7e4ed;
	border-top: none;
	padding: 3px;
	margin: 0px;
	margin-top: 0px;
	margin-left:0px;
	
}
* html .portfolio_tab_content {
	width: auto;
}
.portfolio_tab_content .blue {
	color: #026dbb;
}

.tab_portfolio_table, table.tab_portfolio_table {
	
	width: 100%;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}
table.tab_portfolio_table td.tab_portfolio_bg {
	background: url(/images/tab_portfolio_bg.gif) repeat-x left -1px;
}

.tab_portfolio_table, table.tab_portfolio_table, .tab_portfolio_table tr td a *, table.tab_portfolio_table tr td a *  {
    border: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
	font-size: 0px;
}
.tab_portfolio_table tr td a *, table.tab_portfolio_table tr td a * {
    text-decoration: none;
    display: block;
    float: left;
    cursor: pointer;
}
.tab_portfolio_bg, td.tab_portfolio_bg {
	width: auto;
    height: 44px;
}
a.tab_portfolio, a.tab_portfolio:link, a.tab_portfolio:visited, a.tab_portfolio:active, a.tab_portfolio:hover {
    text-decoration: none;
	padding: 0px 5px 0px 5px;
}
* html a.tab_portfolio:hover { text-indent: 0; } 
a.tab_portfolio span.label, a.tab_portfolio:link span.label, a.tab_portfolio:visited span.label, a.tab_portfolio:active span.label, a.tab_portfolio:hover span.label, a.tab_portfolio_active span.label, a.tab_portfolio_active:link span.label, a.tab_portfolio_active:visited span.label, a.tab_portfolio_active:active span.label, a.tab_portfolio_active:hover span.label {
	font-size: 12px;
	font-weight: bold;
    color: #999999;
    text-align: center;
    text-transform: capitalize;
    background: url(/images/tab_portfolio_l.gif) no-repeat left -1px;
    width: auto;
    height: 34px;
    padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
a.tab_portfolio_active, a.tab_portfolio_active:link, a.tab_portfolio_active:visited, a.tab_portfolio_active:active, a.tab_portfolio_active:hover {
    text-decoration: none;
	padding: 0px 10px 0px 0px;
}
a.tab_portfolio:hover span.label {
    color: #006cb7;
    background: url(/images/tab_portfolio_l.gif) no-repeat left -45px;
}
a.tab_portfolio span.right_bg, a.tab_portfolio:link span.right_bg, a.tab_portfolio:visited span.right_bg, a.tab_portfolio:active span.right_bg, a.tab_portfolio:hover span.right_bg {
    background: url(/images/tab_portfolio_r.gif) no-repeat right -1px;
    width: 10px;
    height: 44px;
}
a.tab_portfolio:hover span.right_bg {
    background: url(/images/tab_portfolio_r.gif) no-repeat right -45px;
}
a.tab_portfolio_active span.label, a.tab_portfolio_active:link span.label, a.tab_portfolio_active:visited span.label, a.tab_portfolio_active:active span.label, a.tab_portfolio_active:hover span.label {
    color: #006cb7;
    background: url(/images/tab_portfolio_l.gif) no-repeat 0px -45px;
}
a.tab_portfolio_active span.right_bg, a.tab_portfolio_active:link span.right_bg, a.tab_portfolio_active:visited span.right_bg, a.tab_portfolio_active:active span.right_bg, a.tab_portfolio_active:hover span.right_bg {
    background: url(/images/tab_portfolio_r.gif) no-repeat right -45px;
    width: 10px;
    height: 44px;
}
table.tab_portfolio_table {
	border-collapse: collapse; /* cellspacing="0" */
}
table.tab_portfolio_table td {
	padding: 0px; /* cellspadding="0" */
}




.navigationBar {
	width:100%;
	height:33px;
	background:url("/images/sub_navi_bar.gif") no-repeat;
}

.navigationBarInternal {
	width:100%;
	height:33px;

	/*background:url("/images/sub_navi_bar_internal.gif") no-repeat;*/
}

.navigationBar span.divider img , .navigationBarInternal span.divider img {
	background: url(/images/navigation_bar_divider.gif) no-repeat bottom center;
	width: 10px;
	height: 9px;
	border: none;
	padding: 0px;
	margin: 0px;
}

.navigationBar .breadCrumb , .navigationBarInternal .breadCrumb {
	padding:8px 0px 0px 10px;
	float:left;
	font-size: 13px;
	font-weight: bold;
	color: #0c567a;
	
}
.navigationBar span.currentPage, .navigationBarInternal span.currentPage{
	color: #ffac00;
}


.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
}




.portfolioNumLinkActive{
	display:block;
	float:left;
	width:19px;
	height:18px;
	padding: 2px 0px 0px 0px;
	margin: 0px 4px 0px 4px;
	background:url("/images/portfolio_num_bg.gif") repeat-x bottom;
	font-weight:bold;
	border:1px solid #c3c3c3;
	text-decoration:none;
	text-align: center;
	
	color:#006dba;
	border:1px solid #a0b5d0;
}
 a.portfolioNumLink{
	display:block;
	float:left;
	width:19px;
	height:18px;
	padding: 2px 0px 0px 0px;
	margin: 0px 4px 0px 4px;
	background:url("/images/portfolio_num_bg.gif") repeat-x top;
	font-weight:bold;
	color:#a4a4a4;
	border:1px solid #c3c3c3;
	text-decoration:none;
	text-align: center;
}
a.portfolioNumLink:hover{
	background-position: bottom;
	color:#006dba;
	border:1px solid #a0b5d0;
}
.keyWords a:link,.keyWords a:visited
{
    color:#989898;
}
.keyWords a:hover
{
    color:#33337B;
}

/* stepcarousel CLASSES  */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 750px; /*Height should enough to fit largest content's height*/
vertical-align:top;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
text-align:center;
vertical-align:top;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
padding-top:20px;
vertical-align:top;
}
.panel img
{
    border:solid 5px #DFDFDF;
    padding:10px;
}
.divMsg{
		
		border:solid 1px #33337B; 
		background:#E9F3FC;
		color:#E61B54;
	 font-weight:bold;
		padding:15px;
		text-align:center;
		width:90%;
	

	}
/* END stepcarousel CLASSES  */
.img_border
{
    overflow: hidden;
    width:172px;
    height:80px;
    text-align:center;
    float:left;
   
}

.img_border_big
{
    overflow: hidden;
    width:200px;
    height:100px;
    text-align:center;
    float:left;
   
}

.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    float:right;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/SavedStar.png);
}

/*Modal Popup*/
.modalBackground 
{
    text-align:center;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#fff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
	height:250px;
}

.modalPopup p {
    padding: 5px;
}

.modalPopupTitle span.divider img , .navigationBarInternal span.divider img {
	background: url(/images/navigation_bar_divider.gif) no-repeat bottom center;
	width: 10px;
	height: 9px;
	border: none;
	padding: 0px;
	margin: 0px;
}

.modalPopupTitle .breadCrumb , .navigationBarInternal .breadCrumb {
	float:left;
	font-size: 13px;
	font-weight: bold;
	color: #0c567a;
	
}
.modalPopupTitle span.currentPage, .navigationBarInternal span.currentPage{
	color: #ffac00;
}
.titleLink{
    font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	text-decoration:none;
}
a.titleLink:link, a.titleLink:visited{
    font-family:tahoma;
	font-size:12px;
	color:#33337b;
	font-weight:bold;
	text-decoration:none;
}


a.titleLink:hover, a.titleLink:active{
color:#e11b54;
}


.containsep
{
	background-image: url(/images/containsep.jpg);
	background-repeat: repeat-x;
	height: 1px;
}
.containsep1
{
	background-image: url(/images/verticalsep.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 2px;
}
.containsep2
{
	background-image: url(/images/verticalsep.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 1px;
	
}
.containsep3
{
	background-image: url(/images/containsep.jpg);
	background-repeat: repeat-x;
	background-position: center;
	height: 1px;
	
}

.techList UL
{
	padding: 0px 0px 0px 25px; /* the left padding was set to make the bullets appear inside the container */
	margin: 0px 0px 0px 0px;
}

.techList LI
{
	padding: 3px 0px 3px 0px; /* the left padding was set to give the text left padding from the bullet position */
	margin: 0px 0px 0px 0px;
	color:#E61B54;
	list-style: square;
}

.techList LI A:link , .techList LI A:visited , .techList LI A:active{
	color:#666666;
	text-decoration:none;
}



.techList LI A:hover{
	color:#E61B54;
}


.techList2
{
    color:Black;
}
.techList2 UL
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	
}

.techList2 LI ,.techList2 UL LI
{
    color: #ffac00;
	padding: 5px 0px 0px 0px; 
	margin: 0px 40px 0px 0px;
	list-style: square;
	
}

.techList2 UL LI UL LI
{
    color: #ffac00;
	padding: 5px 0px 0px 0px; 
	margin: 0px 40px 0px 0px;
	list-style:circle;
	
}
.techList2 span ,.techList2 UL LI span
{
	vertical-align:top;
	color:Black;
	line-height:15px;
	
}
.ajax__validatorcallout_popup_table
{direction:ltr;text-align:right;font-family:Tahoma;color:Black;}


.imgr{
	position:relative;
	width:370px;
}
.imga{
	position:absolute;
	top:-50px;
	left:50px;
	.left:270px;
	width:370px;
	background-image:url(bg_jq.png);
	background-repeat:repeat;
	height: 85px;
	padding-right:20px;
}


/* style.css */


br {
	line-height:18px;
}

/*
ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}*/

div {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

table {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

img {
	margin:0 0 0 0;
	border:0;
}

p {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

form {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.maintablecenter
{
margin:0 auto 0 auto;
}

/* ################################################ */
/* ############### End Default Page ############### */
/* ################################################ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ Tables & Div ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.mainbg
{
background-image:url(/images/topimgbg-en-1.gif);
background-repeat:no-repeat;
background-position:top right;
}

.mainbgAr
{
background-image:url(/images/topimgbg-ar-1.gif);
background-repeat:no-repeat;
background-position:top left;
}

.topmenubg
{
background-color:#e11b54;
}

.contenttopbg
{
background-image:url(/images/contenttopbg.png);
background-repeat:repeat-x;
height:34px;
}

.contentbottombg
{
background-image:url(/images/contentbottombg.png);
background-repeat:repeat-x;
height:9px;
}

.contentleftbg
{
background-image:url(/images/contentleftbg.png);
background-repeat:repeat-y;
background-position:right;
width:9px;
}

.contentrightbg
{
background-image:url(/images/contentrightbg.png);
background-repeat:repeat-y;
background-position:left;
width:9px;
}

.contentmainbg
{
background-color:#e5f1fb;
}

.footerbg1
{
background-color:#e1e1e1;
}

.footerbg2
{
background-color:#e11b54;
}

.maincontentbg
{
background-color:#FFFFFF;
border:1px solid #292f34;
}

.welcometopbg
{
background-image:url(/images/welcometopbg.jpg);
background-repeat:repeat-x;
height:12px;
}

.welcomebottombg
{
background-image:url(/images/welcomebottombg.jpg);
background-repeat:repeat-x;
height:12px;
}

.welcomeleftbg
{
background-image:url(/images/welcomeleftbg.jpg);
background-repeat:repeat-y;
width:12px;
}

.welcomerightbg
{
background-image:url(/images/welcomerightbg.jpg);
background-repeat:repeat-y;
width:12px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ End Tables & Div ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ Images & Borders ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.imageBorder{
	border:1px #e8e8e8 solid;
	margin:3px;
}

	/* make the image float left */

.imageLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 7px 5px 0px;
}

     /* make the image float right */

.imageRight{
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 7px;
}

     /* Set of borders */

.borderNone{
	border:none;
}

.border{
	border:1px solid #e8e8e8;
}

.borderTop{
	border-top:1px solid #dcdcdc;
}

.borderRight{
	border-right:1px solid #dcdcdc;
}

.borderLeft{
	border-left:1px solid #dcdcdc;
}

.borderBottom{
	border-bottom:1px solid #dcdcdc;
}

.pointborderher
{
background-image:url(/images/pointborder.jpg);
background-repeat:repeat-x;
background-position:center;
}

.pointborderver
{
background-image:url(/images/pointborderver.jpg);
background-repeat:repeat-y;
background-position:center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ End Images & Borders ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ Input Style ~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.INPUT1{
	font-family:tahoma;
	font-size:12.45px;
	color:#055d81;
	padding:1px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	border: 1px solid #c6c6c6;
	background-color:#fff;
	vertical-align:baseline;
	width:111px;
	height:16px;
}
.INPUT2{
	font-family:tahoma;
	font-size:12.45px;
	color:#055d81;
	padding:1px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	border: 1px solid #c6c6c6;
	background-color:#fff;
	vertical-align:baseline;
	width:250px;
	height:16px;
}
.TEXTAREA1{
    font-family:tahoma;
	font-size:12.45px;
	color:#055d81;
	padding:1px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	border: 1px solid #c6c6c6;
	background-color:#fff;
	vertical-align:baseline;
	width:111px;
	height:77px;
	overflow:hidden;
}

.Radio1{
	margin:0px 0px 0px 0px;
    border: Circle 1px #df2a91;
}

.SELECT1{
	font-family:tahoma;
	font-size:11px;
	color:#c2c2c2;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border: 0px solid #d0d0d0;
	background-color:#fff;
	width:55px;
	height:18px;
}

.buttonAllSite{
	font-family:tahoma;
	font-size:11px;
	color:#33337B;
	padding:0px 5px 0px 5px;
	text-align:center;
	height:20px;
	vertical-align:middle;
	width:auto;
	border:1px solid #33337B;
	background-color:#D3E9F4;
	font-weight:bold;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ End Input Style ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~ Padding Style ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    /* Top Padding*/
	
.tm0{padding-top:0px;}
.tm5{padding-top:5px;}
.tm10{padding-top:10px;}
.tm15{padding-top:15px;}
.tm20{padding-top:20px;}
.tm25{padding-top:25px;}
.tm30{padding-top:30px;}
.tm35{padding-top:35px;}
.tm40{padding-top:40px;}
.tm45{padding-top:45px;}
.tm50{padding-top:50px;}
.tm55{padding-top:55px;}
.tm60{padding-top:60px;}
.tm65{padding-top:65px;}
.tm70{padding-top:70px;}
.tm75{padding-top:75px;}
.tm80{padding-top:80px;}
.tm85{padding-top:85px;}
.tm90{padding-top:90px;}

    /* Right Padding*/

.rm0{padding-right:0px;}
.rm5{padding-right:5px;}
.rm10{padding-right:10px;}
.rm15{padding-right:15px;}
.rm20{padding-right:20px;}
.rm25{padding-right:25px;}
.rm30{padding-right:30px;}
.rm35{padding-right:35px;}
.rm40{padding-right:40px;}
.rm45{padding-right:45px;}
.rm50{padding-right:50px;}
.rm55{padding-right:55px;}
.rm60{padding-right:60px;}
.rm70{padding-right:70px;}
.rm80{padding-right:80px;}
.rm90{padding-right:90px;}
.rm95{padding-right:95px;}
.rm100{padding-right:100px;}
.rm105{padding-right:105px;}
.rm110{padding-right:110px;}
.rm120{padding-right:120px;}

    /* buttom Padding*/

.bm0{padding-bottom:0px;}
.bm5{padding-bottom:5px;}
.bm10{padding-bottom:10px;}
.bm15{padding-bottom:15px;}
.bm20{padding-bottom:20px;}
.bm25{padding-bottom:25px;}
.bm30{padding-bottom:30px;}
.bm35{padding-bottom:35px;}
.bm40{padding-bottom:40px;}
.bm45{padding-bottom:45px;}
.bm50{padding-bottom:50px;}
.bm55{padding-bottom:55px;}
.bm60{padding-bottom:60px;}

    /* Left Padding*/

.lm0{padding-left:0px;}
.lm5{padding-left:5px;}
.lm10{padding-left:10px;}
.lm15{padding-left:15px;}
.lm20{padding-left:20px;}
.lm25{padding-left:25px;}
.lm30{padding-left:30px;}
.lm35{padding-left:35px;}
.lm40{padding-left:40px;}
.lm45{padding-left:45px;}
.lm50{padding-left:50px;}
.lm55{padding-left:55px;}
.lm60{padding-left:60px;}
.lm70{padding-left:70px;}
.lm80{padding-left:80px;}
.lm90{padding-left:90px;}
.lm100{padding-left:100px;}
.lm110{padding-left:110px;}
.lm120{padding-left:120px;}

	 /* General Padding */

.m0{padding:0px;}
.m5{padding:5px;}
.m10{padding:10px;}
.m15{padding:15px;}
.m20{padding:20px;}
.m25{padding:25px;}
.m30{padding:30px;}
.m35{padding:35px;}
.m40{padding:40px;}
.m45{padding:45px;}
.m50{padding:50px;}
.m55{padding:55px;}
.m60{padding:60px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ End Padding Style ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tickContent
{
   
}
.tickButton
{
    margin-bottom:7px;
    *margin-bottom:0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ innerFade Begin ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

blockquote {
	margin: 2em;
	padding: .3em 0 0 2em;
	background: url(../img/quote.png) 0 0 no-repeat;
}

	blockquote p{
		color: #888;
		font-size: 129%;
		font-style: italic;
		line-height: 1.2;
	}

	blockquote p.author {
		color: #aaa;
		font-size: 85%;
		font-weight: bold;
	}


	div.sub h4,
	div.sub {
		color: #fff;
	}





code {
	display: block;
	padding: 10px;
	font-size: 85%;
	border: 1px solid #ccc;
	background:  #f2f2f2;
	margin-bottom: 5em;
	white-space: pre;
	overflow: auto;
}

/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}





/* Listen */
ul#news {
	color:White;
	padding-top:10px;
	height:auto;
	margin-left:20px;
	list-style-image:none;
	list-style:none;
	list-style-type:none;
	font-size:14px;
}



.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(/images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
	
	
	
.imgr{
	position:relative;
	width:380px;
	
}
.imga{
	position:absolute;
	top:60px;
	left:100px;
	.left:100px;
	width:380px;
	background-image:url(/scripts/innerfade/css/bg_jq.png);
	background-repeat:repeat;
	padding-right:20px;
	height:90px;
	text-align:justify;
	line-height:18px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~ innerFade End ~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


.validation {
	padding: 12px;
	margin-bottom: 12px;
	border: 1px solid #FF0000;
	background-color: #FFE8E8;
}
.validation ul {
	padding: 0px;
	margin: 0px;
}
.invalid {
	margin-top: 8px;
	background-image: url(/images/validation.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
}
.invalid2 ul {
	margin-top:6px;
}
.invalid2 ul li {
	background-image:url(/images/validation.gif);
	background-position:left -2px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0px;
	margin-top:0px;
	padding-left:25px;
	line-height:23px;
}