/* CSS-Stylesheet fuer chorverband-ekir.de */

/* Html-Elemente */
html {height: 100%; margin-bottom: 1px;}
body {margin: 0;font-size: 100.01%;font-family: arial, helvetica;color: #666666;}
H1, H2, H3, H4, H5, H6 {  font-variant: small-caps;color: #005daa;border-bottom: 1px dotted #666666;clear: right;}
H1 {font-size: 1em;border-bottom: 1px solid orange;}
H2 {font-size: 0.9em;}
H3 {font-size: 0.8em;}
H4 {font-size: 0.7em;}
H5 {font-size: 0.6em;}
PRE { font-family: monospace; }
A {color: #005daa;text-decoration: underline; text-decoration: none;}
A:hover { color: #660000; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; line-height: 1.5;font-size: 0.8em;}
LABEL {font-size: 0.8em;}
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; border: 1px solid orange;background: white;color: #666666;}
#extra h1{color: white;font-size: 12px;text-align: center;}
#extra a {color: white;}

/* spezielle TYPO3-Klassen */#mailform {font-size: 0.8em;}
.csc-mailform {
border: none;
text-align: right;
}

.csc-mailform label {
font-size: 1em;
padding-right: 5px;
}

.csc-mailform-field {
margin-bottom: 8px;
}
#content li {font-size: 0.8em;}
P.bodytext {text-align: justify;}
P.bodytext A { font-weight: bold; }
.totop {text-align: right;}
.totop a {text-decoration: none;color: #666666;font-variant: small-caps;}
.totop img {color:white;}
.rootline {margin: 0;position: relative;top: 118px;left: 136px;font-style: italic;font-size: 9px;}
.rootline a {text-decoration: none;}
.rootline img {vertical-align: middle;}
.head {margin: 0;position: relative;top: 30px;left: 140px;letter-spacing: 8px;color: #666666;text-decoration: none;font-style: italic;}

/* Struktur */
#header {width: 686px;height:150px;background: white url(http://chorverband-ekir.de/fileadmin/template/img/header.jpg);}
#container {text-align:left;width:686px;margin:0 auto;background: white url(http://chorverband-ekir.de/fileadmin/template/img/background.jpg);z-index: 10;}
#content {width: 385px;margin: 0 149px 0 132px;padding: 0px 10px;}
#wrapper {float:left;width:100%;}
#navigation {position: relative;float:left;width:132px;margin-left:-686px;}
#extra {float:left;width:137px;margin-left:-137px;z-index: 20;}
#footer {width: 686px;height: 160px;clear:left;background: white url(http://chorverband-ekir.de/fileadmin/template/img/footer.jpg) no-repeat;}
.adress {line-height: 3.2;text-align: left;padding: 10px 0 0 135px;font-size: 8px;color: #8c8c8c;font-weight: bold;font-style: italic;letter-spacing: 2px;}
.copyright {padding-top: 60px;text-align: center;font-size: 10px;letter-spacing: 2.4px;}

/* Navigations Menue - Links */
.menu-level1{font-size: 12px;width: 122px;margin: 0;padding: 0;text-align: center;font-style: italic;}
* html .menu-level1 {  /* Korrekturen fuer IE 5.x */padding-left: 0;padd\ing-left: 0px;}
.menu-level1 li {list-style: none;margin: 0 0 10px 0px; padding: 0;}
.menu-level1 a {display:block;padding: 2px 0;text-decoration: none;font-weight: capitalize;color: white;font-variant: small-caps;}
* html .menu-level1 a {  /* Breitenangaben nur fuer IE */width: 100%;w\idth: 122px;}
.menu-level1 a:hover {color: white; background-color: gray;}
.menu-level1-current-active a, .menu-level1-actifsub a {background: #fbcc00;}
.menu-level2 {position: absolute;left: 132px;top: -15px;width: 366px;}
.menu-level2 li {padding: 0;margin: 0;}
.menu-level2 a {color: blue;float: right;background-color: transparent;padding: 2px 4px;font-size: 10px;}
.menu-level2 a:hover {background: transparent;text-decoration: underline;color: blue;}
.menu-level2-current-active a {background: transparent;}

/* Sub-Menue horizontal */
.menu-level-vertikal{margin: 0;padding: 0;margin-right: -11px;}
.menu-level-vertikal li {background: white;float: right;list-style: none;margin:0;margin-bottom: 10px;}
.menu-level-vertikal a {text-decoration: none;font-size: 0.7em;padding: 0 10px;margin: 0;font-size: 10px; margin-bottom: 10px;}

/* Navigation - Rechte Spalte */
.csc-menu-def {font-size: 11px;width: 136px;padding: 0;margin-left: 1px;text-align: left;}
.csc-menu-def li {list-style: none;margin: 0 0 10px 0px; padding: 0;}
.csc-menu-def a {text-align: center;display:block;padding: 2px 0;text-decoration: none;color: white;}
* html .csc-menu-def a {  /* Breitenangaben nur fuer IE */width: 100%;w\idth: 136px;}
.csc-menu-def a:hover {background-color: gray;}

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
.csc-textpic-caption {color: #666666;font-size: 10px;font-style: italic;}
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; font-size: 10px;}
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; font-size: 10px;}
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; font-size: 10px;}

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border: 2px solid gray;padding: 0px 0px;}
DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; }
/* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }
/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {display: inline; /* IE fix for double-margin bug */margin-right: 10px;}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {display: inline; /* IE fix for double-margin bug */margin-left: 0px;}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {display: inline; /* IE fix for double-margin bug */margin-left: 0px;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0.1em; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0.1em; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {margin-right: 1em !important;margin-top: 0.2em;}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {margin-left: 1em !important;margin-top: 0.2em;}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/* CSS-Stylesheet fuer Typo3-Extension "tt_news" */
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{	clear:right;	height:1px;	border:1px solid #F9FFE5;}
.news-latest-container HR.clearer {	clear:left;}
/*--- tt_news LATEST view  ---*/
.news-latest-container {color: white;margin: 0 5px;}
.news-latest-container H2 {color: white;font-size: 12px;margin: 0;margin-bottom: 10px;border: none;}
.news-latest-container H3 {font-size: 10px;margin: 0;border-bottom: 1px solid #e3e3e3;}
.news-latest-container H4{font-size: 9px;margin: 0;padding-bottom: 10px;border: none;}
.news-latest-container H4 a{font-size: 11px;text-align: justify;color: #666666;font-weight: bold;}
.news-latest-item {/* IE hack */height: 1%;line-height: 1.5;/* IE hack end */margin: 0 ;}
.news-latest-morelink {font-size: 10px;margin-bottom: 20px;height: 10px;}
.news-latest-morelink A {float:right;}
.news-latest-container img {border: 2px solid #666666;margin: 0 10px;}