@import url("/kulturforum/wLayout/design/style/weblics.css");

/*
################################################################
Layout
################################################################
*/

html, body {
margin:0;
padding:0;
}

body { 
background: url(/kulturforum/wLayout/design/img/hg.jpg) repeat-x #fff0a8;
font-family: Verdana Arial, sans-serif;
font-size: 0.9em;
line-height:130%;
font-weight: normal;
color: #555;
}

#layout {
margin: 0 auto;
width:1000px;
}

#header {
height:275px;
}

#content {
background: url(/kulturforum/wLayout/design/img/hg_content.jpg) repeat-y;
}

#contentKulturforum {
background: url(/kulturforum/wLayout/design/img/hg_content_kufo.jpg) repeat-y;
}

#middle {
background: url(/kulturforum/wLayout/design/img/hg_middle.jpg) no-repeat;
margin:0px 195px 0 220px;
padding: 20px 50px 80px 50px;
}

#middleKulturforum {
margin-left: 220px;
padding: 20px 50px 80px 10px;
}

#middle #contentText, #middle .blockContent, #middleKulturforum .blockContentKulturforum {
padding: 10px 0px;
}

img#schwung {
position: relative;
z-index: 1;
left: -16px;
top:-265px;
}

div#schrift {
position: relative;
z-index:2;
top:-243px;
padding-left:780px;
color: #fff;
}

div#schrift a {
text-decoration: none;
color: #fff;
margin: 0 3px;
}

div#schrift a:hover {
text-decoration: none;
color: #f90;
}

/*
################################################################
Linke Spalte
################################################################
*/

#left {
background: url(/kulturforum/wLayout/design/img/hg_left.jpg) repeat-y;
float:left;
width:220px;
}

#left #contentLeft {
background: url(/kulturforum/wLayout/design/img/hg_contentLeft.jpg) no-repeat;
padding: 40px 0 10px;
}

#left .boxLeft {
margin: 10px 12px;
}

#left .boxContent {
background: #fcf2b4;
padding: 5px 10px;
border-top: 1px dotted #f60;
border-bottom: 1px dotted #f60;
font-size:95%;
line-height:120%;
}

#left p img {
margin-right:4px;
}

/*
################################################################
Rechte Spalte
################################################################
*/

#right {
background: #b7d8fd;
float:right;
width: 195px;
}

#right .boxRight {
margin: 10px 0 10px 10px;
}

#right .boxContent {
background: #fff;
padding: 5px 10px;
border-top: 1px dotted #369;
border-bottom: 1px dotted #369;
font-size:90%;
line-height:120%;
}

#right .banner img {
margin:10px 0;
}


#right .boxContent ul {
padding: 0;
margin:0 18px;
list-style-image: url(/kulturforum/wLayout/design/img/pfeil_blau.gif);
}

#right .boxContent ul li .aNavLeftLevel {
display:block;
padding: 4px 0;
}

#right .boxContent ul li .aNavLeftLevelSelected {
display:block;
padding: 4px 0;
color: #369;
}

/*
################################################################
Klassen und IDs
################################################################
*/

.clear {
clear:both;
}

.plus, .minus {
font-size: 120%;
font-weight:bold
}

.minus {
padding-left:10px;
}

.small {
font-size:90%;
}

.text  {
margin-bottom:30px;
}

div.newsletter {
margin: 4px 0;
}

div#empfehlung {
background: #fcf2b4;
margin: 4px 0 0;
padding: 8px 12px 12px;
font-size:95%;
border-top:1px dotted #f90;
}

div#empfehlung input.mail {
background: #fff;
border: 1px solid #f90;
width:180px;
padding: 2px;
margin: 4px 4px 4px 2px;
color: #555;
}

div#empfehlung input.go {
width:30px;
background:#f90;
color:#fff;
border: 1px solid #f90;
}

#middle #avm, #middleKulturforum #avm {
margin: 15px auto;
text-align:center;
}

#middle #avm a, #middleKulturforum #avm a  {
color:#f70;
font-size:85%;
text-decoration: none;
}

#middle #avm a:hover, #middleKulturforum #avm a:hover  {
color:#369;
}


/*
################################################################
Textformatierung
################################################################
*/

#right h1 {
font-size: 90%;
margin: 0 0 2px;
padding:0;
color: #369;
}

#left h1 {
font-size: 90%;
margin: 0 0 2px;
padding:0;
color: #f60;
}

#left a {
color: #f60;
}

#left a:hover {
color: #369;
}

#left .boxContent a {
color: #f60;
font-weight:bold;
text-decoration:none;
}

#right a {
color: #369;
font-weight:bold;
text-decoration:none;
}

#right a:hover {
color: #f60;
}

#left p, #right p {
margin:0;
padding: 4px 0;
}

#middle b {
color:#369;
font-weight:bold;
}


/*
################################################################
Textfomatierung – Content
################################################################
*/

#contentText b, #right b,  .blockContent b, .blockContentKulturforum b {
color: #369;
}

#contentText a,  .blockContent a, .blockContentKulturforum a {
color: #369;
}

#contentText a:hover, .blockContent a:hover, .blockContentKulturforum a:hover {
color: #f60;
}

#contentText a:visited, .blockContent a:visited, .blockContentKulturforum a:visited {
color: #666;
}


#contentText h1, .blockContent h1, .blockContentKulturforum h1 {
margin: 20px 0;
font-size:120%;
color: #369;
line-height:120%;
}

#contentText h2, .blockContent h2, .blockContentKulturforum h2 {
font-size:110%;
color: #369;
}

#contentText h3, .blockContent h3, .blockContentKulturforum h3 {
font-size:110%;
color: #f60;
}

#contentText h4, .blockContent h4, .blockContentKulturforum h4 {
font-size:110%;
color: #369;
border-bottom: 1px solid #369;
padding-bottom:2px;
}

#contentText h5, .blockContent h5, .blockContentKulturforum h5 {
font-size:110%;
color: #f70;
border-bottom: 1px solid #f80;
padding-bottom:2px;
}


#contentText h6, .blockContent h6, .blockContentKulturforum h6 {
font-size:100%;
color: #666;
padding:0;
margin: 4px 0 12px;
}

#contentText hr, .blockContent hr, .blockContentKulturforum hr {
	overflow:auto;
	margin-top:2px;
	margin-bottom:8px;
	background-color:#369;
	color:#369; 
	height:1px; 
	border-style:none;
}

#contentText img.contentImg, .blockContent img.contentImg, .blockContentKulturforum img.contentImg {
border: 1px solid #369;
margin: 0 0 12px;
}

#contentText ul, .blockContent ul, .blockContentKulturforum ul {
margin:0;
padding:0 20px;
list-style-image: url(/kulturforum/wLayout/design/img/pfeil_blau.gif);
}


/*
################################################################
Listen – Zeilenvorlagen
################################################################
*/

.listRowStandard {
margin: 4px 0 8px;
padding: 8px 0;
border-bottom: 1px dotted #369;
}

.blockContent .includeWeblic ul.elementList {list-style-image:none;}
.blockContent .includeWeblic ul.elementList li {list-style-image:none;}