/* CSS Document DE*/

	body {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #323795;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;	
	height: 100%; 
}

h1 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
        letter-spacing: 1px;
	color: #323795;
	}

h2 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #323795;
	}
	
h3 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #323795;
	}
	
h4 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	}
	
h5 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: normal;
        letter-spacing: 1px;
	color: #323795;
	}

h6 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: normal;
        letter-spacing: 1px;
	color: #666666;
	}

img {
	border:none;
	}
	
#mainBody {
	position: relative;
	width: 860px;
	/*height: 586px;*/
	height: 100%;
	background-color:#FFFFFF;
	/* background-image: url(../_images/basics/MainThemeBG-Dummy.jpg); */
	background-repeat: repeat-y;
	z-index: 0;
}

/*
 *englishButtonDiv Start
 */

#englishButton {
	position: relative;
	background: #021D76;
	width: 199px;
	height: 18px;
	left: 0px;
	top: -13px;
 	padding: 17px 15px 15px 15px;
	z-index: 4;
}

#englishButton a { 	
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF; 
}

#englishButton a:hover {  
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #93A3CF;
	color: #FFFFFF;
	display: block; 
}

/*
 *englishButtonDiv End
 *
 *topNavDiv Start
 */
 
#topBody {
	position: absolute;
	width: 651px;
	height: 159px;
	left: 209px;
	top: 0px;
	z-index: 1;
}

/* 
 *topFlashDiv Start
 */

#topFlash {
	font: 13px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #93A3CF;
	position: absolute;
	width: 651px;
	height: 70px;
	left: 0px;
	top: 0px;
	z-index: 4;
}

#topGIF {
	font: 13px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	background-image:url(/_images/basics/TopFrame70.gif);
	color: #93A3CF;
	position: absolute;
	width: 651px;
	height: 70px;
	left: 0px;
	top: 0px;
	z-index: 4;
}

#topFlashBottom {
	font: 13px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	background-image:url(/_images/basics/TopFrameBottomBG.jpg);
	color: #93A3CF;
	position: absolute;
	width: 651px;
	height: 62px;
	left: 0px;
	top: 70px;
	z-index: 4;
}

/* 
 *topFlashDiv End
 * 
 *mainNavDiv Start
 */
 
#topMainNav {
	font: bold 11px Arial, Helvetica, sans-serif;
    text-align: right;
	color: #93A3CF;
	position: absolute;
	width: 450px;
	height: 28px;
	left: 13px;
	top: 105px;
	letter-spacing: 1px;
	z-index: 5;
}

#topMainNav a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #EF3B27;
	text-decoration: none;
	margin-right: 20px;
}

#topMainNav a:hover {
	color: #93A3CF ;
	text-decoration: none;
	margin-right: 20px;
}

#editModeNav {
	font: 13px Arial, Helvetica, sans-serif;
    text-align: left;
    white-space: nowrap; 
	color: #021D76;
	background: #FFFFFF;
	position: absolute;
	width: 400px;
	height: 40px;
	left: 113px;
	top: 58px;
	z-index: 4;
}

#editModeNav a {
	font: 13px Arial, Helvetica, sans-serif;
	color: #021D76;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

#editModeNav a:hover {
	color: #93A3CF ;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

/* 
 * 
 *mainNavDiv End
 *
 *nav01Div Start
 */
#topNavLeftEnd {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #333896;
	position: absolute;
	width: 13px;
	left: 0px;
	top: 132px;
	z-index: 5;
}

#topNavRightEnd {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #333896;
	position: absolute;
	width: 13px;
	left: 637px;
	top: 132px;
	z-index: 6;
}
 
#topNav01 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #333896;
	position: absolute;
	width: 666px;
	left: 13px;
	top: 132px;
	z-index: 5;
}

#topNav01 ul {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0pt;
	/* margin-top: 7px; */
	padding: 0px 0px 0px 0px;
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	}

#topNav01 li { 
	background: #333896;
		color: FFFFFF;
	float: left; 
	position: relative; 
	width:124px;
	}

li ul {  
	display: none; 
	/* position: absolute; */
	top: 23px; 
	/*left: 0pt; */
	float: left; 
	}

li > ul { 
	top: auto;
	left: auto; 
	}

li:hover ul, li.over ul { 
	display: block;
	}


.nav01 {
	color: #FFFFFF;
	letter-spacing: 1px;
	height: 28px;
	line-height: 28px;
	margin-right: 1px; 
        }
	
.nav01 a {
	text-decoration: none;
	color: #FFFFFF;
 	padding: 4px 8px 8px 8px;
	}
	
.nav01 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	padding: 4px 8px 8px 8px;
	}
	
.nav02 {
	width:124px;
    letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
}

.nav02 a { 	
	font: 13px Arial;
	background: #8B86C0; 
	text-decoration: none;
	color: #FFFFFF;
	display: block; 
	padding: 4px 8px 8px 8px; 
	}

.nav02 a:hover {  
	font: 13px Arial;
	text-decoration: none;
	background: #6865AE;
	color: #FFFFFF;
	display: block; 
	padding: 4px 8px 8px 8px; 
	}
	
.nav02 li {
	width:100%;
}
 
 /* 
 *nav01Div End
 * 
 *topNavDiv End
 *
 *leftDiv Start
 */
 
#leftBody {
	width: 209px;
	height: 600px;
	/* height: 100%; */
	margin-left: 0px;
	top: 0px;
	z-index: 2;
}

#leftLogo {
	/*background: url('/osta_web/_images/themes/OSTA_logoDeutsch.gif');*/
	position:relative;
	width: 180px;
	height: 132px;
	left: 7px;
	top: 0px;
	z-index: 3;
}

#leftImage {
	position: relative;
	width: 209px;
	height: 435px;
	left: 0px;
	top: 0px;
	z-index: 3;
}

 /* 
 *leftDiv End
 */

#rightBanner  {
	position: absolute;
	width: 140px;
	height: 400px;
	right: 23px;
	top: 170px;
	z-index: 3;
}

/*
 *contentDiv Start
 */
#intro { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #323795;
	position: absolute;
    line-height: 20px;
	width: 574px;
	height: 412px;
	left: 0px;
	top: 125px;
	padding-left: 15px;
	padding-right: 20px;
    z-index: 2;
	}
 	
#content { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #323795;
	position: absolute;
    line-height: 20px;
	width: 580px;
	height: 412px;
	left: 0px;
	top: 170px;
	padding-left: 15px;
	padding-right: 20px;
    z-index: 2;
	}

.content { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #323795;
    line-height: 20px;
	}	
	
.form { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
    line-height: 20px;
	}	

.blau { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #323795;
    line-height: 20px;
	}

.grau { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #666666;
    line-height: 20px;
	}

.rot { 
	font: 13px Arial, Helvetica, sans-serif;
	color: #D03300;
    line-height: 20px;
	}

.bildunterschrift { 
	font: 11px Arial, Helvetica, sans-serif;
    line-height: 13px;
	color: #323795;
	}
	
.bildunterschrift a { 
	font: 11px Arial, Helvetica, sans-serif;
    line-height: 13px;
	color: #666666;
	text-decoration: underline;
	}
	
.bildunterschrift a: hover{ 
	font: 11px Arial, Helvetica, sans-serif;
    line-height: 13px;
	color: #323795;
	text-decoration: underline;
	}
	
#contentText { 
	font: 13px Arial, Helvetica, sans-serif;
	color:#323795;
	position: absolute;
	width: 580px;
	height: 412px;
	left: 0px;
	top: 0px;
	padding-left: 15px;
	padding-right: 20px;
	}
	
#contentBild { 
	font: 10px Arial, Helvetica, sans-serif;
	color: #021D76;
	position: absolute;
	width: 140px;
	height: 412px;
	left: 595px;
	top: 0px;
	}
	
#content a { 
	color: #666666;
	text-decoration: underline;
	}
	
#content a:hover { 
	color: #93A3CF;
	text-decoration: underline;
	}
	
#content ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ff0000;
	font-weight: normal;
	text-decoration: none;
	list-style-image:url(/_images/basics/radioRed.gif);
	line-height: 16px;
}

#content li { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #323795;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}

#content li ul {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #323795;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	}

#content li > ul { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #323795;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	}

#content li:hover ul, li.over ul { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #323795;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px; 
	}
	
#seitennavigation  { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 10px;
	color: #323795;
	text-decoration: none;
	}
	
#seitennavigation a { 
	color: #93A3CF;
	text-decoration: none;
	}
	
#seitennavigation a:hover { 
	color: #323795;
	text-decoration: none;
	}
	
.roundBox { 
	font: 13px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
.roundBox a { 
	color: #021D76;
	text-decoration: underline;
	}
	
.roundBox a:hover { 
	color: #93A3CF;
	text-decoration: underline;
	}
	

#box {
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius-topleft: 20px;
   -moz-border-radius-topright: 20px;
   -moz-border-radius-bottomleft: 20px;
  	-moz-border-radius-bottomright: 20px;
	padding:15px;
} 


#boxInhalt{
	background-color: #FFFFFF;
	color:#00008B;
	padding: 1px;
}
	
.Aufzaehlung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
    color: #323795;
	/* olor: #021D76; */
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}

.topButt {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
    color: #666666;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}

#index { 
	font: 16px Arial, Helvetica, sans-serif;
	color:#323795;
    z-index: 20; 
	}

.index { 
	font: 16px Arial, Helvetica, sans-serif;
	color:#323795;
	}
	
.cottonHead {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #323795;
	color:#FFFFFF;
	}
	
.cottonCell {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #E3E3E3;
	color:#323795;
}

 /* 
 *contentDiv End
 */