/* Farben
helles blau:	#1f82c0
dunkles blau:	#006ab2
grau:		#ececed
orange:		#ee7f00
*/

/* preload der Grafiken muss noch eingebaut werden */

html,body
{
	margin: 0;
	padding: 0;
	font-size: 95%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/* font-family: sans, arial; */
	color: #000;
	background-color: #ececed;
	height: 100%;
	min-width: 1024px;
}

#preload
{
	width:0px;
  	height:0px;
  	display:none;
}

#content a:link,#content a:visited
{	background: url(images/a_off.png) no-repeat;
	padding-left: 14px;
}

#content a:hover
{	background: url(images/a_on.png) no-repeat;
	color: #ee7f00;
}


a {
	color: #006ab2;

}

a img {
	border: none;
}

.clear {
	clear: both;
}

div#topbar
{
         min-width: 1024px;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 90px;
         overflow: visible;
         background: url(images/top_bar_bg.png) repeat-x;
}

div#container
{
	background: url(images/nav_bg.png) repeat-y;
	min-height:100%; /* for Geckos and Opera */
	height:100%;     /* for IE */
         min-width: 800px;
         max-width: 2000px;
}

html > body #container {
	height: auto;
}

div#sidebar {
	float:right;
	width:250px;
         padding-top: 65px;
         text-align:center;
}

div#sidebar img {
	max-width: 230px;
}

/*--------------   Top Bar    -----------------*/
#top_people {
	position: absolute;
         right: 10px;
         top: 5px;
}

#top_pic_bar {
	position: absolute;
         left: 350px;
         top: 0;
}

#top_yn_logo {
	position: absolute;
         left: 20px;
         top: 44px;
}

#top_hsg {
	position: absolute;
         left: 20px;
         top: 78px;
         color: white;
         font-weight: bold;
}
/*--------------   Navigation  ----------------*/

div#navbar
{
         float:left;
	padding-top:30px;
	width: 210px;
}

/* Ebene 1 */
#navbar ul {
	list-style-position: inside;
         list-style-type: none;
         padding-left: 0;
}

#navbar ul li {
	font-size: 16px;
         margin: 5px 0 5px 0;
         line-height: 22px;

}

#navbar ul li a {
	display: block;
	color: white;
         text-decoration: none;
         height: 23px;
         padding-left: 25px;
         background:url(images/list_big_off.png) no-repeat left center;
}

#navbar ul li a:hover , #navbar ul li.active a {
         background:url(images/list_big_on.png) no-repeat left center;
}

/* Ebene 2 */
#navbar ul ul {
	padding-left: 35px;
         margin-bottom: 10px;
}

#navbar ul ul li {
	font-size: 13px;
         line-height: 12px;
}

#navbar ul ul li a , #navbar ul li.active ul li a{
	height: 15px;
         padding-left: 15px;
	background:url(images/list_small_off.png) no-repeat left center;
}

#navbar ul ul li a:hover, #navbar ul li.active ul li a:hover, #navbar ul li.active ul li.active a {
	background:url(images/list_small_on.png) no-repeat left center;
}

/*------------- Inhalt -------------------*/
div#content
{
	overflow: hidden;
	padding: 20px 20px 0px 20px;
	font-size: 90%;
	text-align: justify;
	/*line-height: 150%;*/
	width: 100%; /* for IE */
	max-width: 800px; /* damit Text nicht zu breit wird */
}

html > body #content {
         width: auto;             /* undo 100% for Geckos and Opera */
}

.odd, .even {
	margin-bottom: 30px;
        	padding: 0 4px 2px 4px;

}

.odd {
         border: 1px solid #98c0da;
         background: url(images/box_bg.png);
}

.even {
         border: 1px solid #ecc08d;
         background: url(images/box_bg_2.png);
}


/* -- News und Startseite --*/
#content div.odd h1, #content div.even h1 {
	color: #006ab2;
         font-size: 1.5em;
         letter-spacing: 0.8pt;
         margin-left: 0px;
}

#content div.odd h2, #content div.even h2 {
	color: #006ab2;
         font-size: 1.3em;
         float: right;
}

#content div.odd img , #content div.even img{
	float: right;
         margin-left: 10px;
}

#content div.odd p, #content div.even p {
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 25px;
}

#content div.odd a, #content div.even a {
	font-size: 14px;
	text-decoration: none;
         padding-left: 15px;
	background: url(images/a_off.png) no-repeat;
}

#content div a:hover {
	text-decoration: none;
         color: #ee7f00;
	background: url(images/a_on.png) no-repeat;
}
/*--- Sonstiges im Inhalt --- */
#content table{ font-size: 100%;}

#content table th {
	vertical-align: top;
}

#content h1
{
         color:#006AB2;
         font-size: 1.8em;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.8pt;
	margin-left: -10px;
}

#content h2
{
	color: #006AB2;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.5pt;
	text-align: left;
	margin-left: -10px;
}

#content h3
{
	color: #006AB2;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.5pt;
	text-align: left;
	margin-left: -10px;
	margin-top: 25px;
}

#content img
{
	margin-left: 10px;
	margin-bottom: 5px;
	
}

#content ul {
	margin-left: 25px;
	list-style-type: disc;
}

#content ul li {
	margin-bottom: 10px;
}

#content .linklist {
	list-style-type: none;
}

div.picbox {
	text-align: center;
	margin-bottom: 10px;
}

div.picbox span {
	text-align: center;
	width: 100%;
	font-style: italic;
	font-size: 90%;
}

div.picbox span img {
	vertical-align: bottom;
}

#content td.tdspacer {
	height: 20px;
}

#cleardiv
{
	clear: both;
	height: 85px;
}

#sem_overview
{

}

#sem_overview th
{
	font-weight: normal;
	padding: 2px;
}

#sem_overview td
{
	padding: 2px;
}

#content span.quelle
{
	font-style: italic;
	font-size: 70%;
}

#content #hidefield
{
	display: none;
	visibility: hidden;
}

/* no symbol in front of ical Symbol */
.ical-link
{
	background: none !important;
	padding-left: 0 !important;
}

/*-------- Footer --------*/
div#print_foot
{
	display: none;
}

div#footer
{
	clear: both;
	margin-top: -26px;
	margin-left: 210px;
	padding: 0;
	border-top: 1px solid #006AB2;
	text-align: right;
	font-size: 85%;
}
#footer ul {
         list-style-type: none;
         margin: 1px 0 0 0 ;
}

#footer ul li {
	display: inline;
         font-size: 14px;
         padding: 5px 0.5em 5px 0.5em;
}

#footer ul li:hover a:hover {
	color: #ee7f00;
         text-decoration: underline;
}

#footer ul li a,
#footer ul li a:active,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:focus {
         color: #006ab2;
         text-decoration: none;
}

/* nach oben */
#foot_up {
	float: left;
         margin-left: 20px;
         width: 200px;
}

#foot_up a {
	background: url(images/top.png) no-repeat;
         width: 25px;
         height: 25px;
         display: block;
}

#foot_up a:hover {
	background: url(images/top_hov.png) no-repeat;
}

div#members
{
	float: left;
	margin-top: -31px;
         text-align: center;
         width: 200px;
	margin-left: -210px; /* for IE */

}

html>body #members {
	margin-left: -210px;  /* for Geckos and Opera */
         }

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

#members a:hover {
         font-style: italic;
         font-weight: bold;
         }

/* RSS Logo */
#sidebar div#rss_logo {
	text-align: left;
         height: 30px;
         margin-top: -40px;
         margin-bottom: 20px;
}

#sidebar div#rss_logo a {
	background: none;
         padding-left: 0;
}


/* Anmeldungsfelder alt */

#signuptable, #signupinfotable
{
	border-collapse:collapse;
}

#signuptable td
{
	padding: 5px;
}

#signuptable input, #signuptable textarea
{
	border-left: 1px solid #006ab2;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #006ab2;
	font-family: MS Sans Serif,Arial,Helevtica;
	background-color: #d9e2e8;
}

#signuptable textarea
{
	font-size: 100%;
}

#signuptable input.mark, #signuptable textarea.mark
{
	border-left: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #ffd0d0;
}

.signupevent span.mark
{
	background-color: #ffd0d0;
}

/* Anmdelungsdialog neu */
#anmeldeStatusImg
{
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}


#anmeldetable
{
	width: 500px;
	border-collapse:collapse;
	border: 1px solid #006ab2;

}

#anmeldetable td
{
	padding: 5px;
}

#anmeldetable input[type=text], #anmeldetable textarea
{
	border-left: 1px solid #006ab2;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #006ab2;
	font-family: MS Sans Serif,Arial,Helevtica;
	background-color: #d9e2e8;
}

#anmeldetable textarea
{
	font-size: 95%;
}
 

.anmelde-h2
{
	font-weight: bold;
	font-size: 120%;
	padding: 10px;
}


.anmelde-rowspacer
{
	width: 	30px;
}


.anmelde-Vspacer
{
	height: 20px;
}

.anmelde-buttons
{
	text-align: center;
}

.anmelde-anmerkung
{
	text-align: right;
	font-style: italic;
	
}

.anmelde-overview-descr
{
	text-align: right;
}

#anmeldetable input[type=text].mark, #anmeldetable textarea.mark
{
	border-left: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #ffd0d0;
}

#anmeldetable td.mark
{
	border: 1px solid red;
	background-color: #ffd0d0;
}

/* Hinweise zu Daten */
.anmelde-datenhinweis
{
	background-color: lightgreen;
	padding: 10px !important;
	margin-bottom: 5px;
	border: 1px solid green;
}

.anmelde-exk-title
{
	font-weight: bold;
	font-size: 110%;
}

.anmelde-exk-date
{
	font-style: italic;
}

.anmelde-mailfield
{
	display: none;
}

/* Fehler-, Statusmeldungen */
#err_box
{
	border: 1px solid red;
	background-color: #ffd0d0;
	width: 488px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

#ok_box
{
	border: 1px solid green;
	background-color: lightgreen;
	width: 488px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

/*---------- Archiv --------------*/
/* Übersichtsseite */
#content div.archivbox
{
	 border: 1px solid #98c0da;
         background: url(images/box_bg.png);
         margin-top: 20px;
         margin-bottom: 20px;
}

.archivbox div.head
{
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	border-bottom: 1px solid #ee7f00;
        background: url(images/box_bg_2.png);	
}

.archivbox div.cont table
{
	margin: 10px 15px 10px 15px;
	font-size: 13px !important;
}

.archivbox div.cont table th
{
	width: 150px;
	font-weight: normal;
}

.archivbox div.cont table td
{
	font-weight: bold;
}

/* spezielle Textformatierungen */
/* Zitat */
.quote
{
	font-style: italic;
	text-align: center;
	font-family: 'Times New Roman',Times,serif;
	font-size: 17px;
}

/* Zeile mit Autor */
#content p.author
{
	font-style: italic;
	text-align: right;
}