/* 
Stylesheet für die Seite rolfing.org
Silvia Mack / Claudius Herwig 
Letzte Änderungen 29.05.2009
www.paramat.de 
*/

body {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		margin: 0 0 0 0px;
		background: #ffffff;
		color: #333;
		width:100%;
		} 
.csc-header csc-header-n1 {
		margin:0;
		}
h1 {
		font-size: 22px;
		color: #E88700;
		margin:0 0 10px 0;
		line-height:25px;
		}
h2 {
		font-size: 14px;
		color: #C67503;
		margin:10px 0 10px 0;
		}
h3 {
		font-size: 14px;
		color: #6C89CB;
		margin:10px 0 10px 0;
		}
h4 {
		font-size: 14px;
		color: #3A4783;
		margin:10px 0 10px 0;
		}
h5 {
		font-size: 11px;
		color: #6C89CB;
		margin:10px 0 10px 0;
		}
#container {
		  border: 0;
		  width: 935px;
		  margin: 0 0 0 0 ;
		  padding: 0;
		}
br.clear {
		clear:both;
		font-size:1px;
		line-height:1px;
		display:block;
		height:1px;
		} 
		
/* **********************************   Kopfzeile  ***************************************/

#headerblue {
		position: absolute; top:0px; left:0;z-index:0;		
		height:126px;  
		width: 100%;
		margin:0;
		background:url(../images/layout/headerverlaufbg.gif); 
		}
#header {
		position: absolute; top:0px; left:0;z-index:1;	
      	height:126px;
      	width: 935px;
      	margin: 0 0 0 0;
      	padding: 0;
      	background:url(../images/layout/headerverlaufbg.gif);
		}
#abstand {
      	height:156px;
      	width: 935px;
      	margin: 0 0 0 0;
      	padding: 0;
}
#languages {    
		float: left;
		width: 800px;
		margin: 6px 0 0 23px;
		color: #FFF;
		font-size: 11px;
}
#languages .selected {
		color: #FFF;
		font-weight:600;
		}
#logotypo { 
		margin: 50px 0 0 23px ;
		float: left;
		}
#logoimg { 
		margin-right: 27px ;
		float: right;
		}
		* html #logoimg {
		margin-right: 15px;
		}
		/* for IE 6 */
		
/* **********************************   Zeile mit Search und Select  ***************************************/

#subheaderblue {
		position: absolute; top:126px; left:0;	z-index:0;	
		border-top: 1px #FFF solid;
		height:30px;
		width: 100%;
		margin:0;
     	background:url(../images/layout/subheaderbg.gif); 
		}
#subheader {
		position: absolute; top:126px; left:0;	z-index:1;	
		border-top: 1px #FFF solid;
      	height:30px;
      	width: 935px;
		font-size: 10px;
      	color: #FFF;
      	margin: 0;
      	padding: 0;
      	background:url(../images/layout/subheaderbg.gif) repeat-x;
		}
#search {
		margin: 4px 0 0 23px;
		float: left;
		}
		* html #search {
		margin-left: 12px;
		}
		/* for IE 6 */
#search input {
		height:16px;
		border: 1px #FFF solid; 
		width:90px;
		background-color:#8BA3D9;
		color:#FFF; 
		font-size:10px;
		padding:0;
		margin:0;
		}
#search .sbutton {
		border:0;
		color:#FFF;
		background: transparent; 
		font-size:10;
		height:18px; 
		width:60px;
		padding:0;
		margin:0;
		font-family: Verdana, Arial, sans-serif;
		}
#metamenue {
		margin: 8px 0 0 0;
		float: left;
		}
#pathinfo {
		margin: 8px 0 8px 5px;
   		float: left;
		}
#pathinfo a , #metamenue a, #languages a {  
		color: #FFF; 
		text-decoration: none;
		}
#pathinfo a:hover , #metamenue a:hover, #languages a:hover { 
		color: #FFF; 
		text-decoration: underline
		}
#select {
		margin: 5px 27px 0 0;
      	float: right;
		}
		* html #select {
		margin-right: 15px;
		}
		/* for IE 6 */
#select form { 
		margin: 0;
		}
#select select{
		height:18px;
		border: 1px #FFF solid; 
		background-color:#8BA3D9;
		color:#FFF;
		font-size:11px;
		padding:0
		}

/* **********************************   Menüs linke Spalte  ***************************************/

#left { 
		width: 215px;
		margin: 0;
		float:left;
		font-size: 11px;
		font-weight: 600;
		color: #002E96;
		}
.over {
		background-color: #DBDFE7;
		}
.out {
		background-color: #FFFFFF;
		}
#left a:hover {
		background-color: #DBDFE7; 
		font-weight: 600; 
		text-decoration: none
		}
#left .selected {
		background:url(../images/layout/menueverlaufbg-hoch.gif) top left repeat-x; 
		color: #FFF;
		}
#navi, #subnavi, #langnavi  {
		width: 175px;
		line-height: 18px;
        padding: 0;
		}
#navi {
		margin: 20px 0 0 17px;
		}
#subnavi {
		margin: 0 0 10px 17px;
		}
#left .linie { 
		width: 175px;
		margin: 12px 0 12px 17px;
		line-height: 1px;
		background-color: #88A4E4;
		height: 1px;
		}
#left .trennlinie { 
		width: 175px;
		margin: 12px 0 11px 0px;
		line-height: 1px;
		background-color: #88A4E4;
		height: 1px;
		}		
.menueitem, #langnavi div {
		padding-left: 5px;
		}
.menueitem a {
		color: #C67503; 
		font-weight: 600; 
		text-decoration: none;
		display:block;
		}		
.submenueitem {
		padding-left: 20px;
		}
.submenueitem a {  
		color: #88A4E4; 
		font-weight: 600; 
		text-decoration: none;
		display:block;
		}
#langnavi .act {
		background-color: #DBDFE7;
		}		
#langnavi  {
		margin: 10px 0 0 17px;
		}		
#langnavi div a {
		color: #88A4E4;
		font-weight: 600; 
		text-decoration: none;
		display:block;
		}
#langnavi div a:hover {	
		color: #3A4783;
		background-color: #FFFFFF;
		}	
/* **********************************   Contentbereich mitte und rechts  ***************************************/

#middle {
		line-height:22px;
		width: 690px;
		float:right;
		margin: 0 27px 20px 0;
		min-height:750px;
		height:auto;
		}
		* html #middle {
		height:750px;
		}
		/* for IE 6 */
#content {
		margin-top: 20px;
		}
#contentleft {
		width: 488px;
		margin: 0 0 0 0;
		float: left;
		}
#contentright {
		width: 175px;
		margin-top: 0;
		float: right;
		}

/* **********************************   Fusszeilen  ***************************************/

#footer {
		clear: both;
      	height:119px;
      	width: 100%;
		font-size: 10px;
      	color: #FFF;
      	letter-spacing: 0.03em;
      	margin:0;
      	padding:0;
    	background:url(../images/layout/footerverlaufbg.gif); 
		}
#footercont {
		height:119px;
      	width: 935px;
      	margin: 0 0 0 0;
      	padding: 0;
    	background:url(../images/layout/footerverlaufbg.gif); 
		}
#footerlogoimg {
		width:55px;
		margin: 7px 10px 0 0 ;
		padding-left:147px ;
		float:left;
		}
#footertext1 {
		width: 600px;
		margin-top: 10px;
		line-height: 18px;float:left;
		}
#footertext2,#footermenue {
		width: 600px;
		margin: 0 0 0 0;
		line-height: 18px;
		float:left;
		}
#footermenue a {
		color: #FFF; 
		text-decoration: none;
		}
#footermenue a:hover { 
		color: #FFF; 
		text-decoration: underline;
		}

/************************************* Formularfelder  content **************************/

#middle input,#middle select,#middle textarea  {
		font-family: Verdana, Arial, sans-serif;
		padding:0 0 0 5px;	
		font-size:11px;
		color:#333;
		border:1px solid #88A4E4;
		background:#F4F4F4;
		}
#middle input {
		height:16px;
		}
#middle .focusfarbe {
		border:1px solid #6D8ACB;
		background:#FFFFFF;
		}
#middle .blurfarbe {
		border:1px solid #88A4E4;
		background:#F4F4F4;
		}
		
/**************************** contactpoint *********************************************/

.contactpoint  {
		margin:15px 0 0 0;
		}
.contactpoint  .item {
		margin-left:25px;
		}
.contactpoint a {
		color:#6C89CB;
		text-decoration:none;
		font-weight:bold;
		}
.contactpoint a:hover {
		color:#3A4783;
		text-decoration:none;
		font-weight:bold;
		}

/**************************** Kontakt, Registration, Login Form ***************************/

#mailform fieldset {
		padding:0;
		border:0;
		}
#mailform input,#mailform textarea {
		width: 258px;
		margin: 5px 0 0 0;
		}
#mailform input#mailformrolferlist {
		width:15px;
		}
#mailform input#mailformcatalogue {
		width:15px;
		}
#mailform label {
		float:left;
		display:block;
		width: 200px;
		margin: 0 10px 5px 0;
		color: #C67503;
		font-weight: bold;
		}
#mailform .radiolayout input {
		margin:3px 0 0 10px;
		float:left;
		width:20px;
		border:1px solid #88A4E4;
		}
#mailform .radiolayout label {
		margin:0;
		float:left;
		width:auto;
		}
#mailform .radiolayout {
		color: #C67503;
		font-weight: bold;
		margin-bottom:1em;
		margin-top:1em;
		}
#mailform .submitbutton, #logoutforum .submitbutton, #mailformformtype_mail.csc-mailform-submit {
		border:0px;
		font-size:12px; 
		font-weight:bold;  
		width:100px;
		height:17px; 
		padding-bottom:2px;
		background:url(../images/layout/menueverlaufbg.gif); 
		color: #FFF;
		}
#mailformformtype_mail.csc-mailform-submit {
		margin-left: 211px;
		}
.lightbluetextfett {
		color:#88A4E4;
		font-weight:bold;
		}
/*	logout im Forum wird anders formatiert 
	Silvia Mack, 22.01.2008 */

#logoutforum {
		width:100%;
		text-align:right;
		margin: 20px 0 0 0;
		}

#logoutforum label {
		color: #C67503;
		font-weight: bold;
		}

/****************************** Kontakt bzw. Registration Form ***************************/

#filelist table {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		width:400px;
		border-collapse:collapse;
		text-align:left;
		margin:10px 0 20px 0;
		}
#filelist p { 
		margin:0;
		}
#filelist  td {
		font-size: 11px;
		line-height: 17px;
		border:1px solid #6C89CB;
		vertical-align:top;
		padding:3px;
		spacing:0;
		}
#filelist a { 
		font-weight:bold;
		}
#filelist a:hover { 
		font-weight:bold;
		}

/********************************************  Tables **********************************************/
.rolferresult {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		background-color: #ffffff;
		color: #333;
		width:100%;
		}
		
		
.rolferresult th {
		font-size: 11px;
		font-weight: 600;
		color: #6C89CB;
		padding:4px;
		border-right: 1px solid #6C89CB; 
		}
.rolferresult .last {
		border-right:0px; 
		} 
.rolferresult .spalte1 {
		width:150px; 
		} 
.rolferresult .spalte2 {
		width:150px; 
		} 
.rolferresult .spalte3 {
		width:133px; 
		} 
.rolferresult .spalte4 {
		width:130px; 
		} 
.rolferresult .spalte5 {
		width:70px; 
		} 

/***************************** rollover der Spaltenköpfe ************************/
.rolferresult .over {
		background-color: #DBDFE7;
		}
.rolferresult .out {
		background-color: #FFFFFF;
		}
.rolferresult .overrow {
		background-color: #E6E9ED;
		}
.rolferresult table {
		width:686px;
		table-layout:fixed;
		border-collapse:collapse;
		border-color:#6C89CB; 
		text-align:left;
		margin:10px 0 20px 0;
		}
		* html .rolferresult table {
		width:686px;
		}
		/* for IE 6 */
.rolferresult th {
		padding:0 0 0 3px;
		}
.rolferresult th a { 
		color: #6C89CB; 
		font-weight: 600; 
		text-decoration: none;
		display:block;
		}
.rolferresult .selected  {
		background:url(../images/layout/thverlaufbg.gif); 
		color: #FFF;
		}
.rolferresult .selected a {
		color: #FFF;
		}
.rolferresult a.blue {
		color:#6C89CB;
		font-weight:bold;
		text-decoration:none;
		}
.rolferresult a:hover.blue {  	
		color:#3A4783;
		font-weight:bold;
		text-decoration:none;
		}
.rolferresult td {
		font-size: 10px;
		line-height: 17px;
		wrap:auto;text-wrap:hard-wrap;word-wrap:break-word;overflow:hidden;
		vertical-align:top;
		border-right: 1px solid #6C89CB; 
		border-top: 1px solid #6C89CB; 
		padding:3px;
		}
.rolferresult td a { 
		color: #333; 
		font-weight: normal; 
		text-decoration: none;
		display:block;
		}
.rolferresult td a:hover { 
		background-color: #DBDFE7; 
		font-weight: normal; 
		text-decoration: none;
		}
a img {
		border: none;
		}

.csc-mailform-field {
	clear: both;
	}
