@charset "iso-8859-1";
/* CSS Document bv-rastatt.de
Datei: style.css
Datum: 05. Dezember 2007 */



Screen layout: */

html {
height: 100% }

body {
min-height: 101%;
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4  url(image/bg.gif) top center repeat-y;


}

p {
	margin-top: 0;
}

#wrap {

color: #303030;
margin: auto;
width: 760px;
}


#header {
clear: both;
margin: 3px 0 10px 0;
padding: 0;
height: 10px;
float:right;
font-size: 0.75em;
}

/* mal drin gelassen, da ich nicht wei� ob ich es doch noch brauch.
#header p {
width: 500px;
float: right;
text-align: right;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.6em;
line-height: 1.2em;
}*/





#header-image {
margin: 0 0 10px 0;
border: 0;
}

/**/
#links {
float:left;
}


#menu {
/*clear: left;*/
/*float: left;*/
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#menu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	


#menu ul li, #menu ul li ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
margin-bottom: 4px;
}	

/* Abstand oben bei 2. Menuebene */
#menu ul li ul {	
	margin: 4px 0 20px 0;
}	

/**/
#menu ul li ul li {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0px;
font-size: 0.9em;
/*margin-bottom: 4px;*/
}	


/**/
#menu ul li ul li a {
font-weight: bold;
height: 20px;
text-decoration: none;
/*color: #505050;*/
display: block;
padding: 6px 0 0 30px;
/*background: #f4f4f4;*/
/*border-left: 4px solid #cccccc;*/
}	

/**/
#menu ul li ul li a:active, #menu ul li ul li a:hover,  {
background: #eaeaea;
color: #006699;
border-left: 4px solid #006699;
}


#menu li, #menu ul li ul li, #menu ul li ul {
margin-bottom: 4px;
}


#menu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}	
	
#menu li a:hover, #menu li strong a {
background: #eaeaea;
color: #006699;
border-left: 4px solid #006699;
}


.news {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
/*clear: left;*/
/*text-align: justify;*/
}

.news h1, h2, h3, h3, h4, h5, h6 {
	color:#333333;
	font-size: 1.1em;
	
}
/*
.login {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}
*/


/*----TEST ob das so geht!-----*/
.login {
border: none; /* Rand ausschalten */
}

.login label {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;

}

.login input,
.login textarea,
.login select {
float:left;
display:block;
width:250px;
/*border: 1px solid #333;*/
background:#F4F4F4;
padding:1px;
margin-bottom:10px;
}

.login submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 110px;
/* Float wieder abschalten */
clear: both;
}
/*----TEST ENDE ob das so geht! Wenn ja diese Zeile l�schen-----*/

#sponsor {
float: right;
width: 130px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

/**/
#sponsor image {
	margin: 8px 0px 8px 0px;
}

#sponsor p {
margin: 0 0 1.5em 0;
}

#sponsor h1, h2, h3, h4, h5, h6 {
	color:#333333;
	font-size: 0.9em;
}



#content {
margin: 0 140px 20px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: justify;
min-height: 945px;
}

#t3-content {
	overflow:hidden;
	padding: 0;
	margin: 0;
	float: left;
	width: 438px;
}

.hide-sponsors  #t3-content { width: 100%; }

.hide-sponsors #content {
	border-right: none;
	margin: 0 0 20px 160px;
}

.hide-sponsors #sponsor {
	display: none;
}


#content h1 {
font-size: 1.7em;
margin: 0 0 0.4em 0;
color:#5F82F5;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.3em 0;
color:#999999;
}

#content h3 {
font-size: 1.3em;
margin: 0 0 0.3em 0;
color:#999999;
}

#content h4 {
font-size: 1.1em;
margin: 0 0 0.2em 0;
color:#999999;
}

#content  h5{
font-size: 1.0em;
margin: 0 0 0.1em 0;
color:#999999;
}

#content  h6 {
font-size: 0.9em;
margin: 0 0 0.1em 0;
color:#999999;
}

#content img {
margin:0 20px 0 0; 
padding:1px;
display:inline;
background: #cccccc;
/*border: 2px solid #f0f0f0;*/

}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}


/**/
DIV.csc-textpic-above DIV.csc-textpic-text {
clear: none;  
}

/*TEST rgmoodalbox*/
div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.csc-frame-rulerAfter {
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}


div.rgaccord1-content {
	
	border-left:0px solid #ccc;
  	border-right:0px solid #ccc;
}

#content h3.rgaccord1-toggle {
	background-color: #ccc;
	overflow:hidden;
	text-align:left;
}

#content h3.act {
	background-color: #286ea0;
}

/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }
  
  div.rgaccord1-content { width: auto; }