/*  Sneeuwwit Soft Solutions, 2010-03-17  */
/*

  CONFIG_NAVI_WIDTH  =  200
  CONFIG_NEWS_WIDTH  =  200
  CONFIG_PAGE_WIDTH  =  928

  CONFIG_NAVI_BULLET_HEIGHT  =  8
  CONFIG_NAVI_BULLET_SPACE   =  5
  CONFIG_NAVI_BULLET_WIDTH   =  8
  CONFIG_NAVI_PADDING_LEFT   =  11
  CONFIG_NAVI_PADDING_RIGHT  =  6

  CONFIG_NAVI_INDENT  =  CONFIG_NAVI_BULLET_WIDTH + CONFIG_NAVI_BULLET_SPACE

*/

html, body {
  background-color    : #e3d9d3;                       /*  ?  */
  background-image    : url('site_background.gif');
  background-position : top center;
  background-repeat   : repeat-x;
  color               : #7f7f7f;                       /*  ?  */
  cursor              : default;                       /*  FIXED  */
  font-family         : 'Trebuchet MS', 'Sans Serif';  /*  ?  */
  font-size           : 12px;                          /*  ?  */
  margin              : 0px;                           /*  FIXED  */
  min-height          : 101%;                          /*  !  */
  padding             : 0px;                           /*  FIXED  */
  width               : 100%;                          /*  FIXED  */
}

a {
  color           : #0f3f7f;  /*  ?  */
  outline         : none;     /*  FIXED  */
  text-decoration : none;     /*  FIXED  */
} 

a:hover {
  color : #1f7fff;  /*  ?  */
}

h1 {
  color       : white/*#ff7f1f*/;             /*  ?  */
  font-size   : 16px;               /*  ?  */
  margin      : 0px;                /*  FIXED  */
  padding     : 10px 0px 8px 20px;  /*  FIXED  */
  white-space : nowrap;             /*  FIXED  */
}

img {
  border : none;  /*  FIXED  */
}

.clearFloat {
  clear    : both;  /*  FIXED  */
  height   : 0px;
  overflow : hidden;
}

#containerPage {
  background-image : url('page_background.jpg');  /*  ?  */
  margin           : auto;                        /*  FIXED  */
  width            : 928px;                       /*  = CONFIG_PAGE_WIDTH  */
}

#containerMain {
background-image  : url('main_background.jpg');
background-repeat : repeat-x;
  float       : left;    /*  FIXED  */
  margin-left : 200px;   /*  = CONFIG_NAVI_WIDTH  */
  margin-top  : 128px;   /*  = CONFIG_HEAD_HEIGHT  */
  overflow    : hidden;  /*  FIXED  */
  width       : 528px;   /*  = CONFIG_PAGE_WIDTH - CONFIG_NEWS_WIDTH - CONFIG_NAVI_WIDTH */
}

* html #containerMain {  /*  {IE6 only}  */
  margin-left : 100px;   /*  = CONFIG_NAVI_WIDTH / 2  */
}

#containerMain a {
  font-weight : bold;  /*  ?  */
}

#containerMain .section {
background-color:#f3f3f3;
background-image:url('section-foot.jpg');
background-position:bottom;
background-repeat:no-repeat;
  margin  : 25px 20px 0px 20px;  /*  !  */
  padding : 0px 0px 10px 0px;  /*  !  */
}

#containerMain .section h1 {
background-color:none;
background-image:url('section-head.jpg');
background-repeat:no-repeat;
  margin  : 0px 0px 20px 0px;  /*  !  */
}

#containerMain .section form,
#containerMain .section p,
#containerMain .section table,
#containerMain .section ul {
background-color : none;
  margin : 0px 20px 10px 20px;  /*  !  */
  padding : 0px;
  text-align : justify;              /*  !  */
}

#containerMain .section ul {
  padding-left : 30px;
}

#containerMain .subsection {
background-color:#f3f3f3;
background-image:url('section-foot.jpg');
background-position:bottom;
background-repeat:no-repeat;
  margin  : 25px 20px 0px 20px;  /*  !  */
  padding : 0px 0px 10px 0px;  /*  !  */
}

#containerMain .subsection h1 {
background-color:none;
background-image:url('subsection-head.jpg');
background-repeat:no-repeat;
  color           : #5f5f5f;
  font-size       : 14px;              /*  !  */
  font-weight     : normal;            /*  !  */
  margin : 0px 0px 20px 0px;  /*  !  */
  padding         : 5px 0px 4px 20px;  /*  !  */
}

#containerMain .subsection form,
#containerMain .subsection p,
#containerMain .subsection table,
#containerMain .subsection ul {
background-color : none;
  margin : 0px 20px 10px 20px;  /*  !  */
  padding : 0px;
  text-align : justify;              /*  !  */
}

#containerMain .subsection ul {
  padding-left : 30px;
}

.thumb {
  float  : left;
  margin : 0px 10px 10px 0px;
}

#containerNews {
background-image  : url('news_background.jpg');
background-repeat : no-repeat;
  float      : right;   /*  FIXED  */
  margin-top : 128px;   /*  = CONFIG_HEAD_HEIGHT  */
  overflow   : hidden;  /*  FIXED  */
  width      : 200px;   /*  = CONFIG_NEWS_WIDTH  */
}

#containerNews div, #containerNews p {
  margin-left  : 5px;   /*  !  */
  margin-right : 11px;  /*  !  */
}

#containerNews h1 {
  color       : #5f5f5f;  /*  ?  */
  font-weight : normal;   /*  ?  */
  margin      : 0px;      /*  !  */
}

#containerNews h2 {
background-image  : url('news_headline.jpg');
background-repeat : no-repeat;
  font-size    : 14px;             /*  !  */
  font-weight  : normal;           /*  !  */
  margin-left  : 5px;              /*  !  */
  margin-right : 5px;              /*  !  */
  padding      : 5px 0px 4px 6px;  /*  !  */
}

#containerNews .info {
  color      : #bfbfbf;  /*  !  */
  font-size  : 10px;     /*  !  */
  text-align : right;    /*  !  */
}

#containerNavi {
background-image  : url('navi_background.jpg');
background-repeat : no-repeat;
  float       : left;    /*  FIXED  */
  margin-left : -728px;  /*  = CONFIG_NEWS_WIDTH - CONFIG_PAGE_WIDTH  */
  margin-top  : 128px;   /*  = CONFIG_HEAD_HEIGHT  */
  overflow    : hidden;  /*  FIXED  */
  width       : 200px;   /*  = CONFIG_NAVI_WIDTH  */
}

#containerNavi a {
  display       : block;   /*  FIXED  */
  float         : right;   /*  FIXED  */
  line-height   : 18px;    /*  ?  */
  overflow      : hidden;  /*  FIXED  */
  white-space   : nowrap;  /*  FIXED  */
  margin-right  : 6px;     /*  = CONFIG_NAVI_PADDING_RIGHT  */
  width         : 183px;   /*  = CONFIG_NAVI_WIDTH - CONFIG_NAVI_PADDING_LEFT  */
}

#containerNavi h1 {
  color        : #5f5f5f;           /*  ?  */
  font-weight  : normal;            /*  ?  */
  margin       : 0px 0px 10px 5px;  /*  !  */
}

#containerNavi img {
  height       : 8px;   /*  = CONFIG_NAVI_BULLET_HEIGHT  */
  margin-right : 5px;   /*  = CONFIG_NAVI_BULLET_SPACE  */
  width        : 8px;   /*  = CONFIG_NAVI_BULLET_WIDTH  */
}

#containerNavi .ignore {
  display : none;  /*  FIXED  */
}

#containerNavi .level1 {
/*  font-weight : bold;  */  /*  ?  */
}

#containerNavi .level2 img {
  padding-left : 13px;  /*  = 1 * CONFIG_NAVI_INDENT  */
}

#containerNavi .level3 img {
  padding-left : 26px;  /*  = 2 * CONFIG_NAVI_INDENT  */
}

#containerNavi .selected {
  color : #ffffff;  /*  ?  */
}

#containerHead {
  background-color : #e3d9d3;            /*  ! {body.backgroundColor}  */
  background-image : url('head_background.jpg');  /*  ?  */
  height           : 128px;              /*  = CONFIG_HEAD_HEIGHT  */
  width            : 928px;              /*  = CONFIG_PAGE_WIDTH  */
  overflow         : hidden;             /*  FIXED  */
  position         : absolute;           /*  FIXED  */
  top              : 0px;                /*  FIXED {IE}  */
}

#containerFoot {
  background-color  : #e3d9d3;            /*  ! {body.backgroundColor}  */
  background-image  : url('foot_background.jpg');  /*  !  */
  background-repeat : no-repeat;
  color             : #7f7f7f;            /*  !  */
  height            : 50px;               /*  = CONFIG_FOOT_HEIGHT  */
  overflow          : hidden;             /*  FIXED  */
  padding-top       : 32px;               /*  !  */
  text-align        : center;             /*  !  */
}










#impressum {
  color  : black;
/*  margin : 10px 21px -10px 21px;*/
}

#impressum li {
  font-size : 11px;
}

.impressum_attribute {
  font-size      : 12px;
  font-weight    : bold;
  vertical-align : top;
}

.impressum_value {
  font-size   : 11px;
  padding-top : 1px;
  text-align  : justify;
}

#impressum_columnSpacer {
  width : 20px;
}










/* ************************************************** I M A G E   B U T T O N S ************************************************** */



/*  G E N E R A L  */



.imageButton a {
  background : #aa0000;  /*  CONFIG_IMAGEBUTTON_DEFAULT_BACKGROUND_NORMAL  */
  height     : 25px;     /*  CONFIG_IMAGEBUTTON_DEFAULT_HEIGHT  */
  overflow   : hidden;   /*  FIXED {IE}  */
  width      : 75px;     /*  CONFIG_IMAGEBUTTON_DEFAULT_WIDTH  */
}

.imageButton a:hover {
  background : #ff0000;  /*  CONFIG_IMAGEBUTTON_DEFAULT_BACKGROUND_HOVER  */
}

.imageButton input {
  background  : none;     /*  FIXED  */
  border      : none;     /*  FIXED  */
  cursor      : pointer;  /*  FIXED  */
  height      : 100%;     /*  FIXED  */
  width       : 100%;     /*  FIXED  */
  line-height : 32767px;  /*  FIXED {IE, Safari} */
}

.imageButton .IE {
  display : none;  /*  FIXED  */
}

.imageButton .NotIE {
  display : block;  /*  FIXED  */
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {  /*  Firefox, Netscape, SeaMonkey  */
  border : none !important;
}



/*  S P E C I F I C  */



.imageButton {
  float  : left;
  margin : 0px;
}

.imageButton a {
  height : 24px;
  width  : 95px;
}

.imageButton_email {
  float : right;
}

.imageButton_email a {
  background : url('button_email_normal.jpg');
}

.imageButton_email a:hover {
  background : url('button_email_hover.jpg');
}

.imageButton_abbrechen {
  float        : right;
  margin-right : 5px;
}

.imageButton_abbrechen a {
  background : url('button_abbrechen_normal.jpg');
}

.imageButton_abbrechen a:hover {
  background : url('button_abbrechen_hover.jpg');
}

.imageButton_neuerCode {
  float        : right;
  margin-right : 5px;
}

.imageButton_neuerCode a {
  background : url('button_neuer-code_normal.jpg');
}

.imageButton_neuerCode a:hover {
  background : url('button_neuer-code_hover.jpg');
}

.imageButton_senden {
  float : right;
}

.imageButton_senden a {
  background : url('button_senden_normal.jpg');
  height : 24px;
  width  : 94px;
}

.imageButton_senden a:hover {
  background : url('button_senden_hover.jpg');
}

.imageButton_zurUebersicht {
  float : left;
}

.imageButton_zurUebersicht a {
  background : url('button_zur-uebersicht_normal.jpg');
}

.imageButton_zurUebersicht a:hover {
  background : url('button_zur-uebersicht_hover.jpg');
}



/*  A L B U M S  */



.imageButton_album a {
  background : url('button_cover_normal.gif');
  height : 165px;
  width  : 219px;
}

.imageButton_album a:hover {
  background : url('button_cover_hover.gif');
}










/* ************************************************** F O R M   S T U F F ************************************************** */



/*  Sneeuwwit Soft Solutions - 2010-04-05  */



/**********   e d i t   f i e l d   **********/

.edit_outer {
  background-color  : #dfdfdf;
  background-image  : url('edit_outer-gradient.gif');
  background-repeat : repeat-x;
  padding           : 1px;
  width             : 212px;  /*  = EDIT_WIDTH - 2  */
}

.edit_inner {
  background-color  : white;
  background-image  : url('edit_inner-gradient.gif');
  background-repeat : repeat-x;
  overflow          : hidden;
  padding           : 0px 4px 0px 0px;
}

.edit_control {
  background  : none;
  border      : none;
  color       : #55aaff;
  font-family : 'Trebuchet MS';
  font-size   : 12px;
  height      : 18px;
  margin      : 2px 0px 2px 2px;
  padding     : 0px;
  outline     : none;
  width       : 100%;
}

/**********   m e m o   f i e l d   **********/

.memo_outer {
  background-color  : #dfdfdf;
  background-image  : url('memo_outer-gradient.gif');
  background-repeat : repeat-x;
  padding           : 1px 3px 1px 1px;
  width             : 444px;  /*  = MEMO_WIDTH - 4  */
}

.memo_inner {
  background-color  : white;
  background-image  : url('memo_inner-gradient.gif');
  background-repeat : repeat-x;
  overflow          : hidden;
  padding           : 0px 0px 0px 2px;
  width             : 100%;
}

.memo_control {
  background  : none;
  border      : none;
  color       : #55aaff;
  float       : right;
  font-family : 'Trebuchet MS';
  font-size   : 12px;
  margin      : 0px;
  outline     : none;
  resize      : none;
  width       : 100%;
}

/*CHROME (above) & SAFARI (below)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .memo_outer {
    padding : 1px 6px 1px 1px;
    width   : 441px;  /*  = MEMO_WIDTH - 7  */
  }

  .memo_inner {
    padding : 0px 0px 0px 5px;
  }

/*\*/
  html>body*.memo_outer {
    padding : 1px 1px 1px 1px;
    width   : 446px;  /*  = MEMO_WIDTH - 2  */
  }

  html>body*.memo_inner {
    padding : 0px 0px 0px 0px;
  }
/**/

}

/*OPERA*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

  :root .memo_outer {
    padding : 1px 4px 1px 1px;
    width   : 443px;  /*  = MEMO_WIDTH - 5  */
  }

  :root .memo_inner {
    padding : 0px 0px 0px 3px;
  }

}

/* ========== */

.small {
  font-size : 11px;
}

.edit_outer {
  margin-top : 5px;
}

.memo_outer {
  margin-top : 4px;
}

.memo_control {
  height : 138px;
}










/* ************************************************** S E M E S T E R P R O G R A M M ************************************************** */



/*  Sneeuwwit Soft Solutions - 2010-04-15  */



#semesterprogramm td {
  padding        : 5px;
  vertical-align : top;
}

#semesterprogramm .datum {
  background  : #ffbfbf;
  text-align  : left;
  white-space : nowrap;
}

#semesterprogramm .typ {
  background  : #efcfcf;
  text-align  : center;
  white-space : nowrap;
}

#semesterprogramm .titel {
  background : #dfdfdf;
  text-align : left;
  width      : 100%;
}










/* ************************************************** P H O T O   A L B U M S ************************************************** */



/*  Sneeuwwit Soft Solutions - 2010-04-20  */



#containerMain .section #albums form {
  margin : 0px;
}

#albums td {
  background-position : center;
  background-repeat   : no-repeat;
}

#albums .albSpacerH {
  height : 10px;
}

#albums .albSpacerV {
  width : 10px;
}

#albums .albTitle {
  padding    : 5px 0px 15px 0px;
  text-align : center;
}

#albums .albLastTitle {
  padding-bottom : 0px;
}





#picPool td {
  padding-bottom : 5px;
  text-align     : center;
  vertical-align : top;
  width          : 146px;
}

#picPool .picCellLast {
  padding-bottom:0px;
}

#picPool .picCellMidst {
  width : 156px;
}

#picPool .picCellSeparator {
  background-image    : url('separator.gif');
  background-position : center;
  background-repeat   : repeat-x;
  height              : 41px;
}










/* ************************************************** S L I M B O X ************************************************** */



#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('prevlabel.gif') no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('closelabel.gif') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}