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

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

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

/***************************Headbereich mit Logo, Headnav und Sloganbereich ************************************/
/***************************Aenderungen uber Cascade in XHTML-Seite z.B. Head und faux-column ******************/
#logogruppe 
{
    position:relative;
    width:980px;
    height:111px;
    background-color:transparent;
    font-size:10px;
}
#Logo2 
{
    position:relative;
    float:left;
    width:550px;
    height:111px;
    background-color:transparent;
    font-size:10px;
}
#qlslogan 
{
    position:relative;
    float:left;
    width:430px;
    height:111px;
    background-color:transparent;
    font-size:0.8em;
}

/************************************* Quicklink im Headbereich ******************************/
#QuickLink 
{
    position:relative;
    width:430px;
    height:28px;
    background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
	color: #CCCCCC;
	font-weight:bold;
}
#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 
{
    position:relative;
    width:430px;
    height:83px;
    background-color:transparent;
    font-size:10px;
}

#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 
{
    position:relative;
    width:980px;
    height:30px;
    background: url(../images/hlt1.gif) repeat;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:11px;
    z-index:90;
	border-top:#666666 1px solid;
	border-bottom:#666666 1px solid;
}
#Menu ul 
{
    margin:0;
    padding:0 0 0 2px;
    font-size:11px;
}
#Menu li 
{
    overflow:hidden;
    list-style-type: none;
    margin:0;
    padding:0;
    float:left;
} 
#Menu a 
{
    text-decoration:none;
    margin:0;
    padding:8px 8px 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 
{
    position:relative;
    width:980px;
    height:30px;
    background-color:transparent;
    font-family:arial,sans-serif;
    font-size:10px;
	border-bottom:#666666 1px solid;
}
#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 
{
    position:relative;
    float:left;
    width:458px;
    height:30px;
    background-color:transparent;
    font-family:arial,sans-serif;
    font-size:10px;
}
#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:780px;
    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 
{
    
    margin:0;
    padding:0;
    height:24px;
    color:#000000;
	text-decoration:underline;
}
#pocketlink a:hover 
{
    color:#bb2222;
}

/*********************Formatierung wiederholbarer Textbereich ***************************/
#textinhalt 
{
    position:relative;
   	width:700px;
    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 .bigtlt 
{
    position:relative;
    
   width:690px;
    left:5px;
    right:5px;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1.4em;
    font-weight:bold;
    text-align:left;
    color:#bb2222;
    margin:10px 0px 10px 0px;
    padding:2px 0 2px 10px;
	
}

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



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

#textinhalt .linie 
{
position:relative;
    background:transparent;
    width:690px;
    left:5px;
    right:5px;
	color:#bb2222;
    margin:5px 0px 5px 0px;
    padding:2px 0 2px 10px;
	border-bottom: #666666 1px dashed;

}



#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 ol 
{
    margin:0;
    padding:5px 0 5px 30px;
	list-style-type:decimal;
}

#textinhalt ol li 
{
    margin:0;
    font-family:arial,helvetica,geneva,sans-serif;
    font-size:1em;
    margin:0;
    padding:1px 0;
	line-height:1.8em;
}

#textinhalt ul li 
{
	list-style:url(../images/listenpunkt.gif);
	font-family:arial, helvetica, geneva, sans-serif;
	font-size:1em;
	margin:0;
	padding:1px 0;
	line-height:1.8em;
}
#textinhalt table 
{
	position:relative;
	left:15px;
	right:0px;
	border-collapse:collapse;
	border:1px solid #808080;
	font-family:arial,sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	width: 650px;
}

#textinhalt table table.innen 
{
	position:relative;
	left:15px;
	right:0px;
	border-collapse:collapse;
	border:1px solid #808080;
	font-family:arial,sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	width: 500px;
}
#textinhalt tr 
{
    vertical-align: middle;

}

#textinhalt .tdcenter
{
    text-align:center;

}

#textinhalt th 
{
    background:#D2F0DC;
    border:1px solid #808080;
    text-align:left;
    margin:0;
    padding:2px 0 0px 2px;
    color:#000000;
}
#textinhalt td 
{
    border:1px solid #808080;
    text-align:left;
    margin:0;
    padding:2px 0px 0px 2px;
}

#textinhalt .center
{
	text-align:center;
	padding-left: 100px;

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


#textinhalt form

{
padding:10px 10px 10px 0px;
}


#textinhalt img.bildlinks {

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

}

#textinhalt img.bildrechts {

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

}

#textinhalt .icon {

margin-top:10px;

}

#textinhalt .icon  img{

margin:10px 0px 10px 15px;

}

/**********************Ende Formatierung wiederholbarer Bereich ***********************************/
#rechts 
{
    position:relative;
    float:left;
    width:200px;
    background-color:transparent;
    font-size:10px;
}
#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 
{
    position:relative;
    width:980px;
    height:24px;
    background-color:#A9A9A9;
    font-family:verdana,arial,sans-serif;
    font-size:10px;
    color:#000000;
}
#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;
}

.rot
{
text-decoration:underline;
}
.bild {

text-align:center;}

#unsichtbar
{
display:none;
}