/*@import "nav_left.css";*/  
@import "nav_oben.css";   
@import "banner.css";   


 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }
* html body #sidebar ul.sidemenu li.left-level-2-no a { color: #666666; }
*+html body #header #service ul{margin-top:10px;} /*IE7 Hack für Abstand*/
* html body #header #service ul{margin-top:10px;}  /*IE-6 Hack für Abstand*/ 


body {
  margin: 0;
  margin-top:10px;
  padding: 0;
  font: 0.75em/1.5em  Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #252525; 
  background: #ebebeb url(../images/bg4.jpg) repeat-x; 
  text-align: center;
}


/* links */
a { 
  color: #4284B0;
  background-color: inherit;
  text-decoration: none;
}
a:hover {
  color: #CC0033;
  background-color: inherit;
}

/* headers */
h1, h2, h3 { font:  bold 1em, Arial, Sans-serif;}

h1 { font-size: 1.1em; color: #545350; } 
h2 { font-size: 1.1em; }
h3 { font-size: 1.1em; }

p, h1, h2, h3 {
  margin: 10px 0px;
}
ul, ol {
  margin: 10px 30px;
  padding: 0 15px;
  /*color: #4284B0;*/
}
ul span, ol span {
  color: #666666; 
}

/* images */
img {border: 0px;
}

img.no-border {
  border: none;
}

img.float-right {
  margin: 5px 0px 5px 15px;  
}

img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 0px solid #568EB6;
}
a:hover img {  
  border: 0px solid #CCC !important; /* IE fix*/
  border: 0px solid #568EB6;
}


/*Formatierungen für Dateidownload*/

.tr-even{
  background:#f2f2f2;
}

.csc-uploads-fileName p {
  margin: 0;
}

/*TRENNLINIE IM BE pagecontent*/
.csc-frame-rulerBefore {
border-top: 1px solid #666666;
}
.csc-frame-rulerAfter {
margin-top:40px;
border-bottom: 1px solid #666666;
}


/*Nach Oben IM BE pagecontent*/

.csc-linkToTop {
text-align:right;
}

/*Bildunterschrift*/

.csc-textpic-caption{font-size:0.85em;}


/*Bereich Breadcrumb*/

#breadcrumb{
height: 22px;
padding-left:15px;
padding-top:1px;
padding-bottom:1px;
background: #f2f2f2 ;
font-weight:thin;
}


form {
  margin:0;
  padding: 0;
    border: 0 ;
  background-color: transparent;
}

textarea {
  width:300px;
  padding:2px;
  font: normal 1em Verdana, sans-serif;
  border:1px solid #eee;
  height:100px;
  color:#777;
}

input.button { 
  margin: 0; 
  font: normal 1em Arial, Sans-serif; 
  border: 1px solid #CCC;
  background: #FFF; 
  padding: 2px; 
  color: #939393;  
  vertical-align: top;
  height:22px;

}


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

#wrap {
  background: #ffffff url(../images/bg_galerie.jpg) repeat-y;
  width: 860px; height: 100%;
  margin: 0 auto;  
  text-align: left;
}
#content-wrap {
  clear: both;
  margin: 0; padding: 0;  
  background: #FFF;
}

#content-wrap-img {
background: #aca79e url(../images/galerie_dach_kunst.jpg) no-repeat;
height:118px;
}
 

/* header */
#header {
  position: relative;
  height: 85px;  
  background: #999999 url(../images/logo_galerie_2011a.jpg) no-repeat;
  background-position:10px 5px;
}


#header h1#logo {display:none; }
#header h2#slogan {display:none; }


/* ********************************************************************************** */
/*                     SERVICELEISTE RSS PRINT SUCHE                                  */
/* ********************************************************************************** */

#service {
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
}


#suche, #a-z, #print, #rss {
  float: right;
  padding-top: 15px;
  margin-left: 5px;
}

#service #suche form input.menu-search-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
  padding: 0;
}

#service #suche form input.menu-searchfields {
    border: 1px solid #D2D2D2;
    height: 28px;
    padding: 0;
}


/* ********************************************************************************** */
/*HORIZONTALES MENUE OBEN*                                                             /
/* ********************************************************************************** */


#menu_top{
  position:relative;
  margin-top:0;
  height:31px;
  background: #999999;
  border-bottom:6px solid #81827C;
}





/* ********************************************************************************** */
/*                      Sidebar  Navigation                                           */
/* ********************************************************************************** */

#sidebar-wrap {
  float: left;
  width:200px;
}


#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 10px;
	padding:0;		
}

#sidebar ul.sidemenu li {
	margin-bottom:1px;
}


#sidebar ul.sidemenu a {
	display:block;
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	min-height:18px;
 	color:#666666;   
}



#sidebar ul.sidemenu a:hover {
	display:block;
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	border-left:4px solid #cc0033;	
	min-height:18px;
	background: #f2f2f2;
	color: #cc0033;
}



* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu li.left-level-1-no a {
	padding:2px 5px 2px 10px;
	background: transparent;
	color: #ffffff;
	border-left:4px solid #CCC;
}


#sidebar ul.sidemenu li.left-level-1-no a:hover, #sidebar ul.sidemenu li.left-level-1-act a {
	padding:2px 5px 2px 10px;
	background: url(/fileadmin/templates/images/bg_nav_hell_pfeil.jpg);
	color: #000000;        
	border-left:4px solid #cc0033;
}




#sidebar ul.sidemenu li.left-level-2-no a {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	background: transparent;
	color: #ffffff;
	border-left:4px solid #CCC;
}



#sidebar ul.sidemenu li.left-level-2-no a:hover, #sidebar ul.sidemenu li.left-level-2-act a {
	padding:2px 5px 2px 10px;
	background: url(/fileadmin/templates/images/bg_nav_hell.jpg);
	color: #000000;
	border-left:4px solid #cc0033;
}



#sidebar ul.sidemenu li.left-level-3-no a {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #666666;
	border-left:4px solid #CCC;
}


#sidebar ul.sidemenu li.left-level-3-no a:hover, #sidebar ul.sidemenu li.left-level-3-act a {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #666666;
	border-left:4px solid #cc0033;
}

/* ********************************************************************************** */
/*Sidebar unten*/ 
/* ********************************************************************************** */

#sidebar_unten {
	float: left;
	width: 201px;
	height: 211px;
	margin-left: 5px;
	background: url(/fileadmin/templates/images/100-jahre-logo.png)no-repeat ;
	}



/* ********************************************************************************** */
/*                     INHALTS BEREICH                                                 */
/* ********************************************************************************** */

#content {
  float: left;
  width: 660px;
}

/* main 1-spaltig */
body.ct1 #main {
  float: left;
  /* margin-left: 15px; */
  margin-right:15px;
  margin-bottom:15px;
  width:790px;  
}

body.ct1 #sidebar {
  display:none;
}

/* main 2-spaltig */
body.ct2 #main {
  float: left;
  margin-left: 15px; 
  margin-right:15px;
  margin-bottom:15px;
  width:630px;  
}

/* main 3-spaltig - Standard */
body.ct3 #main {
  float: left;
  padding-left: 10px;
  padding-right:10px;
  width: 470px;    
}


/* sidebar links*/
#sidebar {
  float: left;
  width: 201px;
  margin: 0;
  padding: 0; 
}



/* rightbar rechts */
#rightbar {
  float: right;
  width: 160px;
  padding: 0px 5px 10px 0px;
}

/* Footer */
#footer { 
  clear: both; 
  color: #FFF; 
  background: #aca79e;
  border-top: 1px solid #C41238 ;
  margin: 0; padding: 0; 
  height: 50px;    
  font-size: 95%;    
}

#footer a { 
  text-decoration: none; 
  font-weight: bold;  
  color: #FFF;
}
#footer .footer-left{
  padding-left: 10px;
  float: left;
  width: 30%;
}
#footer .footer-right{
  padding-right: 10px;
  float: right;
  width: 65%;
}

.font-weight{font-weight:bold;}

/* alignment classes */
.float-left  { float: left; }
.float-right {  float: right; }
.align-left  {  text-align: left; }
.align-right {  text-align: right; }
.align-center {  text-align: center; }

/* additional classes */
.clear { clear: both; }
.green {  color: #9EC630; }
.gray  {  color: #BFBFBF; }


/***********************
    FCE- Kontakt
************************/

.kontakt_content{
  font-weight:normal;
  color:#333366;
  padding-right:5px;
}

/***********************
    Powermail
************************/

.tx-powermail-pi1_fieldset label {
  clear:both;
  display:block;
  float:left;
  font-weight:bold;
  width:450px;
}


/***********************
    fe_login für Pressebereich
************************/

.tx-felogin-pi1 form{
  margin: 20px 0 20px 0;
  width:200px;
}

.tx-felogin-pi1 form legend {
  font-weight:bold;
}

.tx-felogin-pi1 form input{
  margin:5px ;
  border: 1px solid red;
  width:180px;
}