/* General properties */
html, body {
  margin:0px;
  padding:0px;
  
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
  color:#225;
}
	
/* divs shouldn't have margins or paddings */
div {
  margin:0px;
  padding:0px;
}

/* All images without a border by default */
img {
  border-width:0px;
  vertical-align:text-bottom;
}
		
/* Link style */
a {
  text-decoration:underline;
  color:blue;
}
/* Hover-style for links */
a:hover {
  text-decoration:none;
  color:#225;
}
/* Active link */
a.current { color:#225; }

/* Classes */
.alignedcenter { text-align:center; } /* centered align */

.boldtext { font-weight:bold; } /* bold text */

.smallfont { font-size:10px; } /* small font-size */
.smallestfont { font-size:10px; } /* evan smaller font-size */

/* input and select-objects should have other margins when logging in */
input.login, select.login {
  margin-bottom:5px;
  margin-left:10px;
}
input.login { width:96px; }
select.login { width:100px; }

/* style for textareas */
textarea {
  width:700px;
  height:200px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}

/* input and select fields should have a default-width */
select { width:174px; }
input.text { width:170px; }
.radio { margin:0px; padding:0px; }
.checkbox { margin:0px; padding:0px; position:relative; top:-2px; }
  
/* no margins at all */
.nomargins { margin:0px; }

/*logo on the left side (the mountii-logo) */
.logoleft { 
  float:left;
  height:70px;
  margin-left:30px;
  margin-top:20px;
}
/*logo on the right side (the skischool-logo) */
.logoright { 
  float:right;
  height:90px;
  margin-right:30px;
}

/* images of ads */
.adimage { 
  width:100px;
  height:100px;
  
  border:1px solid #500;
}


/* tha style for the header-div */
#header {
  width:100%;
  height:90px;  
  padding-top:10px;  
  
  border-bottom:1px solid #ccc;
}

/* the style for the menu-div */
#menu {
  position:absolute;
  left:0px;
  width:130px; 
   
  font-size:13px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

/* the style for the content-div */
#content {
  margin:0px 10px 20px 10px;
}

/* the style for the ad-div */
#ads {
  display:inline;
  float:right;
  width:125px;
  height:460px; 
  margin:0px 0px 10px 10px;
  padding:10px 0px;
  
  text-align:center;
  font-size:10px;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
}

/* the style for columns */
.row {
  clear:both;
  padding:5px 0px;
  
  width:100%;
  text-align:center;
}
div.row .leftcolumn {
  display:inline;
  float:left;
  width:48%;
  padding-right:1%;
  
  text-align:right;
}

div.row .rightcolumn {
  display:inline;
  float:right;
  width:48%;
  padding-left:1%;
  
  text-align:left;
}
span.leftcolumn {
  padding-top:1px;
  height:25px;
}
span.rightcolumn {
  padding-bottom:1px;
  height:25px;
}

/* input errors */
.inputError {
  float:left;
  margin:0px;
  padding:0px;
  /*padding-top:2px;*/
  
  font-size:9px;
  line-height:9px;
  color:red;  
}

/* style for fieldset */
fieldset {
  border:1px solid #ccc;
  padding-top:0px;
}

/* style for status-messages (underneath navigation) */
.status {
  padding:0px 5px 10px 5px;
  font-weight:bold;
}
.status a {
  font-size:11px;
}

/* style for the navigation-line on top of some pages */
.navline {
  position:relative;
  top:-10px;
  margin:0px;
  padding:0px;
  font-size:10px;
}

h3 {
  font-size:18px;
  margin-top:30px;
  margin-bottom:0px;
  padding:0px;
}
h4 {
  font-size:12px;
  margin:0px 0px 5px 0px;
  padding:0px;
  text-align:left;
}

p {
  margin-top:5px;
  margin-bottom:0px;
  text-align:justify;
}

.footer {
  clear:both;
  font-size:10px;
}
.imageleft {
  float:left;
  display:inline;
  margin:0px 10px 10px 0px;
}
.imageright {
  float:right;
  display:inline;
  margin:0px 0px 10px 10px;
}

/* Zeilenhintergrund jeder 2. Zeile bei Tabellen */
.oddrow {
  background:#eee;
}
.pagelinks {
  text-align:right;
  font-weight:bold;
}
.monospaced {
  font-family:monospaced, Courier New, Courier;
}

.groupTable th, td {
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:2px 5px;
  font-size:12px;
  white-space:nowrap;
}
.groupTable td {
  text-align:left;
}
.groupTable {
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-right:20px;
}
#lastrow td {
  border-right-style:dashed;
  padding:2px 5px;
}

.rightTable {
  border-bottom:1px solid #ccc;
}
.rightTable td {
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:5px;
  font-size:12px;
}
.rightTable tr td:first-child {
  border-left:1px solid #ccc;
}

.imageTable {
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.imageTable tr td {
  padding:20px;
}

.usagestring {
  position:relative;
  top:-19px;
  text-align:left;
  font-size:12px;
  margin-left:5px;
}
.usage {
  width:200px;
  height:23px;
  overflow:hidden;
  border:1px solid #ccc;
}

.imagedetails {
  text-align:left;
  width:30%;
  margin-left:30%;
  border:none;
}
.imagedetails tr td {
  border:none;
  padding:5px 10px;
}