/**************************************************************
VEKTOR TS
> astrals.NET, Ralf Fieger

**************************************************************/

/*@import url(/styles/cols.css);*/
/*@import url(/styles/templates.css);
@import url(/styles/jtabs.css);
*/

/*************************************************************/

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	background-color: black;
	margin: 0px 0px 0px 0px;
	padding:0px;
	overflow-y:scroll;		
}

/**************************************************************
DIE BASICS
**************************************************************/


#stageholder {
/*	position:relative;*/
	text-align:center;
	margin:0px auto;
	height: 630px;
	width: 854px;
	margin-top: 5%;
}

#navi {
	position:relative;
	text-align:left;
	width: 852px;
	height: 28px;
	border: 1px solid #C6C8CA;
	border-bottom: 0px;
	background-color: black;
}

#mainstage {
	position:relative;
	width: 852px;
	height: 598px;
	border: 1px solid #C6C8CA;
	background-color: black;
}

#content {
	position:absolute;
	top: 90px;
	right: 30px;
	width: 792px;
	height: 478px;
	color:black;
	text-align:left;
/*	padding:10px;*/
	overflow-y: scroll;
	z-index:10;
	border: 1px solid #B8B8B8;
}
.default #content {
	background-color:white;
/*	border: 0px;*/
}
#bar {
	position:absolute;
	top:80px;
	left:20px;
	width: 812px;
	height: 498px;
	border: 1px solid #B8B8B8;
	z-index:0;
}



/**************************************************************
HEAD
**************************************************************/

#logo {
	position: absolute;
	top: 101px;
	right: 85px;
	z-index: 11;
}

#slogan {
	position:absolute;
	top: 25px;
	left: 19px;
	z-index: 30;
}

#langswitch {
	position:absolute;
	top:7px;
	right:10px;
}

#langswitch a img { border: 1px solid #B3A8C2;}
#langswitch a:hover img,
#langswitch a.act img { border: 1px solid white;}

.tx-srlanguagemenu-pi1 img {
	margin-left:5px!important;
	margin-right:0px!important;
}

/*	.tx-srlanguagemenu-pi1 {
		margin:0px;
		padding:0px;
	}

	.tx-srlanguagemenu-pi1 .CUR,
	.tx-srlanguagemenu-pi1 .NO,
	.tx-srlanguagemenu-pi1 .INACT {
		margin:0px;
	}*/

/**************************************************************
STARTSEITE SPECIALS
**************************************************************/

/**************************************************************
NAVI
**************************************************************/

#navi ul {
	list-style-type:none;
	color:white;
	margin:6px 0px 0px 10px;
	padding:0px;
	
}
#navi ul li {
	display: inline;
	margin-right: 10px;
	position:relative;
}

#navi a {
	color:white;
	text-decoration: none;
}

#navi a:hover,
#navi a.act,
#navi li.act a {	color: #B3A8C2;}

#navi ul ul {
	position:absolute;
	top: 30px;
	z-index: 30;
	margin:0px;
	padding:0px;
	background-color: Blue;
	white-space:nowrap;
}

#navi ul ul li {
	display:inline;
/*	background-color:red;*/
	/*overflow:visible;*/
}

#navi span.second {
	position:absolute;
	top: 27px;
	z-index: 30;
	white-space:nowrap;
}
#navi span.second a {
	margin-right: 10px;
}

/**************************************************************
NEWS
**************************************************************/



/**************************************************************
CONTENT-INSIDE
**************************************************************/

#content .inside { padding: 10px 150px 10px 20px;}
.smallpage #content .inside { padding: 0px 10px;}
.smallpage #content-r .inside { padding: 10px;}

/**************************************************************
GLOBALS & COMMON
**************************************************************/

.clear {	clear:both;}
.clearl {clear:left;}
.clearf {clear:right;}

.imgleft {float:left;margin-right: 20px;margin-left:-10px;margin-bottom: 20px;}
.imgright {float:right;margin-left: 20px;}

.text-r320 {
	margin-left: 320px;
	margin-right: 100px;
}

.text-r200 {
	margin-left: 200px;
	margin-right: 100px;
}


/**************************************************************
FONTS
**************************************************************/

h1 {font-size:100%;font-weight:bold;}
h2 {font-size:100%;font-weight:normal;
}
h1, h2 {	color: #2A1771;}

h3 {
/*	font-size:100%;
	font-weight:normal;*/
	font-size:12px;
}
h4 {
	font-size:100%;
	margin-bottom:-10px;
	padding-bottom:0px;
}

#mainstage p { line-height: 140%;}

#mainstage p 	.intro {
	font-size: 13px;
	font-weight: bold;
}

a { color:#202020;}
a:hover {text-decoration:none;}
a img { border: 0px;}

img.h1 {
	margin-bottom: 20px;
	margin-top:-30px;
}


/**************************************************************
ULLIS
**************************************************************/


#mainstage ul {
/*	background-color: yellow;*/
	margin-left: 0px;
	padding-left: 0px;	
	margin-top: 10px;
	padding-top:0px;
/*	margin-bottom: 15px;*/
	padding-bottom: 15px;
}

.smallpage #mainstage ul {
	padding-bottom: 0px;
}

#mainstage ul li {
	margin-bottom: 5px;
	line-height: 140%;
	list-style-type: none;
	background: url(/fileadmin/tmpl/images/global/bg.ulli.png) no-repeat 0px 2px;
/*	background-color: red;*/
	padding-left: 23px;
}