/*   Allgemeine Formatierungen   */

body {
 font: 1em Verdana, sans-serif;
 background-color: #ddd2e1;
 color: #330541;
 /*background-image: url(bilder/hintergrund.jpg); */
 scrollbar-face-color: #000000;
 scrollbar-arrow-color: #00FF33;
 scrollbar-track-color: #666666;
}

h1 {
 font: normal 1em Comic Sans MS;
 font-variant: small-caps;
 font-weight: bold;
}

a:link {color:#330541; text-decoration:none;}
a:visited {color:#330541; text-decoration:none;}
a:hover {color:#39cabe; text-decoration:none;}
a:active {color:#39cabe; text-decoration:none;}
a:focus {color:#39cabe; text-decoration:none;}

.breaker{
	clear:left;
}

#button{
 margin-left: 145px;
 float:left;
}

/*     -----Markierungen für alle Seiten - um angedeutete und normale (da nur ein Teil der Links unterstrichen werden soll) Links zu unterstreichen ---    */

.unterstrichen {text-decoration:underline;}
.klein {font-size: 10px;}
.einruecken {text-indent: 1em;}

/*  -----Äußere Div-Box, um alle Div-Boxen "zusammenzuhalten"   */

#rand {
 top: 1em;
 margin-right: auto;
 margin-left: auto;
 width: 50em;
 /*border: solid black thin;*/
}

/* 
#snowboarder {
 position: absolute;
 z-index: 2; 
}
  */
  
/*   -----Navigation------   */
#navigation {
 position: absolute;
 margin-top: 0em;
 height: 40.5em;
 width: 9.35em;
 background-color: white; 
 border: solid white medium;
 border-right-color: white;
 border-top-color: #330541;
 float:right;
}

ul.closed, ul.opened {
 list-style: none;
 line-height: 1.5em;
 font-size: 0.95em;
 margin-left: 0.5em;
 padding-left: 0.1em;
 font: normal 1em Comic Sans MS;
 font-variant: small-caps;
 font-weight: bold;
}

ul.opened {
 display: block;
}

ul.closed {
 display: none;
}

a.folder {
 cursor: pointer;
}

a.nav {
font-style: italic;
}

/*    ------- Content -----     */

#content {
 position:absolute;
 margin-top: 0em;
 margin-left: 9.55em;
 margin-bottom: 0.5em;
 height: 40em;
 width: 38.55em;
 background-color: white; 
 border: solid white medium;
 border-left-color: #330541;
 border-top-color: #330541;
 padding-left: 1.5em;
 padding-top: 0.5em;
}

/*    ----- Vorstand-Seite -----    */

div.zentriert {
 text-align: center;
}

#boxBeide {
 position: absolute;
 text-align: center;
 border: solid black thin;
}

#boxLinks {
 position: absolute;
 width: 11em;
 height: 12em;
 left: 12em;
 text-align: right;
 font-weight: bold;
 padding-right: 0.5em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 margin-right: 2em;
 line-height: 1.5em;
}

#boxRechts {
 position: absolute;
 width: 13em;
 height: 16.5em;
 left: 22.55em;
 text-align: left;
 border: solid white thin;
 border-left-color: #330541;
 padding-left: 0.5em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 margin-left: 1em;
 line-height: 1.5em;
}

/* Steckbriefe-Seite */

div.format {
 margin-left: 1em;

 width: 84px;
 height: 100px;
 margin-bottom: 0.6em;
 float: left;
}

div.steckbriefLinks{
 margin-left: 1em;
 width: 12em;
 height: 130px;
 margin-bottom: 0.6em;
 float: left;
 font-weight: bold;
 /*left: 10em;*/
 font-size: 0.8em;
 line-height: 1.4em;
 text-align: right;
 padding-right: 0.5em;
}

div.steckbriefRechts{
 margin-left: 1em;
 border: solid white thin;
 border-left-color: #330541;
 width: 19em;
 height: 130px;
 margin-bottom: 0.6em;
 float: left;
 /*left: 23em;*/
 font-size: 0.8em;
 line-height: 1.4em;
 text-align: left;
 padding-left: 0.5em;
}

div.popupLinks{
 margin-left: 5px;
 width: 90px;
 float: left;
 font-weight: bold;
 font-size: 0.8em;
 line-height: 1.4em;
 text-align: left;

}

div.popupRechts{
 margin-left: 10px;
 border-left-color: #330541;
 float: left;
 font-size: 0.8em;
 line-height: 1.4em;
 text-align: left;
}

/*    ----- Statuten-Seite -----    */

p.statuten {
 font-weight: bold;
}

/*    ----- Angebot-Seite -----    */

div.rahmen {
 float: left; 
 margin-right: 1em; 
 margin-left: 1em;
 width: 240px;
 height: 180px;
}

div.boxSponsoren {
 margin-left: 1em;
 margin-bottom: 1em;
 float: left;
 width: 11em;
 height: 9em;
 border: dotted #330541 thin;
 padding-top: 0.5em;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

div.bildSponsoren {
 text-align: center;
 padding: 0.5em;
}


/*    ----- Gebiete-Seite -----    */

#strich {
 position: absolute;
 border:solid white medium;
 border-bottom-color:black;
 top: 14em;
 left: 1.5em;
 color: white;
 width: 36.5em;
 height: 1em;
}

#suchen {
 position:absolute;
 border: solid white medium;
 top: 16.5em;
 left:12.5em;
 font-size: 10pt;
}

#anzeigen {
 position: absolute;
 top: 12em;
 left: 14em;
}

#kreischberg {
 position: absolute;
 top:26em;
 left:2.5em;
}

#radiobutton {
 position: absolute;
 z-index: 2;
}


/*    --------------------------------- LIGHTBOX ----------------------------------------    */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	

/*    --------------------------------- FORMULAR ----------------------------------------    */

#formlinks{
	font-weight:bold;
	width:100px;
	margin-left:20px;
	float:left;
}

#formrechts{
	margin-left:25px;
	text-align:left;
	width:340px;
	float:left;
}

#checkbox{
	margin-left:20px;
	float:left;
}

.breaker{
	clear:left;
}

label, input[type=checkbox]{
	cursor:pointer;
}

input:focus, textarea:focus{
	border: 1px dotted #330541;
	background:#C0C0C0;
}

/*    ------------------------------ Links -----------------------------------    */

div.auslesenUE {
 font-weight:bold;
 width:400px;
 margin-left:20px;
 margin-bottom: 10px;
 float:left;
}
div.auslesen {
 width:410px;
 margin-left:10px;
 float:left;
 border-bottom: dotted 1px #330541;
}

/* --------------------------- Absolventen ------------------------------ */

div.auslesenName {
 font-weight: bold;
 width: 260px;
 margin-left:10px;
 border-bottom: solid 1px #330541;
 float:left;
}

div.auslesenBeruf {
 font-weight: bold;
 width: 320px;
 margin-left:10px;
 border-bottom: solid 1px #330541;
 float: left;
 margin-bottom: 10px;
}

div.auslesenName2 {
 font-weight: bold;
 width: 260px;
 margin-left:10px;
 float:left;
}

div.auslesenBeruf2 {
 width: 320px;
 margin-left:10px;
 float: left;
 margin-bottom: 10px;
}

/* --------------------------- Gästebuch ------------------------------ */

div.gaesteName {
 font-weight: bold;
 width: 440px;
 margin-left:10px;
 padding-top: 5px;
 padding-left: 5px;
 border-top: dotted 1px #330541;
 float:left;
 background-color: #e9e7e7;
}

div.gaesteDatum {
 font-weight: bold;
 font-size: 0.75em;
 width: 140px;
 margin-left:0px;
 padding-top: 5px;
 
 border-top: dotted 1px #330541;
 float: left;
 background-color: #e9e7e7;
}

div.gaesteEmail {
 font-size: 0.75em;
 width: 580px;
 margin-left:10px;
 padding-left: 5px;
 border-bottom: solid 1px #330541;
 float: left;
 margin-bottom: 10px;
 background-color: #e9e7e7;
}

div.gaesteEintrag {
 width: 570px;
 margin-left:20px;
 padding-bottom: 5px;
 margin-bottom: 15px;
 float:left;

}

div.auslesenNameG {
 font-weight: bold;
 width: 260px;
 margin-left:10px;
 border-bottom: solid 1px #330541;
 float:left;
}

div.auslesenBerufG {
 font-weight: bold;
 width: 190px;
 margin-left:0px;
 border-bottom: solid 1px #330541;
 float: left;
 margin-bottom: 10px;
}

div.auslesenJahrG {
 font-weight: bold;
 width: 130px;
 margin-left:0px;
 border-bottom: solid 1px #330541;
 float: left;
 margin-bottom: 10px;
}

div.auslesenInfoG {
 width: 565px;
 margin-left:20px;
 padding-bottom: 5px;
 margin-bottom: 10px;
 float:left;
 border-bottom: dotted 1px #330541;
}

div.auslesenName2G {
 font-weight: bold;
 width: 250px;
 margin-left:10px;
 float:left;
}

div.auslesenBeruf2G {
 width: 180px;
 margin-left:10px;
 float: left;
 margin-bottom: 10px;
}

div.auslesenJahr2G {
 width: 140px;
 margin-left:10px;
 float: left;
 margin-bottom: 10px;
 font-size: 0.75em;
}

/* --------------------  Klassentreffen   ----------------------- */
div.auslesenAbschlussK {
 font-weight: bold;
 width: 480px;
 margin-left:10px;
 padding-top: 5px;
 padding-left: 5px;
 float:left;
 border-bottom: solid 1px #330541;
}

div.auslesenDatumK {
 font-weight: bold;
 width: 105px;
 margin-left:10px;
 padding-top: 5px;
 padding-left: 5px;
 float: left;
 border-bottom: solid 1px #330541;
}

div.auslesenAbschluss2 {
 font-weight: bold;
 width: 480px;
 margin-left:15px;
 padding-top: 5px;
 padding-left: 5px;
 float:left;
 border-bottom: dotted 1px #330541;
}

div.auslesenDatumK2 {
 font-weight: bold;
 width: 95px;
 margin-left:15px;
 padding-top: 5px;
 padding-left: 5px;
 float: left;
 border-bottom: dotted 1px #330541;
 font-size: 0.75em;
}

div.auslesenUeberschrift {
 font-weight: bold;
 width: 280px;
 margin-left:30px;
 padding-top: 5px;
 padding-left: 5px;
 float:left;
 border-bottom: solid 1px #330541;
}

div.auslesenInfoK {
 width: 543px;
 margin-left:20px;
 padding-bottom: 5px;
 padding-left: 25px;
 margin-bottom: 15px;
 border-bottom: dotted 1.5px #330541;
 float:left;
}

/* --------------------  Aktualisierung   ----------------------- */
div.wysiwyg {
 width: 430px;
 margin-left:10px;
 text-align:left;
 float:left;
}



/* WYSIWYG EDITOR */

/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(../icons/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../icons/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.button     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }


/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}




/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:280px; height:200px; 
  z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:280px; height:200px; 
	clip:rect(0px, 280px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:160px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  

/*      ------------------------- Abbildung Finalcard ---------------------------------          */
.finalcard{
 float: left;
 margin-left: 25px;
 border: solid #330541 thin;
 border-width: 1px 1px;
 padding-bottom: -5px;
}