/********************************/
/* Styles - Graff Internetseite */
/********************************/


/* Grundeinstellungen */

html,body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	background-color: #EFE2C7;
	background-image: url(../img/background.jpg);
	background-repeat: repeat-x;
	margin: 0; 
	padding: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	vertical-align: top;
}

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

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a img {
	border:none;
}

img {
	display: block;
	margin: 0;
	padding: 0;
}

ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ol {
	padding: 0 0 0 25px;
	margin: 0px;
}

li {
	padding: 0px;
	margin: 0px;
}

p {
	padding: 0 0 10px 0;
	margin: 0;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	text-transform: uppercase;
	color: #FB4601;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	color: #FB4601;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	color: #000066;
}


/* Content Bereiche */

#page {
	text-align: center;
	width: 100%;
	padding: 0px;
	position: absolute;
}

#box {
	width: 1003px;
	padding: 0px;
	margin: auto;
	text-align:left;
}

#header {
	width: 1003px;
	height: 84px;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

#mainnavi {
	width: 1003px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	text-align:left;
	background-color: #000066;
	background-image: url(../img/menue-bg.jpg);
}

#main {
	width: 1003px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/main_bg.gif);
}

#content_left {
	background-image: url(../img/graffhaus.jpg);
	background-repeat: no-repeat;
	background-color: #EAE6CD;
	width: 210px;
	min-height: 550px;
	float: left;
	padding: 12px 0 35px 0;
	margin:0;
}

#home_left {
	background-color: #EAE6CD;
	width: 210px;
	min-height: 550px;
	float: left;
	padding: 12px 0 35px 0;
	margin:0;
}

#content_normal {
	width: 515px;
	min-height: 400px;
	margin: 0px;
	padding: 0px;
	float: left;
	padding: 18px 20px 18px 22px;
	line-height: 14px;
}

#content_normal a {
	font-weight: bold;
}

#right {
	background-color: #fff;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 236px;
	font-size: 10px;
	padding: 0;
}

#bottom {
	font-size: 11px;
	clear: left;
	width: 1003px;
	height: 20px;
	padding: 6px 0 0 0;
	border-top: 1px solid #000066;
}


/* Kopfbereich */

#logo { 
	width: 210px;
	height: 84px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#logo_druck {
	display: none;
}

#eurozeichen {
	width: 20px;
	height: 19px;
	background-image: url(../img/euro_zeichen.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 75px;
	left: 962px;
}



/* Kopfnavigation */

#topnavi {
	padding: 0px;
	margin: 12px 20px 0px 10px;
	text-align:left;
	float: right;
	font-size: 11px;
}

#topnavi li {
	list-style-type: none;
	padding: 0 0 0 8px;
	margin: 0px;
}

#topnavi a {
	text-decoration: none;
	color: #000066;
	background-image: url(../img/topnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 8px;
}

#topnavi a:hover, #topnavi-act a, #topnavi-act-last a {
	color: #FB4601;
}

#topnavi-no, #topnavi-act {
	float: left;
	padding: 0px;
	border-right: 1px solid #fff;
}

#topnavi-no-last, #topnavi-act-last {
	width: 45px;
	float: left;
	margin: 0px;
	background-image: url(../img/topnavi_rss.gif);
	background-repeat: no-repeat;
	background-position: 43px 2px;
}

#topnavi-facebook {
	width: 25px;
	height: 16px;
	float: left;
	margin: 0px;
	background-image: url(../img/topnavi_facebook.gif);
	background-repeat: no-repeat;
	background-position: 17px 0px;
}

#topnavi-twitter {
	width: 25px;
	float: left;
	margin: 0px;
	background-image: url(../img/topnavi_twitter.gif);
	background-repeat: no-repeat;
	background-position: 17px 0px;
}



/* Hauptnavigation */

#content_left ul {
	text-transform: uppercase;
	font-size: 10px;
}

#mainnavi-trenner {
	width: 2px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/menue-dots.jpg);
}

#mainnavi li {
	list-style-type: none;
	padding: 0 15px 0 16px;
	float: left;
	margin: 0px;
}

#mainnavi-no, #mainnavi-act {
	padding: 0px;
	border-right: 1px solid #fff;
}

/*#mainnavi-no-last, #mainnavi-act-last {
	float: left;
	margin: 0px;
	background-image: url(../img/euro_zeichen.gif);
	background-repeat: no-repeat;
	background-position: 101px 0px;
}
*/

#kopfgrafik img {
	clear: both;
	display:block;
}



/* Linker Content / Unternavigation */

#content_left li {
	list-style:none;
	display:block;
	border-bottom: 1px solid #FB4601;
	padding:7px 7px 7px 20px;
	margin:0;
}

#content_left ul, #content_left ul {
	padding:0;
	margin:0;
}

#subnavi-no a, #subnavi-no-last a {
	color: #000066;
	font-weight: bold;
}

#subnavi-no a:hover, #subnavi-no-last a:hover {
	color: #FB4601;
	text-decoration: none;
}

#subnavi-act a, #subnavi-act-last a {
	color: #FB4601;
	font-weight: bold;
}

#subnavi2-no a, #subnavi2-no-last a {
	color: #000066;
	padding-left: 13px;
}

#subnavi2-no a:hover, #subnavi2-no-last a:hover {
	color: #FB4601;
	text-decoration: none;
	padding-left: 13px;
}

#subnavi2-act a, #subnavi2-act-last a {
	color: #FB4601;
	background-image: url(../img/subnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 13px;
}



/* Content mitte */

#kasten2_pfeil p a {
	color: #FB4601;
	font-weight: bold;
	/*background-image: url(../img/subnavi_pfeil.gif);*/
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 9px;
}

#kasten2_pfeil p a img {
	float: left;
}

#kasten p a {
	color: #FB4601;
	font-weight: bold;
	background-image: url(../img/subnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding-left: 9px;
}

#kasten, #kasten_pfeil {
	background-color: #FFFFFF;
	background-image: url(../img/kasten_bg.gif);
	background-repeat: repeat-x;
	padding: 12px 12px 10px 12px;
	margin: 0 0 10px 0;
	/* border-bottom: 2px dotted #000066;*/
}

#kasten2, #kasten2_pfeil {
	background-color: #FFFFFF;
	background-image: url(../img/kasten_bg.gif);
	background-repeat: repeat-x;
	padding: 12px 12px 5px 12px;
	margin: 0 0 15px 0;
	width: 491px;
}

#news_kasten {
	background-color: #FFFFFF;
	background-image: url(../img/kasten_bg.gif);
	background-repeat: repeat-x;
	padding: 12px 12px 5px 12px;
	/*margin: 0 0 15px 0;
	 border-bottom: 2px dotted #000066;*/
}

#news_kasten a {

}

.news-list-item #news_kasten h2 {
	/*border-bottom: 2px dotted #FB4601;*/
}

.news-single-item #news_kasten h2 {
	font-size: 11px;
}

#content_normal #kasten_leer {
	padding: 7px 12px 0px 12px;
	margin: 0 0 15px 0;
}

#kasten_home h2 {
	/*border-bottom: 2px dotted #FB4601;*/
	float: right;
	width: 374px;
}

#kasten_home p {
	float: right;
	width: 373px;
}

#kasten_3spalten h2 {
	border-bottom: 1px solid #FB4601;
	float: left;
	width: 150px;
	margin: 0 5px 15px 18px;
}

#kasten_3spalten p {
	font-size: 11px;
	float: left;
	width: 150px;
	margin: 0 5px 0 18px;
}

#content_kasten th {
	width: 120px;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	color: #FB4601;
	border-bottom: 1px solid #FB4601;
}

#clearfix {
	clear: left;
}

.csc-textpic-caption{
	padding: 4px 0 12px 0;
	font-size: 11px;
	text-align: center;
}

div#fancy_title div {
	color: #FFF;
	font: bold 16px Arial;
	padding-bottom: 12px;
}


#facebook {
	float: left;
	margin: 0 15px 0 0;
	background-image: url(../img/topnavi_facebook.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 0 19px;
}

#twitter {
	float: left;
	margin: 0px;
	background-image: url(../img/topnavi_twitter.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 0 16px;
}



/* Content rechts */

#shopsuche {
	background-image: url(../img/suche.jpg);
	background-repeat: no-repeat;
	background-color: #F2ECCA;
	border-bottom: 1px solid #FB4601;
	margin:0;
	border-left: 1px solid #FB4601;
}

#shopform {
	padding:19px 7px 14px 15px;
	margin:0;
}

#shopsuche input[type=text] {
	border: 1px solid #FB4601;
	background-color: #fff;
	height: 16px;
	width: 180px;
	margin-right: 5px;
}

#shopsuche li {
	list-style:none;
	display:block;
	border-top: 1px solid #FB4601;
	padding:7px 7px 7px 15px;
	margin:0;
}

#shopsuche ul {
	padding:0;
	margin:0;
}

#shoplink {
	list-style:none;
	display:block;
	border-top: 0;
	padding:0 0 15px 0;
	margin:0;
}

#shoplink a {
	color: #FB4601;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#shopsuche li a {
	color: #000066;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../img/subnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 9px;
}
#shopsuche a:hover, #rightnavi_act li a {
	color: #FB4601;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../img/subnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 9px;
	text-decoration: none;
}

#abstand_right {
	background-image: url(../img/abstand_right.jpg);
	background-repeat: repeat-y;
	background-color: #fff;
	height: 30px;

}

#content_right {
	background-image: url(../img/veranstaltungen.jpg);
	background-repeat: no-repeat;
	background-color: #EAE6CD;
	min-height: 196px;
	margin: 0;
	padding:19px 15px 7px 15px;
	border-top: 1px solid #FB4601;
	border-left: 1px solid #FB4601;
}

#link-veranstaltungen {
	margin: 5px 0 10px 0;
}



/* Bereich unten */

#drucken a, #empfehlen a {
	text-decoration: none;
	color: #000066;
	background-image: url(../img/subnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 8px;
}

#bottom a:hover {
	color: #FB4601;
}

#bottomtext {
	width: 798px;
	float: left;
}

#adresse {
	float: left;
	padding: 0 0 0 19px;
	color: #000066;
}

#drucken {
	float: left;
	width: 77px;
}



/* Trennlinien */

div.csc-frame-rulerAfter {
	border-bottom: 1px solid #000066;
	margin: 6px 0 17px 0;
}

#linie_menue {
	border-bottom: 1px solid #FB4601;
	margin: 0;
	padding: 16px 20px 9px 20px;
}

.csc-sword {
	color: red;
}

#linie_veranstaltungen {
	/*border-bottom: 1px solid #000066;*/
	margin: 20px 0 6px 0;
}

#linie_content {
	border-bottom: 1px solid #000066;
	margin: 20px 0 6px 0;
}



/* Formulare */

form input, form textarea, form select, form radio {
	padding: 0; 
	margin-bottom: 2px; 
	height: auto; 
	vertical-align: top;
}

fieldset {
	border: 0;
	padding: 0; 
	margin: 0; 
}

label {
	width: 80px;
	float: left;
	text-align: left;
	margin-right: 10px;
	display: block;
}

.csc-mailform-submit {
	margin-left: 90px;
}

.news-list-morelink {
	margin: 0px 0 18px 0;
}

.news-single-backlink {
	margin: 15px 0 0 0;
}


.news-single-img {
	text-align: left;
	margin: 0 12px 10px 0;
}

.news-single-imgcaption {
	font-size: 9px;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image {
	padding:0 4px 0 0;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	height: 160px;
	padding:0 17px 9px 0;
	background:url(../img/buch_schatten.gif) right bottom no-repeat;
	border: 0;
}

#content_normal label {
	margin-bottom:10px;
}

#content_normal input[type='text'], #content_normal input[type='password']  {
	margin-bottom:10px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #006;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content_normal select  {
	margin-bottom:10px;
	height: 19px;
	background-color: #fff;
	border: 1px solid #006;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content_normal textarea {
	margin-bottom:10px;
	background-color: #fff;
	border: 1px solid #006;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content_normal input[type='radio'] {
	margin: 0 1px 10px 1px;
}


#content_normal input[type='submit'] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* KALENDER */

.columYear {
	text-transform:uppercase;
	font-weight: bold;
	color: #FB4601;
}

.calendar-table{
	width:100%;
	padding:1em;
}
.calendar-table a{
	text-decoration:underline;
}
.calendar-table TD, .calendar-table TH{
	padding:3px;
	vertical-align: middle;
	text-align:center;
}
.calendar-table TH{
	color:#000066;
	border-top:1px solid #7e7e7e;
	border-bottom:1px solid #7e7e7e;
}
.calendar-table caption{
	font-size:200%;
	color:#000066;
	text-transform:uppercase;
}
.linked_today{
	background-color:#fff;
	padding:2px;
	color:#FB4601;
	font-weight: bold;
	cursor:pointer;
	border:1px solid #FB4601;
}
.linked_today_nolink{
	padding:2px;
	color:#000066;
	background-color:#fff;
}
.linked_day{
	padding:2px;
	color:#FB4601;
	font-weight: bold;
	cursor:pointer;
	border:1px solid #FB4601;
}

/* List view CSS */
.newsCalendar_listHeader{
	font-size:1.5em;
	font-weight:bold;
	background-color:#C7D5FE;
	color:#000066;
	border:1px solid #7e7e7e;
	padding:0.5em;
}
.newsCalendar_listBody{
	padding:1em;
}
.newsCalendar_listItem{
	font-size:1em;
	padding-left:1em;
}
.newsCalendar_listItemHeader{
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.25em;
	font-size:1.25em;
}


/* Context Menü */

.rcMenuContainer {
    font-family: Verdana, Arial;
    position: absolute;
    background: #fff;
    padding:1px;
    z-index:10;
}
.rcMenuItem {
    width:200px;
    float:left;
    font-size:11px;
    font-weight:normal;
    padding:4px;
    text-decoration:none;
    color:#FB4601;
    background-color:#EAE6CD;
}
.rcMenuItemHover {
    width:200px;
    float:left;
    font-size:11px;
    font-weight:normal;
    padding:4px;
    text-decoration:none;
    color:#FB4601;
    background-color:#e9e1ac;
}
.rcMenuItemText {
    font-size:100%;
    font-weight:bold;
    border:0px;
    padding:2px;
    color:#FFFFFF;
    border: 0px solid #FFFFFF;
    background: #000066;
    text-align:center;
}
.rcMenuItemTextExt {
    font-size:11px;
    font-weight:normal;
    border:1px solid grey;
    padding:2px;
} 
.rcMenuSeparator{
    color:#7e7e7e;
    height:1px;
    width:200px;
}
.rcImage {
	padding-right:4px; 
}


fieldset.tx-powermail-pi1_fieldset {
	border: none;
}

div.tx-powermail-pi1 legend {
	display: none;
}

p.tx_powermail_pi1_fieldwrap_html_radio_title, p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	font-weight: bold;
	margin: 20px 0 0 0;
}

div.powermail_radio_inner label, div.powermail_check_inner label{
	width: 475px;
	float: right;
}

div.powermail_radio_inner input, div.powermail_check_inner input{
	width: 15px;
	float: left;
	height: 13px;
}

div.tx-powermail-pi1 label {
	clear: both;
}

div.tx_powermail_pi1_fieldwrap_html_text label {
	width: 100px;
}

div.tx_powermail_pi1_fieldwrap_html_text input {
	width: 270px;
}

#powermaildiv_uid25 {
	margin: 0 0 15px 0;
}

#powermaildiv_uid31, #powermaildiv_uid33 {
	margin: 20px 0 12px 0;
	font-weight: bold;
}

#tx-powermail-pi1_fieldset_6 {
	margin: 20px 0 0 0;
}

#powermaildiv_uid30 {
	margin: 15px 0 20px 110px;
}

#powermaildiv_uid30 input {
	width: 255px;
	height: 25px;
	background-color: #FB4601;
	color: #fff;
	font-weight: bold;
}

#powermaildiv_uid35, #powermaildiv_uid37 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 8px 0;
	text-transform: uppercase;
	color: #FB4601;
}

div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	font-weight: bold;
	clear: both;
	margin: 3px 0 15px 30px;
}

#katalog {
	text-transform: uppercase;
}

#katalog a {
	color: #fff;
	
}

#kata a {
	color: #FB4601;
	
}