/*****************************************************************************************************************/
/*****************************Stylesheet media sreen fuer EFH Barrierefrei ***************************************/
/*****************************Stand Mai 2008                               ***************************************/
/*****************************Version 1.0                                  ***************************************/
/*****************************Andreas Beckmann / Hochschulrechenzentrum    ***************************************/
/*****************************************************************************************************************/

/*************************Reset der Styles **********************************************************************/
body 
{
	background-color: #FFFFFF;
	background-image:none;
	padding:0;
	margin:0;
	border:0;
	width: 101%;
}

/**********************************Layout für 1024 x 768 *******************************************************/
#sitemain 
{
    position:relative;
    width:900px;
    background-color:transparent;
    font-size:10px;
    margin:0 auto 0 auto;
	border:none;
}

/***************************Headbereich mit Logo, Headnav und Sloganbereich ************************************/
/***************************Aenderungen uber Cascade in XHTML-Seite z.B. Head und faux-column ******************/
#logogruppe 
{
    display:none;
}
#Logo2 
{
    display:none;
}
#qlslogan 
{
    display:none;
}

/************************************* Quicklink im Headbereich ******************************/
#QuickLink 
{
    display:none;
}
#QuickLink .qlk 
{
    position:relative;
    left:10px;
    top:10px;
 
}
#QuickLink .qlk a 
{
    text-decoration:none;
    color: #CCCCCC;
	font-weight:bold;
}
#QuickLink .qlk a:hover 
{
    text-decoration:underline;
}

/*************************************************** Slogan im Headbereich ****************************/
#slogan 
{
    display:none;
}

#slogan h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:1.6em;
padding-top:5px;
padding-left:10px;
margin:0; 
}

#slogan p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:1.4em;
padding-top:5px;
padding-left:10px; 
margin:0;
font-style:italic;  
}

/*************************************************Menuebereich ****************************************/

#Menu 
{
    display:none;
}
#Menu ul 
{
    margin:0;
    padding:0 0 0 5px;
    font-size:12px;
}
#Menu li 
{
    overflow:none;
    list-style-type: none;
	list-style-image:url(../images/listenpunkt.gif)
    margin:0;
    padding:0;
    float:left;
} 
#Menu a 
{
    text-decoration:none;
    margin:0;
    padding:7px 10px 0;
    display:block;
    height:23px;
    color:#000000;
    float:left;
}
#Menu a.first 
{
    margin:0;
    padding:7px 10px 0;
} 
#Menu a:hover 
{
    background:#A9A9A9;
	color:#FFFFFF;
}
/********************************** Bereich Schnelleinstieg und Suche **************************************/
#selectsearchmain 
{
    display:none;
}
#selectseaerch 
{
    position:relative;
    float:left;
    width:980px;
    height:30px;
    background-color:transparent;
    font-family:arial,sans-serif;
    font-size:10px;
}

/********************************Bereich Schnelleinstieg *************************************************/
#cbopt22 
{
    position:relative;
    float:left;
    width:522px;
    height:30px;
    background-color:transparent;
    font-size:10px;
}
#cbopt22 .opt 
{
    position:absolute;
    top:3px;
    left:10px;
    z-index:101;
}
#cbopt22 .opt select 
{
    float:left;
    width:250px;
    height:20px;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
}
#cbopt22 .opt label 
{
    float:left;
    font-size:12px;
    color:#000000;
    margin-left:5px;
    margin-top:3px;
}

#cbopt22 .opt .obtn 
{
    margin-left:4px;
    margin-top:2px;
}
/****************************Bereich Suchformular *********************************************************/

#SearchBar 
{
    display:none;
}
#SearchBar .search 
{
    position:absolute;
    top:5px;
    right:5px;
    z-index:101;
}
#SearchBar .search input 
{
    float:left;
    font-size:11px;
}
#SearchBar .search .sbox 
{
    width:200px;
    height:14px;
    margin-left:3px;
    margin-top:1px;
    color:#000000;
    border:solid 1px #808080;
    background:#FFFFFF;
}
#SearchBar .search .sbtn 
{
    margin-left:4px;
    margin-top:2px;
}
#SearchBar .search label 
{
    float:left;
    font-size:12px;
    margin-right:3px;
    margin-top:3px;
}

/****************************************** Inhaltsbereich mit faux-column **********************************************/
#inhalt 
{
    position:relative;
    width:980px;
	font-size:10px;
	height:auto !important;
	height:100%;
	overflow:auto;
	
}

/************************************ Brotkrumenlink ... wo bin ich **********************************************/
#lqtext 
{
    position:relative;
    float:left;
    width:900px;
    font-size:10px;
}
#pocketlink 
{
    position:relative;
    width:780px;
    height:50px;
    font-family:verdana,arial,sans-serif;
    font-size:11px;
	border-bottom:#666666 1px solid;
}
#pocketlink .comment 
{
    position:relative;
    text-align:left;
    left:15px;
    top:6px;
	padding-bottom:5px;

}
#pocketlink a 
{
    text-decoration:none;
    margin:0;
    padding:0;
    height:24px;
    color:#000000;
	text-decoration:underline;
}
#pocketlink a:hover 
{
    color:#bb2222;
}

/*********************Formatierung wiederholbarer Textbereich ***************************/
#textinhalt 
{
    position:relative;
   	width:850px;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1.2em;
    line-height:1.4em;
	padding-bottom:15px;
	padding:0px 30px 15px 30px;
}
#textinhalt .br 
{
    
    width:100%;
	padding-bottom:15px;
	border-bottom:#666666 1px dashed;
	
}
#textinhalt .spacebs 
{
    font-size:0;
    margin:0;
    padding:15px 0 0 0;

} 

#textinhalt img.einzuglinks {

float:left;
padding: 5px 5px 100px 0px;

}

#textinhalt .bigtlt 
{
    position:relative;
    
   width:850px;
    left:5px;
    right:5px;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1.4em;
    font-weight:bold;
    text-align:justify;
    color: #000000;
    margin:10px 0px 10px 0px;
    padding:2px 0 2px 10px;
	
}

#textinhalt .midtlt 
{
    position:relative;
    background:transparent;
    width:850px;
    left:5px;
    right:5px;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-align:justify;
    color:#000000;
    margin:5px 0px 5px 0px;
    padding:2px 0 2px 10px;
}

#textinhalt .smaltlt 
{
    position:relative;
    background:transparent;
    width:850px;
    left:5px;
    right:5px;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1em;
    font-weight:bold;
    text-align:justify;
    color:#000000;
    margin:5px 0px 5px 0px;
    padding:2px 0 2px 10px;
}

#textinhalt .texten 
{
    position:relative;
    background:transparent;
    width:690px;
    left:5px;
    right:5px;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1em;
    text-align:justify;
    color:#000000;
    margin:5px 0px 5px 0px;
    padding:2px 0 2px 10px;
	line-height:1.8em;
}

#textinhalt ul 
{
    margin:0;
    padding:5px 0 5px 30px;
}
#textinhalt li 
{
    list-style-type:disc;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1em;
    margin:0;
    padding:1px 0;
}
#textinhalt table 
{
    position:relative;
    width:850px;
    left:15px;
    right:5px;
    border-collapse:collapse;
    border:1px solid #808080;
    font-family:arial,sans-serif;
    font-size:1em;
    color:#000000;
    margin:0;
    padding:0;
}
#textinhalt tr 
{
    vertical-align: middle;
}
#textinhalt th 
{
    background:#D2F0DC;
    border:1px solid #808080;
    text-align:left;
    margin:0;
    padding:3px 0 3px 10px;
    color:#000000;
}
#textinhalt td 
{
    border:1px solid #808080;
    text-align:left;
    margin:0;
    padding:2px 0px 0px 2px;
    color:#000000;
}


#textinhalt p 
{
    
	width:850px;
    margin:0;
    padding:10px 10px 10px 10px;
    color:#000000;
	text-align:justify;
	font-size:1em;
	line-height:1.8em;
	
}

#textinhalt img.bildlinks {

float:left;
padding: 5px 5px 5px 0px;

}

#textinhalt img.bildrechts {

float:right;
padding: 5px 0px 5px 5px;

}

#textinhalt .icon {

display:none;

}

#textinhalt .icon  img{

display:none;

}

/**********************Ende Formatierung wiederholbarer Bereich ***********************************/
#rechts 
{
   display:none;
}
#rechts .bspc 
{
    padding-bottom:0px;
	padding-top:37px;
}

#rechts img {

padding-bottom:20px;
}

#rechts .text {
color:#000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
padding:0px 0px 0px 5px;
}

#footer 
{
   display:none;
}
#footer .tag 
{
    position:relative;
    text-align:left;
    left:10px;
    top:5px;
    clear:both;
}
#footer .tag a:link, a:visited 
{
    text-decoration:underline;
    color:#000000;
}
#footer .tag a:hover 
{
    color:#bb2222;
}

a {

color:#000000;
text-decoration:underline;
font-weight:bold;
}

a:hover {
color:#bb2222;
}

strong {
font-weight:bold;
}
br {

padding:5px 0px 5px 0px;

}

img {
border:none;
}

#inhalt 
{
	background:none;
}