/************************ Allgemeine Elemente Anfang ************************/
body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	scrollbar-face-color: #77839F;
	scrollbar-highlight-color: #ededed;
	scrollbar-shadow-color: #ededed;
	scrollbar-3dlight-color: #77839F;
	scrollbar-arrow-color: #ededed;
	padding-top: 0px;
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #344d85;
	background: #f3f3f4;
	color: #333333;
	font-family: 12px verdana;
}

a {
	/*color: #c21f3a;*/
		color:#a22d2e;
	text-align: left;
	text-decoration: none;
}
a:hover {
	color: #c21f3a;
	text-align: left;
	text-decoration: none;
}
a:link {
	color: #a22d2e;
	text-align: left;
	text-decoration: none;
}
a:active {
	color: #c21f3a;
	text-align: right;
	text-decoration: none;
}

a:visited {
	color: #a22d2e;
	text-align: right;
	text-decoration: none;
}

p,.p, P  {
	margin: 8px 0 8px 0;
	line-height: 20px;
	text-decoration: none;
}

hr {
    color: #fff;
    background:transparent;
    margin: 0.5em 0 1.5em 0;
    padding: 0 0 0 0;
    border:0;
    border-bottom: 1px #ccc dotted;
  }

strong, .strong  {
	line-height: 20px;
	font-family: 10px verdana;
	font: verdana;
	color: #333333;
}

hr, HR {color:#fff; border-bottom: 1px dotted #aeb1c2;}

h1, H1, h2 {
	line-height: 20px;
	font: bold 12px verdana;
	 padding-bottom: 0px;	
	 color: #a22d2e;
}

h1.csc-firstHeader {
	line-height: 20px;
	color: #a22d2e;
	font: bold 12px verdana;
	 padding-bottom: 0px;
}
.csc-header-n2 {
	line-a22d2e: 20px;
	color: #881415;
	font: bold 12px verdana;
	 padding-bottom: 0px;
}
.center {text-align: center;}

.csc-header-n3{
	line-height: 20px;
	color: #344d85;
	font: bold 12px verdana;
	 padding-bottom: 0px;
}

h2 { color: #344d85;
		line-height: 20px;
    padding-bottom: 15px;
    padding-top: 0px;
}

H3, h3 {
	line-height: 20px;
	font: normal 12px verdana;
	color: #aeb1c2;
}
#text_top H3, h3 a { 
text-decoration:none; 
	color: #aeb1c2;
} 

#text_top H3, h3 a:visited { 
text-decoration:none; 
	color: #aeb1c2;
} 

#text_top H3, h3 a:hover { 
text-decoration:underline; 
	color: #aeb1c2;
} 

#text_top H3, h3 a:active { 
text-decoration:none; 
	color: #aeb1c2;
} 



.login {
	line-height: 20px;
	font: bold 12px verdana;
	color: #344d85;
	text-align: right;
	
}

.claim {
	padding: 0px 0 0px 0px;
	line-height: 28px;
	font: bold 12px verdana;
	color: #ffffff;
	text-align: left;
}

td, TD {}

.csc-textpic-caption {padding: 6px 6px 6px 6px; }
.bodytext {
	line-height: 20px;
	padding-bottom: 0px;
	
}
/************************ Allgemeine Elemente Ende ************************/


  .pfeilliste {
  }
  
  ul, li {margin: 0; padding: 0; list-style: none; 	line-height: 20px;}
  li {background: url(../img/list.png) top left no-repeat; padding-left: 14px; }

/************************ oberer Bereich Anfang ************************/

/* Gesamter Header */

#header {
	width: 790px;
	height: 283px;
}

/* Schrift Logo */
#header_logo {
	position: absolute;
	top: 30px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 790px;
	height: 1px;
	background: #eaf0f0;
	top: 0px;
	left: 0px;

}

/* Großes Wechselbild links */
#headbild {
position: relative;
top: 0px;
	background: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 570px;
	height: 250px;
	top: 0px;
	left: 0px;
	float: left;
}

/* Fl䣨e f?itext rechts neben gro�em Wechselbild */
#header_right {
	width: 216px;
	height: 220px;
	top: 0px;
	left: 0px;
	background-color: #eaf0f0;
	text-align: left;
	vertical-align: top;
	float: right;
}

#header_right a:link {
	color: #364d9d;
	text-decoration: none;	
}

#header_right a:visited {color: #364d9d; }
#header_right a:hover {color: #cc3300; }






/* Fl䣨e f?itext rechts neben groߥm Wechselbild f?bis V.6 Bug */
* html div#header_right {
  width: 218px;
	height: 280px;
	top: 0px;
	left: 0px;
	background: #eaf0f0;
	text-align: left;
	vertical-align: top;
	float: right;
}


/* Freitext oben */
#text_top {
	width: 196px;
	height: 170px;
	padding: 10px 10px 0 10px;  
	vertical-align: top;
	vertical-align: right;
	font: 11px Verdana;
	color: #aeb1c2;
	z-index:5;
/*	border: 1px solid #ccc;*/

}

.text_top {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	font: bold 12px/20px verdana;
	width: 218px;
	text-align: left;
	vertical-align: top;
}

.text_bottom {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 117px;
	font: bold 12px/20px verdana;
	width: 220px;
	color: #686868;
	text-align: left;
	vertical-align: top;
}

/* Menue */
#menu_top {
	width: 164px;
    text-align: left;
    margin-bottom: 0px;
    padding-top: 26px;
    padding-left: 6px;
    padding-bottom: 0px;
    float: left;
   
}



/* Kleines Logo oben rechts */
#logo_top {
	width: 220px;
	height: 44px;
	margin-top: -10px;
	margin-left: -4px;
	background: url(../img/fis_logoklein2.gif) no-repeat right;
	float: left;
	z-index:50;

}


a.top:link {
	padding-right: 4px;
	padding-left: 4px;
	font: 11px verdana;
	color: #646569;
	padding-top: 2px;
	text-decoration: none;
}
a.top:active {
	padding-right: 4px;
	padding-left: 4px;
	font: 11px verdana;
	color: #646569;
	padding-top: 2px;
	text-decoration: none;
}
a.top:visited {
	padding-right: 4px;
	padding-left: 4px;
	font: 11px verdana;
	color: #646569;
	padding-top: 2px;
	text-decoration: none;
}
a.top:hover {
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	color: #666666;
	text-decoration: none;
}

a.footer:link {
	padding-right: 4px;
	padding-left: 4px;
	font: 10px verdana;
	color: #ccc;
	padding-top: 2px;
	text-decoration: none;
}
a.footer:active {
	padding-right: 4px;
	padding-left: 4px;
	font: 10px verdana;
	color: #ccc;
	padding-top: 2px;
	text-decoration: none;
}
a.footer:visited {
	padding-right: 4px;
	padding-left: 4px;
	font: 10px verdana;
	color: #ccc;
	padding-top: 2px;
	text-decoration: none;
}
a.footer:hover {
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	color: #ccc;
	text-decoration: none;
}
/************************ oberer Bereich Ende ************************/

/************************ Menue Anfang ************************/

/* Menue Mitte */
#menu_middle {
position: absolute;
top:250px;
	width: 790px;
	height: 35px;
    text-align: left;
    margin: 0px 0 0 0px;
    background-color: #aeb1c2;
    border-top: #aeb1c2 1px solid;
    z-index:1;
}

a.main:link {
	border-right: #d4d7e8 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	border-left-color: #d4d7e8;
	background: #aeb1c2;
	border-bottom-color: #d4d7e8;
	padding-bottom: 11px;
	margin: 0px;
	font: bold 12px/35px Verdana;
	color: #ffffff;
	border-top-color: #d4d7e8;
	padding-top: 11px;
	text-align: left;
	text-decoration: none;
}
a.main:active {
	border-right: #d4d7e8 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	border-left-color: #d4d7e8;
	background: #aeb1c2;
	border-bottom-color: #d4d7e8;
	padding-bottom: 11px;
	margin: 0px;
	font: bold 12px/35px Verdana;
	color: #ffffff;
	border-top-color: #d4d7e8;
	padding-top: 11px;
	text-align: left;
	text-decoration: none;
}
a.main:visited {
	border-right: #d4d7e8 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	border-left-color: #d4d7e8;
	background: #aeb1c2;
	border-bottom-color: #d4d7e8;
	padding-bottom: 11px;
	margin: 0px;
	font: bold 12px/35px Verdana;
	color: #ffffff;
	border-top-color: #d4d7e8;
	padding-top: 11px;
	text-align: left;
	text-decoration: none;
}
a.main:hover {
	border-right: #d4d6e2 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	border-left-color: #d4d7e8;
	background: #d4d6e2;
	border-bottom-color: #d4d7e8;
	padding-bottom: 11px;
	margin: 0px;
	font: bold 12px/35px Verdana;
	color: #646569;
	border-top-color: #d4d7e8;
	padding-top: 11px;
	text-align: left;
	text-decoration: none;
}

#main {
    padding: 0;
    margin: 0;
    text-align: left;
    font: bold 12px/35px Verdana;
}

#main ul {
    padding: 0;
    margin: 0;
    float: left;
    list-style-type: none;
}

#main ul li a {
    	padding-right: 14px;
	padding-left: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
	text-decoration: none;
}

#main ul li a:link {
	border-right: #d4d7e8 1px solid;
	border-left-color: #d4d7e8;
	background: #aeb1c2;
	border-bottom-color: #d4d7e8;
	color: #ffffff;
	border-top-color: #d4d7e8;
}

#main ul li a:active {
	border-right: #d4d7e8 1px solid;
	border-left-color: #d4d7e8;
	background: #aeb1c2;
	border-bottom-color: #d4d7e8;
	color: #ffffff;
	border-top-color: #d4d7e8;
}

#main ul li a:visited {
	border-right: #d4d7e8 1px solid;
	border-left-color: #d4d7e8;
	background: #aeb1c2;
	border-bottom-color: #d4d7e8;
	color: #ffffff;
	border-top-color: #d4d7e8;
}

#main ul li a:hover {
	border-top: #d4d6e2 1px solid;
	border-bottom: #d4d6e2 1px solid;
	font-weight: bold;
	background: #d4d6e2;
	color: #646569;
}

a.mainactive:link, a.mainactive:active, a.mainactive:visited {
	border-right: #d4d6e2 1px solid;
	padding-right: 14px;
	padding-left: 10px;
	border-left-color: #d4d7e8;
	background: #d4d6e2;
	border-bottom-color: #d4d7e8;
	padding-bottom: 11px;
	margin: 0px;
	font: bold 12px/35px Verdana;
	color: #646569;
	border-top-color: #d4d7e8;
	padding-top: 11px;
	text-align: left;
	text-decoration: none;
}

a.mainactive:hover {
	border-right: #d4d6e2 1px solid;
	padding-right: 14px;
	padding-left: 10px;
	border-left-color: #d4d7e8;
	background: #d4d6e2;
	border-bottom-color: #d4d7e8;
	padding-bottom: 11px;
	margin: 0px;
	font: bold 12px/35px Verdana;
	color: #646569;
	border-top-color: #d4d7e8;
	padding-top: 11px;
	text-align: left;
	text-decoration: none;
}

/************************ Menue Ende ************************/

/************************ Untermenue und kleines Wechselbild Anfang ************************/

#submenu {
	padding: 0 0 0 0;
	width: 790px;
	height: 93px;
	text-align: right;
	background: #cc3300;
}

/* Wechselbild mit Computer */
#menusubcomp {
	background: #EAF0F0 url(../img/franzoesisch-intensivseminar.jpg) no-repeat top left;
	width: 220px;
	height: 93px;
	padding-top: 10px;
	top: 0px;
	left: 0px;
	float: right;

}


/* ge�ndert wegen 5 Punkten in der Subnav ////padding-top: 6px;  */
#menusub {
	padding-right: 0px;
	padding-left: 0px;
	background: #eaf0f0;
	padding-bottom: 0px;
	margin: 0px;
	font: 11px Verdana;
	font-weight: bold;
	width: 570px;
	padding-top: 10px;
	height: 93px;
	text-align: left;
	float: left;
}




.menuleftitem {
    margin: 0px 0 0 0;
}

a.sub:link {
	padding-right: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0;
	color: #646569;
	line-height: 20px;
	padding-top: 0px;
	text-decoration: none;
}
a.sub:active {
	padding-right: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0;
	color: #646569;
	line-height: 20px;
	padding-top: 0px;
	text-decoration: none;
}
a.sub:visited {
	padding-right: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0;
	color: #646569;
	line-height: 20px;
	padding-top: 0px;
	text-decoration: none;
}
a.sub:hover {
	color: #333333;
	text-decoration: none;
	background: url(../img/navi-pfeil_right_20.gif) no-repeat left;
}

a.subactive:link {
	padding-right: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0;
	color: #333333;
	line-height: 20px;
	padding-top: 0px;
	text-decoration: none;
	background: url(../img/navi-pfeil_right_20.gif) no-repeat left;
}
a.subactive:active {
	padding-right: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0;
	color: #333333;
	line-height: 20px;
	padding-top: 0px;
	text-decoration: none;
	background: url(../img/navi-pfeil_right_20.gif) no-repeat left;
}
a.subactive:visited {
	padding-right: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0;
	color: #333333;
	line-height: 20px;
	padding-top: 0px;
	text-decoration: none;
	background: url(../img/navi-pfeil_right_20.gif) no-repeat left;
}
a.subactive:hover {
	color: #333333;
	text-decoration: none;
	background: url(../img/navi-pfeil_right_20.gif) no-repeat left;
}

#menu {
    padding: 0;
    margin: 0;
    width: 0;
    text-align: right;
}
#menu li {
    list-style-type: none;
    width: 120px;
    line-height: 16px;
    margin-left: 0px;
    text-align: right;
}

#menu a:link {
	position: relative;
	width: 120px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-right: 4px;
	color: #949899;
	padding-top: 0px;
	text-decoration: none;	
	text-align: right;
	text-indent: -10px;
}

#menu a:visited {
	position: relative;
	width: 120px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-right: 4px;
	color: #949899;
	padding-top: 0px;
    	display: block;
    	text-decoration: none;
    	text-indent: 10px;
    	text-align: right;
}

#menu a span, #menu a:visited span {
    	display: none;
}

#menu a:hover {
    	color: #000000;
    	background-image: url(../img/navi-pfeil_120.gif);
    	text-align: right;
}

#menu a:active {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-right: 4px;
	color: #949899;
	padding-top: 0px;
    	background-image: url(../img/navi-pfeil_120.gif);
    	text-align: right;
}

* html #menu a:hover span {
    width: 8px;
    height: 16px;
    w\idth: 0;
    he\ight: 0;
}

/************************ Untermen?ich und kleines Wechselbild Ende ************************/

/************************ Content Anfang ************************/

#content {
	background: #ffffff;
	width: 790px;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	text-align: left;
	font: 12px verdana;
	float: left;
}

#content_left {
	background: #ffffff;
	width: 540px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	font: 12px verdana;
}

#content_right {
background: #ffffff;
	width: 215px;
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 40px;
	margin: 0px 0px 0px 2px;
	padding-top: 10px;
	text-align: left;
	font: 12px verdana;
	float: right;
	border-left: 1px dotted #aeb1c2;
	border-bottom: 1px dotted #aeb1c2;
}





/************************ Content Ende ************************/

/************************ Footer Anfang ************************/

#footer {
	width: 790px;
	background: #f3f3f4;
}

/************************ Footer Ende ************************/


/* Inhaltsbereich*/ 

#container {
	width: 790px;
}

/* Inhaltsbereich ENDE */ 


input, textarea, select, table {
 	 font: 1.0em verdana;
}

.button1 {color:#fff; 
	margin-left: 100px;
	padding: 6px 20px 6px 20px;
	background-color:#cd0221;
	font: bold 12px verdana;
	border: 0px;}
	
.button2 {color:#fff; 
	padding: 6px 20px 6px 20px;
	background-color:#364d9d;
	font: bold 12px verdana;
	border: 0px;}



.form {
	display: inline; 
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-family: verdana;
	color: #666666;
	font-size: 10px; 
}

input {
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0 10px 0 2px;
	margin: 0 10px 0 10px;
	font-family: verdana;
	color: #666666;
	font-size: 11px;
}

.tx_sgglossary_pi1 submit {
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0 10px 0 2px;
	margin: 0 10px 0 10px;
	font-family: verdana;
	color: #666666;
	font-size: 11px;
}

textarea { 	 	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.newsImageLeft {
	float:left;
}
.newsImageLeft img{
	border-right: 20px #fff solid;
}
.news-single-timedata {
	float: right;
}

//FORMVALIDATION
 .formError { z-index: 990; }
 .formError .formErrorContent { z-index: 991; }
 .formError .formErrorArrow { z-index: 996; }

 .ui-dialog .formError { z-index: 5000; }
 .ui-dialog .formError .formErrorContent { z-index: 5001; }
 .ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer { 
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #a22d2e;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  width: 100%; 
  background: #a22d2e;
  position:relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  padding: 4px 10px 4px 10px;
  letter-spacing:1px;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #a22d2e;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
  
  font-size: 0px;
  height: 1px;
  background: #a22d2e;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #a22d2e;
}

.blackPopup .formErrorArrow div {
  background: #a22d2e;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 15px;
  border: none;
  letter-spacing:1px;
}

.formError .formErrorArrow .line9 {
  width: 13px;
  border: none;
   letter-spacing:1px;
}

.formError .formErrorArrow .line8 {
  width: 11px;
   letter-spacing:1px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
   letter-spacing:1px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 0px;

}

.formError .formErrorArrow .line2 {
  width: 0px;
}

.formError .formErrorArrow .line1 {
  width: 0px;
  border: none;

}
//END FORMVALIDATION