/*** CSS für CVJM Esslingen  */

@import url(navioben.css);
@import url(navilinks.css);
@import url(textstyles.css);

* {
font-size:1em;
}

html {
font-size:62.5%;
}

body {
margin:0;
padding:0;
background-color:#fff;
font-family: Verdana, Arial,  Helvetica, sans-serif;
color: #030;
line-height: 160%;
font-size:1em;
}

#alles {
width:99em;
margin:0 auto;
border-left: 1px solid #369;
border-right: 1px solid #369;
}

#kopf {
width:99em;
height:15em;
background-color: #ffd;
}


#sitename {
width:0px;
height:0px;

}

#hingucker {
width:99em;
height:15em;
}

#hingucker img {
width:99em;
height:15em;
}

#navioben {
width:99em;
height:4em;
background-color: #036;
border-top:1px solid #9cf;
}

#mitte {
position:relative;
width:99em;
background-color:#9cf;
min-height:42em;
height: auto !important;
height:42em; /* nur für IE */
}

#wrap {
position:relative;
float:left;
background-color:#d00919;
width:79em;
min-height:40em;
height: auto !important;
height:40em; /* nur für IE */
}


#links {
position:relative;
float:left; 
width:19em; 
padding:1em;
margin:0;
background-color:#d00919; 
min-height:40em;
height: auto !important;
height:40em; /* nur für IE */
}



#inhalt {
position:relative;
float:left; 
padding:1em;
width:55.6em;   /* nur für IE 6.0 */
background-color:#fff;
min-height:40em;
height: auto !important;
height:40em; /* nur für IE */
}

html>body #inhalt {
width:56em;    /* erkennt der IE 6.0 nicht  */
}

#rechts {
position:relative;
float:left; 
float:right; 
width:17.9em; 
padding:1em;
background-color:#9cf;
min-height:40em;
height: auto !important;
height:40em; /* nur für IE */
}

.clear {
/* clear:both;
height:1px; */
display:none;
}

html>body .clear {
display: block;
clear:both;
height:0px;    /* erkennt der IE 6.0 nicht  */
}

#shortcuts {
margin:0.5em 0;
}

#shortcuts a {
text-decoration:none;
color:#360;
font-weight:bold;
}

#shortcuts p {
margin: 0.3em 0;
/* font-size:1em; */
}

#logo {
display:none;
}

#footer {
clear:both;
width: 99em;
height:2.3em;
border-top: 1px solid #369;
border-bottom: 1px solid #369;
text-align:center;
padding-top:0.7em;
background-color: #fff;
}

#footer p {
color: #036;
line-height:120%;
margin:0;
font-size:1em;
}


#footer a {
color: #036;
border-bottom: 1px dotted #036;
text-decoration: none;
font-size:1em;
}

.hidden, h1 {
      position:absolute;
      left:-1000px;
      top:-1000px; 
      width:0;
      height:0;
      overflow:hidden;
      display:inline;

}

/*   Suchfeld   */

input.suchfeld {
width:14em;
font-size:1em;
}

input {
border:1px solid #369;
}


/* Mailform   */

.csc-mailform-field{
margin-bottom:0.5em;
width:75%;;
}


.csc-mailform-field label {

}

.csc-mailform-field input, .csc-mailform-field textarea {
display:block;
margin-bottom:0.5em;
}

.csc-mailform-label {
font-weight:bold;
margin-bottom:0.5em;
margin-top:0.5em;
color:#336;
}

.csc-mailform {
margin-top:0.3em;
}

.csc-mailform-field fieldset {
	width:auto;
}


.csc-mailform-field fieldset input {
	float:left;
}

.csc-mailform-field fieldset label {
	float:left;
	margin-right:1em;
}

.csc-mailform-field fieldset legend{
	display: none;
}

/**** Link "to Top"   ***/

.csc-linkToTop {
text-align: right;
padding: 0.5em 2em 0.5em 0.5em;
background-image: url(esslingen_03_FILES/arrow-up-red.png);
background-repeat: no-repeat;
background-position: right;
}