/* zentrales css für rochelleswanson.de */

/* GLOBAL: */

body 
{ 
  background-color:#000; 
  font-family:tahoma, arial, sans-serif; 
  font-size:14px; 
  font-weight:bold; 
}

body a:link, 
body a:visited 
{ 
  text-decoration:none;
  color:#ccc;
  border-bottom:1px dashed #999;
}

body a:hover, 
body a:active 
{ 
  text-decoration:none;
  color:#06f; 
  border-bottom:1px solid #ccc;
}

.tab
{
  position:relative;
  top:10px;
}

.tab td,
.tab2 td
{
  background-color:#006;
  padding:5px;
  color:#999;
  border-left:1px solid #999;
  border-bottom:1px solid #999;
}

.tab3 td
{
  font-family:arial;
  font-size:10pt;
  font-weight:normal;
  text-align:left;
  line-height:22px;
  background-color:#006;
  padding:5px;
  color:#999;
  border-left:1px solid #999;
  border-bottom:1px solid #999;
}

tr.th td
{
  text-align:center;
  font-weight:bold;
}

td.first
{
  width:38px;
}

td.second
{
  width:74px;
}

img 
{ 
  border:0px; 
  margin:0px; 
  padding:0px; 
}

img.fenta
{
  position:relative;
  top:8px;
}

img.screenshot
{
  border:1px dashed #ccc;
}


h2
{
  text-align:center;
  font-family:arial, verdana, sans-serif;
  color:#666;
} 

h3
{
  text-align:center;
  font-family:arial, verdana, sans-serif;
  color:#666;
}

h4
{
  text-decoration:none;
}

h4.special
{
  font-style:italic;
}

h4.over
{
  text-decoration:none;
}

.short
{
  text-align:left;
}

.system
{ 
  font-family:courier, arial, sans-serif;
}

.fullscreen 
{ 
  clear:both;
  float:none;
  position:absolute; 
  top:0px; 
  left:0px; 
  right:0px; 
  bottom:0px; 
  padding-top:1px; 
}

.rightside
{
  display:block;
  width:442px;
  min-height:70px;
  position:relative;
  top:8px;
  margin:auto;
  margin-right:10px;
  margin-bottom:13px;
  color:#666;
  text-align:justify;
}

.menu
{
  display:block;
  width:214px;
  min-height:50px;
  position:relative;
  top:8px;
  margin:auto;
  float:left;
  margin-right:10px;
  margin-bottom:13px;
  color:#666;
  text-align:left;
  border:1px solid #666;
} 

.menudesc
{
  font-family:times new roman;
  text-align:left;
  text-style:italic;
  text-weight:bold;
  padding:5px;
  color:#fc9;
}

.menuchapter
{
  display:block;
  width:204px;
  height:26px;
  margin-top:0px;
  padding:5px;
  background-color:#006;
  color:#36c;
  text-align:center;
  font-size:20px;
}

.menusection
{
  padding-top:2px;
  padding-bottom:6px;
  padding-left:5px;
  padding-right:5px;
  background-color:#ccc;
  text-align:left;
  margin:auto;
}

.menusubsection
{
  padding-top:3px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:6px;
  background-color:#ccc;
  text-align:left;
  margin:auto;
  border-top:
}

ul.menubuttons
{
 display:block;
 margin:auto;
 padding:0px;
 list-style-type:none;
}

li.sectionbutton a:link, 
li.sectionbutton a:visited
{
  display:block;
  font-size:13px;
  margin-left:0px;
  margin.right:auto;
  padding-left:4px;
  padding-right:2px;
  border-left:1px solid #666;
  border-bottom:1px solid #666;
  color:#666;
  text-align:left;
  margin-top:4px;
  width:197px;
  background-color:#999;
} 

li.sectionbutton a:hover, 
li.sectionbutton a:active
{
  display:block;
  text-align:left;
  background-color:#36c;
  border-left:5px solid #006;
  border-bottom:1px solid #006;
  width:193px;
  color:#999;
}

li.subsectionbutton a:link, 
li.subsectionbutton a:visited
{
  display:block;
  font-size:13px;
  margin-left:20px;
  margin.right:auto;
  padding-left:4px;
  padding-right:2px;
  border-left:1px solid #666;
  border-bottom:1px solid #666;
  color:#666;
  text-align:left;
  margin-top:4px;
  width:177px;
  background-color:#999;
} 

li.subsectionbutton a:hover, 
li.subsectionbutton a:active
{
  display:block;
  text-align:left;
  background-color:#36c;
  border-left:5px solid #006;
  border-bottom:1px solid #006;
  width:173px;
  color:#999;
}

li.asectionbutton
{
  display:block;
  margin-left:0px;
  margin-right:auto;
  padding-left:4px;
  padding-right:2px;
  border-left:5px solid #006;
  border-bottom:1px solid #006;
  color:#999;
  font-style:italic;
  text-align:left;
  margin-top:4px;
  width:193px;
  height:17px;
  font-size:13px;
  background-color:#36c;
}

li.asubsectionbutton
{
  display:block;
  margin-left:20px;
  margin-right:auto;
  padding-left:4px;
  padding-right:2px;
  border-left:5px solid #006;
  border-bottom:1px solid #006;
  color:#999;
  font-style:italic;
  text-align:left;
  margin-top:4px;
  width:173px;
  height:17px;
  font-size:13px;
  background-color:#36c;
}

.acckey
{
  color:#ccc;
}

.content
{
  text-align:left;
  font-family:verdana, arial, sans-serif;
  color:#999;
}

.tab
{ 
  color: #999;
}

.center 
{ 
  padding-left:10px; 
  text-align:center; 
}

.topline 
{ 
  width:760px;
  height:72px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:auto; 
  background-color:#000; 
  font-family:tahoma, arial, sans-serif; 
  font-size:28px; 
  font-weight:normal; 
  font-style:italic; 
  text-decoration:none; 
  color:#666; 
  border:1px dashed #666;
}

.subline 
{ 
  display:block;
  color:#999;
  width:761px;
  height:22px;
  top:10px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;			
  position:relative; 
  padding-top:2px; 
  background-color:#006; 
  text-align:center;
}

.subline a:link, .subline a:visited 
{ 
  color:#999;
  border:none; 
}

.subline a:hover, subline a:active 
{ 
  color:#ccc;
  text-decoration:underline;
}

.buttonrow 
{ 
  clear:left;
  padding:5px; 
  margin:auto;
  width:760px;
}

.bodybox
{ 
  display:block;
  clear:both;
  float:none;
  position:relative;
  background-color:#000;
  color:#999; 
  text-align:justify;
  min-height:70px;
  top:50px;
  margin-bottom:auto;
  margin-left:auto;
  margin-right:auto;
  width:760px;
  padding-bottom:2px;
  padding-top:20px;
  border-top:1px solid #999;
}

.special1
{
  padding-left:200px;
}

div.button1 a:link,
div.button1 a:visited,
div.button2 a:link,
div.button2 a:visited,
div.button3 a:link,
div.button3 a:visited,
div.button4 a:link,
div.button4 a:visited,
div.button5 a:link,
div.button5 a:visited,
div.button6 a:link,
div.button6 a:visited,
div.button7 a:link,
div.button7 a:visited,
div.button8 a:link,
div.button8 a:visited
{
  display:block;
  width:60px;
  height:60px;
  position:relative;
  top:20px;
  float:left;
  border:1px solid #999;
}

div.button2b,
div.button3b,
div.button4b,
div.button5b,
div.button6b,
div.button7b
{
  display:block;
  width:60px;
  height:60px;
  position:relative;
  top:20px;
  float:left;
  border-bottom:2px solid #fc9;
}


div.button1 a:link, 
div.button1 a:visited
{
  left:-1px;
  background-image:url(../img/but_main_home.gif);
}

div.button2 a:link, 
div.button2 a:visited,
div.button2b
{
  left:35px;
  background-image:url(../img/but_main_about.gif);
}

div.button3 a:link, 
div.button3 a:visited,
div.button3b
{
  left:71px;
  background-image:url(../img/but_main_forum.gif);
}

div.button4 a:link, 
div.button4 a:visited,
div.button4b
{
  left:107px;
  background-image:url(../img/but_main_info.gif);
}

div.button5 a:link, 
div.button5 a:visited,
div.button5b
{
  left:143px;
  background-image:url(../img/but_main_news.gif);
}

div.button6 a:link, 
div.button6 a:visited,
div.button6b
{
  left:179px;
  background-image:url(../img/but_main_pics.gif);
}

div.button7 a:link, 
div.button7 a:visited,
div.button7b
{
  left:215px;
  background-image:url(../img/but_main_links.gif);
}

div.button8 a:link, 
div.button8 a:visited
{
  left:267px;
  background-image:url(../img/but_main_german.jpg);
}

div.button1 a:hover,
div.button1 a:active,
div.button2 a:hover,
div.button2 a:active,
div.button3 a:hover,
div.button3 a:active,
div.button4 a:hover,
div.button4 a:active,
div.button5 a:hover,
div.button5 a:active,
div.button6 a:hover,
div.button6 a:active,
div.button7 a:hover,
div.button7 a:active,
div.button8 a:hover,
div.button8 a:active
{
  border:1px solid #00f;
}

div.button2b,
div.button3b,
div.button4b,
div.button5b,
div.button6b,
div.button7b
{
  border-top:2px solid #fc9;
  border-bottom:2px solid #fc9;
}

span.hidden
{
  visibility:hidden;
  font-family:arial, verdana, tahoma, sans-serif;
  font-size:4px;
}

/* index: */
div#index_main 
{ 
  height:554px;
  width:596px;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:2%;
  font-family:tahoma,arial,sans-serif;
  font-size:12pt;
  text-decoration:none;
  background-image:url(../img/rsindexbg.jpg);
} 

div#index_text 
{ 
  position:absolute;
  width:542px; 
  height:49px;
  left:27px;
  top:20px;
  margin:auto;
  padding-top:8px;
  padding-bottom:8px;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  color:#666;
  font-size:14px;
  font-weight:bold;
  text-align:center;
}
  
div#index_button_about a:link,
div#index_button_about a:visited,
div#index_button_info a:link, 
div#index_button_info a:visited,
div#index_button_pics a:link, 
div#index_button_pics a:visited,
div#index_button_forum a:link, 
div#index_button_forum a:visited,
div#index_button_news a:link, 
div#index_button_news a:visited,
div#index_button_links a:link, 
div#index_button_links a:visited
{
  display:block;
  width:60px;
  height:60px;
  position:absolute;
  border:1px solid #999;
}

div#index_button_about a:hover, 
div#index_button_about a:active,
div#index_button_info a:hover, 
div#index_button_info a:active,
div#index_button_pics a:hover, 
div#index_button_pics a:active,
div#index_button_forum a:hover, 
div#index_button_forum a:active,
div#index_button_news a:hover, 
div#index_button_news a:active,
div#index_button_links a:hover, 
div#index_button_links a:active
{
  border:1px solid #00f;
}

div#index_button_about a:link, 
div#index_button_about a:visited
{
  left:27px;
  top:112px;
}

div#index_button_info a:link, 
div#index_button_info a:visited
{
  left:27px;
  top:288px;
}

div#index_button_pics a:link, 
div#index_button_pics a:visited
{
  left:27px;
  top:468px;
}

div#index_button_forum a:link, 
div#index_button_forum a:visited
{
  left:507px;
  top:112px;
}

div#index_button_news a:link, 
div#index_button_news a:visited
{
  left:507px;
  top:288px;
}

div#index_button_links a:link, 
div#index_button_links a:visited
{
  left:507px;
  top:468px;
}

div#index_subline
{
  height:22px;
  width:596px;
  position:relative;
  margin:auto;
  color:#666;
  background-color:#333;
  border-left:1px solid #999;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  text-align:center;
}

div#index_subline a:link, 
div#index_subline a:visited
{
  font-family:tahoma,arial,sans-serif;
  font-size:10pt;
  font-weight:bold;
  text-decoration:none;
  color:#666;
}

div#index_subline a:hover, 
div#index_subline a:active
{
  color:#999;
}







div#chapter_main
{
  width:764px;
  display:block;
  clear:both;
}


/* about: */

/* news: */


/* TESTING */

ul.picrow1
{
  position:relative;
  display:block;
  margin:auto;
}

li.pic1
{
  
  position:relative;
  right:16px;
  display:inline;
  top:20px;
}

ul.picrow2
{
  position:relative;
  display:block;
  margin:auto;
}

li.pic2
{
  clear:both;
  position:relative;
  right:16px;
  display:inline;
  top:30px;
 }

ul.picrow3
{
  position:relative;
  display:block;
  margin:auto;
}

li.pic3
{
  position:relative;
  right:16px;
  display:inline;
  top:48px;
 }

div.pic
{
width: 160px;
height:240px;s
}