/*******************************************
	
	CSS-Anweisungen fuer Webseite des EHK
		
*******************************************/


/********************************
		GENERERAL ELEMENTS STYLES
*********************************/
* { font-family: arial,helvetica,sans-serif; color: #131d5a; }
pre { font-family: monospace; }
a { color: #088983; text-decoration: none; }
a:hover { color: #088983; }
form { margin: 0px 0px 0px 0px;}
p, pre, ul, ol { margin: 20px 0px 20px 0px; }
ul, ol { padding-left: 2em; }
li { margin-bottom: 5px; }

p, td, ul, ol { font-size: 12px; }
input, textarea, select { padding: 1px 2px; font-size: 12px; font-family: arial,helvetica,sans-serif; }
img { border: 0; }

/* Headers, plain */
h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h1, h2, h3 { margin: 30px 0px 20px 0px; }
.csc-header h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader { margin-top:0; padding:0 ; }

/* Headers, with link */
h1 a, h2 a, h3 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none; }

/* RTE / Table styling */
table { border: 1px solid #131d5a; margin: 3px 0px 10px 0px; }
table tr td { padding: 0px 3px; }
table tr th { padding: 1px 3px; }
table p { margin: 0; }
table tr { background-color: #d7ebea; }

.align-center { text-align: center; }
.align-justify { text-align: justify; }
.align-right { text-align: right; }



/****************************************
        LAYOUT
****************************************/


body, html { border: 0; margin: 0; font-size: 12px; line-height: 20px; }
body { background-color: #fff; padding: 10px; text-align: center; } 


#gesamtcontainer { position: relative; width: 970px; text-align: left; margin: auto; background-color: #fff; }

#header { position: relative; width: 100%; margin-bottom: 1px; padding-bottom: 3px; border-bottom: 22px solid #131d5a; height: 99px;  }
#logo { position: relative; width: 160px; float: left; margin-right: 4px; }
#logo img {}
#headline { position: relative; width: 592px; float: left;  margin-right: 3px; }
#headline-img { position: absolute; z-index: 1; }
#headline-text1, #headline-text2 { position: relative; z-index: 10; color: #fff; font-weight: bold; }
#headline-text1 { font-size: 21px; padding: 28px 40px 3px; }
#headline-text2 { font-size: 18px; padding: 5px 40px; }
#headerpic { position: relative; width: 208px; float: right; }
#headerpic img {}

#body-wrapper { position: relative; clear: both; width: 100%; background: url(../img/bkgr-left.jpg) repeat-y; }
#left { position: relative; float: left; width: 160px; background-color: #d7ebea; line-height: 24px; }
#middle { position: relative; float: left; width: 533px; margin: 40px 32px 20px 34px; }
#pagetitle { width: 410px; border-bottom: 1px solid #009b8f; padding: 0 10px 4px 10px; margin-bottom: 20px; }
#content { padding-left: 20px; margin: 20px 0; }
#right { position: relative; float: left; width: 208px; padding: 0; }

.clearer { clear: both; }

#start-middle { position: relative; width: 782px; float: left; padding: 100px 0 60px 0; }
#start-content-wrapper { width: 100%; }
#start-content-wrapper #leftcontent { padding: 0 20px; width: 310px; float: left; text-align: right; }
#start-content-wrapper #rightcontent { padding: 0 20px; width: 320px; float: left; } 
#startillu { position: relative; clear: both; padding-bottom: 40px; }
#leftinfo { position: absolute; bottom: 20px; padding-left: 42px; }

/******************************************
        NAVIGATION
******************************************/

#leftmenu {margin: 40px 4px 0 4px; }
#left ul { margin: 0; }
#left li { color: #088983; margin: 0; }
#left ul a { color: #088983; }
#left ul a:hover { color: #131d5a; }
#left ul a.cur { color: #131d5a; font-weight: bold; }
#left ul ul { padding-left: 10px; }
#left ul li.level2 { list-style-type: none; }



/******************************************
        CONTENT ALLGEMEIN
*****************************************/

#pagetitle h1 { margin: 0; font-size: 16px; font-weight: normal; color: #131d5a; }

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: 1px solid #131d5a; }
div.csc-textpic-intext-left-nowrap div.csc-textpic-text * { margin-top: 0; }

#content a { font-weight: bold; }

.vorstand h1 { margin-bottom: 10px; font-size: 12px; }
.vorstand p { margin: 10px 0; }
.vorstand b { color: #009b8f; }


/******************************************
        CONTENT RECHTS
*****************************************/

#rightcontent div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border-color: #eef8f7; border-style: solid; border-width: 5px 35px 10px 26px; }



/********************************************
	FORMULARE
********************************************/

#maiform {}
.csc-mailform { border: 1px solid #ccc; padding: 10px; margin: 20px 0; }
.csc-mailform-field { padding: 2px 0; clear: both; }
.csc-mailform-field label { display: block; padding-right: 1em; float: left; text-align: right; width: 15em; }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { width: 20em; }
.csc-mailform-field .csc-mailform-submit { font-weight: bold; margin-left: 16em; width: 10em; margin-top: 1em; }


/********************************************
	LOGIN
********************************************/

.tx-felogin-pi1 { border: 1px solid #ccc; padding: 10px; margin: 20px 0; }
.tx-felogin-pi1 h3 { margin: 0 0 10px 0; font-size: 14px; }
.tx-felogin-pi1 form fieldset { padding: 0; margin: 10px 0 0 0; border: 0; }
.tx-felogin-pi1 form legend { padding: 0; font-weight: bold; }
.tx-felogin-pi1 form fieldset div { padding: 3px 0; }
.tx-felogin-pi1 form fieldset div label { display: blocK; float: left; padding-right: 1em; width: 7em; }
.tx-felogin-pi1 form fieldset div input { width: 10em; }
.tx-felogin-pi1 form fieldset div input[type="submit"] { margin-left: 8em; font-weight: bold; }