/* ############ FONT DEFINITIONS ########### */


@font-face {
	font-family: bobcat;
	src: url('http://outdoor2.rolee.net/css/fonts/bobcat.ttf');
}




/* ############ BODY ########### */


body {
  text-align: center;     /* für IE */
  padding: 0px;
  margin: 0px;
    background-image:url(../images/bg_body.gif); 
  background-repeat: repeat;
  background-attachment:fixed;
  background-color: #3d3d3d;
}



/* ############ LAYOUT ########### */


#centercontainer {
  width: 902px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
}




#head {
  font-family: Arial; font-size: 1pt; color: #687772;   /* für mini-head-keywords ganz oben */
  text-align: center;
  line-height: 2px;
  height: 107px;
  margin: 0px;
/*  border: #666 1px solid; */
}


/* ### INHALT Rand oben ### */
#contentrandoben {
  background-image:url(../images/grey_bg_inner_header3.gif);
  background-repeat: no-repeat;
  height: 15px;
  font-size: 1px;  /*## da div sonst mindestgrösse hat ##*/
  margin: 0px;
/*  border: #666 1px solid; */
}


/* ### INHALT Rand unten ### */
#contentrandunten {
  background-image:url(../images/grey_bg_inner_footer3.gif);
  background-repeat: no-repeat;
  height: 19px;
  margin: 0px;
}


#fuss {
  height: 40px;
  margin: 0px;
  text-align: center;
}


/* ### INHALT ### */

#contentrandhintergrund {
  background-image:url(../images/grey_bg_inner_content3.gif);
  background-repeat: repeat;
  position: relative;
  width: 100%;
/*  border: #666 1px solid;  */
}
#content {
  position: relative;
  width: 850px;
  margin: 0 25px 0 25px;
/*  border: #FF0000 1px solid;  */
}

#oben {
/*  background-image:url(../images/bg_newsticker.png);   
  background-repeat: repeat;   */
  height: 35px;
  margin: 0;
  padding: 0 0px 0 0px;
  border-top: #676767 1px dashed;   /* news-line */
  border-bottom: #676767 1px dashed;   /* news-line */
}


#links {
  position: absolute;
  margin: 15px 0 0 0;
  top: 35px;
  left: 0px;
  width: 160px;  
  height: auto;
/*  border: #B10101 1px solid;  */
}

#mitte {

  margin: 10px 160px 0px 160px;
  padding: 0px 5px 0px 5px;
  height: 1150px;
/*  border: #FF0000 1px solid;  */
}
*>#mitte {              /* um mindesthöhe zu erreichen */
  min-height: 1150px;
  height: auto;
}


#rechts {
  position: absolute;
  margin: 15px 0 0 0;    
  top: 35px;
  right: 2px;
  width: 160px;    
  height: auto;
/*  border: #B10101 1px solid;  */
}


/* ### END INHALT ### */

/* ############ END LAYOUT ########### */




/* ############ FONTS & COLOURS & BOXES ########### */



/* ### KOPFBEREICH ### */

.headimagesize {                           
  width: 894px;
}



/* # CSS VON NEWSTICKER und -SCRIPT # */

#news {
color: #676767;
font-weight: ;
}

#dropcontentsubject {  /* subject-anzeige deaktiviert in html_head */
width: auto;
font-weight: bold;
}
.newscontent {
width: auto;
height: auto;
padding: 3px;
display:block;
}
.newscontent { text-decoration: none; font-family: Arial; font-size: 14px; font-weight: ; color: #7A0000; }
.newscontent a:link  	{text-decoration: none; font-family: Arial; font-size: 14px; font-weight: ; color: #7D7D7D;}
.newscontent a:visited  	{text-decoration: none; font-family: Arial; font-size: 14px; font-weight: ; color: #7D7D7D;}
.newscontent a:active  	{text-decoration: none; font-family: Arial; font-size: 14px; font-weight: ; color: #93938D;}
.newscontent a:hover  	{text-decoration: none; font-family: Arial; font-size: 14px; font-weight: ; color: #FF0000;}

/* # END CSS VON NEWSTICKER und -SCRIPT # */



/* ### NAVIGATION LINKE und RECHTE SEITE ### */

#nav_container {
  padding: 0px 0 0 0px;
  width: 150px;
  margin-bottom: 0;    
/*  border: #000000 1px solid; */
}

#nav_rechts_container {
  padding: 0px 0 0 10px;
  margin: 0 0 0 0px;	
  width: 150px;
  margin-bottom: 0;    
/*  border: #000000 1px solid;  */
}


#nav_category {
  background-image:url(../images/nav_category_bg.gif);   
  background-repeat: repeat;  
  background-color: #ffffff;
  text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #914444; 
  width: 150px;
  height: 12px;
  text-align: center;
  vertical-align: top;
  margin-bottom: 0;
  border: #C6C6C6 1px solid;   
}
#nav_category a:link  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}
#nav_category a:visited {text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}
#nav_category a:active  {text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}
#nav_category a:hover  	{text-decoration: none; font-family: Verdana; font-size: 11px; font-weight: bold; color: #650D0D;}

#navigation_main {      /*## entspricht "mediabox" ##*/
  width: auto;
  height: auto;
  padding: 5px;
  margin: 0 0 10px 0;
  text-align: left;
/*  border: #d6d6d6 1px solid;  */
}

#navigation_main_text { 
  text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #bebebe; letter-spacing: +4px; 
  margin-top: 5px;
  border-left: #d8d8d8 1px solid;
  border-bottom: #d8d8d8 1px solid;
}
#navigation_main_text a:link { text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #676767; letter-spacing: +4px; }
#navigation_main_text a:visited { text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #676767; letter-spacing: +4px; }
#navigation_main_text a:active{ text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #676767; letter-spacing: +4px; }
#navigation_main_text a:hover { text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #676767; background-color: #dadada; letter-spacing: +4px; }


#navigation_main_specialtext { 
  text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #bebebe; letter-spacing: +4px; 
  margin-top: 5px;
  border-left: #d8d8d8 1px solid;
  border-bottom: #d8d8d8 1px solid;
}
#navigation_main_specialtext a:link { text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #a50000; letter-spacing: +1px; }
#navigation_main_specialtext a:visited { text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #a50000; letter-spacing: +1px; }
#navigation_main_specialtext a:active{ text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #a50000; letter-spacing: +1px; }
#navigation_main_specialtext a:hover { text-decoration: none; font-family: Verdana; font-style: italic; font-size: 14px; font-weight: bold; color: #a50000; background-color: #dadada; letter-spacing: +1px; }



/* ######## alternative navigationss-schrift (bobcat) ######### */
#navigation_main_text2 { text-decoration: none; font-family: bobcat, Impact, Verdana; font-size: 20px; font-weight: ; color: #b8b0b0; line-height: 18px; letter-spacing: +2px; text-align: left; }
#navigation_main_text2 a:link { text-decoration: none; font-family: bobcat, Impact, Verdana; font-size: 20px; font-weight: ; color: #948b8b; line-height: 18px; letter-spacing: +2px;  text-align: left; }
#navigation_main_text2 a:visited { text-decoration: none; font-family: bobcat, Impact, Verdana; font-size: 20px; font-weight: ; color: #948b8b; line-height: 18px; letter-spacing: +2px; text-align: left; }
#navigation_main_text2 a:active { text-decoration: none; font-family: bobcat, Impact, Verdana; font-size: 20px; font-weight: ; color: #948b8b; line-height: 18px; letter-spacing: +2px; text-align: left;}
#navigation_main_text2 a:hover { text-decoration: none; font-family: bobcat, Impact, Verdana; font-size: 20px; font-weight: ; color: #912929; line-height: 18px; letter-spacing: +2px;  text-align: left; }


#mediabox {
  width: 150px;
  height: auto;
  padding: 5px 0 5px 0;
  margin: 0 0 10px 0;
  text-align: left;
  border: #d6d6d6 1px solid;
}


#media_title {
  font-family: text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: ; color: #FF0000; 
}
#media_title a:link  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #676767;}
#media_title a:visited 	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #676767;}
#media_title a:active  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #676767;}
#media_title a:hover  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #D30404;}


#nav2_viewmore {
	font-family: text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: ; color: #FF0000; 
	width: 140px;
	text-align: left;
	margin-bottom: 0;
}

#nav2_viewmore a:link  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #4e4e4e;}
#nav2_viewmore a:visited  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #4e4e4e;}
#nav2_viewmore a:active  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #4e4e4e;}
#nav2_viewmore a:hover  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #D30404;}



.mediapreviewsize {
  width: 100px;

}

#mediapreview {
  z-index: 0;
  height: 73px;
  margin-left: 20px;
}

#mediapreview_playbutton {
  z-index:1;
  position: relative;
  margin-top: -74px;
  margin-left: 20px;
}


/* ### END NAVIGATION LINKE und RECHTE SEITE ### */





/* ### MITTE BEREICH ### */


#mittepic {
  background-color: #ffffff;
  margin: 0 0 15px 0;
  height: auto;
  text-align: center;
  border: #C6C6C6 1px dashed;	
}


#h3 {
  text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 14px; font-weight: bold; color: #454545; letter-spacing: +4px;
  text-align: center;
  padding: 5px;
  margin: 0 0 15px 0; 
  border: #C6C6C6 1px dashed;
}
#h3 a:link  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 14px; font-weight: bold; color: #7D7D7D; letter-spacing: +4px;}
#h3 a:visited  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 14px; font-weight: bold; color: #7D7D7D; letter-spacing: +4px;}
#h3 a:active  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 14px; font-weight: bold; color: #7D7D7D; letter-spacing: +4px;}
#h3 a:hover  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 14px; font-weight: bold; color: #FF0000; letter-spacing: +4px;}

#h2               {text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 12px; font-weight: bold; color: #454545; letter-spacing: +2px;}
#h2 a:link  	{text-decoration: underline; font-family: Helvetica; font-style: italic; font-size: 12px; font-weight: bold; color: #7D7D7D; letter-spacing: +2px;}
#h2 a:visited  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 12px; font-weight: bold; color: #7D7D7D; letter-spacing: +2px;}
#h2 a:active  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 12px; font-weight: bold; color: #7D7D7D; letter-spacing: +2px;}
#h2 a:hover  	{text-decoration: none; font-family: Helvetica; font-style: italic; font-size: 12px; font-weight: bold; color: #FF0000; letter-spacing: +2px;}


#contentbox {
  height: auto;
  padding: 5px 5px 15px 5px;
  margin: 0 0 0px 0;
  text-align: left;
  border: #d6d6d6 1px solid;
}

#contentbox_text {
	text-decoration: none; font-family: Verdana; font-size: 12px; color: #000000; 
	text-align: justify;
}
#contentbox_text a:link  		{text-decoration: none; font-family: Verdana; font-size: 12px; color: #7D7D7D;}
#contentbox_text a:visited  	{text-decoration: none; font-family: Verdana; font-size: 12px; color: #7D7D7D;}
#contentbox_text a:active  	{text-decoration: none; font-family: Verdana; font-size: 12px; color: #93938D;}
#contentbox_text a:hover  	{text-decoration: none; font-family: Verdana; font-size: 12px; color: #FF0000;}


/* # video+photo options # */

#h4 { font-family: text-decoration: none; font-family: Verdana; font-size: 10px; color: #000000; 
	text-align: left;
	width: 500px;
	margin: 20px 0 15px 0; 
  	border-bottom: #7D7D7D 1px dashed;
}
#videofile {
	font-family: Courier; font-size: 8px; color: #000000;
}
#center {
	text-align: center;
}
#picthx {
	text-decoration: none; font-style: italic; font-family: Arial; font-size: 10px; color: #000000;
}
#vidlength {
	font-family: Arial; font-weight: bold; font-size: 10px; color: #000000;
}

/* # END video+photo options # */

/* # OLOG EINSTELLUNGEN # */

#posted {
	text-decoration: none; font-family: Arial; font-size: 10px; color: #464646; 
}
#ologstory {
	padding: 0 0 0 5px; 
}
#ologtitle {
	text-decoration: none; font-family: Arial; font-size: 14px; color: #666666;
	font-weight: bold;
}
#ologpicenlarge {
	padding: 3px 8px 8px 3px;
	align: left;
	float: left;
	text-decoration: none; font-family: Verdana; font-size: 9px; font-weight: ; color: #000000; 
/*	border: #CDCDCD 1px solid;   */
}
#ologpicenlarge a:link  		{text-decoration: none; font-family: Verdana; font-size: 9px; font-weight: ; color: #000000;}
#ologpicenlarge a:visited  		{text-decoration: none; font-family: Verdana; font-size: 9px; font-weight: ; color: #000000;}
#ologpicenlarge a:active  		{text-decoration: none; font-family: Verdana; font-size: 9px; font-weight: ; color: #000000;}
#ologpicenlarge a:hover  		{text-decoration: none; font-family: Verdana; font-size: 9px; font-weight: ; color: #000000;}


#white {
	position: relative;
	z-index: 5;
	visibility: visible;
	background-image:url(../images/grey_bg_hidecopy.gif);
	background-repeat: repeat;
	width: 250px;
	height: 20px;
	margin: 0px 0px -35px 0px;

	font-size: 1px; color: #ffffff; 
}
#white a:link {
	font-size: 1px; color: #ffffff; 
}

#postedwhite {
	text-decoration: none; font-family: Arial; font-size: 10px; color: #ffffff; 
}


/* # END OLOG EINSTELLUNGEN # */


/* # WEATHER EINSTELLUNGEN # */
ol#weatherlist {
  list-style-type: circle;
  margin: 0 0 0 15px;
  padding:0;
}
ol#weatherlist li {
  list-style-type: circle;
  margin: 0 0 5 0px;
  padding:0;
}
/* # END WEATHER EINSTELLUNGEN # */




/* ### RECHTE SPALTE ### */

#sponsors  {
  text-align: center;
  padding: 10px 0px 0px 0px;
}

#sponsor_spacing  {
 padding: 0px 0px 15px 0px;

}

/* ### FOOTER ### */

#fuss_text  {
  margin-left: 20px;
  width: 350px;
  background-color: #000000;
  border: #666 1px solid;
  text-align: center;
  padding: 5px 0 5px 0;
}
#fuss_text 	  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #464646;}
#fuss_text a:link  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}
#fuss_text a:visited 	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}
#fuss_text a:active  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}
#fuss_text a:hover  	{text-decoration: none; font-family: Verdana; font-size: 10px; font-weight: bold; color: #650D0D;}





/* ### SONSTIGES ## */

#admin_text {
	font-family: text-decoration: none; font-family: Verdana; font-size: 11px; color: #ffffff; 
	text-align: justify;
	text-align: left;
	margin: 50 10 0 10; 
}
#admin_text a:link  		{text-decoration: none; font-family: Verdana; font-size: 12px; color: #7f1d1d;}
#admin_text a:visited  		{text-decoration: none; font-family: Verdana; font-size: 12px; color: #7f1d1d;}
#admin_text a:active  		{text-decoration: none; font-family: Verdana; font-size: 12px; color: #7f1d1d;}
#admin_text a:hover  		{text-decoration: none; font-family: Verdana; font-size: 12px; color: #000000;}