/* CSS www.cmcv.de - angepasste CSS an celinemed.de */

/* Basis
******************************/

body, html, td { border: 0; margin: 0; width: 100%; height: 100%; font: normal 100.01% Arial,Verdana,Helvetica,sans-serif; font-size: 12px; background-color: #ffffff; color: #000000; line-height: 20px; }
* { margin: 0; padding: 0; font-family:  Arial,Verdana,Helvetica,sans-serif; font-size: 12px; } 
#seite { width: 1000px; }
.endfloat { clear: left; }

/* Kopf
******************************/

#kopf { width: 1000px; height: 104px; border-bottom: 14px solid #ff9801; background: url(/layout/cmcvgrafik/header-bkgrnd.jpg) no-repeat right top; }
#kopf div.logo { width: 642px; height: 104px; float: left; }
#kopf div.navi { width: 284px; padding-top: 75px; margin-left: 690px; color: #30519D; }
#kopf a { text-decoration: none; color: #30519D; }


/* Hauptnavi
******************************/

#hnavi { width: 240px; height: 722px; float: left; background: url(/layout/cmcvgrafik/left-backgrnd.jpg) no-repeat; }
#hnavi a { display: block; color: #30519D; font-weight: bold; margin-left: 14px; height: 30px; width: 226px; text-decoration: none; font-size: 14px; }
#hnavi img { margin-bottom: 25px; }

/* Content
******************************/

#cont { width: 757px; margin-left: 3px; float: left; }
#cont img.head { margin-bottom: 25px; }
#cont div.pfad, #cont div.opfad { padding-bottom: 10px; padding-left: 5px; margin-left: 19px; margin-bottom: 20px; border-bottom: 1px solid #cccccc; }
#cont div.opfad { margin-top: 25px; }
#cont h1 { color: #ff9801; font-size: 18px; font-weight: bold; padding-bottom: 20px; }

/* Login
******************************/

#login { margin-left: 24px; }
#login div.links { width: 180px; float: left; }
#login div.rechts { width: 500px; padding-left: 18px; float: left; }
#login div.logtext { font-size: 10px; font-style: italic; margin-bottom: 2px; }
#login input { width: 150px; margin-bottom: 8px; }
#login input.send { background-color: #ff9801; color: white; font-weight: bold; }
#login div.rot { margin-top: 10px; font-weight: bold; color: red; }
#login input.send { background-color: #ff9801; color: white; font-weight: bold; }
#login a { color: #30519D; }


/* Beratersuche
******************************/

#berat { margin-left: 24px; }
#berat div.links { width: 230px; float: left; }
#berat div.rechts { width: 450px; padding-left: 18px; float: left; }
#berat div.suchtext { font-size: 12px; font-style: italic; margin-bottom: 2px; }
#berat input, #berat select { width: 210px; margin-bottom: 8px; }
#berat input.send { background-color: #ff9801; color: white; font-weight: bold; }
#berat input.radio { width: 20px; }
#berat input.send { background-color: #ff9801; color: white; font-weight: bold; }
#berat div.ergbox { margin-bottom: 4px; padding-bottom: 4px; width: 450px; display: block; border-bottom: 1px solid #cccccc; }
#berat div.erglinks { font-weight: bold; width: 170px; float: left; }
#berat div.ergrechts { margin-left: 171px; padding-left: 10px; }
#berat a { color: #30519D; }


/* Text
******************************/
#text { width: 700px; margin-left: 24px; }
#text input.send { background-color: #ff9801; color: white; font-weight: bold; }
#text a { color: #30519D; }


/* Formular
******************************/
#form { width: 700px; margin-left: 24px; }
#form input.send { background-color: #ff9801; color: white; font-weight: bold; }
#form a { color: #30519D; }
#form div.links { width: 330px; float: left; }
#form div.rechts { width: 330px; padding-left: 18px; float: left; }
#form div.legende { font-size: 11px; font-style: italic; color: #999999; display: block; width: 330px; padding-top: 10px; }
#form input.gross { width: 330px; }
#form input.mittel { width: 280px; }
#form input.klein { width: 50px; }
#form input.halb, #form select.halb { width: 165px; }
#form input.send { background-color: #ff9801; color: white; font-weight: bold; width: 330px; }