/*
                                                                                                                        
   ########  #########   ###             ###   ###  ########   ###  #### #####   ###         ###   ### ####   #########   ###       
   ########  #########   ###             ###  ###   ########   ###############   ###         ###   ########   #########   ###          
   ###  ###  ###   ###   ###             ### ###    ###  ###   ###   ###   ###   ###               ###  ###   ###   ###   ###           
   ###  ###  ###   ###   ###             ## ###     ###  ###   ###   ###   ###   ###         ###   ###  ###   ###   ###   ###           
   ###  ###  ###   ###   ###             ######     ###  ###   ###   ###   ###   ###         ###   ###  ###   ###   ###   ###           
   ###  ###  ###   ###  #########  ###   #####      ###  ###   ###   ###   ###   #########   ###   ###  ###   ###   ###  ##########     
   ###  ###  ###   ###  #########  ###   #####      ###  ###   ###   ###   ###   #########   ###   ###  ###   ###   ###  ##########     
   ###  ###  ###         ###             ####       ###  ###   ###   ###   ###   ###   ###   ###   ###  ###         ###   ###           
   ###  ###  ###         ###             #####      ###  ###   ###   ###   ###   ###   ###   ###   ###  ###         ###   ###           
   ###  ###  #########   ###   ###       #####      ###  ###   ###   ###   ###   ###   ###   ###   ###  ###   #########   ###   ###     
   ###  ###   ########   ###   ###       ## ###     ###  ###   ###   ###   ###   ###   ###   ###   ###  ###   #########   ###   ###     
   ###  ###        ###   ###   ###       ### ##     ###  ###   ###   ###   ###   ###   ###   ###   ###  ###   ###   ###   ###   ###     
   ###  ###  ###   ###   ###   ###       ### ###    ###  ###   ###   ###   ###   ###   ###   ###   ###  ###   ###   ###   ###   ###     
   ########  #########   #########       ### ###    ########   ###   ###   ###   #########   ###   ###  ###   #########   #########     
   ########   #######    ########        ###  ###    #######   ###   ###   ###   ########    ###   ###  ###    ########    #######     
  
*/

/*
###############################################################################
Global Styles
###############################################################################
*/

body 
{
    background-color: #FFFFFF;
	/*
	121317
	*/
    font-size:10px;
    font-family:Arial,Verdana, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	color: #625f5f;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
}

a
{
	outline:none;
}


div#Holder 
{
    width: 965px;
    margin-top: 0px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 0px solid #000000;

}


#LogoBar
{
	height:41px;
	width:965px;
	border:0px solid #585858;
	background-image:url(../../Global_Images/Logo_OstKombinat_White.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-position:69px 0px;
	text-align:left;
}


#LogoBar ul
{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	padding-left:610px;
}
#LogoBar ul li
{
	padding:0px;
	margin:0px;
	list-style:none;
	padding-right:24px;
	float:left;
}



.TextBlackSmall
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.TextGreySmall
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #625f5f;
}
.TextGreySmall a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #625f5f;
	text-decoration:none;
}
.TextGreySmall a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	text-decoration:none;
}


#MainHolder
{
	padding-top:20px;
	

}


#Intro
{
	
	text-align:left;
	padding-left:69px;
	padding-right:150px;

}


div#nav 
{
    width: 25%;
    padding: 10px;
    margin-top: 1px;
    float: left;

}

div#main {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;

}

div#footer {
    padding: 15px;
    margin: 0px;
    padding-left:69px;
    padding-right:79px;
	
    border-top: 0px solid #000000;

}


div#intro
{

}

#IntroText
{
	vertical-align:bottom;
	height:523px;
	width:800px;
	text-align:left;
	padding-right:20px;

}
#ArrowDown
{
	vertical-align:bottom;
	text-align:center;
	padding-right:20px;

}
div#header {
    padding: 0px;
    margin: 0px;
    text-align: left;

}
#HeaderBar 
{
    padding: 0px;
    margin: 0px;
    text-align: left;
	width:100%;
}
/*
Contact Bar Icons
*/
#Icon01
{
	width:102px;
	height:13px;
	background-image:url(../../Global_Images/Icon_01.gif);
}
#Icon02
{
	width:102px;
	height:13px;
	background-image:url(../../Global_Images/Icon_02.gif);
}
#Icon03
{
	width:102px;
	height:13px;
	background-image:url(../../Global_Images/Icon_03.gif);
}
#Icon04
{
	width:91px;
	height:13px;
	background-image:url(../../Global_Images/Icon_04.gif);
}
.IconText
{
	color:#4d4d4d;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.IconTextWhite
{
	color:#000000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
p.bodytext
{
	padding:0px;
	margin:0px;
}
.IconTextLight
{
	color:#adadad;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.IconTextLight a
{
	color:#adadad;
	font-size:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.IconTextLight a:hover
{
	color:#000000;
	font-size:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#Logo
{
	width:166px;
	background-image:url(../../Global_Images/Logo_OstKombinat.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:114px;
}
#introheader{
	background-image:url(../../Global_Images/Logo_Adler.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
#LogoAdler
{
	width:99px;
	background-image:url(../../Global_Images/Logo_Adler.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#IntroTextLeft
{
	width:258px;
	vertical-align:top;
	color:#707070;
	text-align: left;
}
#IntroTextRight
{
	width:265px;
	vertical-align:top;
	color:#707070;
	text-align: left;
}
.bodytext
{
	color:#707070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
}
#SlideShow
{
	background-image:url(/fileadmin/01_Content/FC_StPauli_Aufstiegsfeier/FC_StPauli_Aufstiegsfeier_01.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:496px;
	height:287px;

}

.seperator
{
padding:0px;
margin:0px;
float:left;

}
/*
Content Elemente
*/

.Line
{
	background-image:url(../../Global_Images/Linie.gif);
	background-repeat:repeat-x;
	height:7px;

}
#ProjectDisplay
{
	width:814px;
}
#ProjectScreen
{
	width:779px;
	height:287px;
}

div.Beschreibung
{
	padding:0px;
	margin:0px;
	color:#9F9F9F;
	width:575px;
	padding-bottom:2px;
	vertical-align:top;

}
.bodytext a
{
	color:#9F9F9F;
	text-decoration:underline;
	
}
div.KeyWord
{
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	float:left;
	text-transform:uppercase;
	padding-right:3px;
}
.Buchstaben
{
	color:#FFFFFF;
	float:left;
	vertical-align:top;
	text-transform:uppercase;
	width:24px;
}
#Lexikon2
{
background-image:url(../../Global_Images/Logo_Adler.gif);
	background-position:top right;
	background-repeat:no-repeat;

}
#ProjectScreenAddon
{
	width:32px;
	background-image:url(../../Global_Images/Screen_Addon.gif);
	background-repeat:repeat-y;

}
#ProjectDate
{
	color:#a19999;
	font-size:10px;
}
#PrintIcon
{
	text-align:right;
}
#WebIcon
{
	text-align:right;
}
#HostingIcon
{
	text-align:right;
}
#IconGrid
{
vertical-align:top;

}
#DataGrid
{
vertical-align:top;
width:582px;

}
.TextWhite
{
color:#FFFFFF;

}
.TextLightGrey
{
	color:#a3a3a3;
	width:60px;
	line-height:140%;
		font-size:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.TextLightGrey:hover
{
color:#2c2c2c;
}
.TextLightGrey2
{
	color:#a3a3a3;
}
.support {color: #ec7906}
#Beschreibung
{
width:350px;
padding-bottom:3px;
line-height:130%;
}
.ProjektLink
{
width:89px;

}
#ProjectLink a
{
	color:#2c2c2c;
	width:89px;
	line-height:140%;
	font-size:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
strong
{
font-weight:normal;
color:#FFFFFF;

}
td
{
	font-size:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#707070;

}
.Client
{
	color:#2c2c2c;
}
.TextBeige
{
	color:#2c2c2c;
}
.TextBeige a
{
	/*color:#2c2c2c;
	*/
	color:#2c2c2c;
	text-decoration:none;
}
.TextBeige a:hover
{
	color:#a3a3a3;
	text-decoration:none;
}
#ProjektLink
{
width:89px;
}
#TopLink
{
	vertical-align:top;
	text-align:right;
	width:35px;
}

/*
Image Hover Effect



#ProjectScreen img {
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

#ProjectScreen:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

*/


span.IntroText a:link, span.IntroText a:visited {
	font-weight: bold;
	color: #625f5f;
	text-decoration: none;
	width:500px;
	text-align:left;
}
span.HeadlineBig {
	padding: 2px 2px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 150%;
	font-size:14px;
}

span.IntroText {
	padding: 1px 0px;
	color: #625f5f;
	background-color: #FFFFFF;
	line-height: 150%;
	font-size:10px;
}


.tooltip {	position: absolute;		display: none;		background-color: #333333;		border:0px solid #121316;		color:#FFFFFF;		font-family:Arial, Helvetica, sans-serif;		padding:1px;		width:60px;		font-size:10px;		-moz-opacity:0.65;		filter:alpha(opacity=65);	}



#banner
{
position: absolute;
top: 0px;
right: 0px;
width: 191px;
height:141
z-index:15;

}