/**************************************************************
EVOMOTIV
> astrals.net, Ralf Fieger

**************************************************************/

@import url(/fileadmin/tmpl/styles/content.css);
/*@import url(/fileadmin/tmpl/styles/templates.css);*/

/*************************************************************/

body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	background-color: white;
	margin-bottom:20px;
}

/**************************************************************
DIE BASICS
**************************************************************/

#stageholder {
	position:relative;
	text-align:center;
	margin:0px auto;
	width: 980px;
	height:670px;
	background-color: white;
}

#head {
	position:relative;
	text-align:left;
	width: 980px;
	height: 300px;
/*background-color: green;*/
/*border:1px solid red;*/
	margin-bottom:1px;
	z-index:5;
}

#logo {
	position: absolute;
	bottom:40px;
	left:32px;
	z-index:1000!important;
	background-color: 
}

#slogan {
	display:none;
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:8;
}

#mainstage {
	width:980px;
	position:relative;
	margin-top:0px;
/*	background-color: yellow;*/
}

#content {
	position:absolute;
	top:49px;
	left: 190px;
	width: 600px;
/*	background-color: blue;
	border:2px solid red;*/
	text-align:left;
	padding-bottom:40px;
	min-height:430px;
}


#teaser {
	position:absolute;
	top:50px;
	right:0px;
	width: 179px;
	border-left: 1px dotted #cccccc;
	height: 380px;
	text-align:left;
	padding-top:20px;
	color: #575757;
	z-index: 1600;
}

#footer {
	position:absolute;
	bottom:0px;
	font-size: 10px;
	margin-bottom:5px;
/*	background-color: yellow;*/
	margin-bottom:20px;
	margin-left: 20px;
	padding-left:20px;
	padding-top:5px;
	color: #999999;
	width: 540px;
	border-top: 1px dotted #cccccc;
}

#footer a {text-decoration: none; color: #999999;}
#footer a:hover {color: #E46D25;}

#headpic {
	height: 300px!important;
	width:980px;
}

#headflash {
/*	display:none*/
	position:absolute;
	top:0px;
	left:0px;
	width: 980px;
	height:300px
	z-index:10;
	margin:0px;
	padding:0px;
/*	border:1px solid red;*/
}

#headflash embed {
	margin:0px;
	padding:0px;
	width:980px;
}

/**************************************************************
NAVIGATIONS ELEMENTE
**************************************************************/

ul#navi-leistungen {
/*display:none;*/
	position:absolute;
	bottom:20px;
	left:20px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:right;
	z-index:10;
	font-size:10px;
	font-family:arial;
	display:inline!important;
	z-index:101!important;
}



ul#navi-leistungen li {
	display:inline;
}

ul#navi-leistungen li a {
/*	display:block;*/
	margin-left:0px;
	padding:5px 0px;
	/*color: #9B9999;*/
	color: #AEACAC;
	text-decoration:none;
}

ul#navi-leistungen li a:hover {color: #F66013;}





/*
#navi-leistungen, 
#navi-leistungen a, 
#navi-leistungen a:hover, 
#navi-leistungen a.act, 
*/


#navi-subs {
	position:absolute;
	top:50px;
	left:0px;
	width:179px;
	height: 400px;
/*	background: url(/fileadmin/tmpl/images/global/bg.navi-sub.jpg) repeat-x top left #E6E6E6;*/
	text-align:left;
	border-right:1px dotted #C9C7C7;
}

#navi-subs ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:right;
	margin:20px 10px;
	font-size:13px;
/*	font-size:11px;*/
}

#navi-subs ul ul {margin:0px;font-size:10px;}

#navi-subs ul ul li a {padding-right:20px;}


#navi-subs ul li a {
	display:block;
	padding:5px 10px;
	border-bottom: 1px dotted #cccccc;
	color: #575757;
	text-decoration:none;
}

#navi-subs ul li a:hover {

}

#navi-subs h2 {
	height: 28px;
/*	background-color: yellow;*/
	margin:0px;
	font-size: 11px;
	font-style: italic;
	font-weight:normal;
	padding: 10px 0px 0px 10px;
}


#navi-main {
	position:absolute;
	top:0px;
	left:0px;
	width: 980px;
	height:35px;
	background-color: #B4B1B1;
	background: url(/fileadmin/tmpl/images/global/bg.navi-main.jpg) repeat-x top left;
	text-align:left;
	z-index:10;
}

#navi-main ul,
#teamspace ul {
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
	padding-bottom:11px;
	padding-top:0px;
	margin-top: 8px;
	margin-left:179px;
/*	background-color: gray;*/
}

#teamspace {
	z-index:20001;
}

#teamspace ul {margin-left:0px;}

#navi-main ul li,
#teamspace ul li {
	display:inline;	
	padding-bottom: 11px;
	padding-top:8px;
	margin-right: -5px;
	border-left: 1px solid white;
}

#navi-main ul li a,
#teamspace ul li a {
	padding:10px;
	height: 39px;
	padding-bottom:11px;
	padding-top:8px;
/*	background-color: yellow;*/
}

#teamspace {
	position:absolute;
	top:0px;
	left:800px;
}
#teamspace ul li a,
#teamspace ul li a:hover {
	padding-right:89px;
}


/* COMMON FOR NAVI FONTS */

#navi-main, #teamspace {	font-size: 13px;}
#navi-main a, #teamspace a {	text-decoration:none;	color: black;}

#navi-main a:hover, #navi-subs a:hover,
#navi-main a.act, #navi-subs a.act,
#teamspace a:hover, #teamspace a.act {	color:white;	
/*background-color: #E46D25;*/
background: url(/fileadmin/tmpl/images/global/bg.navi-main.act.jpg) repeat-x;}

#navi-main .csc-textpic a:hover, #navi-subs .csc-textpic a:hover,
#navi-main .csc-textpic a.act, #navi-subs .csc-textpic a.act {
	background-image: none;
}




#navi-subs ul ul a:hover,
#navi-subs ul ul a.act {
	background-color:white;
	background-image:none;
	color: #E46D25;
}


#navi-subs ul ul li a {
	border-bottom: 0px;
}

ul#breads {
	position:absolute;
	top: 44px;
	left: 210px;
	list-style-type: none;
	margin:0px;
	padding:0px;
	font-size: 9px;
	color: #999999;
	z-index: 1500;
}

ul#breads li {	display:inline;margin-right: 3px;}
ul#breads a {	color: #999999; text-decoration:none;}
ul#breads a:hover {	color: #E46D25; }


/**************************************************************
CONTENT-INSIDE
**************************************************************/

#content .content-inside {	padding:10px 20px 10px 20px;}
#teaser .content-inside {	padding:0px 5px 5px 15px;}

/**************************************************************
GLOBALS & COMMON
**************************************************************/

.clear {	clear:both;}
.clearl {clear:left;}
.clearf {clear:right;}

a { color: black; }
a:hover {text-decoration:none;color: #E46D25;}

#teaser a img,
#navi-subs a img {border: 0px;}

#navi-subs a imgm
#navi-subs a img:hover,
#navi-subs a:hover img {
	background-color: transparent;
	background-image:none;
}


/**************************************************************
FONTS
**************************************************************/

h1 {font-size:160%;font-weight:normal;color: #E46D25;text-transform: uppercase;font-family: sans-serif;line-height: 140%;}
h2 {font-size:120%;}
#content h2 {font-weight:bold;color: #E46D25;text-transform: uppercase;font-family: sans-serif;}

h3 {font-size:110%;}
#content h3 {font-weight:bold;color: #E46D25;text-transform: uppercase;font-family: sans-serif;}

#content p { line-height: 150%;color: #333333;}

#teaser h1 {font-size: 130%;font-weight: bold;margin-top:0px;}

/**************************************************************
ULLIS
**************************************************************/

#content ul {
	padding-left:0px;
	margin-left:5px;
}

#content ul li {
	margin-bottom: 10px;
	list-style-type:none;
	background: url(/fileadmin/tmpl/images/global/bg.content.ulli.gif) no-repeat top left;
	padding-left: 10px;

}





