/* 	Hello!
	
	You may freely learn from this stylesheet, but please do not copy the design.
	This means first and foremost you: Geri, Dan and Dre! If you choose to use
	copy/paste of this code, please add a quick reference to me. Thank you.
	May the force be with you.
	
	Mik
	
*/	

i { color:#999999; }
body {margin-top: 30px; background-color: #D2E2E9; }
#page { margin-left: auto; margin-right: auto; width: 900px; }
#top { margin-left: auto; margin-right: auto; width: 900px; float: left;}
#content { margin-left: auto; margin-right: auto; width: 900px; float: left;}
#menu { width: 346px; height:200px; background-color: #57A3C8; float: left; border-right: solid 4px #D2E2E9; }
#topimage { width: 346px; height:200px; background-color: #57A3C8; float: left; border-right: solid 4px #D2E2E9; }
#topimage_2 {width: 550px; height:200px; background-color: #ffffff; float: left; }
#snow { width: 200px; height:200px; background-color: #9CCCE4; float: left; vertical-align:text-bottom; }
#article { width: 696px; background-color: #ffffff; float: left; border-right: solid 4px #D2E2E9; border-top: solid 4px #D2E2E9; padding-bottom: 10px;}
#ads  { width: 200px;  background-color: #ffffff; float: left; background-color: #57A3C8; float: left; border-top: solid 4px #D2E2E9; padding-bottom: 25px;}
#sponsoren { padding-left:10px; }
#blaettern { width: 600px; background-color: #ffffff; float: left; padding: 15px;}
#snow_new { width: 486px; padding-left: 200px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; background-color: #9CCCE4; float: none; 
border-top: 2px dotted #57A3C8; border-bottom: 2px dotted #57A3C8; }


.small_container { width: 310px; float:left; padding: 15px; }
.big_container { width: 660px; padding: 15px; }
.thumb a:link{ padding: 3px; border: 1px solid #CCCCCC; background-color:#ffffff; float:left; }
.thumb a:visited { padding: 3px; border: 1px solid #CCCCCC; background-color:#ffffff; float:left; }
.thumb a:hover { padding: 3px; border: 1px solid #E20A16; background-color:#ffffff; float:left; }
.thumb a:active{ padding: 3px; border: 1px solid #E20A16; background-color:#ffffff; float:left; }


.thumb_container { width: 100px; float:left; text-align: right; }

.pic_container { float:left; padding-right: 5px; padding-left: 0px; padding-top: 3px; padding-bottom: 0px;}
.pic { padding: 3px; border: 1px solid #CCCCCC; background-color:#ffffff; float:none; }
.picsub { font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none;}


/* schneeinfo text */
#schneeinfo {
	font: bold 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #005078;
	vertical-align: bottom;
	margin-left: 10px;
	margin-top: 50px;
}

#schneeinfo_new {
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #005078;
}

/* sponsoren links */


.sponsoren {
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #D2E2E9;
}
.sponsoren a:link {
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
}
.sponsoren a:visited { 
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
}
.sponsoren a:hover { 
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #D2E2E9;
	text-decoration:underline; }
.sponsoren a:active { 
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:underline;}

/* main nav */

#nav { 
	text-align:left;
	vertical-align:bottom;
	height:25px;
	width:346px;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
}

#nav a {
	display: block;
	padding: 5px 10px 5px 5px;
	color: #ffffff;
	text-align: left;
	vertical-align:middle;
	border-top: 1px solid #9CCCE4;
	text-decoration: none;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;

}

#nav a:hover { background-color: #005078; }
#nav a:active { background-color: #005078; }

/* small heads in red */

.smallhead {
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-transform:uppercase;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.smallhead a:link { 
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-transform:uppercase;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
	}
.smallhead a:visited { 
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-transform:uppercase;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
	}
.smallhead a:hover { 
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-transform:uppercase;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
	}
.smallhead a:active { 
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-transform:uppercase;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
	}




/* main type black */

form {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy a:link {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy a:visited {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy a:active {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:underline;
	visibility: visible;
	z-index: 50;
}

.copy a:hover {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: underline;
	visibility: visible;
	z-index: 50;
}

/* numbers and paging */

.num {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:link {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:visited {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:hover {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:active {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}