/*  
Theme Name: Theme Schwäbisch Gmünd
Description: Personalisiertes Theme für die Stadt Schwäbisch Gmünd
Version: 1.0
Author: Brainst.com, Agentur für Digitale Medien
Author URI: http://www.brainst.com/

*/

/* - - - - - - - - - - - - - - - -  BODY START - - - - - - - - - - */
body {
font: 67% verdana, helvetica, sans-serif; 
margin:0px;
padding:0px;
line-height: 1.5em;
background-color: #999999;
color: #484848;
text-align: center;
}
/* - - - - - - - - - - - - - - - - BODY ENDE  - - - - - - - - - - -*/
/* - - - - - - - - - - - - - - - - ALLGEMEIN START - - - - - - - - - - */
img {
border: 0px;
}

#container .us {
font-weight: bold;
color: #484848;
position: relative;
top: -30px;
left: 207px;
}

a {
color: #B04B00; 
text-decoration: none
}

a:hover {
text-decoration: none; 
color: #B04B00;
}
fieldset {
border: 0px;
margin: 0px;
}
form{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*border: 1px solid red;*/

}
.fehlermeldung{
color:#FFA500;
}
/* - - - - - - - - - - - - - - - -  ALLGEMEIN ENDE - - - - - - - - - - */
/* - - - - - - - - - - - - - - - -  HAUPTELEMENTE START (inc. Kopfzeilen)- - - - - - - - - - */
#container {
background-color: #FFFFFF;
color: #484848;
width: 980px;
margin: 0 auto;
padding: 0;
position: relative;
top: 0px;
/*height: 100%;*/
text-align: left;
}


#header {
position:relative;
left:0px;
width:980px;
height:154px;
margin:0px;
padding:0px;
border:0px;

}
#header_ohneleiste {
position:relative;
left:0px;
width:980px;
height:128px;
margin:0px;
padding:0px;
border:0px;

}
#header .bildcontainer {
	margin: 0;
	padding: 0;
	border: 0;
}

#header .abbildung{
    padding-bottom:0px;
}

#logocontainer {
position:relative;
left: 0px;
top:0px;
width:980px;
/*top: 7px;*/
height:120px;
border-bottom: 1px solid red;

}

#logo {
position:relative;
left: 0px;
width:763px;
/*top: 7px;*/
height:120px;

}

#bereichrechts {
position: absolute;
left: 763px;
width:217px;
top: 0px;
height:120px;
background-color:#EAEAEA;
overflow:hidden;
}
#bereichrechts2 {
position: absolute;
left: 763px;
width:215px;
top: 0px;
height:120px;
background-color:white;
border-left:1px solid #EAEAEA;
}
.text_bereichrechts{
position:relative;
top:89px;
width:217px;
text-align:center;
font-weight:bold;
font-size:1.4em;
height:120px;
}


#bildobencontainer {
left: 0px;
width:980px;
height:131px;

}

#bildoben {
left: 0px;
width:763px;
height:131px;
}

#sucheoben {
position:absolute;
left: 768px;
width:217px;
top: 120px;
height:131px;
/*border: 1px solid green;*/
}

.sucheohneleiste{
padding:6px;
padding-bottom:10px;
}
.detaillink_ohneleiste{
padding-bottom:5px !important;
}
#sucheoben h2{
font-size: 1em;

background-color:#EEE;
height:18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
}
#sucheoben ul{
list-style-type:none;
}
.umrest{
padding-top:20px;
/*border: 1px solid green;*/
/*background-color: yellow;*/
}
.links {
float:left;
width: 231px;

/*wichtig sonst schiebt es nach rechts*/
overflow:hidden;
/*border: 1px solid yellow;*/
}
#suchen {
line-height: 1.4em;
border: 1px solid #bbbbbb;

position: relative;
bottom: 0px;
left: 0px;
width: 166px;
height: 68px;
padding-bottom:5px;

}

#suchen .suchen_oben_inhalt{
margin: 0px 0px 0px 0px;
padding: 6px 0px 10px 6px;

}

/* - - - - - - - - - - - - - - - -  HAUPTELEMENTE ENDE- - - - - - - - - - */


/* - - - - - - - - - - - - - - - -  header - - - - - - - - - - */




/* - - - - - - - - - - - - - - - - NAVIGATION START - - - - - - - -*/


#hauptnav  ul{
list-style-image: url("../images2/trans.gif"); 
margin: 0px 0px 0px 47px;
padding: 0px;
}

#hauptnav li{
/*list-style-image: url("../images/trans.gif"); */
list-style-image: none;
margin:0px;
padding:0px;
line-height:23px;
}


#hauptnav ul .active {display:block;border-bottom:1px solid red;color:black;width:190px;font-weight:bold;}
#hauptnav ul .active a {color:black;font-weight:bold;}
#hauptnav ul ul .active{border-bottom:1px solid white;color:black;width:170px;display:inline;font-weight:bold;}
#hauptnav ul ul ul .active{border-bottom:1px solid white;color:black;width:160px;display:inline;}
#hauptnav ul ul ul ul .active{border-bottom:1px solid white;color:black;width:150px;display:inline;}
#hauptnav a {display:block;width:190px;} /* */

#hauptnav {
	position:relative;
	left: -30px;
	/*text-transform: uppercase;*/
	font-size:1em;
	font-weight:bold;

	/*border: 1px solid pink;*/
	}
	
#hauptnav a {
color: gray;
}

#hauptnav li a {
margin: 0px 0px 0px 0px;
text-decoration: none;
border-bottom:1px solid white;
color:gray;

}
#hauptnav ul li a:hover {
margin: 0px 0px 0px 0px;
text-decoration: none;
border-bottom:1px solid red;
color:black;

}
#hauptnav ul ul li a:hover {

text-decoration: none; 
border-bottom:1px solid red;
color: black;


}

.sub1 a:hover {

text-decoration: none; 
border-bottom:1px solid white;
color: black;


}

#hauptnav ul li a {

text-decoration: none; 
border-bottom:1px solid gray;
color: gray;


}
#hauptnav ul li .active a {

text-decoration: none; 
border-bottom:1px solid white;
font-weight:bold;



}
#hauptnav ul ul li a {

text-decoration: none; 
border-bottom:1px solid white;
color: gray;


}
#hauptnav ul ul ul li a {
font-weight:normal;
}
#hauptnav ul ul a:hover {

text-decoration: none; 
border-bottom:1px solid red;
color: black;


}
#hauptnav  ul .active a:hover  {
border-bottom:1px solid white;
}
#hauptnav  ul{
list-style-image: none; 
margin-left: 47px;
padding: 0px;
}

img {
border: 0;
}

.bildanreise {
float: left;
}




.ohne {
list-style-type:none
}

.bildunterschrift {
width: 135px;
}
#hauptnav .ohne {
list-style: none;
list-style-image: none; 
margin-left:0px ;
padding-left:0;
}

#hauptnav li .sub1 {
list-style-image: url("../images/trans.gif"); 	
margin-left: -20px;
padding-left: 0px;
}

#hauptnav li .sub2ohne {
list-style: none;
list-style-image: none;	
margin-left: -20px;
padding: 0px;
}

#hauptnav ul {
list-style-type:none;
}

#hauptnav ul ul{
background-color: white;
margin-left: 20px;
margin-bottom: 13px;
margin-top: 0px;
padding-top: 0px;
}
#hauptnav ul ul ul{
background-color: white;
margin-left: 7px;
margin-bottom: 13px;
margin-top: 0px;
padding-top: 0px;
}
#hauptnav ul ul ul ul{

margin-left: 15px;

}
#hauptnav ul ul li {
list-style-image: url("../images/trans.gif"); 
}

#hauptnav ul ul ul li {
list-style-image: url("../images/trans.gif"); 
}
#hauptnav ul ul ul ul li {
list-style-image: url("../images/trans.gif"); 
}

/*- - - - - - - - - - - - - - - - - NAVIGATION ENDE - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - -  INHALT  START- - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - -  INHALT  PORTALTEMPLATES START- - - - - - - - - - */ 

#mitte {
	float: left;
	width: 740px;
	overflow: hidden;
	/*background-color: red;*/
	
}
#mitte p{
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*background-color: yellow;*/
}

#mitte h1 {
	font: 1em verdana, helvetica, sans-serif; 
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    /*background-color: red;*/
}
 
#mitte h2 {
	/*border: 1px solid red;*/
	font: 1em verdana, helvetica, sans-serif; 
	font-weight:bold;
	
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:1.5em;

}
#mitte h3 {
	font: 1em verdana, helvetica, sans-serif; 
	font-weight:bold;

}


	
.um_dreispalten{
/*position:relative;*/
/*background-color: green;*/

}

.mitte_links {
float:left;
width:160px;
/*border:1px solid green;*/
}

.mitte_links_breit{
float:left;
width:360px;

}

.mitte_mitte {
float:left;
width:160px;
padding-left:26px;

/*border:1px solid red;*/

}

.mitte_rechts {
float:left;
width:160px;
padding-left:26px;

/*border:1px solid green;*/

}

.inhalt{
width:160px;
overflow:hidden;

}
/* wichtig zur Differenzierung bei Anreise if ie */
.inhalt22{
width:160px;
overflow:hidden;
}
.mitte_links2 {
float:left;
width:181px;
}
.mitte_mitte2 {
float:left;
width:181px;
}

.mitte_rechts2 {
float:left;
width:181px;
}




.inhalt_breit{
width:350px;
}

#rechts {
position:relative;
float:left;
width: 180px;
padding-left:15px;
z-index:100;
/*border: 1px solid black;*/
}
#rechts_unterseite {
position:relative;
float:left;
width: 180px;
padding-left:10px;
z-index:100;

}
.ueberschrift{
padding-top:15px;
font-weight:bold;
}
/*.date{
color:white;
background-color:#9A9A9A;
line-height:21px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}*/

#date{
position:absolute;
left:0px;
top:0px;
height:21px;
width:21px;
color:white;
background-color:#9A9A9A;
text-align:center;
line-height:21px;
}
#date2{
position:absolute;
left:0px;
top:0px;
height:21px;
width:21px;
color:white;
background-color:#9A9A9A;
text-align:center;
line-height:21px;
}


.box_titel{
padding:4px 0px 20px 30px;
margin:0px 0px 0px 0px;
/*border: 1px solid green;*/
}



.datum {
position: absolute;
top: 0px;
left: 205px;
}

.box01 {
background-color: #E5E5E5;
color: black;
position:relative;
width: 533px;
z-index:3;
margin: 10px 0px 25px 0px;
padding: 0px 0px 0px 0px;
}

.box01 .artikeltext
{
padding: 2px 0px 5px 182px;
}
#unten {
clear: both;
font-weight: normal;
line-height: 1.4em;
padding:10px 0px 30px 0px;
margin:0;
text-align:center;
color: #979797;
/*background-color:red;*/
/*border: 1px solid blue;*/
}
/*ist wichtig wegen Kinoprogramm: Fehler bei turmtheater.de*/
#unten a{
color: #B04B00 !important; 
}
#rechts a{
color: #B04B00 !important; 
}
.cleaner{
clear:left;
height:1px;

/*border: 1px solid yellow;*/
}
.cleaner2{
clear: left;
}

/*rechts*/

.rechts_ueberschrift{
background-color:#EEE;
height:18px;
width:165px;
z-index:0;
}

.kastenrechts h2{
font-size: 1em;
background-color:#EEE;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
}


/*.padding{
padding-left:5px;
}*/


/* - - - - - - - - - - - - - - - -  INHALT  RECHTE SPALTE (QUICKLINKS ETC. , jetzt alles mit "kastenrechts") START- - - - - - - - - - */ 
.kastenrechts{
line-height: 1.5em;
border: 1px solid #bbbbbb;
width: 166px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;

}

/*.kastenrechts ul {
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 6px 0px 10px 6px;
}*/
.kastenrechts ul {
list-style-image: url("../images/aufzaehlung_mitte.gif"); 
margin: 0px;margin-left:13px;
padding: 6px 0px 5px 6px;
}
.kastenrechts .quicklinks ul {
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 6px 0px 10px 6px;
}
.kastenrechts ul li{
	
	margin: 0;
	padding: 4px 0px 0px 0px;	
}

.kastenrechts .quicklinks  li {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 6px 0px;	
    border-bottom: 1px dashed #999999;
}


.kastenrechts .quicklinks li a {
display: block;
margin: 0px 0px 0px 0px;
text-decoration: none;


}

.kastenrechts .quicklinks li a:hover {
display: block;
text-decoration: none; 
background-color: white;
color:red;

}
.kastenrechts .kastenrechts_inhalt{
margin: 0px 0px 0px 0px;
padding: 6px 0px 10px 6px;
/*border: 1px solid red;*/
}


/*.liste {
margin: 5px 0px 0px 6px;

}
*/

/*.liste ul {

list-style-image: url("../images/pfeil.gif");
margin: 0px;
padding: 16px;
}
*/




.fliesstext01 {
line-height: 1.4em;
position: relative;
top: 17px;
left: 0px;
color: #484848;
width: 170px;
}

.fliesstext02 {
line-height: 1.4em;
position: absolute;
top: 48px;
left: 200px;
height: 92px;
width: 335px;
}

.fliesstext03 {
line-height: 1.4em;
position: absolute;
top: 168px;
left: 200px;
height: 92px;
width: 335px;
}

.fliesstext04 {
line-height: 1.4em;
position: absolute;
top: 288px;
left: 200px;
height: 92px;
width: 335px;
}

.fliesstext05 {
line-height: 1.4em;
position: absolute;
top: 408px;
left: 200px;
height: 92px;
width: 335px;
}

.fliesstext06 {
line-height: 1.4em;
position: absolute;
top: 528px;
left: 200px;
height: 92px;
width: 335px;
}


.text01 {
position: absolute;
top: 6px;
left: 30px;
color: #484848;
}

.text02 {
position: absolute;
top: 6px;
left: 230px;
color: #484848;
}

.bild01 {
position: absolute;
top: 50px;
left: 10px;
}

.bild02 {
position: absolute;
top: 170px;
left: 10px;
}

.bild03 {
position: absolute;
top: 290px;
left: 10px;
}

.umalles{
padding-top:30px;
/*border: 1px solid green;*/
}

/*.inhalt_snippet34{padding-left:10px;padding-bottom:5px;}*/

/* - - - - - - - - - - - - - - - -  INHALT  KALENDER START- - - - - - - - - - */ 

.kalender
{
margin: 0;
padding: 0;
/*border: 1px solid #bbbbbb;
left: 0px;
width: 166px;
min-height:132px;*/
}



.kalender table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  line-height: 15px; width:155px;}
.kalender .vtabelle {/*border-style:solid; border-width:1px; border-color:#D5AB37;*/ padding:1px; width:155px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #484848; line-height: 13px }
.kalender .active {color: #D5AB37}
.rotflaeche { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 16px ; background-color: #ff0000; font-weight: bold;text-align:center;}
.activeday { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 16px ; background-color:  #D5AB37; font-weight: bold;}
.greycontent{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: gray; line-height: 16px;}
.wochentag {
color:black !important;
background-color: #D5AB37;
}
.wochentag a{color:black !important;}

.heute {
color:black !important;
background-color: #D5AB37;
position:relative;
left:115px;
line-height:19px;display:block;
width:40px;text-align:center;}
.heute a{color:black !important;}
.kalender_ueb{
width:166px;
text-align:center;
display:block;
}
/* - - - - - - - - - - - - - - - -  INHALT  Veranstaltungen START */ 

.text_normal{
position:relative;
left:180px;
width:350px;

}
.bild_veranstalt{

width:170px !important;
float:left;
/*border: 1px solid green;*/
padding-top:20px;
}
.inhalt_veranstalt{

width:340px;
float:left;
padding: 0px 0px 0px 10px;
/*border: 1px solid blue;*/


}
.um_eintrag{
clear:left;
}
/* - - - - - - - - - - - - - - - -  INHALT  Veranstaltungen ENDE - - - - */ 
.umfloat{
/*border: 1px solid brown;*/
}
/* - - - - - - - - - - - - - - - -  INHALT  KALENDER ENDE- - - - - - - - - - */ 
/* - - - - -- - - - -- - - -  - - - VERANSTALTUNGEN SUCHFORMULAR START - - - - - - - */
.veranstaltungssuche{
padding-top:30px;
}
.veranstaltung_suchen{
border: 1px solid #bbbbbb;


width: 166px;
min-height:132px;
}
.kastenrechts .suchfeld{
width:145px; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.kastenrechts .begriffsfeld{
width:143px;overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

fieldset{

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*.inhalt_veranstaltung_suchen{
position:relative;
left:10px;
}
.submit_padding{
padding-top:10px;
}
*/
select {
font-size: 1em;
}
input {
font-size: 1em;
}
.kastenrechts .abstand_links {
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
}  
.kastenrechts .abstand_links2 {
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}  
/* - - - - -- - - - -- - - -  - - - VERANSTALTUNGEN SUCHFORMULAR ENDE- - - - - - - */


/* - - - - - - - - - - - - - - - -  INHALT  RECHTE SPALTE ENDE- - - - - - - - - - */ 
/* - - - - - - - - - - - - - - - -  INHALT  PORTALTEMPLATES ENDE- - - - - - - - - - */ 


/* - - - - - - - - - - - - - - - -  INHALT  UNTERSEITE START- - - - - - - - - - */ 
/*Inhalt einer Unterseite*/
.unterseite_breit{
width:740px;
}
.inhalt_unterseite_breit{
width:730px;
}
.inhalt_unterseite_breit_ccs{
width:730px;
}


/* - - - - - - - - - - - - - - - -  INHALT  SNIPPETS START- - - - - - - - - - */ 
.bild{
/*padding-bottom:15px;*/
padding: 0px 0px 6px 0px ;
margin: 0;
}
.abbildung{padding-bottom:10px;}
.artikel .bildcontainer {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}



/* - - - - - - - - - - - - - - - -  INHALT  SNIPPETS ENDE- - - - - - - - - - */ 

/* - - - - - - - - - - - - - - - -  INHALT  STADTRUNDGANG START- - - - - - - - - - */ 



#srg-navi{
position:relative;
top:15px;
}
.srg-link-back{

position:absolute;
}
.srg-link-next{
position:absolute;
right:5px;
text-align:right;
width:300px;


}
.um_rest_rundgang{
padding-top:55px;

}
.srg-bilder {
	width: 150px;
	float: left;
	clear: both;
}

.srg-txt {
	width: 300px;
	float: right;
}
.srg_ueb2 {
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	padding: 0;
	margin: 0;
}


.srg-nr {
	position: relative;
	top: 2px;
}
#sprachwahl{
position:absolute;
top:150px;
left:230px;
z-index:100;


}
/* - - - - - - - - - - - - - - - -  INHALT  STADTRUNDGANG  ENDE- - - - - - - - - - */ 





  /* - - - - - - - - - - - - - - - -  Druckversion START - - - - - - - - - - - - - */

.bildergalerie {
width: 460px;
padding-left: 45px;
}
.bildergalerie .bildcontainer {
	
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	
}

.bildergalerie .bildcontainer .abbildung{
	
	float: left;
	width: 120px;
	height: 180px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	
	border: 1px solid #fff;
	background-color: #fff;
	
	
}

.bildergalerie .bildcontainer img {
	
	
	margin-top: auto;
	margin-bottom: auto;
	padding: 0;
	
}

.spacerlinks{height:126px;}
.spacerrechts{height:27px;}

#mitte ul{

list-style-image: url("../images/aufzaehlung_mitte.gif"); 


}
/*Anreise*/
#map_ort{
width:120px !important;
}



/*Hotels Deluxe*/
.left_anzeige{
float:left; width:160px;overflow:hidden;
}
.right_anzeige{
float:left; width:330px;padding-left:20px;
}
.row_hotel{width:455px;clear:left;height:21px;}
.spalte1_hotel{width:160px;float:left;text-align:right;}
.spalte2_hotel{float:left;width:260px;padding-left:20px;}

.hotelmenue{font-weight:bold;}
.hotelmenue a {color:#B04B00;font-weight:bold;}
.hotelmenue a:hover {color:black;font-weight:bold;}

.hotelmenue .active{color:black;}
.menu_hotel_1{float:left;width:170px;}
.menu_hotel_2{float:left;width:170px;}
.menu_hotel_3{float:left;width:170px;}

.rowpdf{
clear:left;
width:320px;
height:20px;
}
.spalte1pdf{
float:left;
width:120px;
}
.spalte2pdf{
float:left;
width:200px;
}


@media print{
body{text-align:left;}
.links{display:none;}
#rechts{display:none;}
#header{display:none;}
#logocontainer {display:none;}
#header_ohneleiste{display:none;}
#unten{display:none;}
.heute{display:none;}
.date2{display:none;}
.kastenrechts{display:none;}
#mitte{position:static;z-index:10;overflow:visible;}
.box01 {position:static;}
.artikelbild {position:static;}

#container {
background-color: #FFFFFF;
color: black;
width: 800px;
margin: 0;
padding: 0;
position: static;
text-align: left;

}


#container .us {
font-weight: bold;
color: black;
position: static;
}



}
.blogdatum{
float:left;
}
.post img{
padding-right:10px;
padding-bottom:5px;
margin-top:4px;
}
img.alignleft {
float:left;
}