﻿
/* Reset der Standardanweiungen in den Browsern für Listen */

li, ul, img { 
	margin:0px; 
	padding:0px  
 	}

/* Formate der Standardtags mit normaler Schriftgröße */



body    { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #fede57 url('../bilder/ergo_10.gif');
	background-repeat:repeat-y;
	background-position:center;
	margin:0px; 
	padding:0px; 
	color:#555555;	
	font-size:12px; 
    line-height:150%; 
	}
             
a:link       { color:#666666 }
a:visited    { color:#666666 }
a:hover      { color:#f78600}



p   { 
	font-size:12px; 
    line-height:150%; 
	margin-top:10px; 
	text-align:left 
	}
h1  { 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color:#f78600; 
	font-size: 18pt; 
	line-height: 130%; 
	margin-top:10px; 
	margin-bottom:30px; 
    font-weight:normal; 
	text-align:left 
	}
h2 {
	margin:50px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #555555;
	text-align: left;
	border-bottom:0px dotted #CC0000
	} 
               
h3 { 
	border-bottom:1px solid #e5e5e5; 
	font-size: 12px; 
	color:#f78600; 
	font-weight: bold; 
    line-height: 150%; 
    margin-top:30px; 
    text-align:left 
    }
h4           { 	
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color:#f78600; 
	font-size: 14pt; 
	line-height: 130%; 
	margin-top:30px; 
	margin-bottom:20px; 
    font-weight:normal; 
	text-align:left 
	}
li {
	text-align: left;
	margin:10px 0 0 15px;
	line-height:150%
	}


.haupttabelle-index {
	background-image:url('../bilder/ergo_07.gif');
	background-repeat:repeat-y
	}	 
	
.haupttabelle {
	background-image:url('../bilder/ergo-text_07.gif');
	background-repeat:repeat-y
	}
.navizelle {
	background: black url('../bilder/ergo_03.gif');
	height: 47px;
	}
.navizelle-erwachsene {
	background: black url('../bilder/ergotherapie_03.gif');
	height: 47px;
	}

.titelzelle {
	background: white url('../bilder/karo11_05.gif');
	height: 55px;
	}
.spalte-links		{
	border-right:0px solid silver;
	padding-right:20px
	}	
.spalte-rechts		{
	border-left:0px solid silver;
	padding-left:20px
	}		



.textzelle {
	padding-right:30px;	
	}
	
.links {
	text-align: left;
	padding:10px;
	border-left:1px solid #ffe87f;	
	border-bottom:1px solid #ffe87f;
	border-right:1px solid #fae069;
	background-color:#fffbd8;
	}
.mitte {
	text-align: left;
	padding:10px;
	border-left:2px solid #ffffff;	
	border-right:1px solid #fae069;
	border-bottom:1px solid #ffe87f;		
	background-color:#fffbd8;

	}
.rechts {
	text-align: left;	
	padding:10px;	
	border-left:2px solid #ffffff;	
	border-right:1px solid #ffe87f;
	border-bottom:1px solid #ffe87f;	
	background-color:#fffbd8;
	}
	
	
.textkasten-index { 
	background-color:white;
	border:0px solid #e5d4b2;
	padding-bottom:10px;
	-webkit-box-shadow: 0px 0px 10px #bfa36c;
    -moz-box-shadow: 0px 0px 10px #bfa36c;
    box-shadow: 0px 0px 10px #bfa36c;
	}
	
.indextext {
	text-align: left;
	margin:5px 15px 5px 15px;font-size:11px
	}
	
.indexlink {
	margin-left:40px;
	padding-top:12px;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; 
	color:#f78600; 
	font-size: 12pt; 
	margin-top:10px; 
	margin-bottom:10px; 
    font-weight:normal; 
	text-align:left 
	 }
.indexlink a {
	color:#f78600;
	text-decoration:none;
	border-bottom:1px dotted #f78600
	 }
.indexlink a:hover {
	color:#cc0000;
	text-decoration:none;
	border-bottom:1px solid #cc0000
	 }



.bilderrahmen { 
	padding:15px;
	background-color:white;
	border:1px solid silver;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 12px silver;
    -moz-box-shadow: 0px 0px 12px silver;
    box-shadow: 0px 0px 12px silver;
	}	  		  		  
.bilderunterschrift { 
	margin:5px 0 0 5px;
	font-size:0.7em;
	color:gray;
	}	
	  		  		  
.fusszeile-index {
	padding-top:8px;
	font-size:10px; 
	color:gray;
	margin:40px 40px 5px 40px;
	border-top:1px solid #ffd21e
	}

.fusszeile {
	padding-top:5px;
	font-size:10px; 
	color:gray;
	margin:40px 40px 0px 0px;
	border-top:1px solid #ffd21e
	}

.liste        { 	
	padding-left: 15px;
	line-height: 120%;
	background: url('../bilder/bull.gif') no-repeat;
	margin-left: 0px; 
    margin-top: 8px;
    margin-bottom:0px }

.rot-kasten-verlauf {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding:10px 15px;
	margin-bottom:0px;
	background-image: url(../bilder/rotverlauf.jpg);
	background-repeat: repeat-x;
	line-height:120%;
	} 
.rot-kasten-verlauf a {
	color: #FFFFFF;
	} 	
.rot-kasten-verlauf a:hover {
	color:#febfa9;
	text-decoration:none;
     } 


	 
.start-titel {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #CC0000;
	margin:0px;
	background-image:url('../bilder/tab.jpg');
	background-repeat: repeat-x;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 8px;	
	border-left:3px solid white;
	border-right:3px solid white;	
	-webkit-box-shadow: 0px 0px 10px #bfa36c;
    -moz-box-shadow: 0px 0px 10px #bfa36c;
    box-shadow: 0px 0px 10px #bfa36c;

	} 
.start-titel a {
	color: #FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #E69990
	} 
.start-titel a:visited {
	color: #FFFFFF;
	} 	
.start-titel a:hover {
	color: #000000;
	border-bottom:1px dotted black;
	} 	
	 
.bilderrahmen-start 	{
	border-left:3px solid white;
	border-top:3px solid white;
	border-right:3px solid white;
	border-bottom:0px solid white;	
	-webkit-box-shadow: 0px 0px 10px #bfa36c;
    -moz-box-shadow: 0px 0px 10px #bfa36c;
    box-shadow: 0px 0px 10px #bfa36c;
	}	
	
.starttext {
	text-decoration:none
	} 
.starttext a {
	text-decoration:none
	} 
.starttext a:hover {
	text-decoration:underline
	} 

.start-link {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	margin:0px;
	background-image:url('../bilder/tab.jpg');
	background-repeat: repeat-x;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	text-align:center;	
	border:3px solid white;
	-webkit-box-shadow: 0px 0px 10px #bfa36c;
    -moz-box-shadow: 0px 0px 10px #bfa36c;
    box-shadow: 0px 0px 10px #bfa36c;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;		
	} 
.start-link a {
	color: #FFFFFF;
	text-decoration:none;
	} 
.start-link a:hover {
	font-weight:bold;
	color:#fdcb26;
	border-bottom:1px dotted #fdcb26

	} 


.teaser-klein {
	font-size: 11px;
	} 

 
.brot {
	font-size: 10px;
	margin-top:0px;
	margin-bottom:30px
	} 
.text-rot-fett {
	color:#f78600;
	font-weight:bold;
	}

    
.titel {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #CC0000;
	margin:0px;
	background-image:url('../bilder/tab.jpg');
	background-repeat: repeat-x;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left:1px solid #ff8787;
	border-right:1px solid #a60000;
	}
.titel a {
	color: #FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #E69990
	} 
.titel a:visited {
	color: #FFFFFF;
	} 	
.titel a:hover {
	color: #000000;
	border-bottom:1px dotted black
	} 	

.titel-klein {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	margin:0px;
	background-image:url('../bilder/tab.jpg');
	background-repeat: repeat-x;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left:1px solid #ff8787;
	border-right:1px solid #a60000;
	}
.titel-klein a {
	color: #FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #E69990
	} 
.titel-klein a:visited {
	color: #FFFFFF;
	} 	
.titel-klein a:hover {
	color: #000000;
	border-bottom:1px dotted black
	} 	


/* Subnavigartion an der Seite */ 	
.navi-themen {
	margin:30px 40px 10px 0px;
	color:#f78600;
	font-weight:600;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif;
	font-size:16px;
	border-bottom:1px solid #ffd21e
	}

.nav-vertikal {
	margin: 10px 0 10px 0px;
	padding: 0;
	}

.nav-vertikal ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.nav-vertikal ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}

.nav-vertikal ul li a {
	width: 165px;
	padding:0px;
	color:#f78600;
	line-height:200%;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight:normal; 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-left:5px;
	margin:0px;
	border-bottom:1px solid #ffd21e
}

.nav-vertikal ul li a:hover {
	color:#cc0000;
	font-weight:normal;
	background-color:white;
	text-decoration: none;
	}

.nav-vertikal a:active {
	background: dimgray;
	color: white;
	}
	
.nav-vertikal li#active a {
	background: dimgray;
	border: 1px solid #c60;
	color: white;
	}

.nav-vertikal a:visited {
	color: #f78600;
	font-weight:normal; 
	}
	
	
/* Buttons */

a.button {
    /* Sliding right image */
    background: transparent url('../bilder/button_right.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 39px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #ffffff;
	font-size:16px;
	font-weight:normal;
}
a.button span {
	/* Background left image */ 
	background: transparent url('../bilder/button_left.png') no-repeat; 
	display: block;
	line-height: 39px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 0 0px 18px;
} 
a.button:hover span{
	text-decoration:underline;
	}	

               
