/* Webdesign Gestaltung + Druck Johannes Obermeier www.johannes-obermeier.de */

/***** Body and main container *****/

body {
margin:0;
padding:0;
font:Arial, Helvetica, sans-serif;
background:#0090d4 url(../img/bg.gif) top center repeat-x;
color:#cccccc;
text-align:center;
}

#wrap {
background-color:#282828;
color:#cccccc;
margin:auto;
padding:0;
width:980px;
text-align:center;
}

img {
border:none;
}

/***** Header *****/

.csc-header h1 {
font-size:24px;
}

.csc-firstHeader {
font-size:24px;
}

#navi_top {
background-image:url(../img/bg-navi-top.gif);
width:980px;
height:111px;
color:#FFFFFF;
font-size:18pt;
overflow:hidden;
}

.navi_top_menu {
height:111px;
float:left;
width:743px;
}

.navi_top_menu ul {
padding:0;
margin:0;
list-style:none;
height:111px;
}

.navi_top_menu ul li {
float:left;
}

.navi_top_menu ul li a {
float:left;
height:111px;
text-indent:-9999px;
overflow:hidden;
outline: none;
}

.navi_top_menu ul li a.aktuelles {
background-image: url(../img/aktuelles.gif);
width:91px;
}

.navi_top_menu ul li a.bandinfo {
background-image: url(../img/bandinfo.gif);
width:85px;
}

.navi_top_menu ul li a.bandmitglieder {
background-image: url(../img/bandmitglieder.gif);
width:134px;
}

.navi_top_menu ul li a.fotos {
background-image: url(../img/fotos.gif);
width:59px;
}

.navi_top_menu ul li a.termine {
background-image: url(../img/termine.gif);
width:91px;
}

.navi_top_menu ul li a.veranstalter {
background-image: url(../img/veranstalter.gif);
width:111px;
}

.navi_top_menu ul li a.kontakt {
background-image: url(../img/kontakt.gif);
width:77px;
}

.navi_top_menu ul li a.gaestebuch {
background-image: url(../img/gaestebuch.gif);
width:95px;
}

.navi_top_menu ul li a:hover, .navi_top_menu ul li a.active {
background-position:0 -111px;
}

#ottis_logo {
float:left;
width:237px;
height:99px;
}

#header {
clear:both;
color:#505050;
background:#282828;
height:250px;
margin:0;
padding:0;
}

#header h1 {
font-size:2.5em;
font-weight:normal;
text-indent:-9999px;
position:absolute;
margin:0;
padding:0;
}

#header h1 a,#header h1 a:hover {
padding:0;
}

#header p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 20px 15px;
padding:0 0 0 3px;
}

/***** Main content *****/

#content {
float:left;
margin:0;
padding:20px 20px 20px 20px;
text-align:left;
width:699px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#bandmitglied {
float:right;
width:241px;
}

#footer {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
text-align:center;
padding-bottom:5px;
}

#footer a {
text-decoration:none;
color:#505050;
background-color:inherit;
}

/***** Various tags *****/

a {
text-decoration:none;
color:#cccccc;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a ../img {
border:0;
}

p {
margin:0 0 16px 0;
}

blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
color:#505050;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

/***** File Upload Styles *****/

.csc-uploads td {
border:none;
background-color:#666666;
margin-left:1px;
}

.csc-uploads-icon img {
border:none;
}

table.csc-uploads {
border:none;
border-collapse:separate;
border-spacing:2px;
}

/***** Table styles *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #ffffff;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#666666;
color:ffffff;
}

td {
padding:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
background:#282828;
color:#cccccc;
border-collapse:collapse;
border:solid 1px #FFFFFF;
}

/***** Form styles *****/

.button {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:0 0 15px 0;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
color:#505050;
font-weight:bold;
width:120px;
}

input, textarea {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

label {
margin:2px;
}

input {
width:200px;
}

textarea {
width:400px;
}

/***** Search box *****/

#searchbox {
padding:0;
margin:6px 0 16px 0;
}

#searchform {
background:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
padding:4px;
width:116px;
}

#searchbox label {
display:none;
}

/***** Various classes *****/

.left {
margin:10px 10px 5px 0;
float:left;
}

.right {
margin:10px 0 5px 10px;
float:right;
}

.news {
margin:10px 0 10px 0;
padding:10px 10px 5px 10px;
width:125px;
color:#505050;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
line-height:1.3em;
}

.news a {
clear: all;
font-weight:bold;
}

.news p {
font-size:0.9em;
}

.news h2 {
margin:0 0 10px 0;
padding:0;
}


.textright {
text-align:right;
margin:-10px 0 4px 0;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.highlighted {
padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;
}

.hide {
display:none;
}

/* Login Form */
.tx-newloginbox-pi1-submit {
width: auto;
background: #F2F5F5;
}

#tx-newloginbox-pi1-user, #tx-newloginbox-pi1-pass {
width: 150px;
}


.csc-mailform {
position: relative;
display:block;
width:70%;
PADDING:10px;
font-size:11px; color:#cccccc;
border:none;
}


label {
position: relative;
display:block;
width: 100px;
float: left;
left:10px;
text-align: right;
background: #282828;
PADDING:2px;
margin:2px;
}

input, textarea {
position: relative;
width:250px;
left:20px;
background: #666666;
border:1px solid #CBCED0;
color:#CCCCCC;

}


.csc-mailform-field {
display:block;
background-color:#282828;
left: 218px;
PADDING:2px;
margin:2px;
}


.csc-mailform-check {
display:block;
width:auto;
left: 125px;
border:1px solid #CBCED0;
PADDING:2px;
margin:2px;
}



button {
clear: left;
position: relative;
display:block;
left:118px;
width:auto;
background: #F2F5F5;
}

.csc-mailform-submit {
clear: left;
position: relative;
display:block;
left:128px;
width:auto;
background: #F2F5F5;
color:#000000;
}

/* default styles for extension "tx_veguestbook_pi1" */
	
	.tx-veguestbook-pi1 h2.tx-guestbook-form-error {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		background:none;
		padding:0px;
	}
	
	.tx-veguestbook-pi1 ul li {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 ul {
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-size:12px;
		font-weight:bold;
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:12px;
		font-weight:bold;
		float:right;
	}
	
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:both;
		background:#990000;
		color:#FFF;
		display:block;
		font-size:12px;
		padding:0.125em 0.125em 0.125em 0.25em;
		font-weight:bold;
		margin-top:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width:10em;
		background:#666666;
		padding:0.25em;
		min-height:4em;
	}
	
	* html .tx-veguestbook-pi1 .tx-guestbook-left {
		height:4em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		font-size:12px;
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:29em;
		background:#282828;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		font-size:12px;
		color:#cccccc;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
		font-size:12px;
		color:#990000;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:12px;
		color:#990000;
		font-weight:bold;
		background:none;
		padding:0.25em 0em 0em 0em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:12px;
		color:#cccccc;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date {
		background:#666666;
		display:block;
		margin-top:0.25em;
		padding:0.125em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-latest-more a {
		background:#666666;
		display:block;
		margin-top:0.25em;
		padding:0.125em 0.5em 0.25em 0.125em;
		text-align:right;
		font-weight:bold;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-latest-more a:hover {
		background:#990000;
		color:#FFF;
		text-decoration:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear:both;
		display:block;
		float:left;
		width:6em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
		margin-top:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
		margin-top:0.25em;
		border:solid 1px #cccccc;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width:30em;
		display:block;
		float:left;
		margin-bottom:0.5em;
		margin-top:0.25em;
		border:solid 1px #cccccc;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
		
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#990000;
		border:1px solid #CCC;
		padding:0.25em;
		margin-top:0.5em;
	}
 
	* html .tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		pading-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:auto;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:12px;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:10em;
		font-size:80%;
		display:block;
		margin-bottom:1em;
		margin-left:6em;
	}
	
	.tx-guestbook-pagination a, .tx-guestbook-pagination strong{
	margin-left:5px;
	}