html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; border:none; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; margin-top:15px; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

/*html, body { height:100%; } */

body { background:#1ae2ff url(verlauf.gif) repeat-x;}

/* div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:15px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:18px; color:#5d5b5e;}

h1, h2, h3, h4 { line-height:18px; }
h1 { font-size:18px; line-height:22px; color:#505050; font-weight:normal; }
h2 { font-size:14px; color:#5d5b5e; margin-bottom:7px;}
h3 { font-size:12px; font-style: normal; color:#5d5b5e; margin-top:10px;}
h4 { font-size:10px; font-style:normal; font-weight:bold; color:#5d5b5e; margin-top:5px;}
p, li, td, label, address { font-size:12px; color:#505050; }
h2, h3, p, li, td, label, address, div#head div.contact {  }
address { font-style:normal; font-size:10px; text-align:left; }
address span, address div, address { line-height:18px; margin:0px; font-size:12px;}

address span.title { text-transform:uppercase; }

ol li { list-style-type:disc; margin-left:20px; }
ol li li { list-style-type:disc; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:disc; }

div#subnav ul li { list-style:none;}

td { padding-right:8px; }

/********** Links **********************************************************************************************************/

a { color:#e93437; 
    font-weight:bold; 
	text-decoration:none; }
a:hover, a.focus, a.rex-current { color:#666666; }



				  
.rot { color:#e05451;}
/*************************************************** Formulare generell ***************************************************/

fieldset { margin:0; padding:0; border:0 none; margin-top:10px; }

#content .box fieldset { padding:10px; }

legend { /* display:none; */ font-size:14px; line-height:18px; color:#E31818; font-weight:bold; margin-bottom:10px; }

.line, #rex-xform p { overflow:hidden; display:block; margin-bottom:4px; }

.line label, #rex-xform label { font-weight:bold; float:left; width:120px; display:block; padding-top:5px; }
.line input[type="text"], .line input[type="password"], .line textarea, .line select,
#rex-xform .formtext input, #rex-xform .formpassword input, #rex-xform .formtextarea textarea, #rex-xform .formselect select 
{ display:block; margin-left:120px; width:276px; float:none; background:#fff; border:2px solid #d2d2d2; padding:2px; font-size:14px; }
.line textarea, #rex-xform .formtextarea textarea { height:80px; margin-left:120px; }
.line select, #rex-xform .formselect select { width:auto; }
.line #anredetp { border:0 none; }

.line input#plz, .line input#plztp { width:40px; margin-right:5px; float:left; margin-left:0; }
.line input#ort, .line input#orttp { width:247px; }

.checkbox label, .radio label, #rex-xform .formcheckbox label { font-weight:bold; float:none; display:block; padding:0; width:auto; line-height:20px; }
.checkbox input, .radio input, #rex-xform .formcheckbox input { float:left; clear:left; }
.checkbox .group label, .radio .group label { margin-left:30px; font-weight:normal; }

.long label, .select label { float:none; width:auto; font-weight:bold; }


.line input[type="text"]:hover, .line input[type="password"]:hover, .line textarea:hover, .line select:hover,
.line input[type="text"]:focus, .line input[type="password"]:focus, .line textarea:focus, .line select:focus,
#rex-xform .formtext input:hover, #rex-xform .formpassword input:hover, #rex-xform .formtextarea textarea:hover, #rex-xform .formselect select:hover,
#rex-xform .formtext input:focus, #rex-xform .formpassword input:focus, #rex-xform .formtextarea textarea:focus, #rex-xform .formselect select:focus 
{ border:2px solid #eb3437; background:#fff; }

.line #anredetp:focus, .line #anredetp:hover { border:0 none; }

form button { position: relative; cursor: pointer; overflow: visible; }
form button::-moz-focus-inner { border: none; }
form button span { position: relative; display: block; white-space: nowrap;	}

#content form div.btn, #content #rex-xform .formsubmit { margin-left:120px; margin-bottom:10px; }

.errormsg, .successmsg, ul.form_warning { padding:8px 8px 8px; border:1px solid #000; color:#fff; margin-top:4px; }
#rex-xform label.form_warning { color:#eb3437; }
.errormsg, ul.form_warning { background:#eb3437; }
.successmsg { background:#e05451; }

form input#unterobjektart, form textarea { display:block; margin:0px; text-align:left;}

form div.select label.klein { width:20px; margin:0px 7px 0px 7px;}


textarea#message { width:276px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari and Google Chrome only - fix margins */ button span {	margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

form div.btn, #rex-xform .formsubmit { display:block; margin:5px 0 0 0px; padding:1px; }
form button, #rex-xform .formsubmit input {  background:#FFFFFF; font-weight:bold; font-size:11px; text-align:center; border:0 none; color:#000; border:1px solid #000; padding:3px 2px 2px 2px; }
form button span { color:#000; }
form button:hover, form button:hover span, 
#rex-xform .formsubmit input:hover, #rex-xform .formsubmit:hover input { background:#eb3437; color:#FFFFFF; }


/************************************************** layout ******************************************************************/
div#schweizerkreuz { width:100%;
                     display:block;
					 background:url(schweizerkreuz.gif) no-repeat center top;}


div#hauptkontainer { display:block;
                     margin:0 auto; 
					 width:925px;
					 overflow:hidden;}
					 
div#wrapper { position:relative; }

/****** Header */

div#header { height:309px;
             width:770px;
             display:block;}
			 
div#sprachen { position:relative; font-size:10px; color:#FFF; margin-left:650px;}

div#sprachen a {text-decoration:none;
							 color:#FFF;
							 padding-right:3px;
							 padding-left:3px;}
			 
div#headerbild { width:770px;
                 height:270px;
				 display:block;
				 background:url(salsafestival.jpg) no-repeat;}

div#logo { background:url(logo2.gif) no-repeat; 
           height:119px; 
		   width:708px; 
		   display:block; 
		   margin-left:300px;
		   margin-top:100px;}

div#logo a { width:708px; height:119px; 
			 display:block;}
			 
#simpleTooltip { width:300px; padding: 7px; border: 1px solid #5D5B5E ; background: #EEEEEE; font-size:14px; }	
.simpletooltip { cursor:help; }		 
			 
/*************************************************** Navs */

div#nav { display:block; 
		  height:39px;
		  width:770px; 
		  position:absolute; top:270px;
		  background:url(nav_verlauf.gif) repeat-x;
		  }

div#nav ul { margin:0; overflow:hidden; }

div#nav li {float:left; 
			list-style-type:none; 
			margin:0;
			height:39px;}
			
div#nav li a { display:block; 
               font-size:14px; 
			   font-weight: normal; 
			   text-decoration:none; 
			   text-align:center; 
			   text-transform:uppercase; 
			   color:#FFFFFF; 
			   padding:11px 15px 15px 15px;}
			   
div#nav a{ color:#FFFFFF; 
           padding:0px 10px 3px 5px;}
div#nav li a:hover, div#nav li a:focus, div#nav li a.active { color:#FFFFFF; 
                                                              text-decoration:none; 
															  background:#000000;}
															  
/****** inhalt ************************************************************************************************/			
												  
div#inhalt{ background:#FFFFFF; 
            width:770px; 
			display:block; 
			overflow:hidden; }
			
/****** links *************************************************************************************************/

div#links { width:163px; float:left;
            display:block;}

div#subnav { width:163px;
             display:block;
			 position:relative;
			 color:#FFFFFF;
			 background:#a81617 url(subnav_verlauf.gif) repeat-x top;
			 float:right;
			 margin-top:34px;
			 list-style-type:none;
			 text-transform:uppercase;
			 margin-bottom:30px;}
			 
div#subnav a { color:#FFFFFF; 
               font-weight:bold; 
	           text-decoration:none; }
div#subnav a:hover, div#subnav a:focus, div#subnav a.active { color:#000000; }

div.newsticker { width:163px;
                 display:block;
				 margin-left:10px;
				 margin-bottom:30px;}

div.newsletter { width:163px;
                 display:block;
				 margin-left:10px;}
div.newsletter fieldset { margin-top:5px;}
div.newsletter .line input[type="text"] { display:block; margin:0px; width:135px; float:none; background:#fff; border:2px solid #d2d2d2; padding:2px; font-size:14px; }
div.newsletter .line label { float:none; width:50px; display:block; padding-top:5px; }
.line textarea{ width:380px; }

/****** Content **********************************************/


div#content { display:block;
			  min-height:680px;
			  margin-left:183px;}
			  
div#content div.inner { overflow:hidden;
                        padding:40px 60px 15px 0px;
						}
						
div#content div.text{ padding:0 60px 60px 60px; }
div#content div.tinytxt { margin-bottom:10px; overflow:hidden;}
div#content div.tinytxt p { color:#505050; margin-bottom:10px;}
div#content div.tinytxt li { margin-bottom:5px;}
div#content div#lineup { overflow:hidden; margin-bottom:20px; margin-top:20px; background:#f6eaeb; padding:5px 5px 5px 10px;}
div#content .float { float:right;
                display:block;
				margin:5px 5px 5px 10px;}

div.drucken{ background: url(drucker.gif) no-repeat top right; display:block; width:15px; height:15px; position:relative; float:right;}
div.drucken a { display:block; width:15px; height:15px; position:relative; float:right; }
div.inner p { margin-bottom:0px;}
div.inner p.download {}
div.inner p.download a { background:no-repeat; padding:0 0 0 25px;}
div.gallery img { border: solid 2px #e05451; margin-bottom:3px; }
div.gallery a:hover img, div.gallery a:focus img { border-color:#999999;}

.team { margin-top:30px; }
.mitglied { float:left; width:120px; height:180px; margin-right:10px; margin-bottom:15px; }
.mitglied h3 { color:#505050; }
.desc { margin-top:-10px; }

.coole_links { float:left; width:120px; height:60px; margin-right:10px; margin-bottom:10px;  }

/****** bild **********************************************/

div#bild { display:block; 
		   margin-bottom:10px;
		   }

/****** rechts ************************************************************************************************************/

div#website { margin-right:140px; display:block; }
div#rechts { width:140px;
             display:block;
			 float:right;
			 margin-top:0px;
			}

div.werbung { width:140px;
              height:270px;
			  display:block;
			  margin-bottom:39px;}
			  
div.partner { width:140px;
              min-height:347px;
			  display:block;
			  background:#FFFFFF;
			  margin-bottom:13px;
			  padding:5px 5px 5px 9px;}


div.events { width:140px;
             min-height:367px;
			 display:block;
			 background:#FFFFFF;
			 padding:5px 5px 5px 9px;
             }
/****** Footer ***********************************************/

div#footer { width:770px;
             height:109px;
             display:block;
			 background:url(footer_bg.gif) no-repeat;
			 }
			 

div#ctek {display:block; width:770px; background:#000000;}
div#ctek p { color:#FFFFFF; margin-left:10px;}
div#ctek a { color:#FFFFFF; text-align:right;}
div#ctek a:hover, div#ctek a.focus, div#ctek a.rex-current { color:#666666; }
div#ctek p span.copy { position:absolute;  color:#FFFFFF; right:166px; }
div#ctek span.copy a { color:#FFFFFF; }
div#ctek span.salsa { padding-right:5px; color:#FFFFFF; text-align:left;}



/*************************************************** Formulare generell */
