@import "nav_oben.css";   /*IMPORT DER CSS-ANGABEN FÜR DIE NAVIGATION*/



/********************************************

   AUTHOR:  			Erwin Aligam  http://www.styleshout.com/

   Angepasst:                        Stadt Rosenheim

   WEBSITE:   			http://www.rosenheim.de

 *******************************************/ 

 

/********************************************

   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:20px;} /*IE7 Hack für Abstand*/

* html body #header #service ul{margin-top:20px;}  /*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: #666666; 

	background: #ebebeb url(../images/bg2.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.2em; color: #CC0033; } 

/*h2 { font-size: 1.2em; text-transform:uppercase;}*/

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;

}





/*Formatierung für Content-Tabelle*/



.contenttable {width:100%; margin-bottom:10px;}

/*.contenttable .td-last{width:30%;text-align:right;}*/

.contenttable td{vertical-align:top; padding:5px; }

.contenttable td p {margin:0;}

.contenttable th{vertical-align:top; padding:5px;}

.contenttable th p {margin:0;}

.contenttable p {margin:0;}

.contenttable .tr-0{background:silver; color:#000000; font-weight:bold;}







/*Formatierung für Content-Tabelle Layout2*/



.contenttable-2 {width:100%; margin-bottom:10px;}

/*.contenttable .contenttable-2 .td-last{width:30%;text-align:right;}*/

.contenttable-2 td{vertical-align:top; padding:5px; }

.contenttable-2  td p {margin:0;}

.contenttable-2 th{vertical-align:top; padding:5px;}

.contenttable-2 th p {margin:0;}

.contenttable-2 p {margin:0;}

.contenttable-2 .tr-0{background:#cc0033; color:#ffffff; font-weight:bold;}







/*Formatierung für Content-Tabelle Layout3*/



.contenttable-3 {width:100%; margin-bottom:10px;}

/*.contenttable .contenttable-3 .td-last{width:30%;text-align:right;}*/

.contenttable-3 td{vertical-align:top; padding:5px; }

.contenttable-3  td p {margin:0;}

.contenttable-3 th{vertical-align:top; padding:5px;}

.contenttable-3 th p {margin:0;}

.contenttable-3 p {margin:0;}

.contenttable-3 .tr-0{background:#EB9835; color:#000000; font-weight:bold;}





/*Nach Oben IM BE pagecontent*/



.csc-linkToTop {

text-align:right;

}







/*Bildunterschrift*/



.csc-textpic-caption{ 

	font-size:0.85em;

         border-bottom: 1px solid #666666;

	

}



/*Textblock mit Bild  Effekt: Untereinanderstehende Textblöcke verlaufen nicht mehr ineinander!*/



.csc-textpic{

clear:both;

}



.csc-header{

clear:both;}









iframe{ 
   /* margin-top:10px; */
    height:700px;
    width:820px;
       }

        

        

/*Suchfeld Macina*/

#suche{

float:right;

}



/*Service-Leiste für Print RSS ....*/



#service {

	height: 50px;

	position: absolute;

	right: 0;

	top: 0;

	width: 300px;

}





#service a {

   background:transparent;

   text-decoration:none;



}





#service ul{

position:absolute;

right:0;

padding: 0 0 0 0;

list-style: none;

margin: 23px 0 0 0;



}



#service li{

display:inline;

float:right;

color:#666666;

padding:0px;



}







/*Bereich Breadcrumb*/



#breadcrumb{

height: 15px;

padding-left:15px;

padding-top:1px;

padding-bottom:1px;

background: #f2f2f2 url(../images/bg_breadcrumbx.jpg);

font-weight:thin;

}





form {

	margin:0;

	padding: 0;

        border: 0px solid #f2f2f2;

	/*background-color: #FAFAFA; */

	background-color: #ffffff;

}

label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}





input {

	padding: 2px;

	/*border:1px solid #eee;*/

	border:1px solid #939393;

	font: normal 1em Verdana, sans-serif;

	color:#777;

	width:auto;

	vertical-align: top;

	margin-left:5px;

}







textarea {

	width:300px;

	padding:2px;

	margin-left: 155px;

	font: normal 1em Verdana, sans-serif;

	border:1px solid #939393;

	height:100px;

	display:block;

	color:#777;

}

input.button { 

	margin: 0; 

	font: bold 1em Arial, Sans-serif; 

	border: 1px solid #CCC;

	background: #FFF; 

	padding: 1px 2px; 

	color: #939393;	

}







/***********************

	  LAYOUT

************************/



#wrap {

	background: #FFF;

	width: 820px; height: 100%;

	margin: 0 auto;	

	text-align: left;

}

#content-wrap {

	clear: both;

	margin: 0; padding: 0;	

	background: #FFF;

}





#content-wrap-img {

background: url(../images/tourist.jpg) no-repeat;

height:120px;

}





/*Wenn Menue First Level id "start" dann Hintergrundbild ändern*/

body#start #content-wrap-img {

	  background: #ebebeb url(../images/headerphoto.jpg) no-repeat;

	  }

/*Wenn Menue First Level id "tourismus" dann Hintergrundbild ändern*/

body#tourismus #content-wrap-img {

	  background: #ebebeb url(../images/tourist.jpg) no-repeat;

	  }

/*Wenn Menue First Level id "Rathaus" dann Hintergrundbild ändern*/

body#buerger #content-wrap-img {

	  background: #ebebeb url(../images/rathaus.jpg) no-repeat;

	  }



/*Wenn Menue First Level id "Kultur" dann Hintergrundbild ändern*/

body#kultur #content-wrap-img {

	  background: #ebebeb url(../images/header_kultur.jpg) no-repeat;

	  }



/*Wenn id "Freizeit" dann Hintergrundbild ändern*/

body#freizeit #content-wrap-img {

	  background: #ebebeb url(../images/freizeit.jpg) no-repeat;

	  }



/*Wenn id "Wirtschaft" dann Hintergrundbild ändern*/

body#wirtschaft #content-wrap-img {

	  background: #ebebeb url(../images/header_wirtschaft.jpg) no-repeat;

	  }

	  

	  

/*Wenn id "htm" dann Hintergrundbild ändern*/

body#htm #content-wrap-img {

	  background: #ebebeb url(../images/banner_htm.jpg) no-repeat;

	  }	  

	  

	  



/* header */

#header {

	position: relative;

	height: 75px;	

	background: #FFFFFF;

	/*border: 1px solid red;*/

	background: #FFFFFF;

}





#header h1#logo {

	position: absolute;

	margin: 0; padding: 0;

	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -2px;

	text-transform: lowercase;

	top: 0; left: 60px;	

	color:#CC0033;

        display:none;               /* Schrift ausgeblendet  */

}



/* 

#header h2#slogan {

	position: absolute;	 

	top:27px; left: 95px;

	color: #666666;

	text-indent: 0px;

	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 

	text-transform: none;	

	display:none;

} 

*/



#header form.searchform {

	position: absolute;

	top: 0; right: -12px;	

}



/* main 3-spaltig */

#main {

	float: left;

	padding-left: 10px;

	padding-right:10px;

	width: 390px;		

}



/* main 2-spaltig */

#main2-spaltig {

	float: right;

	margin-left: 15px;

	padding-right: 15px;

	width: 70%;		

}



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



#sidebar {

	float: left;

	width: 195px;

	margin: 0;

	padding: 10px 10px 10px 0;

	display: inline;

	

}

/* Sidebar unten */

#sidebar_unten {

	float: left;

	width: 90%;

	margin: 10px;	padding: 0; 		

}



#sidebar ul.sidemenu {

	list-style:none;

	margin:5px 0 5px 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: #f2f2f2;

	color: #66666;

	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: #f2f2f2;

	color: #66666;                     

	border-left:4px solid #cc0033;

}









#sidebar ul.sidemenu li.left-level-2-no a {

	padding:2px 5px 2px 10px;

	background: #f2f2f2;

	background: #e9e9e9;

	color: #666666;

	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: #f2f2f2;

	color: #666666;

	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;

}











/* rightbar */

#rightbar {

	float: right;

	width: 185px;

	padding:10px;

}



#rightbar .csc-header h1 {margin-top:0;}



/* Footer */

#footer { 

	clear: both; 

	color: #FFF; 

	/*background: #A9BAC3;*/ 

	background: #7e7e7e;

	/*border-top: 5px solid #568EB6;*/

	border-top: 5px solid #C41238 ;

	margin: 0; padding: 0; 

	height: 40px;	  

	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%;

}







/* 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; }





/*********************************

	 Menue der Unterseiten (Sitemap)

**********************************/

#sidebar_unten .csc-menu-4 a{

	display:block;

	text-decoration:none;	

	padding:2px 5px 2px 10px;

	background: #f2f2f2;

	border-left:4px solid #CCC;	

	min-height:18px;

 	color:#666666;  

} 



#sidebar_unten .csc-menu-4 a:hover{

	display:block;

	text-decoration:none;	

	padding:2px 5px 2px 10px;

	background: #f2f2f2;

	border-left:4px solid #cc0033;	

	min-height:18px;

 	color:#666666;  

} 





/***********************

	  FCE

************************/







/* KONTAKT*/







.kontakt_content{

font-weight:normal;

color:#666666;

}

.kontakt_header { margin:0;}



/* Styleangaben für Parkplatz summe auf Startseite */



.tx-lumophpinclude-pi1{

margin-left: 25px;

}





/***********************************

	  Parkleitsystem Startseite

**************************************/

#pls-start{

	position:relative;

	width:130px;

	height:50px;

	background: url(../images/parkanzeige.jpg);

	margin:20px 0 20px 0;

	}



/*

#pls-start a {

	position:absolute;

	font-size:1.3em;

	font-weight:bold;

	margin: 20px 0 0 12px;

	color:#666666;

	}

*/



#pls-start-text{

       color:#666666;

       font-size:1.3em;

       font-weight:bold;

       margin:20px 0 0 12px;

       position:absolute;

	}



/***********************************

	  Bereich für Formulardownload auf Bürgeronline-Portal

**************************************/





#formulardownload {

width: 400px;

height: 100px;

border: 1px solid #000000;

overflow:auto;

}





/***********************************

Fettschrift definieren	  

**************************************/

.fettschrift {

font-weight:bold;

}





/***********************************

Dateiliste (download)	  

**************************************/

div.l1{

height:100px;

border: 1px dotted silver;

overflow:auto;

}





/***********************************

CSC-Sitemap	  

**************************************/

.csc-sitemap ul, ol {

margin:5px;

padding:0 10px;

}