/*
######################
###  BASIS - CODE  ###
######################
*/

html {
  background-color: #FFF;
}
html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0;
  padding: 0;
}
p {
  /* Die P-Tags zu br umwandeln da TinyMCE damit arbeitet und das sonst doof aussieht */
  margin: 0;
  padding: 0;
}
table { empty-cells: show; }
input[type="text"] { padding: 3px 0 3px 2px; }

a:link, a:visited, a:active, a:hover{
  color: #0000FF;
}




/*
#######################
###  DESIGN - CODE  ###
#######################
*/
#Header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
  background: #2387D3 url('../img/headmask.png') top left repeat-x;
  min-width: 1151px;
}
.ie6 #Header {
  /* Im IE6 soll die Maske auch eine Transparenz haben */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/headmask.png', sizingMethod='scale');
  background: #2387D3;
  width: 1151px;
}

#Header_Logo {
  border: 0;
  position: relative;
  left: 15px;
  top: 15px;
  height: 90px;
  width: 400px;
}
/* Leider muss ich hier die htc Datei verwenden da ich das Logo mit einem Link versehen will und das bei DIV-Tags nicht funzt */
.ie6 #Header_Logo { behavior: url(./scripts/iepngfix.htc); }



#FullWidth {
  background: url(../img/top_grad.jpg) top left repeat-x;
  float: left;
  width: 100%;
  min-width: 1151px;
}
.ie6 #FullWidth {
	width: 1151px;
}

#MenuArea {
  width: 215px;
  max-width: 215px;
  min-width: 215px;

  /* Ausrichtung */
  float: left; /* ganz links anfangen */
  padding: 8px;
  padding-top: 25px;
  
  /*clear: right;  alles andere rechts daneben packen! */
  /*border: 1px solid #FFF;  Ohne das ist der Text beim Fieldset->Legend durchgestrichen ?! */
}
.ie8 #MenuArea { padding-top: 15px; }

#ContentBox {
  padding: 0 10px 10px 10px;
  vertical-align: top;
  min-width: 900px;
  margin-left: 231px;
  /*border: 1px solid #FFF;  Ohne das ist der Text beim Fieldset->Legend durchgestrichen ?! */
}
.ie6 #ContentBox {
	width: 880px;
}


#Footer, #Footer a, #Footer a:visited {	color: #FFF; }
#Footer {
  bottom: 0px;
  background-color: #2387D3;
  text-align: center;
  padding-top: 3px;
  height: 25px;
  min-width: 1151px;
}
#StuffBox {
  margin-top: 5px;

  position: absolute;
  right: 0;
  top: 0;
}

#lupe {
  margin-top: -5px;
  vertical-align: bottom;
}
.ie6 #lupe { behavior: url(./scripts/iepngfix.htc); }






/*
#####################
###  MENÜ - CODE  ###
#####################
*/
#Menu { margin-top: -10px; }
.ie8 #Menu { margin-top: 0px; }
#Menu, .treeview {
  width: 215;
  min-width: 215;
  max-width: 215;
}
/* Menü - Haupt-CSS */
.treeview a, .treeview a:visited {
  text-decoration: none;
  color: #4040FF;
  font-weight: normal;
}
.treeview a:hover {
  text-decoration: underline;
  font-weight: bold;
}
.treeview ul { margin: 0; padding: 0; }
.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
  background: url('../img/menu/list.png') no-repeat left center;
  list-style-type: none;
  padding-left: 20px;
  margin-bottom: 3px;
}
.treeview li.submenu { /* Style for LI that contains sub lists (other ULs). */
  background: url('../img/menu/closed.png') no-repeat left 1px;
  cursor: pointer !important;
}
.treeview li.submenu ul  { display: none; }
.treeview .submenu ul li { cursor: default; }
.treeview {
	margin-left: -40px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.ie6 .treeview, .ie7 .treeview { margin-left: 0; }







/*
#########################
###  FIELDSET - CODE  ###
#########################
*/
fieldset>a, fieldset>a:visited { color: blue; }
fieldset {
  padding: 10px;
  margin: 0;
  border: 1px solid #BFBAB0;  
  background: #F1F3F2 url(../img/gradient.jpg) top repeat-x;
}
.ie6 fieldset, .ie7 fieldset, .ie8 fieldset {
  position: relative;
  top: .5em;
  margin-top: .5em;
  padding-top: 15px;
}
.ie8 fieldset {
  margin-top: 0;
  margin-bottom: 1em; 
}
.ie7 fieldset { margin-bottom: -0.6em; }






/*
#######################
###  LEGEND - CODE  ###
#######################
*/
legend { margin-left: 10px; }
.ie6 legend, .ie7 legend, .ie8 legend {
  position: absolute;
  top: -.8em;
  left: .2em;
  padding: 3px;
}
.ie8 legend { top: -.85em;  left: .7em; }







/*
#########################
###  FIELDSET ERSATZ  ###
#########################
*/
.MySet {
  position: relative;
  padding: 0;
  text-align: left;
  background-color: #EEE;
  margin-bottom: 10px;
}
.MySet_Title {
	position: absolute;
	margin-left: 15px;
	font-weight: bold;
	font-size: 1.2em;
}
.MySet_Content { padding: 25px 10px 10px; height: 100%; }
.ie88 .MySet_Content { margin-top: -8px; }

.tlc { background: transparent url(../img/border/tlc.gif)   0%   0% no-repeat; }
.trc { background: transparent url(../img/border/trc.gif) 100%   0% no-repeat; }
.blc { background: transparent url(../img/border/blc.gif)   0% 100% no-repeat; }
.brc { background: transparent url(../img/border/brc.gif) 100% 100% no-repeat; }		
.t   { background: transparent url(../img/border/tb.gif)    0%   0% repeat-x;  }
.b   { background: transparent url(../img/border/bb.gif)   50% 100% repeat-x;  }
.r   { background: transparent url(../img/border/rb.gif)  100%   0% repeat-y;  }
.l   { background: transparent url(../img/border/lb.gif)    0% 100% repeat-y;  }






/*
#########################
###  SHOUTBOX - CODE  ###
#########################
*/
#MyShoutBox {
  width: 215;
  min-width: 215;
  max-width: 215;
  margin-top: -9px;
}
.ShoutUser {
  max-width: 7em;
  width: 7em;
  height: 16px;
  font-weight: bold;
  text-decoration: underline;
}
.ShoutDate {
  text-align: right;
  font-size: 0.7em;
  width: 70px;
}
.ShoutLine { padding: 0; margin: 0; }
.BreakIt {
  width: 190px;
  min-width: 190px;
  max-width: 190px;
  max-height: 85px;
  overflow: auto;
}
.ie6 #MyShoutForm, .ie7 #MyShoutForm { margin-top: -9px; }
.ie6 #MyShoutForm { margin-right: 4px; }
.ie8 .ShoutDate   { width: 67px; }
.ie6 .ShoutLine, .ie7 .ShoutLine { margin-top: -7px;}
.ie6 .BreakIt, .ie7 .BreakIt { margin-top: -12px;}



























/* Eigene Klassen bzw ID's */
._B { font-weight: bold; }
._U { text-decoration: underline; }
._C { text-align: center; }

.Headline {
  text-align: center;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 2px;
  border-style: solid;
  border-color:#c5d0da;

  font-size: 1.5em;
  font-weight: normal;

  margin-top: 7px;
  margin-bottom: 10px !important;
}

.dlbutton {
	background: url(../img/download.png) no-repeat;
	display:block;
	height:115px;
	width:115px;
}
.ie6 .dlbutton {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/download.png', sizingMethod='scale');
  background: none;
  cursor: pointer;
}
.dlbutton:hover { background: url(../img/download-hover.png) no-repeat; }
.ie6 .dlbutton:hover {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/download-hover.png', sizingMethod='scale');
  background: none;
}

.YesNoBox {
  border: 2px dotted;
  width: 300px;
  padding: 15px;
  margin: 15px;
}



/* News */
.NewsContainer {
  border-radius: 10px; -moz-border-radius: 10px;
  border: 2px solid #000;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.newshead {
  border-top-left-radius: 9px; border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px;
}
.newsfoo { border-top: 1px solid #000; }
.newshead, .newsfoo { padding: 4px 0px 3px 5px; }
.newsfoo {
	font-size: small;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}
.newshead {
	background: #7BB6C8;
	color: #FFF;
	border-bottom: 1px solid #000;
}
.newstext {
	padding: 12px;
	background: #EDEDED;
}



.TablePad td {
  padding: 3px;
  vertical-align: top;
}

.InfoField {
  color: #989898;
  font-size: .77em;
}

.mceContentBody .php_code {
  border: 1px dotted #C63;
  padding: 2px 2px 2px 15px; 
  width: 100px; 
  height: 12px; 
  background: url('../img/php_code.gif') no-repeat center; 
  color: #FFF;
}

.liHeight {
  line-height: 1.7em;
}

.GuideStep {
  color: #337522;
  font-weight: bold;
  text-decoration: underline;
}


.inputText:focus {
  border-color: #fa2;
}
.inputText {
  border-style: solid;
  border-color: #8da4b7;
  border-width: 1px;
}



/* Nur beim IE6 eine Warnung anzeigen, also hier das Styling reinpacken */
#IE6Warnung{
  position: relative;
  color: #FFF;
  border-color: #000;
  background: #212121;
  padding: 5px;
}

#IE6Warnung a:link, 
#IE6Warnung a:visited,
#IE6Warnung a:active,
#IE6Warnung a:hover{
  color:#FFF;
}