@charset "UTF-8";

@media all{

body {
	background-color: #CCC;
}
#content, #nav_ {
	background-color: #FFF;
	text-align: left;
	vertical-align: top;
}

#content {
	padding-top: 10px;
	padding-left: 20px;
}
#nav_ {
	font-weight: bolder;
	width:92px;
}
#nav_ a {
	font-weight: normal;	
}

#header {
	background-color: #ccc;
	height: 86px;
	background: url(/musiker-sucht.de/img/banner.gif) no-repeat;
}

.ad_options form{
	display: inline;
}
.ad_options input{
	border: 1px solid #000;
	margin: 0px 5px;	
}
.ad_options label {
	margin: 0px 5px;	
	font-weight: bold;
}

.small_ad {
	border: 1px dotted #ccc;
	width:162px;
	vertical-align:top;
	height: 50px;
}
.small_ad:hover {
	border: 1px solid #000;
}

/* @group Framework Default */

/**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 70.00%;
	line-height: 140%;
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; margin-bottom: 10px; line-height:150%;}
  h1 { font-size: 150% }                        /* 24px */
  h2 { font-size: 120% }                     /* 20px */
  h3 { font-size: 110% }                        /* 18px */
  h4 { font-size: 105% }                     /* 16px */
  h5 { font-size: 105% }                     /* 14px */
  h6 { font-size: 105%; font-style:italic }  /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { font-size:0.85em; }
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #900; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {text-decoration:underline;}
  
  #topnav { padding-top:60px;text-align:right; color:#ccc;vertical-align:bottom;}
  #topnav a { color: #EEE; font-weight: normal; background:transparent; text-decoration:none;}
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent;}
  

	#nav_ { margin-top: 10px; }
	#nav_ h1 {
		font-size:12px;
		padding-left: 7px;
	}
	#nav_ ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
	}
	#nav_ li {
		padding: 2px 0px;
		font-size:11px;
		border-bottom: 1px dotted #AAA;
		width: 85px;
	}
	
	#footer {
		color: #999;
		padding: 10px;
		font-size: 90%;
	}
  #footer a { color: #aac; background:transparent; font-weight: bold;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #fff; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { border-collapse:collapse; margin-bottom: 0.5em; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }

/* @end */

/* @group Common */

.breadcrumb {
	color: #ccc;
	
}

.breadcrumb a{
	color: #bd9b94;
	
}

.urgent { text-align:center; font-weight:bolder;}

.error-message {
	color: maroon;
	text-align: right;
	vertical-align: baseline;
	padding: 5px;
	padding-top: 5px;
	margin-right: 40px;
}

.form-error {
	background-color: #ffd0bf;	
}

.required {
	background: none;		
}

.message {
		width: 500px;
		color: #fff;
		padding: 0.5em 2em 0.5em 1em;
		background-color: #94c336;
		border: 1px solid #387700;
		width: 90%;
		text-align: left;
		vertical-align: middle;
		margin-bottom:  2%;
	}

	.icon {
		top: 4px;
		position: relative;	
	}

	a img {
		border: 0px;
	}


/* @end */

/* @group Lists */

	.list {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.list th a {
		color: #000;
	}
	.list a {
		color: #ac0000;
	}
	.overview th,
	.list th {
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		background-color: #ffd494;
	}

	.overview td,
	.list td{
		border-bottom: 1px dashed #ccc;
		overflow: hidden;
	}
	.list th{
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	.altrow {
	background-color: #f9eac6;
}
	/*tr:hover {
		background-color: #f8ecc3;
	}*/

/* @end */


	label {
		cursor: pointer;
	}

	.inlineLabel {
		display: block;
	}

	fieldset.inlineLabel{
		width: 600px;
		border: 1px solid gray;
		margin-bottom: 10px;
		padding: 10px;
	}

	.inlineLabel legend {
		color: orange;
		font-weight: bolder;
		padding: 0 10px;
		font-size: 1.1em;
	}

	div.input input,
	div.input .selectInput,
	div.input .textInput,
	div.input textarea {
		border: 1px solid #bbb;
		width: 250px;
		padding: 1px;
		margin-bottom: 2px;
		margin-right: 10px;
	}

	div.input .checkbox {
		width: auto;
		float:right;
		margin-right:180px;
	}

	div.input .selectInput {
		padding: 0;
	}

	div.input label {
		display: block;
		width: 200px;
		border: 0px solid #000;
		font-weight:bolder;
		text-align:right;
		padding-right: 20px;
		float:left;
	}

	div.submit input{
		float: right;
		display: block;
		width: auto;
		text-align: center;
		margin-right: 100px;
		padding: 5px;
		font-weight: bolder;
		border: 1px solid gray;
	}
	
	div.search label {
		font-weight: normal;
		color: gray;
		margin:0;
		padding:2px;
	}

	div.search input {
		width: 100px;
		border: 1px dotted #bbb;
		padding: 2px;
	}
/* @end */

/* @group blockLabel */

	.blockLabel {
		border: 0px solid #000;
		width: 90%;
	}
	
   .blockLabel label,
   .blockLabel .label {
	    display:block;
	    float:none;
	    margin:.3em 0; padding:0;
	    line-height:100%;
	    width:auto;
		font-weight: bold;
	}
	
	.blockLabel .label{
		float:left;	
        margin-right:3em;
	}

	.blockLabel .inlineLabel{
        position:relative; top:.15em;
	}

	.blockLabel .clearBoth{
		clear: both;
	display: block;
	float: left;
	position: relative;
}

	.blockLabel .textInput,
	.blockLabel .fileUpload{
        float:left;
        border: 1px solid #000;
	}
/* @end */

/* @group Search */
	div.search {
		/*float: right;*/
		text-align: right;	
		display:  inline;	
		margin-right: 10%;
		margin-bottom: 1%;
 	}

	div.search .input .textInput {
		border: 1px solid #777;	
		display:  inline;
		font-size: 1em;
		line-height: 1.2em;
		width: auto;
	}

	div.search .input submitbutton {
		border: 1px solid #777;	
		display:  inline;	
		height: 0.9em;
	}

	div.search input {
		font-size: 1em;
		line-height: 1.2em;
		border: 1px solid #777;
	}
	div.search_clear {
		clear: both;
		margin: 1.5em 0;
	}

	option{
		padding: 2px;
		text-align:left;
		padding-left: 10px;
		border-bottom: 1px solid #eee;
	}
/* @end */


/* @group RequestView */
	.request table{
		width: 400px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.request .view caption {
		font-variant: normal;
		color: #ac0000;
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-left: 1em;
		padding-bottom: 0.5em;
		/*background-color: #fbeacf;*/
}

	.view {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.viewFooter {
		font-style: italic;
		font-size: 1em;
		vertical-align: middle;
		text-align: left;
		background-color: #fbeacf;
	}

	.viewEntry {
		vertical-align: top;
		text-align: left;
		height: 7em;
	}
	.viewEntry td {
			padding: 0.9em;

	}
/* @end */

/* @group Paging */

	div.paging {
		width: 95%;
		color: #aaa;
		margin-top: 1em;
		margin-bottom: 2em;
		text-align: center;
	}
	
	div.paging div.disabled {
		color: #aaa;
		display: inline;
	}
/* @end */

.admin {
	border: 1px solid #999;
	background-color: #DDD;
	float:right;
	padding: 2px 5px;
	margin: 3px;
}

.code {
	background-color: #DDD;
	border: 1px dashed #000;
	padding: 8px;
}

.tooltip {
	margin: 0 0;
	border:1px solid gray;
	padding:5px;
	background-color:#FCF7F1;
	width:200px;
	font-size:1em
}



#article {
	padding: 0 20px;
}
#article p {
	margin-top:0px;
	margin-bottom: 2em;
}
#article h2 {
	margin-top: 3em;
}

td.newsletter label {
	border: 0px solid #000;
	display: inline;
	font-weight:normal;
	text-align:left;
	width: auto;
	float: none;
	margin:0;
	padding: 0;
}
td.newsletter div.submit input {
	margin:2px;
	margin-right: 15px;
	width:auto;
}
td.newsletter input {
	border: 1px solid #ccc;
	background-color: white;
	width: 190px;
}

.stats {
	vertical-align:bottom;
	text-align:center;font-size:0.9em;border:1px solid gray;
}
.stats caption {
	font-variant: normal;
	color: #ac0000;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	
}

form.filter {
	text-align:right;
}
form.filter li{
	display:inline;
	vertical-align:middle;
	list-style: none;
	padding: 2px;
	margin: 0;
	font-size:0.9em;
}
form.filter input,
form.filter select {
	border: 1px solid #ccc;
	padding: 1px;
}
form.filter input {
	padding:2px;
	margin-top:2px;
	line-height: 150%;
	height:15px;
}
form.filter input.submitbutton {
	padding: 2px;
	height:20px;
	text-align:center;
	vertical-align:middle;
}

}

.author h1 {
	color: #ac0000;
	font-size: 120%;
	margin:0;
	padding:0;
}
.author h2 {
	color: #000;
	font-size: 100%;
	margin:0;
	padding:5px;
}
.author p {
	padding: 10px;
	padding-top:0;
}


.neue_anzeige { background: url('/img/anzeige_aufgeben.png') bottom left; display:block;width:138px;height:23px;border:0;text-indent: -999em; cursor: pointer; }
.neue_anzeige:hover { background: url('/img/anzeige_aufgeben.png') -138px;display:block;width:138px;height:23px;border:0;text-indent: -999em;}
#header { margin:0;padding:0;background:url('../img/banner.gif')}

#city tr { border-bottom: 1px dotted #999;}
#city td { padding: 1em;vertical-align:middle;}
#city .col1 { width:120px;text-align:center; }
#city .col3 { width:100px;text-align:center; }

#footer a { color:#999;}

.sharebuttons { clear: both; margin: 10px 0;margin-bottom:40px }
.sharebuttons div.twitter,
.sharebuttons div.facebook,
.sharebuttons div.google  { float: left; display:block; width:100px;margin:10px }



img.border { border:1px solid #765E65}

p.notice { font-style:italic; font-size:0.9em;}
.aktion { float:right;margin-top:-40px; }
#whatis { clear:both;}